@charset "UTF-8";
/*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 > .genericlist-wrapper {
  height: calc(100% - 20px);
}
body #_content > #FR > .formwrap {
  height: 100%;
  display: flex;
  flex-direction: column;
}
body #_content > #FR > .formwrap .sfr, body #_content > #FR > .formwrap > .tabContainer {
  flex-grow: 1;
  max-width: 100%;
}
body #_content > #FR > .formwrap .sfr.technic, body #_content > #FR > .formwrap > .tabContainer.technic {
  flex-grow: 0;
}
body #_content > #FR > .formwrap .sfr-vsm {
  flex-grow: 0;
  height: max-content;
  width: 100%;
  position: sticky;
  bottom: 0;
  z-index: 2;
}
body #_content > #FR > .formwrap .sfr-glt {
  max-height: 100%;
}
body #_content > #FR > .formwrap .sfr-glt > .genericlist-wrapper {
  height: calc(100% - 20px);
}
body #_content > #FR > .formwrap .GLT-vsm {
  height: calc(100vh - 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: ",";
}

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

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

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

/*LINKS*/
a {
  color: #aa2ebe;
  text-decoration: none;
}
a:hover {
  color: #4d37b5;
}

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

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

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

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

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

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

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

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

  &:hover > a, a:hover {

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

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

@media screen and (max-width: 1080px) {
  #_mobileMenu {
    display: inline-block;
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 11;
  }
  #_body #_header #_headerInner {
    opacity: 0;
    display: flex;
    position: fixed;
    right: -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 {
    opacity: 1;
    right: 0px;
    width: 200px;
  }
  #_body #_header.showMenu #_headerInner nav {
    order: 1;
    overflow: auto;
  }
  #_body #_header.showMenu #_headerInner nav #menu {
    flex-direction: column;
    height: auto;
    justify-content: flex-start;
  }
  #_body #_header.showMenu #_headerInner nav #menu li {
    width: 100%;
    justify-content: flex-start;
    height: auto;
    flex-wrap: wrap;
  }
  #_body #_header.showMenu #_headerInner nav #menu li:hover, #_body #_header.showMenu #_headerInner nav #menu li:hover > a, #_body #_header.showMenu #_headerInner nav #menu li:hover > a:hover {
    background: transparent;
    color: #0d0505;
    font-weight: bold;
  }
  #_body #_header.showMenu #_headerInner nav #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 {
    background-position-x: 5px;
  }
  #_body #_header.showMenu #_headerInner nav #menu li ul[class^=submenu] {
    position: static;
    width: 100%;
    border-radius: 0px;
    box-shadow: none;
    border: none;
    padding-left: calc(45px - 10px);
    background: rgba(0, 0, 0, 0.05);
  }
  #_body #_header.showMenu #_headerInner nav #menu li ul[class^=submenu] li:last-of-type {
    border-radius: 0px;
  }
  #_body #_header.showMenu #_headerInner nav #menu li ul[class^=submenu] ul[class^=submenu] {
    margin-left: calc(-45px + 10px);
    width: calc(100% + 45px - 10px);
  }
  #_body #_header.showMenu #_headerInner .logout {
    top: 0px;
    order: 2;
    height: auto;
  }
  #_body #_header.showMenu #_headerInner .logout a {
    min-height: 45px;
  }
  #_body #_header.showMenu #_headerInner .UCI {
    top: 0px;
    height: auto;
    order: 4;
    flex-direction: column;
  }
  #_body #_header.showMenu #_headerInner .UCI > div, #_body #_header.showMenu #_headerInner .UCI a {
    width: 100%;
  }
}
html {
  font-family: "Poppins", sans-serif;
  font-size: 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(45px - 10px);
  width: 0px;
  filter: invert(24%) sepia(98%) saturate(1541%) hue-rotate(271deg) brightness(96%) contrast(102%);
  transition: all 0.5s 0s ease;
}
.ico.info, .ico.valid, .ico.warning, .ico.error, .ico.fatal {
  width: calc(45px - 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: "Poppins", sans-serif;
  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: 45px;
  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: #aa2ebe;
  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(24%) sepia(98%) saturate(1541%) hue-rotate(271deg) brightness(96%) contrast(102%);
}
input[type=button].primary, input[type=submit].primary, button.primary {
  background-color: #aa2ebe;
  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: #4d37b5;
  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(45px - 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(45px - 10px);
  width: 0px;
  filter: invert(24%) sepia(98%) saturate(1541%) hue-rotate(271deg) brightness(96%) contrast(102%);
  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(45px - 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: 45px;
}
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(22%) sepia(81%) saturate(1677%) hue-rotate(235deg) brightness(93%) contrast(102%);
}
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(24%) sepia(98%) saturate(1541%) hue-rotate(271deg) brightness(96%) contrast(102%);
}
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(22%) sepia(81%) saturate(1677%) hue-rotate(235deg) brightness(93%) contrast(102%);
}
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: 45px;
}
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(22%) sepia(81%) saturate(1677%) hue-rotate(235deg) brightness(93%) contrast(102%);
}
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(24%) sepia(98%) saturate(1541%) hue-rotate(271deg) brightness(96%) contrast(102%);
}
input[type=button].icon-button > button.primary:hover, input[type=submit].icon-button > button.primary:hover, button.icon-button > button.primary:hover {
  filter: invert(22%) sepia(81%) saturate(1677%) hue-rotate(235deg) brightness(93%) contrast(102%);
}
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: 45px;
  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(22%) sepia(81%) saturate(1677%) hue-rotate(235deg) brightness(93%) contrast(102%);
}
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(24%) sepia(98%) saturate(1541%) hue-rotate(271deg) brightness(96%) contrast(102%);
}
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(22%) sepia(81%) saturate(1677%) hue-rotate(235deg) brightness(93%) contrast(102%);
}
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: #aa2ebe;
  color: #ffffff;
}
.button.primary input [type=button]:hover, .button.primary input[type=submit]:hover, .button.primary button:hover {
  background-color: #4d37b5;
}
.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(45px - 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: 45px;
}
.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(22%) sepia(81%) saturate(1677%) hue-rotate(235deg) brightness(93%) contrast(102%);
}
.button.icon-button.sfr-searchTmpl > .formwrap > .button > button:disabled {
  opacity: 0.5;
}
.button.icon-button.sfr-searchTmpl > .formwrap > .button > button.primary {
  filter: invert(24%) sepia(98%) saturate(1541%) hue-rotate(271deg) brightness(96%) contrast(102%);
}
.button.icon-button.sfr-searchTmpl > .formwrap > .button > button.primary:hover {
  filter: invert(22%) sepia(81%) saturate(1677%) hue-rotate(235deg) brightness(93%) contrast(102%);
}
.button.icon-button > button {
  box-shadow: none;
  background-color: transparent;
  font-size: 0px;
  padding: 0px;
  min-width: 45px;
}
.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(22%) sepia(81%) saturate(1677%) hue-rotate(235deg) brightness(93%) contrast(102%);
}
.button.icon-button > button:disabled {
  opacity: 0.5;
}
.button.icon-button > button.primary {
  filter: invert(24%) sepia(98%) saturate(1541%) hue-rotate(271deg) brightness(96%) contrast(102%);
}
.button.icon-button > button.primary:hover {
  filter: invert(22%) sepia(81%) saturate(1677%) hue-rotate(235deg) brightness(93%) contrast(102%);
}
.button.icon-button:not(div) {
  box-shadow: none;
  background-position: center center;
  background-repeat: no-repeat;
  min-width: 45px;
  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(22%) sepia(81%) saturate(1677%) hue-rotate(235deg) brightness(93%) contrast(102%);
}
.button.icon-button:not(div):disabled {
  opacity: 0.5;
}
.button.icon-button:not(div).primary {
  filter: invert(24%) sepia(98%) saturate(1541%) hue-rotate(271deg) brightness(96%) contrast(102%);
}
.button.icon-button:not(div).primary:hover {
  filter: invert(22%) sepia(81%) saturate(1677%) hue-rotate(235deg) brightness(93%) contrast(102%);
}

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

/*TEXT INPUT*/
.field {
  /*functional core - DO NOT CHANGE*/
  position: relative;
  /*editable*/
  padding: 10px 0px 0px 0px; /*linked with label positioning*/
}
.field * {
  /*functional core - DO NOT CHANGE*/
  box-sizing: border-box;
}
.field.animate label {
  transition: 300ms ease transform, 300ms ease top, 300ms ease left, 300ms ease height, 300ms ease opacity;
}
.field.animate .inputWrapper:before {
  transition: 300ms all ease;
}
.field.animate .inputWrapper input, .field.animate .inputWrapper textarea {
  transition: 300ms ease all;
}
.field.animate .inputWrapper .inputBorderL {
  transition: 300ms all ease;
}
.field.animate .inputWrapper .inputBorderR {
  transition: 300ms all ease;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) {
  /*active state*/
  /*focused state*/
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) > label {
  /*functional core - DO NOT CHANGE*/
  position: absolute;
  z-index: 1;
  pointer-events: none;
  transform: scale(1.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: "Poppins", sans-serif;
  /*transition: 300ms ease all; /*disabled for PH deanimation test*/
  border: none;
  outline: none;
  width: 100%;
  resize: vertical;
  /*editable*/
  font-size: 1rem;
  padding: 3px 10px; /*linked with border radius*/
  min-height: max(45px, 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: #4d37b5;
  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 #4d37b5;
}
.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 #4d37b5;
  border-left: 0px solid #4d37b5;
  border-bottom: 0px solid #4d37b5;
}
.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 #4d37b5;
  border-right: 0px solid #4d37b5;
  border-bottom: 0px solid #4d37b5;
}
.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(24%) sepia(98%) saturate(1541%) hue-rotate(271deg) brightness(96%) contrast(102%);
}

/*CHECKBOX*/
.field.checkbox,
.field.checkboxList {
  display: inline-flex;
  align-items: center;
  min-height: calc(45px / 2);
  min-width: calc(45px / 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: 45px;
  line-height: normal;
}
.field.checkbox input + label:before,
.field.checkboxList input + label:before {
  content: "";
  display: inline-flex;
  height: max(calc(45px / 2), 14px);
  width: max(calc(45px / 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: 45px;
  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(45px / 2), 14px);
  width: max(calc(45px / 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(45px - max(calc(45px / 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: 45px;
  line-height: normal;
}
.field.radio .radioWrapper input + label:before {
  content: "";
  display: inline-flex;
  height: max(calc(45px / 2), 14px);
  width: max(calc(45px / 2), 14px);
  background: transparent;
  border-radius: calc(calc(45px / 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(45px / 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(45px / 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: 45px;
  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: 45px;
  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: 45px;
  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: 45px;
  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: 45px;
  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: 45px;
  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: 45px;
  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: 45px;
  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: 45px;
  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: 45px;
  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: 45px;
  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: 45px;
  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: 45px;
  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: 45px;
  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: 45px;
  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: 45px;
  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: 45px;
  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: 45px;
  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: 45px;
  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: 45px;
  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: 45px;
  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: 45px;
  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: 45px;
  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: 45px;
  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: 45px;
  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: 45px;
  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: 45px;
  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: 45px;
  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: 45px;
  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: 45px;
  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: 45px;
  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: 45px;
  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: 45px;
  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: 45px;
  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: 45px;
  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: 45px;
  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: 45px;
  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: 45px;
  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: 45px;
  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: 45px;
  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: 45px;
  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: 45px;
  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: 45px;
  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: 45px;
  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: 45px;
  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: 45px;
  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: 45px;
  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: 45px;
  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: 45px;
  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: 45px;
  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: 45px;
  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: 45px;
  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: 45px;
  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: 45px;
  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: 45px;
  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: #4d37b5;
}
.tabContainer .tabHeader button.active {
  color: #aa2ebe;
  border-bottom-color: #aa2ebe;
}
.tabContainer .tabHeader button.active:hover {
  color: #4d37b5;
  border-bottom-color: #4d37b5;
}
.tabContainer .tabHeader button.fmAlert {
  color: #576CA3;
  opacity: 1;
  border-color: #576CA3;
}
.tabContainer .tabHeader button.fmError {
  color: #E53935;
  opacity: 1;
  border-color: #E53935;
}
.tabContainer .tabHeader button.fmFatalError {
  color: #B71C1C;
  opacity: 1;
  border-color: #B71C1C;
}
.tabContainer .tabHeader button.fmWarning {
  color: #FF760D;
  opacity: 1;
  border-color: #FF760D;
}
.tabContainer.hiddenTabHeader > .tabHeader {
  display: none;
}
.tabContainer .tab {
  display: inline-flex;
  width: 100%;
  flex-direction: row;
  flex-wrap: wrap;
}

/*COMPLEX*/
.complexTableContainer div.lazyComplexTableContainer {
  max-height: 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(45px / 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: 45px;
  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(22%) sepia(81%) saturate(1677%) hue-rotate(235deg) brightness(93%) contrast(102%);
}
.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(45px / 2);
  height: calc(45px / 2);
  border: 2px solid #aa2ebe;
  color: #aa2ebe;
  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(45px / 2 - calc(45px / 2) / 2);
}

/* ACCORDION */
.accor-button {
  cursor: pointer;
  border: none;
  font-family: "Poppins", sans-serif;
  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: #aa2ebe;
  background-color: #FFFFFF;
  padding: 5px 10px;
  display: inline-flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  height: 45px;
  transition: all 0.5s 0s ease;
}
.accor-button.accor-active, .accor-button:hover {
  background-color: #FAFAFA;
  color: #aa2ebe;
}

.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(45px - 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: 45px;
}
.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(22%) sepia(81%) saturate(1677%) hue-rotate(235deg) brightness(93%) contrast(102%);
}
.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(24%) sepia(98%) saturate(1541%) hue-rotate(271deg) brightness(96%) contrast(102%);
}
.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(22%) sepia(81%) saturate(1677%) hue-rotate(235deg) brightness(93%) contrast(102%);
}
.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: 45px;
}
.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(22%) sepia(81%) saturate(1677%) hue-rotate(235deg) brightness(93%) contrast(102%);
}
.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(24%) sepia(98%) saturate(1541%) hue-rotate(271deg) brightness(96%) contrast(102%);
}
.sfr-searchTmpl div[class*=pops] button.icon-button > button.primary:hover, .sfr-searchTmpl div[class*=pops] .button.icon-button > button.primary:hover {
  filter: invert(22%) sepia(81%) saturate(1677%) hue-rotate(235deg) brightness(93%) contrast(102%);
}
.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: 45px;
  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(22%) sepia(81%) saturate(1677%) hue-rotate(235deg) brightness(93%) contrast(102%);
}
.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(24%) sepia(98%) saturate(1541%) hue-rotate(271deg) brightness(96%) contrast(102%);
}
.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(22%) sepia(81%) saturate(1677%) hue-rotate(235deg) brightness(93%) contrast(102%);
}
.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(45px - 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: 45px;
}
.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(22%) sepia(81%) saturate(1677%) hue-rotate(235deg) brightness(93%) contrast(102%);
}
.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(24%) sepia(98%) saturate(1541%) hue-rotate(271deg) brightness(96%) contrast(102%);
}
.sfr-searchTmpl.icon-button.sfr-searchTmpl > .formwrap > .button > button.primary:hover {
  filter: invert(22%) sepia(81%) saturate(1677%) hue-rotate(235deg) brightness(93%) contrast(102%);
}
.sfr-searchTmpl.icon-button > button {
  box-shadow: none;
  background-color: transparent;
  font-size: 0px;
  padding: 0px;
  min-width: 45px;
}
.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(22%) sepia(81%) saturate(1677%) hue-rotate(235deg) brightness(93%) contrast(102%);
}
.sfr-searchTmpl.icon-button > button:disabled {
  opacity: 0.5;
}
.sfr-searchTmpl.icon-button > button.primary {
  filter: invert(24%) sepia(98%) saturate(1541%) hue-rotate(271deg) brightness(96%) contrast(102%);
}
.sfr-searchTmpl.icon-button > button.primary:hover {
  filter: invert(22%) sepia(81%) saturate(1677%) hue-rotate(235deg) brightness(93%) contrast(102%);
}
.sfr-searchTmpl.icon-button:not(div) {
  box-shadow: none;
  background-position: center center;
  background-repeat: no-repeat;
  min-width: 45px;
  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(22%) sepia(81%) saturate(1677%) hue-rotate(235deg) brightness(93%) contrast(102%);
}
.sfr-searchTmpl.icon-button:not(div):disabled {
  opacity: 0.5;
}
.sfr-searchTmpl.icon-button:not(div).primary {
  filter: invert(24%) sepia(98%) saturate(1541%) hue-rotate(271deg) brightness(96%) contrast(102%);
}
.sfr-searchTmpl.icon-button:not(div).primary:hover {
  filter: invert(22%) sepia(81%) saturate(1677%) hue-rotate(235deg) brightness(93%) contrast(102%);
}

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

#_debuggerConsole {
  position: absolute;
  top: 55px;
  right: 5px;
  z-index: 99;
  display: inline-flex;
  align-items: center;
}
#_debuggerConsole .debug-container-btn {
  height: calc(45px + 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: "Poppins", sans-serif;
  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: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 #aa2ebe;
  margin: 10px;
}
.loader .loader__element:nth-child(1) {
  animation: preloader 0.6s ease-in-out alternate infinite;
}
.loader .loader__element:nth-child(2) {
  animation: preloader 0.6s ease-in-out alternate 0.2s infinite;
}
.loader .loader__element:nth-child(3) {
  animation: preloader 0.6s ease-in-out alternate 0.4s infinite;
}
@keyframes preloader {
  100% {
    transform: scale(2);
  }
}

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

@keyframes move-forever {
  0% {
    transform: translate3d(-90px, 0, 0);
  }
  100% {
    transform: translate3d(85px, 0, 0);
  }
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
  .waves {
    height: 40px;
    min-height: 40px;
  }
}
#_body.loginPage #_header, #_body.loginPage #_breadcrumb {
  display: none;
}
#_body.loginPage #FR1 {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, rgb(87, 108, 255) 0%, rgb(58, 67, 110) 100%);
}
#_body.loginPage #FR1 .loginErrorMsg, #_body.loginPage #FR1 .loginInfoMsg {
  color: #E53935;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 20px 0px 0px 0px;
  width: 100%;
}
#_body.loginPage #FR1 .loginErrorMsg:before, #_body.loginPage #FR1 .loginInfoMsg:before {
  background-image: url("/Icons/ico_wrongPassword.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-color: transparent;
  background-size: contain;
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  filter: invert(26%) sepia(76%) saturate(2395%) hue-rotate(343deg) brightness(94%) contrast(89%);
  margin-right: 10px;
  flex-shrink: 0;
}
#_body.loginPage #FR1 .loginErrorMsg.detailed span, #_body.loginPage #FR1 .loginInfoMsg.detailed span {
  text-align: justify;
  font-size: 0.9rem;
}
#_body.loginPage #FR1 .loginInfoMsg {
  color: #05BE70;
}
#_body.loginPage #FR1 .loginInfoMsg:before {
  background-image: url("/Icons/ico_checkCircle.svg");
  filter: invert(50%) sepia(94%) saturate(1367%) hue-rotate(116deg) brightness(93%) contrast(96%);
}
#_body.loginPage #FR1 .loginBox {
  display: inline-flex;
  flex-direction: column;
  border-radius: 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;
  min-width: 250px;
  /*LOGO*/
  background-image: url("/varyon2_0_logo.svg");
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: center 20px;
  background-size: calc(100% - 30px) auto;
  padding-top: 70px;
  /*forceful label up due to browser autofill bug*/
}
#_body.loginPage #FR1 .loginBox .captchaWrapper {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
}
#_body.loginPage #FR1 .loginBox .captchaWrapper img.captchaCode {
  margin: 10px 5px;
  border-radius: 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(45px / 2);
  height: calc(45px / 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(45px / 2);
  height: calc(45px / 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: #aa2ebe;
}
.genericlist-wrapper .accor .accor-button:hover .ico {
  filter: invert(24%) sepia(98%) saturate(1541%) hue-rotate(271deg) brightness(96%) contrast(102%);
}
.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(45px / 2 + 10px);
}
.genericlist-wrapper .accor .accor-panel.visible > .sfr {
  height: calc(100% - 45px - 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, 400px);
  height: 100%;
  overflow: auto;
}
.genericlist-wrapper .accor.accor-active:before {
  content: "";
  position: absolute;
  display: block;
  height: 100%;
  width: clamp(200px, 33.333vw, 400px);
  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, 400px));
}
.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(45px / 2, 18px) - 10px);
  margin-left: calc(max(45px / 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(45px / 2);
  height: calc(45px / 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: "Poppins", sans-serif;
  border: 1px solid #9c9a9a;
  display: inline-flex;
  align-items: center;
  /*editable*/
  font-size: 1rem;
  height: calc(45px / 2);
  min-height: 22px;
}
.genericlist-wrapper .genericlist-configHeader-container .quick-search-bar button {
  height: calc(45px / 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(45px / 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(45px / 2 - 10px, 20px);
  aspect-ratio: 1/1;
  background-image: url(Icons/ico_more.svg);
}
.genericlist-wrapper .genericlist-configHeader-container .quick-search-bar input[type=text] {
  /*functional - DO NOT CHANGE*/
  background: none;
  font-family: "Poppins", sans-serif;
  border: none;
  /*editable*/
  font-size: 1rem;
  padding: 0px 10px; /*linked with wrapper border radius*/
  height: 100%;
}
.genericlist-wrapper .genericlist-configHeader-container .quick-search-bar input[type=text]:focus {
  /*functional - DO NOT CHANGE*/
  border: 1px solid #9c9a9a;
  outline: none;
}
.genericlist-wrapper .genericlist-configHeader-container ~ .genericlist-container,
.genericlist-wrapper .genericlist-configHeader-container ~ .journal-container {
  height: calc(100% - max(45px / 2 + 8px + 5px, 35px));
  margin-top: 0px;
}
.genericlist-wrapper .GLT {
  width: 100%;
  height: 100%;
  overflow: auto;
}
.genericlist-wrapper .GLT .no-results td {
  text-align: center;
  background-image: url("/Icons/ico_noSearchResults.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center 15px;
  background-color: transparent;
  background-size: auto 65px;
  padding-top: 90px;
}
.genericlist-wrapper .GLT .getNextResultsBtn td {
  text-align: center;
}
.genericlist-wrapper .GLT .getNextResultsBtn td div {
  cursor: pointer;
  border: none;
  font-family: "Poppins", sans-serif;
  border-radius: 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: 45px;
  transition: all 0.5s 0s ease;
}
.genericlist-wrapper .GLT .getNextResultsBtn td div:hover {
  background-color: #FAFAFA;
  color: #aa2ebe;
  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(45px / 2 + 10px, 30px));
  margin-top: max(45px / 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 #4d37b5;
}
.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: 45px;
}
.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(45px, 18px);
  height: max(45px, 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(22%) sepia(81%) saturate(1677%) hue-rotate(235deg) brightness(93%) contrast(102%);
}
.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: #aa2ebe;
  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: #aa2ebe;
  -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(45px / 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(45px / 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(45px / 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(45px / 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: #aa2ebe;
}
.treelist-container .treelist-items-container .treelist-item.selected {
  background-color: #aa2ebe;
  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(45px / 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(45px / 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: #aa2ebe;
  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(45px / 2);
  min-height: 22px;
  width: calc(45px / 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: 45px;
  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: #aa2ebe;
  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: #aa2ebe;
}

.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: #aa2ebe;
  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(24%) sepia(98%) saturate(1541%) hue-rotate(271deg) brightness(96%) contrast(102%);
}
.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(45px * 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, 400px));
}
.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;
}

#_breadcrumb {
  display: none;
}

#_content {
  background: #f7f6f7;
}

#_header {
  width: 100%;
  z-index: 100;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  background: #ffffff;
}
#_header #_headerInner {
  width: 100%;
  padding-top: 10px;
  border-bottom: 3px solid #aa2ebe;
}
#_header #_headerInner .UCI {
  padding: 0px 10px;
  margin-right: 0px;
  height: 36px;
  position: relative;
  border-radius: 10px;
  background: #aa2ebe;
  order: 1;
}
@media screen and (max-width: 1080px) {
  #_header #_headerInner .UCI {
    background: transparent;
  }
}
#_header #_headerInner .UCI .toggleMore {
  display: block;
  filter: invert(99%) sepia(100%) saturate(11%) hue-rotate(241deg) brightness(104%) contrast(100%);
  font-size: 18px;
  height: auto;
  transform: rotate(90deg);
}
#_header #_headerInner .UCI .toggleMore .showMore .inputWrapper {
  left: -10px;
}
#_header #_headerInner .logout {
  padding: 10px 15px;
  height: 36px;
  margin: 0px 10px;
  position: relative;
  background: #aa2ebe;
  border-radius: 10px;
  order: 2;
}
@media screen and (max-width: 1080px) {
  #_header #_headerInner .logout {
    background: transparent;
    margin: 0px;
  }
}
#_header #_headerInner .logout a:hover {
  text-decoration: underline;
}
#_header #_headerInner .logout a::before {
  width: 12px;
  height: 12px;
}
#_header #_headerInner nav {
  padding-top: 10px;
  order: 3;
}
#_header #_headerInner nav #menu {
  padding: 0px 10px;
}
#_header #_headerInner nav #menu a {
  color: #0d0505;
}
#_header #_headerInner nav #menu a:hover {
  background: #aa2ebe;
  color: #ffffff;
}
#_header #_headerInner nav #menu li {
  padding: 0px 5px;
  margin: 0px 5px;
}
#_header #_headerInner nav #menu .submenu1 {
  background: #f7f6f7;
  border-radius: 0px 0px 5px 5px;
  border-top: 3px solid #7f35b2;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
#_header #_headerInner nav #menu .submenu1 li {
  width: 100%;
  margin: 0px;
  padding: 0px;
  background: transparent;
}
#_header #_headerInner nav #menu .submenu1 li a {
  border: 5px solid transparent;
}
#_header #_headerInner nav #menu .submenu1 li a:hover {
  background: #7f35b2;
  color: #ffffff;
  border-radius: 15px;
  background-clip: padding-box;
}

#_debuggerConsole {
  z-index: 100;
}
#_debuggerConsole .debug-container-btn:hover {
  background: #7f35b2;
}

.tabHeader:not(:has(button:nth-of-type(2))) {
  display: none;
}

.LoginForm {
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100vh - 20px);
}
.LoginForm .loginWrapper {
  position: relative;
  width: 900px;
  height: 700px;
  border-radius: 30px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  transition: transform 1.8s ease-in-out;
  background: #ffffff;
  /*mechanika animacji loginu*/
}
.LoginForm .loginWrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: -55%;
  width: 100%;
  height: 100%;
  background: #7F35B2;
  background: linear-gradient(142deg, rgb(127, 53, 178) 20%, rgb(170, 46, 190) 60%, rgb(209, 36, 184) 100%);
  z-index: 1;
}
.LoginForm .loginWrapper .newUser, .LoginForm .loginWrapper .regUser, .LoginForm .loginWrapper .loginBox, .LoginForm .loginWrapper .tabHeader {
  position: relative;
  z-index: 2;
}
.LoginForm .loginWrapper .loginBox {
  position: relative;
}
.LoginForm .loginWrapper .loginBox::before {
  content: "";
  position: absolute;
  top: 6%;
  left: 50%;
  transform: translateX(-50%);
  width: 160px;
  height: 100px;
  background: url("/WTW/wtw_logo.svg") no-repeat center center;
  background-size: contain;
  filter: invert(26%) sepia(47%) saturate(3608%) hue-rotate(275deg) brightness(90%) contrast(95%);
}
.LoginForm .loginWrapper .captchaGroup::before {
  content: "Potwierdź";
  display: inline-flex;
  border-radius: 8px;
  background-color: #aa2ebe;
  color: #ffffff;
  position: absolute;
  right: 20px;
  top: 120px;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  z-index: 9;
  height: 32px;
  padding: 0px 8px;
  align-items: center;
  cursor: pointer;
}
.LoginForm .loginWrapper .captchaGroup::before:hover {
  background-color: #a32fbd;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
.LoginForm .loginWrapper .newUser {
  position: absolute;
  right: 22px;
  width: 50%;
  height: 100%;
  align-items: center;
  justify-content: center;
  padding: 40px;
  text-align: center;
  flex-direction: column;
}
.LoginForm .loginWrapper .newUser .inputGroup {
  height: 30%;
}
.LoginForm .loginWrapper .newUser .inputGroup .field.textDisplay {
  padding: 20px 0px;
  font-size: 16px;
}
.LoginForm .loginWrapper .newUser .inputGroup .field.password .TippedToolTip {
  background: #4f4d4d;
  color: #ffffff;
  border: none;
}
.LoginForm .loginWrapper .newUser .inputGroup .field.password .TippedToolTip:hover {
  background: #d124b8;
  border: none;
}
.LoginForm .loginWrapper .newUser .captchaGroup {
  height: auto;
  justify-content: center;
  align-items: center;
  margin-top: -35px;
}
.LoginForm .loginWrapper .newUser .captchaGroup .captchaImage {
  border: 1px solid #9c9a9a;
  border-radius: 8px;
  width: 100%;
  height: 80px;
  margin: 5px 0px;
}
.LoginForm .loginWrapper .newUser .captchaGroup .button {
  margin: 30px 0 0 0;
  width: 100%;
  height: 48px;
}
.LoginForm .loginWrapper .newUser .captchaGroup .button button {
  background-color: #aa2ebe;
  color: #ffffff;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.LoginForm .loginWrapper .newUser .captchaGroup .button button:disabled {
  background-color: #cccccc;
  box-shadow: none;
  color: #808080;
  cursor: not-allowed;
  pointer-events: none;
}
.LoginForm .loginWrapper .newUser .captchaGroup .button button:hover {
  transform: translateY(-2px);
  background-color: #a32fbd;
  box-shadow: 0px 7px 14px -7px rgba(127, 53, 178, 0.5);
}
.LoginForm .loginWrapper .newUser .group::after {
  border: none;
  box-shadow: none;
  background: transparent;
}
.LoginForm .loginWrapper .regUser {
  position: absolute;
  right: 22px;
  width: 50%;
  height: 100%;
  align-items: center;
  justify-content: center;
  padding: 40px;
  text-align: center;
  flex-direction: column;
}
.LoginForm .loginWrapper .regUser .inputGroup {
  height: 30%;
  top: 38px;
}
.LoginForm .loginWrapper .regUser .inputGroup .field.textDisplay {
  padding: 17px 0px;
  font-size: 16px;
}
.LoginForm .loginWrapper .regUser .inputGroup .field.password .TippedToolTip, .LoginForm .loginWrapper .regUser .inputGroup .field.text .TippedToolTip {
  background: #414141;
  color: #ffffff;
}
.LoginForm .loginWrapper .regUser .inputGroup .field.password .TippedToolTip:hover, .LoginForm .loginWrapper .regUser .inputGroup .field.text .TippedToolTip:hover {
  background: #7f35b2;
  border: none;
}
.LoginForm .loginWrapper .regUser .inputGroup .remindPassword {
  margin: 0 auto;
}
.LoginForm .loginWrapper .regUser .inputGroup .remindPassword label.value {
  font-size: 16px;
  justify-content: center;
}
.LoginForm .loginWrapper .regUser .inputGroup .remindPassword label.value a {
  color: #d124b8;
}
.LoginForm .loginWrapper .regUser .inputGroup .remindPassword label.value a:hover {
  text-decoration: underline;
}
.LoginForm .loginWrapper .regUser .captchaGroup {
  top: 38px;
  height: auto;
  justify-content: center;
  align-items: center;
}
.LoginForm .loginWrapper .regUser .captchaGroup .captchaImage {
  border: 1px solid #9c9a9a;
  border-radius: 8px;
  width: 100%;
  height: 80px;
  margin: 5px 0px;
}
.LoginForm .loginWrapper .regUser .captchaGroup .button {
  margin: 20px 0 0 0;
  width: 100%;
  height: 48px;
}
.LoginForm .loginWrapper .regUser .captchaGroup .button button {
  background-color: #aa2ebe;
  color: #ffffff;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.LoginForm .loginWrapper .regUser .captchaGroup .button button:disabled {
  background-color: #cccccc;
  box-shadow: none;
  color: #808080;
  cursor: not-allowed;
  pointer-events: none;
}
.LoginForm .loginWrapper .regUser .captchaGroup .button button:hover {
  transform: translateY(-2px);
  background-color: #a32fbd;
  box-shadow: 0px 7px 14px -7px rgba(127, 53, 178, 0.5);
}
.LoginForm .loginWrapper .regUser .group::after {
  border: none;
  box-shadow: none;
  background: transparent;
}
.LoginForm .loginWrapper .tabHeader {
  position: absolute;
  width: 45%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  z-index: 2;
}
.LoginForm .loginWrapper .tabHeader:after {
  content: "Posiadasz konto?";
  text-align: center;
  width: 70%;
  position: absolute;
  bottom: 40%;
  color: #ffffff;
}
.LoginForm .loginWrapper .tabHeader:before {
  content: "Jesteś po raz pierwszy na stronie?";
  text-align: center;
  width: 75%;
  position: absolute;
  bottom: 40%;
  color: #ffffff;
}
.LoginForm .loginWrapper .tabHeader button {
  width: 55%;
  height: auto;
  font-size: 17px;
  font-weight: 550;
  padding: 1rem 0.3rem;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 10px;
  backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color: #ffffff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.LoginForm .loginWrapper .tabHeader button:hover {
  transform: translateY(-3px);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #ffffff;
}
.LoginForm .loginWrapper .tabHeader {
  z-index: 3;
}
.LoginForm .loginWrapper .tabHeader button.active {
  display: none;
}
.LoginForm .loginWrapper:has(.newUser) .tabHeader {
  order: 1;
}
.LoginForm .loginWrapper:has(.newUser) .tabHeader:before {
  display: none;
}
.LoginForm .loginWrapper:has(.newUser) .loginBox {
  order: 2;
}
.LoginForm .loginWrapper:has(.regUser) .tabHeader {
  order: 2;
}
.LoginForm .loginWrapper:has(.regUser) .tabHeader:after {
  display: none;
}
.LoginForm .loginWrapper:has(.regUser) .loginBox {
  order: 1;
}

/*RESPONSYWNOŚĆ STRONA GŁÓWNA*/
@media (max-width: 920px) {
  .LoginForm .loginWrapper {
    width: 500px;
  }
  .LoginForm .loginWrapper::before {
    top: -55%;
    left: -20px;
    width: 540px;
    height: 545px;
    border-radius: 50%;
  }
  .LoginForm .loginWrapper .tabHeader {
    width: 100%;
    height: 10%;
    bottom: 0;
  }
  .LoginForm .loginWrapper .tabHeader .tabButton {
    position: absolute;
    bottom: 30px;
    right: 0;
    color: #d124b8;
    font-size: 15px;
    background: transparent;
    backdrop-filter: none;
    border: none;
  }
  .LoginForm .loginWrapper .tabHeader .tabButton:hover {
    color: #dc3cc2;
    box-shadow: none;
    transform: none;
  }
  .LoginForm .loginWrapper .tabHeader::after {
    text-align: left;
    color: #0d0505;
    width: 50%;
    bottom: 45px;
    font-size: 15px;
    left: 75px;
  }
  .LoginForm .loginWrapper .tabHeader::before {
    text-align: left;
    width: 50%;
    bottom: 45px;
    font-size: 15px;
    color: #0d0505;
    left: 75px;
  }
  .LoginForm .loginWrapper .newUser {
    width: 100%;
    height: 100%;
    right: auto;
    padding: 55px;
  }
  .LoginForm .loginWrapper .newUser::before {
    top: 4%;
    z-index: 2;
    filter: invert(99%) sepia(1%) saturate(7500%) hue-rotate(296deg) brightness(114%) contrast(102%);
  }
  .LoginForm .loginWrapper .newUser .inputGroup {
    margin-top: 80px;
  }
  .LoginForm .loginWrapper .newUser .captchaGroup .captchaField .inputWrapper {
    margin-bottom: 5px;
  }
  .LoginForm .loginWrapper .newUser .captchaGroup .captchaField div label.captchaError {
    margin-top: 10px;
  }
  .LoginForm .loginWrapper .newUser .LoginButtonDiv {
    margin-top: 10px !important;
  }
  .LoginForm .loginWrapper .regUser {
    width: 100%;
    right: auto;
    padding: 55px;
  }
  .LoginForm .loginWrapper .regUser::before {
    top: 4%;
    z-index: 2;
    filter: invert(99%) sepia(1%) saturate(7500%) hue-rotate(296deg) brightness(114%) contrast(102%);
  }
  .LoginForm .loginWrapper .regUser .inputGroup .field.textDisplay {
    padding-bottom: 0;
    margin-top: 10px;
  }
  .LoginForm .loginWrapper .regUser .inputGroup .remindPassword {
    margin-top: 5px !important;
    padding-top: 0px !important;
  }
  .LoginForm .loginWrapper .regUser .captchaGroup {
    margin-top: 40px !important;
  }
  .LoginForm .loginWrapper .regUser .captchaGroup .captchaField .inputWrapper {
    margin-bottom: 5px;
  }
  .LoginForm .loginWrapper .regUser .captchaGroup .captchaField div label.captchaError {
    margin-top: 10px;
  }
}
@media screen and (max-width: 510px) {
  .LoginForm .loginWrapper {
    width: 400px;
    height: 560px;
  }
  .LoginForm .loginWrapper::before {
    top: -50%;
    left: 0;
    width: 400px;
    height: 400px;
    border-radius: 50%;
  }
  .LoginForm .loginWrapper .tabHeader {
    width: 100%;
    height: 10%;
    bottom: 0;
  }
  .LoginForm .loginWrapper .tabHeader .tabButton {
    position: absolute;
    bottom: 5px;
    right: auto;
    color: #d124b8;
    font-size: 15px;
    background: transparent;
    backdrop-filter: none;
    border: none;
  }
  .LoginForm .loginWrapper .tabHeader .tabButton:hover {
    color: #dc3cc2;
    box-shadow: none;
    transform: none;
  }
  .LoginForm .loginWrapper .tabHeader::before {
    text-align: center;
    color: #0d0505;
    width: 80%;
    bottom: 40px;
    font-size: 15px;
    left: 10%;
  }
  .LoginForm .loginWrapper .tabHeader::after {
    text-align: center;
    color: #0d0505;
    width: 80%;
    bottom: 40px;
    font-size: 15px;
    left: 10%;
  }
  .LoginForm .loginWrapper .newUser {
    width: 100%;
    height: 100%;
    right: auto;
    padding: 30px;
  }
  .LoginForm .loginWrapper .newUser::before {
    top: 4%;
    z-index: 2;
    filter: invert(99%) sepia(1%) saturate(7500%) hue-rotate(296deg) brightness(114%) contrast(102%);
    width: 120px;
    height: 80px;
  }
  .LoginForm .loginWrapper .newUser .inputWrapper {
    height: 40px;
  }
  .LoginForm .loginWrapper .newUser .inputGroup {
    margin-top: 30px;
  }
  .LoginForm .loginWrapper .newUser .inputGroup .field.textDisplay {
    padding-bottom: 5px;
  }
  .LoginForm .loginWrapper .newUser .inputGroup .field.textDisplay .headerInfoField {
    font-size: 16px;
  }
  .LoginForm .loginWrapper .newUser .inputGroup .field.password {
    z-index: 3;
  }
  .LoginForm .loginWrapper .newUser .captchaGroup {
    padding-top: 16px;
  }
  .LoginForm .loginWrapper .newUser .captchaGroup .LoginButtonDiv {
    margin: 5px 0px;
  }
  .LoginForm .loginWrapper .regUser {
    width: 100%;
    height: 100%;
    right: auto;
    padding: 30px;
  }
  .LoginForm .loginWrapper .regUser::before {
    top: 4%;
    z-index: 2;
    filter: invert(99%) sepia(1%) saturate(7500%) hue-rotate(296deg) brightness(114%) contrast(102%);
    width: 120px;
    height: 80px;
  }
  .LoginForm .loginWrapper .regUser .inputWrapper {
    height: 35px;
  }
  .LoginForm .loginWrapper .regUser .inputGroup {
    top: 5px;
  }
  .LoginForm .loginWrapper .regUser .inputGroup .field.textDisplay {
    padding-bottom: 0;
  }
  .LoginForm .loginWrapper .regUser .inputGroup .field.textDisplay .headerInfoField {
    font-size: 16px;
  }
  .LoginForm .loginWrapper .regUser .inputGroup .remindPassword {
    margin-top: -10px;
    padding: 0;
  }
  .LoginForm .loginWrapper .regUser .inputGroup .field.password {
    z-index: 3;
  }
  .LoginForm .loginWrapper .regUser .inputGroup .field.password .TippedToolTip {
    bottom: 4px;
  }
  .LoginForm .loginWrapper .regUser .captchaGroup {
    margin-top: 3px !important;
  }
  .LoginForm .loginWrapper .regUser .captchaGroup button {
    height: 35px;
  }
  .LoginForm .loginWrapper .regUser .LoginButtonDiv {
    padding: 0;
  }
  .LoginForm .loginWrapper .regUser .LoginButtonDiv button {
    margin-top: 13px;
  }
}
@media screen and (max-width: 420px) {
  .LoginForm .loginWrapper {
    width: 375px;
    height: 500px;
  }
  .LoginForm .loginWrapper::before {
    top: -58%;
    width: 375px;
    height: 375px;
  }
  .LoginForm .loginWrapper .inputWrapper {
    height: 30px !important;
    border-radius: 5px !important;
  }
  .LoginForm .loginWrapper .newUser {
    width: 100%;
    height: 100%;
    right: auto;
    padding: 30px;
  }
  .LoginForm .loginWrapper .newUser::before {
    top: 4%;
    z-index: 2;
    filter: invert(99%) sepia(1%) saturate(7500%) hue-rotate(296deg) brightness(114%) contrast(102%);
    width: 100px;
    height: 60px;
  }
  .LoginForm .loginWrapper .newUser .inputGroup {
    margin-top: 30px;
  }
  .LoginForm .loginWrapper .newUser .inputGroup .field.textDisplay {
    padding-bottom: 5px;
  }
  .LoginForm .loginWrapper .newUser .inputGroup .field.textDisplay .headerInfoField {
    font-size: 16px;
  }
  .LoginForm .loginWrapper .newUser .inputGroup .field.password {
    z-index: 3;
  }
  .LoginForm .loginWrapper .newUser .inputGroup .field.password .TippedToolTip {
    bottom: 4px;
  }
  .LoginForm .loginWrapper .newUser .captchaGroup {
    padding-top: 16px;
  }
  .LoginForm .loginWrapper .newUser .captchaGroup .LoginButtonDiv {
    margin: 5px 0px;
  }
  .LoginForm .loginWrapper .regUser {
    width: 100%;
    height: 100%;
    right: auto;
    padding: 30px;
  }
  .LoginForm .loginWrapper .regUser::before {
    top: 4%;
    z-index: 2;
    filter: invert(99%) sepia(1%) saturate(7500%) hue-rotate(296deg) brightness(114%) contrast(102%);
    width: 100px;
    height: 60px;
  }
  .LoginForm .loginWrapper .regUser .inputGroup {
    top: -20px;
  }
  .LoginForm .loginWrapper .regUser .inputGroup .field.textDisplay {
    padding-bottom: 0;
  }
  .LoginForm .loginWrapper .regUser .inputGroup .field.textDisplay .headerInfoField {
    font-size: 16px;
  }
  .LoginForm .loginWrapper .regUser .inputGroup .remindPassword {
    margin-top: -10px;
    padding: 0;
  }
  .LoginForm .loginWrapper .regUser .inputGroup .field.password {
    z-index: 3;
  }
  .LoginForm .loginWrapper .regUser .captchaGroup {
    padding-top: 0px !important;
  }
  .LoginForm .loginWrapper .regUser .captchaGroup button {
    height: 35px;
  }
  .LoginForm .loginWrapper .regUser .LoginButtonDiv {
    padding: 0;
  }
  .LoginForm .loginWrapper .regUser .LoginButtonDiv button {
    margin-top: 0px !important;
  }
  #_footer .cr_atp, #_footer .cr_varyon {
    display: none !important;
  }
}
html * {
  scroll-behavior: smooth;
  scrollbar-width: auto;
}

/*INFORMACJE PRAWNE*/
.termsAndConditions {
  width: 1000px;
  height: auto;
  margin: 0 auto;
  padding: 20px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border: none;
  border-radius: 10px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.termsAndConditions .tabHeader {
  display: block !important;
  margin-left: 5px;
  border-bottom: 2px solid #7F35B2;
}
.termsAndConditions .tabHeader button {
  margin-left: -10px;
  justify-content: left;
  width: 100%;
  border: none;
}
.termsAndConditions .tab {
  margin-top: 15px;
}
.termsAndConditions label.value {
  background: url("/WTW/pdf4.svg") no-repeat;
  background-size: 23px auto;
  background-position: left 6px;
}
.termsAndConditions label.value a {
  margin-left: 25px;
}
.termsAndConditions label.value a:hover {
  color: #7f35b2;
}

.pops-b .pops-f .pops-h {
  margin: 0 !important;
  justify-content: center;
  padding: 12px !important;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  background: #f7f6f7 !important;
  color: #0d0505;
}
.pops-b .pops-f .pops-c .sfr {
  background: #f7f6f7 !important;
}
.pops-b .pops-f .pops-c .sfr .formwrap .tab {
  margin-bottom: 35px;
}
.pops-b .pops-f .pops-c .FMError {
  padding: 10px;
}
.pops-b .pops-f .pops-c .FMError input.close {
  display: none;
}
.pops-b .pops-f .pops-c .FMValid {
  padding: 10px;
}
.pops-b .pops-f .pops-c .FMValid input.close {
  display: none;
}
.pops-b .pops-f .pops-t .button input[type=button] {
  padding: 10px 15px;
  height: 35px;
  min-width: 85px;
  color: #7f35b2;
  font-weight: 600;
}
.pops-b .pops-f .pops-t .button input[type=button]:hover {
  background: #7f35b2;
  color: #ffffff;
}

#_pops .pops-f .pops-c {
  padding: 20px;
}
#_pops .pops-f .pops-t button {
  font-weight: 600;
  color: #7f35b2;
}
#_pops .pops-f .pops-t button:hover {
  background: #7f35b2;
  color: #ffffff;
}

.TermsAndConditionsRedirectUrl a {
  color: #aa2ebe !important;
}
.TermsAndConditionsRedirectUrl a:hover {
  text-decoration: underline;
}

/*ZMIANA HASŁA*/
.forgotPasswordForm {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100%;
  box-sizing: border-box;
}
.forgotPasswordForm .tabContainer {
  background-color: #ffffff;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 2rem;
  width: 100%;
  max-width: 450px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.forgotPasswordForm .tabContainer .tab .inputGroup {
  padding: 0.5rem;
}
.forgotPasswordForm .tabContainer .tab .inputGroup .field.text {
  margin-bottom: 5px;
}
.forgotPasswordForm .tabContainer .tab .group::after {
  border: none;
}
.forgotPasswordForm .tabContainer .tab .captchaGroup {
  padding: 0.5rem;
}
.forgotPasswordForm .tabContainer .tab .captchaGroup .captchaField {
  display: flex;
  gap: 10px;
  width: calc(100% - 90px);
}
.forgotPasswordForm .tabContainer .tab .captchaGroup .captchaField div:has(.captchaImage) {
  filter: grayscale(100%);
}
.forgotPasswordForm .tabContainer .tab .captchaGroup .captchaField div:has(.captchaImage) img.captchaImage {
  border: 1px solid #9c9a9a;
  border-radius: 4px;
  transform-origin: bottom;
  height: 45px;
}
.forgotPasswordForm .tabContainer .tab .captchaGroup .captchaField div:has(.inputWrapper) {
  padding: 0px;
}
.forgotPasswordForm .tabContainer .tab .captchaGroup .captchaField div:has(.inputWrapper) .inputWrapper {
  width: 150px;
}
.forgotPasswordForm .tabContainer .tab .captchaGroup .captchaField div:has(.inputWrapper) .inputWrapper:after {
  content: "Potwierdź";
  display: inline-flex;
  border-radius: 8px;
  background-color: #D124B8;
  color: #ffffff;
  position: absolute;
  left: calc(100% + 10px);
  top: 0px;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  z-index: 9;
  height: 45px;
  padding: 0px 8px;
  align-items: center;
  cursor: pointer;
}
.forgotPasswordForm .tabContainer .tab .captchaGroup .captchaField button {
  background: url(/Icons/ico_reload.svg) no-repeat center center transparent;
  border-radius: 8px;
  position: absolute;
  bottom: 12px;
  right: 5px;
  height: 28px;
  background-size: auto 16px;
  font-size: 0;
  box-shadow: none;
  width: 28px;
}
.forgotPasswordForm .tabContainer .tab .captchaGroup .captchaField button:hover {
  background-color: #efefef;
}
.forgotPasswordForm .tabContainer .tab .RemindPasswordButtonDiv {
  width: 100%;
  display: flex;
  justify-content: center;
}
.forgotPasswordForm .tabContainer .tab .RemindPasswordButtonDiv button {
  background-color: #aa2ebe;
  color: #ffffff;
  width: 94%;
  border: none;
  border-radius: 6px;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.forgotPasswordForm .tabContainer .tab .RemindPasswordButtonDiv button:hover {
  transform: translateY(-2px);
  background-color: #a32fbd;
  box-shadow: 0px 7px 14px -7px rgba(127, 53, 178, 0.5);
}
.forgotPasswordForm .tabContainer .tab .RemindPasswordButtonDiv button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  background-color: #cccccc;
  color: #808080;
  pointer-events: none;
}
.forgotPasswordForm .tabContainer .tab .RemindPasswordButtonDiv .field.textDisplay label.value {
  display: none;
}
.forgotPasswordForm .tabContainer .tab .RemindPasswordButtonDiv .field.textDisplay label.definition {
  font-size: 1rem;
  margin-bottom: 20px;
  margin-top: 5px;
}

/*AKTYWACJA KONTA*/
.activateUserForm {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding: 2rem;
  box-sizing: border-box;
  text-align: center;
}
.activateUserForm .tab {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 500px;
  width: 100%;
  background: #ffffff;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-radius: 10px;
  border: none;
}
.activateUserForm .tab .field.textDisplay {
  padding: 1.5rem;
}
.activateUserForm .tab .field.textDisplay .value {
  display: block;
  line-height: 2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.activateUserForm .tab .field.textDisplay .value a {
  word-break: break-word;
  color: #aa2ebe;
  font-weight: bold;
}
.activateUserForm .tab .field.textDisplay .value a:hover {
  color: #BD1BA6;
}

/*PANEL LOGOWANIA BACKOFFICE*/
.backofficeLoginForm {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  box-sizing: border-box;
  height: calc(100vh - 20px);
}
.backofficeLoginForm .tabContainer {
  background-color: #ffffff;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 2rem;
  width: 100%;
  max-width: 400px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.backofficeLoginForm .tabContainer .tabHeader {
  display: none;
}
.backofficeLoginForm .tabContainer .field {
  margin-bottom: 0.5rem;
  box-sizing: border-box;
}
.backofficeLoginForm .tabContainer .field label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 500;
}
.backofficeLoginForm .tabContainer .field input {
  width: 100%;
  padding: 0.5rem;
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-size: 1rem;
}
.backofficeLoginForm .tabContainer .LoginButtonDiv {
  text-align: center;
  width: 100%;
}
.backofficeLoginForm .tabContainer .LoginButtonDiv button {
  background-color: #aa2ebe;
  color: #ffffff;
  padding: 0.6rem 1.5rem;
  border: none;
  border-radius: 6px;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.backofficeLoginForm .tabContainer .LoginButtonDiv button:hover {
  transform: translateY(-2px);
  background-color: #a32fbd;
  box-shadow: 0px 7px 14px -7px rgba(127, 53, 178, 0.5);
}
.backofficeLoginForm .tabContainer .LoginButtonDiv button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  background-color: #cccccc;
  color: #808080;
  pointer-events: none;
}
.backofficeLoginForm .tabContainer .textDisplay .value {
  background-color: #aa2ebe;
  border-radius: 6px;
  cursor: pointer;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.backofficeLoginForm .tabContainer .textDisplay .value:hover {
  transform: translateY(-2px);
  background-color: #a32fbd;
  box-shadow: 0px 7px 14px -7px rgba(127, 53, 178, 0.5);
}
.backofficeLoginForm .tabContainer .textDisplay a {
  display: block;
  text-align: center;
  font-size: 1rem;
  font-weight: 600;
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  margin-top: 1rem;
}
.backofficeLoginForm .tabContainer .tab .field.fullField.captchaField {
  flex-direction: column !important;
  width: 100%;
  filter: none !important;
}
.backofficeLoginForm .tabContainer .tab .field.fullField.captchaField div .captchaImage {
  width: 100%;
  height: 80px;
  border: #9c9a9a solid 1px;
  border-radius: 8px;
  filter: grayscale(1);
}
.backofficeLoginForm .tabContainer .tab .field.fullField.captchaField div .inputWrapper {
  float: left;
  width: 100%;
  min-width: 100%;
}
.backofficeLoginForm .tabContainer .tab .field.fullField.captchaField div .inputWrapper:after {
  content: "Potwierdź";
  display: inline-flex;
  border-radius: 8px;
  background-color: #aa2ebe;
  color: #ffffff;
  position: absolute;
  right: 4px;
  top: 4px;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  z-index: 9;
  height: 36px;
  padding: 0px 8px;
  align-items: center;
  cursor: pointer;
}
.backofficeLoginForm .tabContainer .tab .field.fullField.captchaField div:has(.captchaImage) {
  width: 100%;
}
.backofficeLoginForm .tabContainer .tab .field.fullField.captchaField img {
  border: 1px solid #9c9a9a;
  border-radius: 6px;
}

.group:after {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  background: #fff;
  z-index: 0;
}
.group > label {
  position: relative;
  border-bottom: 2px solid #aa2ebe;
  padding: 3px 0px 5px 0px;
  font-size: 1.3rem;
  margin-bottom: 10px;
  color: #28282B;
}
.group > * {
  z-index: 1;
  position: relative;
}

.filter-accor .FSFR {
  padding: 15px;
}
.filter-accor .FSFR .field:not(.checkbox) {
  width: 100%;
}

#FR .formwrap {
  padding: 15px;
}
#FR .sfr-vsm .vsm-toolbar {
  box-shadow: 0px 15px 0px 15px #ffffff;
  padding-top: 15px;
}
#FR .sfr-vsm:not(:has(button)) {
  display: none;
}

.treelist-table .expanded button.icon-button:not(div).expander {
  transform: rotate(90deg);
}
.treelist-table button.icon-button:not(div).expander {
  background-image: url("/Icons/ico_arrow_right_circle.svg");
  min-width: 28px;
  height: 28px;
}
.treelist-table .space img {
  width: 28px;
  height: 28px;
}
.treelist-table td:has(button.expander) {
  font-weight: bold !important;
  cursor: default;
}
.treelist-table td {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.treelist-table tr.expandable.selected {
  background: transparent;
  color: #0d0505;
}

.paramConfigListWrapper .configComponentsTree {
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  height: 100%;
  overflow: auto;
}
.paramConfigListWrapper .GLT-vsm.configurationList {
  flex-grow: 1;
}

.genericlist-container > table thead th {
  padding-bottom: 8px;
}

.backoffice .field.displayState {
  display: none; /*ukrycie statusu konfiguracji*/
}

.changePasswordForm .backoffice .tab {
  justify-content: center;
  height: calc(100vh - 200px);
  align-items: center;
}
.changePasswordForm .backoffice .tab .changePasswordGroup .headerField {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}
.changePasswordForm .backoffice .tab .changePasswordGroup .headerField:before {
  content: "";
  background: url("/Icons/ico_changePassword.svg") no-repeat center center scroll transparent;
  background-size: contain;
  display: inline-block;
  width: 50px;
  height: 50px;
  opacity: 0.8;
}
.changePasswordForm .backoffice .tab .changePasswordGroup .headerField label {
  justify-content: center;
  border-bottom: 2px solid #aa2ebe;
  font-size: 1.3rem;
  margin-bottom: 10px;
  color: #28282B;
}

.group.noShadow::after {
  box-shadow: none;
}

.LeftBannerDivClass {
  width: 100%;
  border: none;
  padding: 0px;
}
.LeftBannerDivClass label.value {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  border: none;
}
.LeftBannerDivClass label.value header {
  padding-top: 250px;
  background: url("/bg_WTWCO_dashboard.jpg") no-repeat top left fixed #48086f;
  background-size: contain;
  width: 100%;
  min-height: 60vh;
}
@media screen and (max-width: 1400px) {
  .LeftBannerDivClass label.value header {
    background-size: cover;
    background-position: center center;
  }
}
.LeftBannerDivClass label.value header h1 {
  background: url("/bg_WTWCO_dashboard.svg") no-repeat top left scroll #ffffff;
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 30px 30px 30px 50px;
  display: inline-flex;
  height: 200px;
  align-items: center;
  margin: 0px;
}
.LeftBannerDivClass label.value section {
  display: block;
  padding: 50px 20px 20px 20px;
}

#FR:has(.LeftBannerDivClass) {
  background: #ffffff;
  padding: 0px;
}

/*PROGRESS BAR*/
.progressBar {
  position: relative;
  width: 100%;
  height: 40px;
  background-color: #FBF6FF;
  border-radius: 16px;
  overflow: hidden;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05);
}
.progressBar::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: linear-gradient(90deg, #D0FFFC, #9BFFED);
  border-radius: 16px 0 0 16px;
  z-index: 1;
  transition: width 1.1 0.5s ease-out;
}
.progressBar .definition {
  position: relative !important;
  z-index: 2;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 100% !important;
  font-weight: 700;
  font-size: 1.2rem !important;
  color: #5F4D65;
  letter-spacing: 0.03em;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  user-select: none;
}