@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&display=swap"); /*TYPOGRAPHY*/
/*12px (100%=16px)*/
/*BASIC SETTINGS*/
/*COLOR SCHEME*/
/*VALIDATION COLORS*/
/*REQUIRED FIELD*/
/*BUTTON COLORS*/
/*SCROLLBAR*/
/*ACCORDION COLORS*/
/*GENERIC LISTS*/
/*SEATCH TEMPLATE POPUP*/
/*JOURNAL*/
/*TIMEPICKER*/
/*OVERLAYS*/
/*MOBILE BREAKPOINTS*/
/*MOBILE COMPONENTS*/
/*ATTACHMENTS GRID*/
/*WATERMARK VARIABLES*/
/*! 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;
  /*VSM TOOLBAR*/
}
body #_content > #FR > .formwrap .sfr-vsm .vsm-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}
body #_content > #FR > .formwrap .sfr-vsm .vsm-toolbar button {
  margin: 0px 3px 10px 3px;
}
body #_content > #FR > .formwrap .sfr-vsm .vsm-toolbar button.hidden {
  display: none;
}
body #_content > #FR > .formwrap .sfr-glt {
  max-height: 100%;
}
body #_content > #FR > .formwrap .sfr-glt > .genericlist-wrapper {
  height: calc(100% - 20px);
}
body #_content > #FR > .formwrap .GLT-vsm {
  height: calc(100vh - 235px);
}
body #_content > #FR > .formwrap .GLT-vsm > .genericlist-wrapper {
  height: 100%;
}
body #_footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  height: 20px;
  align-items: center;
  padding: 0px 10px;
}
body #_footer .version-stamp {
  display: none;
}
body #_footer .cr_atp {
  margin-right: 10px;
}
body #_footer .cr_atp:after {
  content: ",";
}

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

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

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

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

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

/*LINKS*/
a {
  color: #576CA3;
  text-decoration: none;
}
a:hover {
  color: #3A436E;
}

/*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(38%) sepia(88%) saturate(330%) hue-rotate(186deg) brightness(89%) contrast(77%);
}
#_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: #576CA3;
  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, #576CA3 0%, #3A436E 100%);
}
#_header nav {
  display: flex;
  order: 1;
}
@media screen and (min-width: 780px) {
  #_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: 780px) {
  #_header .UCI a, #_header .logout a {
    color: #576CA3;
  }
  #_header .UCI a:before, #_header .logout a:before {
    filter: invert(38%) sepia(88%) saturate(330%) hue-rotate(186deg) brightness(89%) contrast(77%);
  }
  #_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: #3A436E;
  position: absolute;
  z-index: 99;
  display: none;
  border: 0;
  top: 100%;
  left: 0px;
}
#menu ul[class^=submenu] li {
  display: block;
  width: 100%;
  font: 400 1rem "Poppins", sans-serif;
  text-transform: none;
  position: relative;
}
#menu ul[class^=submenu] li a {
  text-align: left;
  justify-content: flex-start;
}
#menu ul[class^=submenu] ul[class^=submenu] {
  position: static;
  background: rgba(0, 0, 0, 0.2);
}
#menu ul[class^=submenu] ul[class^=submenu] a {
  color: #FFFFFF;
}
#menu li {
  /*SUBMENU ACTIVATED ON HOVER*/
  /*&:hover {

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

  &:hover > a, a:hover {

      + ul[class^="submenu"] {
          display: block
      }
  }*/
  /*SUBMENU ACTIVATED ON CLICK*/
}
#menu li:hover, #menu li:hover > a, #menu li a:hover {
  background: #ffffff;
  color: #111;
  cursor: pointer;
}
#menu li .submenuCtl {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  background-image: url("/Icons/ico_arrow_down.svg");
  background-position: 2px center;
  background-repeat: no-repeat;
  background-size: 10px auto;
  width: 100%;
  height: 35px;
  position: absolute;
  left: 0px;
  top: 0px;
  cursor: pointer;
}
#menu li .submenuCtl:checked {
  background-image: url("/Icons/ico_arrow_up.svg");
}
#menu li .submenuCtl:checked + ul[class^=submenu] {
  display: block;
}
#menu a {
  display: inline-flex;
  height: 100%;
  width: 100%;
  color: #FFFFFF;
  align-items: center;
  padding: 0.5rem 14px;
  text-decoration: none;
  justify-content: center;
  text-align: center;
  line-height: 1.2rem;
}
#menu a .ico {
  background-color: transparent;
  background-position: left center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: 80% auto;
  height: calc(36px - 10px);
  width: 0px;
  filter: invert(23%) sepia(15%) saturate(0%) hue-rotate(254deg) brightness(102%) contrast(96%);
  transition: all 0.5s 0s ease;
}
#menu a .notification {
  font-weight: bold;
  padding: 0 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#menu a .notification > div {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50cqh;
  color: #ffffff;
  padding: 2px 3px;
  min-width: 18px;
}
#menu a .notification > div.error {
  background-color: #E53935;
}
#menu a .notification > div.warning {
  background-color: #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: 780px) {
  #_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: #414141;
    font-weight: bold;
  }
  #_body #_header.showMenu #_headerInner nav #menu li a {
    text-align: left;
    justify-content: flex-start;
    height: auto;
    padding-left: 20px;
    color: #414141;
  }
  #_body #_header.showMenu #_headerInner nav #menu li .submenuCtl {
    background-position-x: 5px;
  }
  #_body #_header.showMenu #_headerInner nav #menu li ul[class^=submenu] {
    position: static;
    width: 100%;
    border-radius: 0px;
    box-shadow: none;
    border: none;
    padding-left: calc(36px - 10px);
    background: rgba(0, 0, 0, 0.05);
  }
  #_body #_header.showMenu #_headerInner nav #menu li ul[class^=submenu] li:last-of-type {
    border-radius: 0px;
  }
  #_body #_header.showMenu #_headerInner nav #menu li ul[class^=submenu] ul[class^=submenu] {
    margin-left: calc(-36px + 10px);
    width: calc(100% + (36px - 10px));
  }
  #_body #_header.showMenu #_headerInner .logout {
    top: 0px;
    order: 2;
    height: auto;
  }
  #_body #_header.showMenu #_headerInner .logout a {
    min-height: 36px;
  }
  #_body #_header.showMenu #_headerInner .UCI {
    top: 0px;
    height: auto;
    order: 4;
    flex-direction: column;
  }
  #_body #_header.showMenu #_headerInner .UCI > div, #_body #_header.showMenu #_headerInner .UCI a {
    width: 100%;
  }
}
html {
  font-family: "Poppins", sans-serif;
  font-size: 75%;
}
html * {
  box-sizing: border-box;
}

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

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

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

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

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

/*BUTTON*/
input[type=button], input[type=submit], button {
  cursor: pointer;
  border: none;
  font-family: "Poppins", sans-serif;
  border-radius: 5px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  color: #414141;
  background-color: #FFFFFF;
  padding: 5px 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  transition: all 0.5s 0s ease;
}
input[type=button]:has(.TippedToolTip), input[type=submit]:has(.TippedToolTip), button:has(.TippedToolTip) {
  position: relative;
}
input[type=button]:hover, input[type=submit]:hover, button:hover {
  background-color: #FAFAFA;
  color: #414141;
  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(23%) sepia(15%) saturate(0%) hue-rotate(254deg) brightness(102%) contrast(96%);
}
input[type=button].primary, input[type=submit].primary, button.primary {
  background-color: #576CA3;
  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: #3A436E;
  color: #FFFFFF;
}
input[type=button].primary:hover .ico, input[type=submit].primary:hover .ico, button.primary:hover .ico {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(118deg) brightness(105%) contrast(106%);
}
input[type=button].dropdownBtn, input[type=submit].dropdownBtn, button.dropdownBtn {
  padding-right: 3px;
}
input[type=button].dropdownBtn .ico.opt, input[type=submit].dropdownBtn .ico.opt, button.dropdownBtn .ico.opt {
  background-image: url("/Icons/ico_more.svg");
  background-position: right center;
  width: calc(36px - 10px);
}
input[type=button] .ico, input[type=submit] .ico, button .ico {
  background-color: transparent;
  background-position: left center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: 80% auto;
  height: calc(36px - 10px);
  width: 0px;
  filter: invert(23%) sepia(15%) saturate(0%) hue-rotate(254deg) brightness(102%) contrast(96%);
  transition: all 0.5s 0s ease;
}
input[type=button].attachment .ico, input[type=button].ai .ico, input[type=button].avi .ico, input[type=button].cbr .ico, input[type=button].cbz .ico, input[type=button].csv .ico, input[type=button].doc .ico, input[type=button].dtfs .ico, input[type=button].eps .ico, input[type=button].fb2 .ico, input[type=button].gif .ico, input[type=button].html .ico, input[type=button].java .ico, input[type=button].mobi .ico, input[type=button].mp4 .ico, input[type=button].pdf .ico, input[type=button].png .ico, input[type=button].ppt .ico, input[type=button].ps .ico, input[type=button].psd .ico, input[type=button].svg .ico, input[type=button].txt .ico, input[type=button].xls .ico, input[type=button].zip .ico, input[type=button].edit .ico, input[type=button].cancel .ico, input[type=button].add .ico, input[type=button].bug .ico, input[type=button].search .ico, input[type=submit].attachment .ico, input[type=submit].ai .ico, input[type=submit].avi .ico, input[type=submit].cbr .ico, input[type=submit].cbz .ico, input[type=submit].csv .ico, input[type=submit].doc .ico, input[type=submit].dtfs .ico, input[type=submit].eps .ico, input[type=submit].fb2 .ico, input[type=submit].gif .ico, input[type=submit].html .ico, input[type=submit].java .ico, input[type=submit].mobi .ico, input[type=submit].mp4 .ico, input[type=submit].pdf .ico, input[type=submit].png .ico, input[type=submit].ppt .ico, input[type=submit].ps .ico, input[type=submit].psd .ico, input[type=submit].svg .ico, input[type=submit].txt .ico, input[type=submit].xls .ico, input[type=submit].zip .ico, input[type=submit].edit .ico, input[type=submit].cancel .ico, input[type=submit].add .ico, input[type=submit].bug .ico, input[type=submit].search .ico, button.attachment .ico, button.ai .ico, button.avi .ico, button.cbr .ico, button.cbz .ico, button.csv .ico, button.doc .ico, button.dtfs .ico, button.eps .ico, button.fb2 .ico, button.gif .ico, button.html .ico, button.java .ico, button.mobi .ico, button.mp4 .ico, button.pdf .ico, button.png .ico, button.ppt .ico, button.ps .ico, button.psd .ico, button.svg .ico, button.txt .ico, button.xls .ico, button.zip .ico, button.edit .ico, button.cancel .ico, button.add .ico, button.bug .ico, button.search .ico {
  width: calc(36px - 10px);
}
input[type=button].attachment .ico, input[type=submit].attachment .ico, button.attachment .ico {
  background-image: url("/Icons/ico_attachment.svg");
}
input[type=button].ai .ico, input[type=submit].ai .ico, button.ai .ico {
  background-image: url("/Layout/FileTypes/ico_ai.svg");
}
input[type=button].avi .ico, input[type=submit].avi .ico, button.avi .ico {
  background-image: url("/Layout/FileTypes/ico_avi.svg");
}
input[type=button].cbr .ico, input[type=submit].cbr .ico, button.cbr .ico {
  background-image: url("/Layout/FileTypes/ico_cbr.svg");
}
input[type=button].cbz .ico, input[type=submit].cbz .ico, button.cbz .ico {
  background-image: url("/Layout/FileTypes/ico_cbz.svg");
}
input[type=button].csv .ico, input[type=submit].csv .ico, button.csv .ico {
  background-image: url("/Layout/FileTypes/ico_csv.svg");
}
input[type=button].doc .ico, input[type=submit].doc .ico, button.doc .ico {
  background-image: url("/Layout/FileTypes/ico_doc.svg");
}
input[type=button].dtfs .ico, input[type=submit].dtfs .ico, button.dtfs .ico {
  background-image: url("/Layout/FileTypes/ico_dtfs.svg");
}
input[type=button].eps .ico, input[type=submit].eps .ico, button.eps .ico {
  background-image: url("/Layout/FileTypes/ico_eps.svg");
}
input[type=button].fb2 .ico, input[type=submit].fb2 .ico, button.fb2 .ico {
  background-image: url("/Layout/FileTypes/ico_fb2.svg");
}
input[type=button].gif .ico, input[type=submit].gif .ico, button.gif .ico {
  background-image: url("/Layout/FileTypes/ico_gif.svg");
}
input[type=button].html .ico, input[type=submit].html .ico, button.html .ico {
  background-image: url("/Layout/FileTypes/ico_html.svg");
}
input[type=button].java .ico, input[type=submit].java .ico, button.java .ico {
  background-image: url("/Layout/FileTypes/ico_java.svg");
}
input[type=button].mobi .ico, input[type=submit].mobi .ico, button.mobi .ico {
  background-image: url("/Layout/FileTypes/ico_mobi.svg");
}
input[type=button].mp4 .ico, input[type=submit].mp4 .ico, button.mp4 .ico {
  background-image: url("/Layout/FileTypes/ico_mp4.svg");
}
input[type=button].pdf .ico, input[type=submit].pdf .ico, button.pdf .ico {
  background-image: url("/Layout/FileTypes/ico_pdf.svg");
}
input[type=button].png .ico, input[type=submit].png .ico, button.png .ico {
  background-image: url("/Layout/FileTypes/ico_png.svg");
}
input[type=button].ppt .ico, input[type=submit].ppt .ico, button.ppt .ico {
  background-image: url("/Layout/FileTypes/ico_ppt.svg");
}
input[type=button].ps .ico, input[type=submit].ps .ico, button.ps .ico {
  background-image: url("/Layout/FileTypes/ico_ps.svg");
}
input[type=button].psd .ico, input[type=submit].psd .ico, button.psd .ico {
  background-image: url("/Layout/FileTypes/ico_psd.svg");
}
input[type=button].svg .ico, input[type=submit].svg .ico, button.svg .ico {
  background-image: url("/Layout/FileTypes/ico_svg.svg");
}
input[type=button].txt .ico, input[type=submit].txt .ico, button.txt .ico {
  background-image: url("/Layout/FileTypes/ico_txt.svg");
}
input[type=button].xls .ico, input[type=submit].xls .ico, button.xls .ico {
  background-image: url("/Layout/FileTypes/ico_xls.svg");
}
input[type=button].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: 36px;
}
input[type=button].icon-button.sfr-searchTmpl > .formwrap > .button > button > .ico, input[type=submit].icon-button.sfr-searchTmpl > .formwrap > .button > button > .ico, button.icon-button.sfr-searchTmpl > .formwrap > .button > button > .ico {
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  background-size: contain;
  filter: none;
}
input[type=button].icon-button.sfr-searchTmpl > .formwrap > .button > button:hover, input[type=submit].icon-button.sfr-searchTmpl > .formwrap > .button > button:hover, button.icon-button.sfr-searchTmpl > .formwrap > .button > button:hover {
  filter: invert(23%) sepia(8%) saturate(3289%) hue-rotate(192deg) brightness(99%) contrast(88%);
}
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(100%) sepia(0%) saturate(0%) hue-rotate(103deg) brightness(110%) contrast(101%);
}
input[type=button].icon-button.sfr-searchTmpl > .formwrap > .button > button.primary:hover, input[type=submit].icon-button.sfr-searchTmpl > .formwrap > .button > button.primary:hover, button.icon-button.sfr-searchTmpl > .formwrap > .button > button.primary:hover {
  filter: invert(24%) sepia(11%) saturate(2565%) hue-rotate(192deg) brightness(94%) contrast(87%);
}
input[type=button].icon-button > button, input[type=submit].icon-button > button, button.icon-button > button {
  box-shadow: none;
  background-color: transparent;
  font-size: 0px;
  padding: 0px;
  min-width: 36px;
}
input[type=button].icon-button > button > .ico, input[type=submit].icon-button > button > .ico, button.icon-button > button > .ico {
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  background-size: contain;
  filter: none;
}
input[type=button].icon-button > button:hover, input[type=submit].icon-button > button:hover, button.icon-button > button:hover {
  filter: invert(23%) sepia(8%) saturate(3289%) hue-rotate(192deg) brightness(99%) contrast(88%);
}
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(100%) sepia(0%) saturate(0%) hue-rotate(103deg) brightness(110%) contrast(101%);
}
input[type=button].icon-button > button.primary:hover, input[type=submit].icon-button > button.primary:hover, button.icon-button > button.primary:hover {
  filter: invert(24%) sepia(11%) saturate(2565%) hue-rotate(192deg) brightness(94%) contrast(87%);
}
input[type=button].icon-button:not(div), input[type=submit].icon-button:not(div), button.icon-button:not(div) {
  box-shadow: none;
  background-position: center center;
  background-repeat: no-repeat;
  min-width: 36px;
  background-image: url("/Icons/ico_file.svg");
  background-size: auto calc(100% - 10px);
  background-color: transparent;
  font-size: 0px;
}
input[type=button].icon-button:not(div) > .ico, input[type=submit].icon-button:not(div) > .ico, button.icon-button:not(div) > .ico {
  display: none;
}
input[type=button].icon-button:not(div).ai, input[type=submit].icon-button:not(div).ai, button.icon-button:not(div).ai {
  background-image: url("/Layout/FileTypes/ico_ai.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).avi, input[type=submit].icon-button:not(div).avi, button.icon-button:not(div).avi {
  background-image: url("/Layout/FileTypes/ico_avi.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).cbr, input[type=submit].icon-button:not(div).cbr, button.icon-button:not(div).cbr {
  background-image: url("/Layout/FileTypes/ico_cbr.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).cbz, input[type=submit].icon-button:not(div).cbz, button.icon-button:not(div).cbz {
  background-image: url("/Layout/FileTypes/ico_cbz.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).csv, input[type=submit].icon-button:not(div).csv, button.icon-button:not(div).csv {
  background-image: url("/Layout/FileTypes/ico_csv.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).doc, input[type=submit].icon-button:not(div).doc, button.icon-button:not(div).doc {
  background-image: url("/Layout/FileTypes/ico_doc.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).eps, input[type=submit].icon-button:not(div).eps, button.icon-button:not(div).eps {
  background-image: url("/Layout/FileTypes/ico_eps.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).fb2, input[type=submit].icon-button:not(div).fb2, button.icon-button:not(div).fb2 {
  background-image: url("/Layout/FileTypes/ico_fb2.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).gif, input[type=submit].icon-button:not(div).gif, button.icon-button:not(div).gif {
  background-image: url("/Layout/FileTypes/ico_gif.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).html, input[type=submit].icon-button:not(div).html, button.icon-button:not(div).html {
  background-image: url("/Layout/FileTypes/ico_html.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).java, input[type=submit].icon-button:not(div).java, button.icon-button:not(div).java {
  background-image: url("/Layout/FileTypes/ico_java.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).mobi, input[type=submit].icon-button:not(div).mobi, button.icon-button:not(div).mobi {
  background-image: url("/Layout/FileTypes/ico_mobi.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).pdf, input[type=submit].icon-button:not(div).pdf, button.icon-button:not(div).pdf {
  background-image: url("/Layout/FileTypes/ico_pdf.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).png, input[type=submit].icon-button:not(div).png, button.icon-button:not(div).png {
  background-image: url("/Layout/FileTypes/ico_png.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).ppt, input[type=submit].icon-button:not(div).ppt, button.icon-button:not(div).ppt {
  background-image: url("/Layout/FileTypes/ico_ppt.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).ps, input[type=submit].icon-button:not(div).ps, button.icon-button:not(div).ps {
  background-image: url("/Layout/FileTypes/ico_ps.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).psd, input[type=submit].icon-button:not(div).psd, button.icon-button:not(div).psd {
  background-image: url("/Layout/FileTypes/ico_psd.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).svg, input[type=submit].icon-button:not(div).svg, button.icon-button:not(div).svg {
  background-image: url("/Layout/FileTypes/ico_svg.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).txt, input[type=submit].icon-button:not(div).txt, button.icon-button:not(div).txt {
  background-image: url("/Layout/FileTypes/ico_txt.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).xls, input[type=submit].icon-button:not(div).xls, button.icon-button:not(div).xls {
  background-image: url("/Layout/FileTypes/ico_xls.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).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(23%) sepia(8%) saturate(3289%) hue-rotate(192deg) brightness(99%) contrast(88%);
}
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(100%) sepia(0%) saturate(0%) hue-rotate(103deg) brightness(110%) contrast(101%);
}
input[type=button].icon-button:not(div).primary:hover, input[type=submit].icon-button:not(div).primary:hover, button.icon-button:not(div).primary:hover {
  filter: invert(24%) sepia(11%) saturate(2565%) hue-rotate(192deg) brightness(94%) contrast(87%);
}
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: #576CA3;
  color: #ffffff;
}
.button.primary input [type=button]:hover, .button.primary input[type=submit]:hover, .button.primary button:hover {
  background-color: #3A436E;
}
.button.primary input [type=button]:disabled, .button.primary input[type=submit]:disabled, .button.primary button:disabled {
  background-color: #cccccc;
  box-shadow: none;
  color: #808080;
  cursor: not-allowed;
}
.button.attachment .ico, .button.ai .ico, .button.avi .ico, .button.cbr .ico, .button.cbz .ico, .button.csv .ico, .button.doc .ico, .button.dtfs .ico, .button.eps .ico, .button.fb2 .ico, .button.gif .ico, .button.html .ico, .button.java .ico, .button.mobi .ico, .button.mp4 .ico, .button.pdf .ico, .button.png .ico, .button.ppt .ico, .button.ps .ico, .button.psd .ico, .button.svg .ico, .button.txt .ico, .button.xls .ico, .button.zip .ico, .button.edit .ico, .button.cancel .ico, .button.add .ico, .button.bug .ico, .button.search .ico {
  width: calc(36px - 10px);
}
.button.attachment .ico {
  background-image: url("/Icons/ico_attachment.svg");
}
.button.ai .ico {
  background-image: url("/Layout/FileTypes/ico_ai.svg");
}
.button.avi .ico {
  background-image: url("/Layout/FileTypes/ico_avi.svg");
}
.button.cbr .ico {
  background-image: url("/Layout/FileTypes/ico_cbr.svg");
}
.button.cbz .ico {
  background-image: url("/Layout/FileTypes/ico_cbz.svg");
}
.button.csv .ico {
  background-image: url("/Layout/FileTypes/ico_csv.svg");
}
.button.doc .ico {
  background-image: url("/Layout/FileTypes/ico_doc.svg");
}
.button.dtfs .ico {
  background-image: url("/Layout/FileTypes/ico_dtfs.svg");
}
.button.eps .ico {
  background-image: url("/Layout/FileTypes/ico_eps.svg");
}
.button.fb2 .ico {
  background-image: url("/Layout/FileTypes/ico_fb2.svg");
}
.button.gif .ico {
  background-image: url("/Layout/FileTypes/ico_gif.svg");
}
.button.html .ico {
  background-image: url("/Layout/FileTypes/ico_html.svg");
}
.button.java .ico {
  background-image: url("/Layout/FileTypes/ico_java.svg");
}
.button.mobi .ico {
  background-image: url("/Layout/FileTypes/ico_mobi.svg");
}
.button.mp4 .ico {
  background-image: url("/Layout/FileTypes/ico_mp4.svg");
}
.button.pdf .ico {
  background-image: url("/Layout/FileTypes/ico_pdf.svg");
}
.button.png .ico {
  background-image: url("/Layout/FileTypes/ico_png.svg");
}
.button.ppt .ico {
  background-image: url("/Layout/FileTypes/ico_ppt.svg");
}
.button.ps .ico {
  background-image: url("/Layout/FileTypes/ico_ps.svg");
}
.button.psd .ico {
  background-image: url("/Layout/FileTypes/ico_psd.svg");
}
.button.svg .ico {
  background-image: url("/Layout/FileTypes/ico_svg.svg");
}
.button.txt .ico {
  background-image: url("/Layout/FileTypes/ico_txt.svg");
}
.button.xls .ico {
  background-image: url("/Layout/FileTypes/ico_xls.svg");
}
.button.xlsx .ico {
  background-image: url("/Layout/FileTypes/ico_xls.svg");
}
.button.xml .ico {
  background-image: url("/Layout/FileTypes/ico_xml.svg");
}
.button.zip .ico {
  background-image: url("/Layout/FileTypes/ico_zip.svg");
}
.button.edit .ico {
  background-image: url("/Icons/ico_edit.svg");
}
.button.add .ico {
  background-image: url("/Icons/ico_plusCircle.svg");
}
.button.cancel .ico {
  background-image: url("/Icons/ico_xCircle.svg");
}
.button.bug .ico {
  background-image: url("/Icons/ico_bug.svg");
}
.button.search .ico {
  background-image: url("/Icons/ico_search.svg");
}
.button.icon-button.sfr-searchTmpl > .formwrap > .button > button {
  box-shadow: none;
  background-color: transparent;
  font-size: 0px;
  padding: 0px;
  min-width: 36px;
}
.button.icon-button.sfr-searchTmpl > .formwrap > .button > button > .ico {
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  background-size: contain;
  filter: none;
}
.button.icon-button.sfr-searchTmpl > .formwrap > .button > button:hover {
  filter: invert(23%) sepia(8%) saturate(3289%) hue-rotate(192deg) brightness(99%) contrast(88%);
}
.button.icon-button.sfr-searchTmpl > .formwrap > .button > button:disabled {
  opacity: 0.5;
}
.button.icon-button.sfr-searchTmpl > .formwrap > .button > button.primary {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(103deg) brightness(110%) contrast(101%);
}
.button.icon-button.sfr-searchTmpl > .formwrap > .button > button.primary:hover {
  filter: invert(24%) sepia(11%) saturate(2565%) hue-rotate(192deg) brightness(94%) contrast(87%);
}
.button.icon-button > button {
  box-shadow: none;
  background-color: transparent;
  font-size: 0px;
  padding: 0px;
  min-width: 36px;
}
.button.icon-button > button > .ico {
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  background-size: contain;
  filter: none;
}
.button.icon-button > button:hover {
  filter: invert(23%) sepia(8%) saturate(3289%) hue-rotate(192deg) brightness(99%) contrast(88%);
}
.button.icon-button > button:disabled {
  opacity: 0.5;
}
.button.icon-button > button.primary {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(103deg) brightness(110%) contrast(101%);
}
.button.icon-button > button.primary:hover {
  filter: invert(24%) sepia(11%) saturate(2565%) hue-rotate(192deg) brightness(94%) contrast(87%);
}
.button.icon-button:not(div) {
  box-shadow: none;
  background-position: center center;
  background-repeat: no-repeat;
  min-width: 36px;
  background-image: url("/Icons/ico_file.svg");
  background-size: auto calc(100% - 10px);
  background-color: transparent;
  font-size: 0px;
}
.button.icon-button:not(div) > .ico {
  display: none;
}
.button.icon-button:not(div).ai {
  background-image: url("/Layout/FileTypes/ico_ai.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).avi {
  background-image: url("/Layout/FileTypes/ico_avi.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).cbr {
  background-image: url("/Layout/FileTypes/ico_cbr.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).cbz {
  background-image: url("/Layout/FileTypes/ico_cbz.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).csv {
  background-image: url("/Layout/FileTypes/ico_csv.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).doc {
  background-image: url("/Layout/FileTypes/ico_doc.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).eps {
  background-image: url("/Layout/FileTypes/ico_eps.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).fb2 {
  background-image: url("/Layout/FileTypes/ico_fb2.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).gif {
  background-image: url("/Layout/FileTypes/ico_gif.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).html {
  background-image: url("/Layout/FileTypes/ico_html.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).java {
  background-image: url("/Layout/FileTypes/ico_java.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).mobi {
  background-image: url("/Layout/FileTypes/ico_mobi.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).pdf {
  background-image: url("/Layout/FileTypes/ico_pdf.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).png {
  background-image: url("/Layout/FileTypes/ico_png.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).ppt {
  background-image: url("/Layout/FileTypes/ico_ppt.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).ps {
  background-image: url("/Layout/FileTypes/ico_ps.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).psd {
  background-image: url("/Layout/FileTypes/ico_psd.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).svg {
  background-image: url("/Layout/FileTypes/ico_svg.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).txt {
  background-image: url("/Layout/FileTypes/ico_txt.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).xls {
  background-image: url("/Layout/FileTypes/ico_xls.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).xlsx {
  background-image: url("/Layout/FileTypes/ico_xlsx.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).xml {
  background-image: url("/Layout/FileTypes/ico_xml.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).zip {
  background-image: url("/Layout/FileTypes/ico_zip.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).get {
  background-image: url("/Icons/ico_fileDownload.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).remove, .button.icon-button:not(div).DEL {
  background-image: url("/Icons/ico_trash.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).ADD, .button.icon-button:not(div).add {
  background-image: url("/Icons/ico_plusCircle.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).NR, .button.icon-button:not(div).nr {
  background-image: url("/Icons/ico_number.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).SHOW, .button.icon-button:not(div).show {
  background-image: url("/Icons/ico_show.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).edit {
  background-image: url("/Icons/ico_edit.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).add {
  background-image: url("/Icons/ico_plusCircle.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).cancel {
  background-image: url("/Icons/ico_xCircle.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).attachment {
  background-image: url("/Icons/ico_attachment.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).row-menu {
  background-image: url("/Icons/ico_more.svg");
}
.button.icon-button:not(div).refresh-list {
  background-image: url("/Icons/ico_reload.svg");
}
.button.icon-button:not(div).chooseColumns {
  background-image: url("/Icons/ico_showColumns.svg");
}
.button.icon-button:not(div).columnsSettings {
  background-image: url("/Icons/ico_columnSettings.svg");
}
.button.icon-button:not(div).save-config {
  background-image: url("/Icons/ico_diskette.svg");
}
.button.icon-button:not(div).restore-default-config {
  background-image: url("/Icons/ico_restoreSettings.svg");
}
.button.icon-button:not(div).bug {
  background-image: url("/Icons/ico_bug.svg");
}
.button.icon-button:not(div).search {
  background-image: url("/Icons/ico_search.svg");
}
.button.icon-button:not(div).th-sort {
  background-image: url("/Icons/ico_sort.svg");
}
.button.icon-button:not(div).th-sort.asc {
  background-image: url("/Icons/ico_sortAsc.svg");
}
.button.icon-button:not(div).th-sort.desc {
  background-image: url("/Icons/ico_sortDesc.svg");
}
.button.icon-button:not(div):hover {
  filter: invert(23%) sepia(8%) saturate(3289%) hue-rotate(192deg) brightness(99%) contrast(88%);
}
.button.icon-button:not(div):disabled {
  opacity: 0.5;
}
.button.icon-button:not(div).primary {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(103deg) brightness(110%) contrast(101%);
}
.button.icon-button:not(div).primary:hover {
  filter: invert(24%) sepia(11%) saturate(2565%) hue-rotate(192deg) brightness(94%) contrast(87%);
}

/*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: 15px;
}
.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: 15px; /*linked with border radius*/
  width: calc(100% - 15px - 15px); /*linked with border radius*/
  border-bottom: 1px solid #414141;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper.fieldError:before, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper.fieldError .inputBorderL, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper.fieldError .inputBorderR {
  border-color: #E53935;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper.fieldError label, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper.fieldError input {
  color: #E53935;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper.fieldError .tox-tinymce {
  border-color: #E53935;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper input, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper textarea {
  /*functional - DO NOT CHANGE*/
  display: block;
  background: none;
  border-radius: 15px;
  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(36px, 18px);
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper input:focus, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper textarea:focus {
  /*functional - DO NOT CHANGE*/
  border: none;
  outline: none;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper textarea {
  resize: vertical;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper .inputBorderL {
  /*functional - DO NOT CHANGE*/
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  pointer-events: none;
  /*transition: 300ms all ease; /*disabled for PH deanimation test*/
  border-right: none;
  /*editable*/
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  width: 15px;
  border-left: 1px solid #414141;
  border-top: 1px solid #414141;
  border-bottom: 1px solid #414141;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper .inputBorderR {
  /*functional - DO NOT CHANGE*/
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  pointer-events: none;
  /*transition: 300ms all ease; /*disabled for PH deanimation test*/
  border-left: none;
  /*editable*/
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  width: calc(100% - 15px); /*linked with border radius*/
  min-width: 15px;
  border-right: 1px solid #414141;
  border-top: 1px solid #414141;
  border-bottom: 1px solid #414141;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active label, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).ReadOnly label {
  /*functional - DO NOT CHANGE*/
  left: calc(15px + 3px);
  opacity: 1;
  transform: scale(1);
  height: 1rem;
  max-width: calc(100% - 2 * (15px + 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: #3A436E;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).requiredField .inputWrapper:before, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).required .inputWrapper:before {
  /*editable*/
  border-bottom: 2px solid #3A436E;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).requiredField .inputWrapper .inputBorderL, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).required .inputWrapper .inputBorderL {
  /*editable*/
  border-top: 2px solid #3A436E;
  border-left: 2px solid #3A436E;
  border-bottom: 2px solid #3A436E;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).requiredField .inputWrapper .inputBorderR, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).required .inputWrapper .inputBorderR {
  /*editable*/
  border-top: 2px solid #3A436E;
  border-right: 2px solid #3A436E;
  border-bottom: 2px solid #3A436E;
}
.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(38%) sepia(88%) saturate(330%) hue-rotate(186deg) brightness(89%) contrast(77%);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*TOOLTIP*/
.TippedToolTip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: calc(36px / 2);
  height: calc(36px / 2);
  border: 2px solid #576CA3;
  color: #576CA3;
  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((36px / 2) - (calc(36px / 2) / 2));
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ConsoleKey {
  color: Black;
}

.ConsoleValue {
  color: green;
}

.ConsoleInfo {
  color: blue;
}

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

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

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

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

.RefreshBtnDiv {
  float: right;
}

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

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

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

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

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

.autocomplete-result p {
  padding: 5px 10px;
  margin: 0;
  color: #414141;
  display: inline-flex;
  align-items: center;
  min-height: calc(2 * 15px);
  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 #576CA3;
  margin: 10px;
}
.loader .loader__element:nth-child(1) {
  animation: preloader 0.6s ease-in-out alternate infinite;
}
.loader .loader__element:nth-child(2) {
  animation: preloader 0.6s ease-in-out alternate 0.2s infinite;
}
.loader .loader__element:nth-child(3) {
  animation: preloader 0.6s ease-in-out alternate 0.4s infinite;
}
@keyframes preloader {
  100% {
    transform: scale(2);
  }
}

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

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

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

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

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

.datepicker {
  z-index: 902;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.journal-container {
  border-radius: 5px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  background: #ffffff;
  height: 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: 36px;
  border: 1px dashed #000000;
  opacity: 0.3;
  transition: all 0.5s 0s ease;
}
.journal-container .row-dropzone:hover {
  opacity: 1;
}
.journal-container td.selection-col {
  text-align: center;
}
.journal-container td.selection-col .field.row-selection {
  float: none;
}
.journal-container td.selection-col .field.row-selection input {
  visibility: visible;
  width: 100%;
  opacity: 0;
  height: 100%;
}
.journal-container td.selection-col .field.row-selection input + label:before {
  margin: 0px;
}
.journal-container table.journal-resources-table {
  width: 100%;
}
.journal-container .journal-resources-row.hidden {
  display: none;
}

.journal-container hidden {
  display: none;
}

.journal-container visible {
  display: block;
}

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

.journal-accor-button.journal-accor-active, .journal-accor-button:hover {
  background-color: #FAFAFA;
  color: #414141;
}

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

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

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

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

.fileupload-container {
  display: flex;
  align-items: center;
}
.fileupload-container .fileupload-btn {
  position: relative;
  cursor: pointer;
}
.fileupload-container .fileupload-btn input[type=file] {
  width: 0px;
  height: 0px;
  position: absolute;
  opacity: 0;
}
.fileupload-container .fileupload-btn button {
  pointer-events: none;
}
.fileupload-container .fileupload-btn button .ico {
  background-image: url("/Icons/ico_upload.svg");
  background-size: 80% auto;
}
.fileupload-container .fileupload-btn:hover:not(.disabled) {
  cursor: pointer;
}
.fileupload-container .fileupload-btn:hover:not(.disabled) button {
  background-color: #FAFAFA;
  color: #414141;
  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(23%) sepia(15%) saturate(0%) hue-rotate(254deg) brightness(102%) contrast(96%);
}
.fileupload-container .fileupload-btn ::-webkit-file-upload-button {
  cursor: pointer;
}
.fileupload-container .fileupload-btn.disabled, .fileupload-container .fileupload-btn.disabled:hover {
  pointer-events: none;
}
.fileupload-container .fileupload-btn.dragover {
  border: 2px dashed #414141;
  cursor: grab;
}
.fileupload-container .fileupload-files .inprogress::after {
  background-color: blue;
}
.fileupload-container .fileupload-files .error > span {
  align-items: center;
  display: inline-flex;
}
.fileupload-container .fileupload-files .error > span:before {
  background-image: url("/Icons/ico_xCircle.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 0.5rem;
  filter: invert(26%) sepia(76%) saturate(2395%) hue-rotate(343deg) brightness(94%) contrast(89%);
}
.fileupload-container .fileupload-files .complete > span {
  align-items: center;
  display: inline-flex;
}
.fileupload-container .fileupload-files .complete > span:before {
  background-image: url("/Icons/ico_checkCircle.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 0.5rem;
  filter: invert(50%) sepia(94%) saturate(1367%) hue-rotate(116deg) brightness(93%) contrast(96%);
}
.fileupload-container .fileupload-files > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.fileupload-container .fileupload-files > div:last-of-type {
  border-bottom: none;
}
.fileupload-container .fileupload-showFilesBtn {
  margin-left: 10px;
}
.fileupload-container .fileupload-popup.hidden {
  display: none;
}
.fileupload-container .fileupload-popup.visible {
  display: block;
}
.fileupload-container .fileupload-popup .pops-f {
  max-width: 600px;
}

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

#FR {
  height: 100%;
}

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

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

#FR {
  height: 100%;
}

.transfer-matching-container {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 8px;
}
.transfer-matching-container .matching-left-panel + .matching-right-panel {
  margin-left: 3px;
}
.transfer-matching-container .matching-left-panel .no-payment {
  color: #E53935;
  font-weight: bold;
}
.transfer-matching-container .matching-left-panel .valid-payment {
  color: #05BE70;
  font-weight: bold;
}
.transfer-matching-container .matching-left-panel .overpaid-payment {
  color: #576CA3;
  font-weight: bold;
}
.transfer-matching-container .matching-left-panel .underpaid-payment {
  color: #576CA3;
  font-weight: bold;
}
.transfer-matching-container .matching-left-panel, .transfer-matching-container .matching-right-panel {
  width: auto;
  margin: 3px;
  flex: 1;
  transition: flex 0.2s;
  height: 100%;
}
.transfer-matching-container .matching-left-panel .transfer-matching-transfers, .transfer-matching-container .matching-left-panel .transfer-matching-matches, .transfer-matching-container .matching-right-panel .transfer-matching-transfers, .transfer-matching-container .matching-right-panel .transfer-matching-matches {
  width: 100%;
}
.transfer-matching-container .matching-left-panel .accor.filter-accor.accor-active + .transfer-matching-transfers, .transfer-matching-container .matching-right-panel .accor.filter-accor.accor-active + .transfer-matching-transfers {
  width: calc(100% - 200px);
}
.transfer-matching-container .matching-left-panel .accor.filter-accor + .transfer-matching-transfers, .transfer-matching-container .matching-right-panel .accor.filter-accor + .transfer-matching-transfers {
  width: 100%;
}
.transfer-matching-container .matching-right-panel {
  flex: 0;
}
.transfer-matching-container .matching-right-panel .matches-container.group {
  border: none;
  padding: unset;
}
.transfer-matching-container .matching-right-panel .matches-container.group > label {
  padding: 10px 10px 15px 10px;
}
.transfer-matching-container .matching-right-panel .matches-container.group:after {
  border: none;
}
.transfer-matching-container .matching-right-panel .close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 26px;
  height: 26px;
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 0;
  border-radius: 50%;
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.6;
  transition: opacity 0.2s ease;
}
.transfer-matching-container .matching-right-panel .close::before,
.transfer-matching-container .matching-right-panel .close::after {
  content: "";
  position: absolute;
  width: 16px;
  height: 2px;
  background: #444;
  top: 50%;
  left: 50%;
  transform-origin: center;
}
.transfer-matching-container .matching-right-panel .close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.transfer-matching-container .matching-right-panel .close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.transfer-matching-container .matching-right-panel .close:hover {
  opacity: 1;
  background: rgba(0, 0, 0, 0.05);
}
.transfer-matching-container .matching-right-panel:has(table) {
  flex: 1;
}

#FR {
  max-height: 100%;
}

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

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

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

html:has(.loaderCacheContainer) #_header, html:has(.loaderCacheContainer) #_breadcrumb, html:has(.loaderCacheContainer) #_footer {
  display: none;
}

.loaderCacheContainer {
  background-color: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(3px);
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  justify-content: center;
  z-index: 999;
}
.loaderCacheContainer .loader {
  position: static;
  height: auto;
  background: transparent;
}
.loaderCacheContainer .loaderCacheMsg {
  padding-top: 20px;
}

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

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

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

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

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

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

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

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

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

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

/*TYPOGRAPHY*/
/* (100%=16px)*/
/*BASIC SETTINGS*/
/*BOX SHADOW*/
/*COLOR SCHEME*/
/*VALIDATION COLORS*/
/*GRADIENTS*/
/*REQUIRED FIELD*/
/*BUTTON COLORS*/
/*TRANSITION*/
/*SCROLLBAR*/
/*ACCORDION COLORS*/
/*GENERIC LISTS*/
/*SEATCH TEMPLATE POPUP*/
/*JOURNAL*/
/*TIMEPICKER*/
/*OVERLAYS*/
/*MOBILE BREAKPOINTS*/
/*MOBILE COMPONENTS*/
body.loginPage {
  min-height: 100vh;
  /*GRADIENT BG*/
  background: linear-gradient(45deg, #29235C 0%, #294E7B 25%, #297A9A 50%, #33A1B3 75%, #3BB8BB 100%);
  background-size: 500% 500%;
  animation: loginGradient 30s ease-in-out infinite alternate;
  /*MAIN CONTAINER*/
  /*FOOTER*/
}
body.loginPage #FR1 {
  display: grid;
  color: #0a0707;
  background: transparent !important;
  place-items: center;
  padding: clamp(16px, 4vw, 32px);
  width: 100%;
  position: relative;
  isolation: isolate;
  /*RIGHT SIDE IMG*/
  /*&:after {
      content: '';
      flex: 1;
      max-width: 550px;
      background-color: $color-foreground;
      background-size: 95%;
      background-repeat: no-repeat;
      background-image: url('/loginPage.svg');
      border-radius: 0 20px 20px 0;
      background-position: center;
      height: 50vh;
      box-shadow: $box-shadow-block;
      align-items: center;
  }

  &:has(#f2[style*="display: none;"]) {
      &:after {
          min-height: 600px;
      }
  }*/
  /*TABLET*/
  /*MOBILE*/
}
body.loginPage #FR1 .loginBox {
  position: relative;
  width: min(100%, 520px) !important;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: clamp(16px, 2.2vw, 32px);
  background: #ffffff;
  padding: clamp(24px, 5vw, 56px) !important;
  border-radius: 20px !important;
  box-shadow: 0px 4px 10px 0px rgba(8, 28, 21, 0.2) !important;
  background-image: none !important;
  /*TITLE*/
  /*RESET PASSWORD VIEW*/
  /*CAPTCHA*/
  /* ====== INPUTS/BUTTONS ====== */
  /* ============== */
}
body.loginPage #FR1 .loginBox::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(135deg, rgba(66, 184, 174, 0.35), rgba(0, 45, 119, 0.25));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
body.loginPage #FR1 .loginBox #f1 {
  width: 100%;
  display: grid;
  gap: clamp(12px, 2vw, 10px);
}
body.loginPage #FR1 .loginBox:before {
  content: "";
  display: block;
  background: url("/logo_full.svg") no-repeat center/contain;
  block-size: clamp(45px * 1.2, 12vw, 45px * 2);
  inline-size: auto;
  aspect-ratio: 762/220;
  margin-inline: auto;
}
body.loginPage #FR1 .loginBox .captchaWrapper {
  align-items: center;
  flex-direction: row !important;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 25px;
  padding: 0 3px;
}
body.loginPage #FR1 .loginBox .captchaWrapper button {
  background-color: #0a0707;
  font-size: 0;
  position: relative;
  transition: background-color 0.3s ease, color 0.3s ease;
}
body.loginPage #FR1 .loginBox .captchaWrapper button:before {
  content: "";
  background: url("/Icons/rotate.svg") no-repeat center;
  background-size: 20px 20px;
  width: 16px;
  height: 16px;
  filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(323deg) brightness(101%) contrast(101%) !important;
}
body.loginPage #FR1 .loginBox .captchaWrapper button:hover {
  background: #002767;
}
body.loginPage #FR1 .loginBox .captchaWrapper .captchaCode {
  width: 40% !important;
  filter: grayscale(100%) contrast(180%) brightness(100%);
  margin: 0px !important;
  border-radius: 8px !important;
}
body.loginPage #FR1 .loginBox .captchaWrapper .field {
  width: auto !important;
}
body.loginPage #FR1 .loginBox > div:has(.field) {
  display: grid;
  align-items: stretch;
  justify-content: stretch;
}
body.loginPage #FR1 .loginBox .field label {
  font-size: 12px;
  color: #333333 !important;
}
body.loginPage #FR1 .loginBox .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper::before {
  border-bottom: 1px solid #D4D4D4;
  box-shadow: 1px 4px 10px 0px rgba(8, 28, 21, 0.5) !important;
}
body.loginPage #FR1 .loginBox .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper input {
  min-height: 45px;
  width: 100%;
}
body.loginPage #FR1 .loginBox .field .inputBorderL {
  border-radius: 8px 0 0 8px !important;
  border: 1px solid #D4D4D4;
  border-right: 0;
}
body.loginPage #FR1 .loginBox .field .inputBorderR {
  border-radius: 0 8px 8px 0 !important;
  border: 1px solid #D4D4D4;
  border-left: 0;
}
body.loginPage #FR1 .loginBox .btnContainer {
  display: grid;
  width: 100%;
}
body.loginPage #FR1 .loginBox .btnContainer input[type=button] {
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  padding: 0.75rem;
  border-radius: 6px;
  min-height: 45px;
  box-shadow: 0px 2px 4px 0px rgba(8, 28, 21, 0.25);
  transition: background-color 0.3s ease, color 0.3s ease;
}
body.loginPage #FR1 .loginBox .btnContainer input[type=button].primary {
  background-color: #0a0707;
  color: #ffffff;
  border: none;
}
body.loginPage #FR1 .loginBox .btnContainer input[type=button].primary:hover {
  background: #002767;
  box-shadow: 0px 2px 8px 0px rgba(8, 28, 21, 0.35);
}
body.loginPage #FR1 .loginBox .btnContainer input[type=button]:not(.primary) {
  background-color: #ededed;
}
body.loginPage #FR1 .loginBox .btnContainer input[type=button]:not(.primary):hover {
  background-color: #e6e6e6;
}
@media (max-width: 992px) {
  body.loginPage #FR1 .loginBox {
    padding: clamp(24px, 6vw, 48px) !important;
  }
}
@media (max-width: 880px) {
  body.loginPage #FR1 .loginBox {
    border-radius: 20px !important;
  }
}
@media (max-width: 625px) {
  body.loginPage #FR1 .loginBox {
    min-width: 320px !important;
    gap: 1rem;
    padding: clamp(24px, 10vw, 50px) !important;
  }
}
@media (max-width: 550px) {
  body.loginPage #FR1 .loginBox .captchaWrapper {
    display: flex;
    justify-content: center;
    gap: 6px;
  }
  body.loginPage #FR1 .loginBox .captchaWrapper .captchaCode {
    width: 100% !important;
    height: 58px;
    aspect-ratio: auto;
    background-size: contain;
  }
  body.loginPage #FR1 .loginBox .captchaWrapper button {
    margin-top: 10px;
  }
}
body.loginPage .ui-waveBg {
  display: none;
}
body.loginPage #_footer a {
  color: #42b8ae;
  transition: background-color 0.3s ease, color 0.3s ease;
}
body.loginPage #_footer a:hover {
  color: #3CA69D;
}
@media (max-width: 625px) {
  body.loginPage #_footer {
    justify-content: center !important;
  }
}
body.loginPage #_footer {
  background: #ffffff;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

/*KEYFRAMES GRADIENT*/
@keyframes loginGradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@supports (background: linear-gradient(in oklab, black, white)) {
  body.loginPage {
    background: linear-gradient(in oklab 45deg, #29235C 0%, #297A9A 50%, #3BB8BB 100%);
    background-size: 500% 500%;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.loginPage {
    animation: none !important;
    background-position: 50% 50%;
  }
}
/*GLOBAL*/
body:not(.loginPage):not(:has(.MFAGeneralForm)) {
  background: #ffffff;
  color: #0a0707;
  font-size: 100%;
}
body:not(.loginPage):not(:has(.MFAGeneralForm)) > form {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
}

/*BREADCRUMB*/
#_breadcrumb {
  background: none !important;
  width: 100%;
  height: 0;
  position: fixed;
  top: 50px;
  z-index: 5;
  /*BG-ANIMATION*/
}
#_breadcrumb ul.breadcrumb {
  width: 100%;
  background: #f7f7f7 !important;
  height: 40px;
  box-shadow: 0px 2px 5px 0px rgba(8, 28, 21, 0.2);
  justify-content: center;
  align-items: center;
}
#_breadcrumb ul.breadcrumb li {
  gap: 15px;
  margin-right: 15px;
}
#_breadcrumb ul.breadcrumb li:first-of-type .icon {
  background-image: url("/Icons/home.svg");
  -webkit-transition: -webkit-filter 100ms linear;
  width: 25px;
  height: 20px;
}
#_breadcrumb ul.breadcrumb li:first-of-type .icon:hover {
  filter: invert(65%) sepia(39%) saturate(572%) hue-rotate(126deg) brightness(90%) contrast(92%);
}
#_breadcrumb ul.breadcrumb li:nth-child(2)::before {
  content: "";
  background: url("/Icons/chevron.svg");
  background-repeat: no-repeat;
  width: 20px;
  height: 18px;
  background-position: center center;
  background-size: contain;
}
#_breadcrumb ul.breadcrumb li::before {
  content: "" !important;
  background: url("/Icons/slash.svg");
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
  background-position: center center;
  background-size: contain;
}
#_breadcrumb ul.breadcrumb li:nth-child(1)::before {
  background: none !important;
  content: "";
}
#_breadcrumb ul.breadcrumb li:nth-child(2) a {
  background: rgba(66, 184, 174, 0.768627451);
  height: 25px;
  padding: 0 8px;
  border-radius: 7px;
  color: #ffffff;
  transition: background-color 0.3s ease, color 0.3s ease;
}
#_breadcrumb ul.breadcrumb li:nth-child(2) a:hover {
  background: #3CA69D;
}
#_breadcrumb ul.breadcrumb li:nth-child(3) a {
  background: rgba(0, 45, 119, 0.7098039216);
  height: 25px;
  padding: 0 8px;
  border-radius: 7px;
  color: #ffffff;
  transition: background-color 0.3s ease, color 0.3s ease;
}
#_breadcrumb ul.breadcrumb li:nth-child(3) a:hover {
  background: #002d77;
}
#_breadcrumb ul.breadcrumb li:has(> span) span {
  background: #0a0707;
  height: 25px;
  display: flex;
  justify-content: center;
  padding: 0 8px;
  align-items: center;
  border-radius: 7px;
  color: #ffffff;
}
#_breadcrumb .ui-waveBg {
  display: none;
}

/*HIDE BREADCRUMB FOR HOMEPAGE*/
body:has(.welcomePage) #_breadcrumb {
  display: none;
}

/*FOOTER*/
body:not(.loginPage):not(:has(.MFAGeneralForm)) #_footer {
  position: fixed;
  width: 100%;
  height: 30px;
  background: #f7f7f7;
  padding: 10px 20px;
  z-index: 4;
  bottom: 0;
  box-shadow: 0px 0px 10px 0px rgba(8, 28, 21, 0.2);
}
body:not(.loginPage):not(:has(.MFAGeneralForm)) #_footer a {
  color: #42b8ae;
  transition: background-color 0.3s ease, color 0.3s ease;
}
body:not(.loginPage):not(:has(.MFAGeneralForm)) #_footer a:hover {
  color: #3CA69D;
}

/*NAVBAR MENU*/
#_header {
  /*justify-content: start;*/
  width: 100%;
  top: 0;
  left: 0;
  height: 50px;
  background: #ffffff;
  position: fixed;
  z-index: 1000;
  /*FOR LOGO*/
  /*USERNAME + ICON*/
  /*LOGOUT*/
}
#_header::before {
  content: "";
  font-size: 22px;
  font-weight: 600;
  display: block;
  position: absolute;
  z-index: 5;
  width: 136px;
  top: 5px;
  left: 50px;
  aspect-ratio: 750/220;
  height: 40px;
  background-image: url("/logo.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
  pointer-events: none;
}
#_header #_headerInner {
  position: relative;
  width: 100%;
  height: 100%;
}
#_header #_headerInner nav {
  align-items: center;
  justify-content: center;
  z-index: 4;
  box-shadow: 0px 4px 10px 0px rgba(8, 28, 21, 0.2);
  height: 100%;
  /*MENU*/
}
#_header #_headerInner nav #menu li:hover, #_header #_headerInner nav #menu li:hover > a, #_header #_headerInner nav #menu li a:hover {
  background: transparent;
}
#_header #_headerInner nav #menu {
  width: 40%;
  gap: 5px;
  height: 100%;
  align-items: stretch;
}
#_header #_headerInner nav #menu > li {
  position: relative;
  padding: 0 5px;
  height: 100%;
  font-weight: 400;
  /*SUBMENU*/
}
#_header #_headerInner nav #menu > li > a {
  display: inline-flex;
  align-items: center;
  height: 100%;
  padding: 0 15px;
  color: #0a0707 !important;
  text-transform: capitalize;
  font-size: 14px;
  color: #0a0707;
}
#_header #_headerInner nav #menu > li > a[href="#Witamy.aspx"] {
  font-size: 0 !important;
  display: inline-block !important;
  position: fixed;
  margin: 0px;
  padding: 0px !important;
  width: 110px;
  left: 10px;
  top: 0px;
  height: 60px !important;
  cursor: pointer;
  z-index: 2;
  background: transparent;
}
#_header #_headerInner nav #menu > li > a[href="#Witamy.aspx"]:hover {
  background: transparent;
}
#_header #_headerInner nav #menu > li > .submenuCtl {
  inset: 0;
  opacity: 0;
  z-index: 2;
}
#_header #_headerInner nav #menu > li:hover {
  font-weight: 500;
}
#_header #_headerInner nav #menu > li > ul[class^=submenu] {
  background: #f7f7f7;
  border-radius: 0 0 5px 5px;
  box-shadow: 0px 4px 5px 0px rgba(8, 28, 21, 0.2);
  overflow: hidden;
  padding: 8px 0;
}
#_header #_headerInner nav #menu > li > ul[class^=submenu]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 4px;
  width: 100%;
  background: linear-gradient(to right, #29235C, #42B8AE);
  border-radius: 5px;
  z-index: 5;
}
#_header #_headerInner nav #menu > li > ul[class^=submenu] li {
  font-size: 12px !important;
}
#_header #_headerInner nav #menu > li > ul[class^=submenu] li a {
  color: #0a0707 !important;
  padding: 7px 14px;
}
#_header #_headerInner nav #menu > li > ul[class^=submenu] li a:hover {
  font-weight: 600;
}
#_header #_headerInner nav #menu > li > ul[class^=submenu] li > .submenuCtl {
  background-position: right 12px center;
}
#_header #_headerInner nav #menu > li > ul[class^=submenu] li > ul[class^=submenu] {
  background: #ebebeb;
}
#_header #_headerInner nav #menu > li > ul[class^=submenu] li > ul[class^=submenu] li a {
  padding: 7px 14px 7px 20px;
  transition: background 0.2s ease-in-out;
}
#_header #_headerInner nav #menu > li > ul[class^=submenu] li > ul[class^=submenu] li a:hover {
  font-weight: 500 !important;
  background: #50D4CA;
}
#_header .UCI {
  position: fixed;
  top: 8px;
  right: 6%;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 3px;
  height: 35px;
}
#_header .UCI .login {
  margin: 0 10px;
  background: #42b8ae;
  order: 2;
  height: 35px;
  padding: 0 15px;
  border-radius: 25px;
  pointer-events: none;
}
#_header .UCI .login a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  color: #ffffff;
}
#_header .UCI .login a::before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url("/Icons/user.svg") no-repeat center/20px 20px;
  filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(323deg) brightness(101%) contrast(101%);
}
#_header .UCI .toggleMore {
  display: none !important;
}
#_header .UCI .program {
  display: none;
  opacity: 0;
}
#_header .UCI .app {
  display: flex !important;
  order: 1;
}
#_header .UCI .app a {
  color: #0a0707;
}
#_header .UCI .app a::before {
  filter: invert(2%) sepia(5%) saturate(3226%) hue-rotate(314deg) brightness(89%) contrast(98%);
}
#_header .UCI:not(.showMore):has(.selectProfile) #_login, #_header .UCI:not(.showMore):has(.selectProfile) .toggleMore {
  display: none !important;
}
#_header .UCI:not(.showMore) .selectProfile {
  order: 2;
  display: flex;
  gap: 2px;
  width: auto;
  background: #42b8ae;
  border-radius: 25px;
  top: -3px;
  padding: 0 10px;
  justify-content: center;
  align-content: center;
}
#_header .UCI:not(.showMore) .selectProfile::before {
  content: "";
  display: inline-flex;
  width: 22px;
  height: 22px;
  background: url("/Icons/user.svg") no-repeat center/20px 20px;
  filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(323deg) brightness(101%) contrast(101%);
}
#_header .UCI:not(.showMore) .selectProfile .inputWrapper .inputBorderL,
#_header .UCI:not(.showMore) .selectProfile .inputWrapper .inputBorderR {
  border-radius: 0px !important;
  border: 0;
}
#_header .UCI:not(.showMore) .selectProfile .inputWrapper::after {
  width: 18px;
}
#_header .UCI:not(.showMore) .selectProfile .inputWrapper::before {
  border: 0;
}
#_header .UCI:not(.showMore) .selectProfile input {
  border: 0 !important;
  font-size: 13px;
}
#_header .UCI:not(.showMore) .selectProfile .inputWrapper {
  max-width: 380px;
  min-width: 220px;
  width: auto;
}
#_header .logout {
  z-index: 5;
  background: #0a0707;
  border-radius: 25px;
  width: 35px;
  height: 35px;
  top: 8px;
  right: 30px;
  position: fixed;
  display: block;
  padding: 1px 0 0 0;
  width: 125px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
#_header .logout label {
  padding: 0 0.4em;
  color: #ffffff;
  font-size: 14px;
}
#_header .logout a:before {
  background: url(/Icons/log-out.svg) no-repeat center/18px 18px;
  height: 20px;
  width: 20px;
}
#_header .logout:hover {
  width: 125px;
  background: #002767;
  transition: background-color 0.3s ease, color 0.3s ease;
}
#_header .logout:hover label {
  font-size: 14px;
}
#_header #_mobileMenu input {
  background-color: #001e4e;
  color: #ffffff;
}

/*HOME PAGE*/
.welcomePage {
  padding: 0 20px 15px 20px;
}
.welcomePage .tab {
  gap: 15px;
}
.welcomePage .tab .welcomeMsg label.value {
  font-size: 22px;
  margin-bottom: 10px;
}

/*CONTENT FOR FORMS*/
#_content:has(.formTab) {
  height: auto !important;
  padding-bottom: 85px !important;
}

.tab:has(.group.eg-offers):has(table) > .group {
  width: calc(100vw - 354px);
}
@media (min-width: 2100px) {
  .tab:has(.group.eg-offers):has(table) > .group {
    width: 100%;
  }
}
@media (max-width: 780px) {
  .tab:has(.group.eg-offers):has(table) > .group {
    width: 91vw;
  }
}

/*TABHEADERS*/
.tabHeader:has(> button:only-child) {
  display: none !important;
}

.tabContainer > .tabHeader {
  display: inline-flex !important;
  gap: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  margin-left: 5px;
}
.tabContainer > .tabHeader button {
  position: relative;
  color: #0a0707;
  border: 0;
  font-weight: bold;
  background: none;
  padding-bottom: 3px;
}
.tabContainer > .tabHeader button::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #42b8ae;
  transform: scaleY(0);
  transform-origin: bottom;
  transition: transform 0.3s ease-in-out;
  border-radius: 2px;
}
.tabContainer > .tabHeader button:hover {
  color: #42b8ae;
}
.tabContainer > .tabHeader button:hover::after {
  transform: scaleY(1);
}
.tabContainer > .tabHeader button.active {
  color: #42b8ae;
}
.tabContainer > .tabHeader button.active::after {
  transform: scaleY(1);
}

/*======FORM======*/
.infoHeaderFormSection {
  font-size: 18px;
  font-weight: 600;
}

/*STATUS*/
.displayState {
  width: 100%;
  justify-content: flex-end;
  display: flex;
}
.displayState label.value {
  width: auto;
  min-width: 100px;
  max-width: 500px;
  display: flex;
  justify-content: center !important;
  align-items: center;
  background: linear-gradient(135deg, #99C7BF 0%, #42B8AE 55%, #228684 100%);
  border-radius: 5px;
  margin-right: 3%;
  padding: 0 10px;
  font-size: 14px;
  color: #ffffff;
  font-weight: 600;
}
.displayState::before {
  content: "Status:";
  font-weight: bold;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  padding: 0 30px 3px 0px;
}
@media screen and (max-width: 780px) {
  .displayState {
    justify-content: center;
    padding-bottom: 20px;
  }
}

.displaySubState {
  display: none;
}

.group::after {
  border: 0;
}

/*ENTITIES*/
.entities .group.hiddenGroup .field.spacer {
  display: none;
}
.entities .group.hiddenGroup .field.checkbox {
  padding-right: 5px;
}
.entities .group:not(.hiddenGroup) {
  padding: 15px 0 25px 0;
  border-left: 0;
  border-right: 0;
}
.entities .group:not(.hiddenGroup) .groupLabel {
  padding-left: 5px;
  padding-bottom: 5px;
  font-size: 20px;
  font-weight: bold;
}
.entities .group:has(.button) .groupLabel {
  display: none;
}
.entities .group:has(.button) .button button {
  font-weight: bold;
  border: 2px solid #42b8ae;
  color: #42b8ae;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.entities .group:has(.button) .button button:hover {
  background: #42b8ae;
  color: #ffffff;
}
.entities .group:has(.button) > .button:first-of-type > button {
  transition: background-color 0.3s ease, color 0.3s ease;
  color: #ffffff;
  background-color: #0a0707;
  border: 0;
}
.entities .group:has(.button) > .button:first-of-type > button:hover {
  background: #001e4e;
}
.entities .group:has(.button) .button.ReadOnly button {
  border: 2px solid #d1d5db;
  color: #9ca3af;
  background: transparent;
}
.entities .group:has(.button) > .button.ReadOnly:first-of-type > button {
  background: #e5e7eb;
  color: #9ca3af;
  border: 0;
}
.entities .choose-employee {
  padding-bottom: 15px !important;
}
.entities .removeDiscount button {
  background: #0a0707;
  color: #ffffff;
  transition: background-color 0.3s ease, color 0.3s ease;
  font-weight: 600;
  margin-bottom: 30px;
}
.entities .removeDiscount button:hover {
  background: #001e4e;
}
.entities .policyDetails {
  padding: 0 !important;
}
.entities .payments {
  padding: 5px 0 !important;
}

/*CAR DATA*/
.danePojazdu {
  /*EQUIPMENT*/
  /*USE METHOD*/
  /*QUOTATION*/
}
.danePojazdu .group {
  padding: 10px 0 15px 0;
}
.danePojazdu .groupLabel {
  padding-left: 5px;
  padding-bottom: 10px;
  font-size: 20px;
  font-weight: bold;
}
.danePojazdu .searchEquipment {
  display: none;
}
.danePojazdu .additionalEq {
  border-radius: 0;
}
.danePojazdu .additionalEq .group {
  padding: 0;
  padding-top: 10px;
}
.danePojazdu .additionalEq .additionalEquipmentList {
  padding-top: 0;
}
.danePojazdu .additionalEq .formwrap .textDisplay label.value {
  display: none;
}
.danePojazdu .additionalEq .formwrap .textDisplay label.definition {
  font-size: 12px;
  top: 0;
  height: 30px;
  align-items: center;
}
.danePojazdu .additionalEq .formwrap .eurotaxEquipmentSearchButton button {
  transition: background-color 0.3s ease, color 0.3s ease;
  background: #42b8ae;
  color: #ffffff;
  font-weight: bold;
}
.danePojazdu .additionalEq .formwrap .eurotaxEquipmentSearchButton button:hover {
  background: #002d77;
}
.danePojazdu .additionalEq .additionalEquipmentList {
  padding-bottom: 0 !important;
}
.danePojazdu .additionalEq .additionalEquipmentList .groupLabel {
  margin-top: 20px;
}
.danePojazdu .additionalEq .additionalEquipmentList .buttonsContainer .add {
  background: #42b8ae;
  color: #ffffff;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.danePojazdu .additionalEq .additionalEquipmentList .buttonsContainer .add .ico {
  filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(323deg) brightness(101%) contrast(101%);
}
.danePojazdu .additionalEq .additionalEquipmentList .buttonsContainer .add:hover {
  background: #3CA69D;
}
.danePojazdu .AdditionalEquipmentList.ReadOnly {
  padding: 0;
}
.danePojazdu .antiTheft, .danePojazdu .keys, .danePojazdu .wycena, .danePojazdu .carData, .danePojazdu .usage, .danePojazdu .technicalState, .danePojazdu .additionalEq {
  background: rgba(66, 184, 174, 0.1019607843);
}
.danePojazdu .technicalState, .danePojazdu .antiTheft {
  border-radius: 0;
}
.danePojazdu .keys {
  border-radius: 0 0 0 5px;
}
.danePojazdu .wycena {
  border-radius: 0 5px 0 0;
}
.danePojazdu .carData {
  border-radius: 5px 0 0 0;
}
.danePojazdu .usage {
  border-radius: 0 0 5px 0;
}
.danePojazdu .usage .field.checkbox {
  padding-right: 10px;
}
.danePojazdu .wycena .ecCode {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 15px 10px;
}
.danePojazdu .wycena .buttonDown button {
  background: #002d77;
  color: #ffffff;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.danePojazdu .wycena .buttonDown button:hover {
  background: #001e4e;
}

/*INSURANCE*/
.insuranceCoverage {
  margin-top: 10px;
}
.insuranceCoverage .field.checkbox {
  padding-right: 15px;
}

.insurance {
  /*BUTTON ALLIANZ*/
  /*BORDER RADIUS ALLIANZ*/
}
.insurance .group {
  padding: 10px 0 15px 0;
}
.insurance .group .groupLabel {
  padding-left: 5px;
  padding-bottom: 5px;
  font-size: 20px;
  font-weight: bold;
}
.insurance .insuranceType {
  background: rgba(66, 184, 174, 0.1019607843) !important;
  margin-bottom: 10px;
}
.insurance .insuranceType .groupLabel {
  font-weight: 500;
}
.insurance .button {
  margin-left: 0 !important;
}
.insurance button {
  font-weight: bold;
  border: 2px solid #42b8ae;
  color: #42b8ae;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.insurance button:hover {
  background: #42b8ae;
  color: #ffffff;
}
.insurance .borderN {
  border-radius: 0;
}
.insurance .borderL {
  border-radius: 0 5px 5px 0;
}
.insurance .borderR {
  border-radius: 5px 0 0 5px;
}
.insurance .extensions {
  padding-top: 0 !important;
}

/*AVAILABLE VARIANTS*/
.variantsRangeAvailable .group {
  padding: 10px 0 15px 0;
}
.variantsRangeAvailable .group .groupLabel {
  font-size: 18px !important;
}

@media screen and (max-width: 768px) {
  .insurance > .insuranceType.borderR {
    border-radius: 5px !important;
  }
  .insurance > .insuranceType.borderL {
    border-radius: 5px !important;
  }
  .insurance > .insuranceType.borderN {
    border-radius: 5px !important;
  }
}
/*CONTRIBUTION*/
.group.hiddenGroup:has(.insurancePremiumsSummaryFieldset) {
  margin-top: 20px;
  gap: 8px;
  display: inline-flex;
  flex-wrap: wrap;
}

.tab:has(.insurancePremiumsSummaryFieldset) {
  gap: 8px;
  margin-top: 20px;
}

.insurancePremiumsSummaryFieldset {
  font-size: 16px;
  border-radius: 20px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15);
  background: rgba(66, 184, 174, 0.1019607843);
  flex-grow: 0;
  flex-shrink: 1;
  min-height: 130px;
  padding: 25px !important;
}
.insurancePremiumsSummaryFieldset .currency {
  /*VL-212*/
  /*padding-top: 5px*/
  padding-top: 0;
  display: inline-flex;
}
.insurancePremiumsSummaryFieldset .paymentDate {
  font-weight: 600;
}
.insurancePremiumsSummaryFieldset .groupLabel {
  padding-bottom: 8px !important;
}
.insurancePremiumsSummaryFieldset .field label.definition {
  font-size: 14px;
  margin-left: 0 !important;
}
.insurancePremiumsSummaryFieldset .field label.value {
  justify-content: flex-end;
  padding: 0 10px;
}
.insurancePremiumsSummaryFieldset .insuranceSum {
  border-color: transparent !important;
  font-weight: 600;
}
.insurancePremiumsSummaryFieldset .insuranceSum::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 2px;
  width: 100%;
  background: linear-gradient(to right, #29235C, #42B8AE);
  z-index: 0;
}
@media screen and (min-width: 1700px) {
  .insurancePremiumsSummaryFieldset {
    width: 24%;
  }
}
@media screen and (min-width: 1627px) and (max-width: 1700px) {
  .insurancePremiumsSummaryFieldset {
    width: 33%;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1627px) {
  .insurancePremiumsSummaryFieldset {
    width: 32%;
  }
}
@media screen and (min-width: 680px) and (max-width: 1200px) {
  .insurancePremiumsSummaryFieldset {
    width: 49%;
  }
}
@media screen and (max-width: 680px) {
  .insurancePremiumsSummaryFieldset {
    width: 100%;
  }
}

/*NOTES*/
.notes {
  padding: 0 !important;
  margin-bottom: 20px;
}
.notes .buttonsContainer button {
  background: #42b8ae;
  color: #ffffff;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.notes .buttonsContainer button .ico {
  filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(323deg) brightness(101%) contrast(101%);
}
.notes .buttonsContainer button:hover {
  background: #3CA69D;
}

/*TARIFFS*/
.tariffs {
  margin-bottom: 20px;
}
.tariffs .field.spacer {
  display: block !important;
}

/*AUTOCOMPLETE RESULT FOR TARRIFS*/
body:has(.tab.tariffs .field.autocomplete .fielddd:focus) .autocomplete-result[style*="display: block"] {
  transform: translateY(calc(-100% - 45px));
  transform-origin: top left;
}

/*WIDGET*/
.widgetContainer {
  position: fixed;
  bottom: 90px;
  right: 20px;
  z-index: 9;
  width: auto;
}
.widgetContainer .singleTU {
  background: #ffffff;
  box-shadow: 0px 4px 10px 0px rgba(8, 28, 21, 0.2);
  display: inline-flex;
  gap: 10px;
  align-items: center;
  padding: 15px;
}
.widgetContainer .singleTU .groupLabel {
  display: none;
}
.widgetContainer .singleTU .currency {
  padding: 0;
}
.widgetContainer .singleTU .currency label.value {
  font-size: 22px;
  font-weight: 600;
}
.widgetContainer .singleTU .logoImgContainer {
  padding: 0 25px 3px 0;
}
.widgetContainer .singleTU .logoImgContainer img {
  height: 30px;
  width: auto;
  object-fit: contain;
}
.widgetContainer .singleTU .widgetCountButton {
  padding: 0;
}
.widgetContainer .singleTU .widgetCountButton button {
  background: #0a0707;
  font-weight: 600;
  transition: background-color 0.3s ease, color 0.3s ease;
  color: #ffffff;
}
.widgetContainer .singleTU .widgetCountButton button:hover {
  background: #001e4e;
}
.widgetContainer .singleTU .widgetCountButton.primary.ReadOnly button {
  background: none !important;
  color: #808080;
}
.widgetContainer .singleTU .button.primary button {
  background: #0a0707;
  font-weight: 600;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.widgetContainer .singleTU .button.primary button:hover {
  background: #001e4e;
}
@media screen and (max-width: 1779px) {
  .widgetContainer .singleTU {
    position: relative;
    overflow: visible;
    --handle: -5px;
    --bleed: 0px;
    --dur: .35s;
    --easing: cubic-bezier(.22,.61,.36,1);
    will-change: transform;
    transition: transform var(--dur) var(--easing);
    transform: translateX(calc(100% - (var(--handle) + var(--bleed))));
  }
  .widgetContainer .singleTU:hover, .widgetContainer .singleTU:focus-within {
    transform: translateX(0);
  }
  .widgetContainer .singleTU::before, .widgetContainer .singleTU::after {
    content: "";
    position: absolute;
    left: -25px;
    width: 20px;
    height: 100%;
    pointer-events: auto;
    z-index: 1;
    padding: 5px;
  }
  .widgetContainer .singleTU::before {
    border-radius: 5px 0 0 5px;
    background: linear-gradient(to bottom, #42B8AE, #29235C);
    z-index: 1;
    box-shadow: 0px 4px 10px 0px rgba(8, 28, 21, 0.2);
  }
  .widgetContainer .singleTU::after {
    background-image: url("/Icons/chevron-left.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 25px 25px;
    top: -5px;
    z-index: 2;
    filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(323deg) brightness(101%) contrast(101%);
  }
}

/*VEHICLE DATA VERIFICATION*/
.compareServiceData .field.textDisplay {
  padding: 0;
}
.compareServiceData .field.textDisplay label.value {
  width: 50% !important;
}
.compareServiceData .field.textDisplay label.value table {
  width: 100%;
}
.compareServiceData .compareTable {
  width: 100%;
}
.compareServiceData .compareTable table {
  border-collapse: collapse;
  table-layout: fixed;
}
.compareServiceData .compareTable table tr:has(th.unitsCompareHeader) {
  width: 100%;
  display: inline-flex;
  justify-content: flex-start;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid;
  border-left: 0;
  border-radius: 5px 5px 0 0;
  border-color: #0a0707;
  color: #ffffff;
  background: #0a0707;
}
.compareServiceData .compareTable table tr:has(th.unitsCompareHeader) th.unitsCompareHeader {
  width: 100%;
}
.compareServiceData .compareTable table tr.unitsCompareRow {
  gap: 5px;
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: center;
  border: 1px solid #0a0707;
  border-top: 0;
  height: 100%;
}
.compareServiceData .compareTable table tr.unitsCompareRow:last-of-type {
  border-radius: 0 0 5px 5px;
}
.compareServiceData .compareTable table tr.unitsCompareRow > .unitCompareCell:first-of-type span {
  font-weight: bold;
}
.compareServiceData .compareTable table tr.unitsCompareRow .unitCompareCell {
  width: 100%;
  font-size: 14px;
  text-align: center;
  border-right: 1px solid #0a0707;
  min-height: 50px;
  padding: 10px 0;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
  justify-content: center;
  max-height: 100%;
}
.compareServiceData .compareTable table tr.unitsCompareRow > .unitCompareCell:last-of-type {
  border-right: 0;
}

/*TOOLBAR*/
#FR > .formwrap .sfr-vsm .vsm-toolbar {
  padding-top: 3px;
  position: fixed !important;
  left: 0 !important;
  bottom: 30px;
  z-index: 15px;
  width: 100%;
  background: #f7f7f7;
  box-shadow: 0px 0px 10px 0px rgba(8, 28, 21, 0.2);
}
#FR > .formwrap .sfr-vsm .vsm-toolbar button {
  margin-bottom: 5px !important;
  margin-left: 5px !important;
  background: #0a0707;
  color: #ffffff;
  font-weight: 600;
  transition: background-color 0.3s ease, color 0.3s ease;
}
#FR > .formwrap .sfr-vsm .vsm-toolbar button:hover {
  background: #001e4e;
}
@media screen and (max-width: 780px) {
  #FR > .formwrap .sfr-vsm .vsm-toolbar {
    bottom: 0;
  }
}

/*TOOLTIP*/
.TippedToolTip {
  color: #42b8ae;
  border-color: #42b8ae;
}

/*SEARCHBUTTON EQUIPMENT*/
.eurotaxEquipmentSearchButton .fielddd {
  font-size: 0;
}
.eurotaxEquipmentSearchButton .fielddd .ico {
  background: url("/Icons/search.svg");
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  background-size: contain;
  filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(323deg) brightness(101%) contrast(101%);
}
.eurotaxEquipmentSearchButton .TippedToolTip {
  color: #42b8ae;
  border-color: #42b8ae;
  font-size: 0px !important;
}
.eurotaxEquipmentSearchButton .TippedToolTip .ico {
  background-image: url("/Icons/search.svg") !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}

/*POPUP*/
.pops-b .pops-f {
  border: 1px solid rgba(0, 0, 0, 0.2) !important;
  border-radius: 5px !important;
}
.pops-b .pops-f .pops-h {
  margin: 0 !important;
  padding: 0 !important;
  justify-content: center;
  height: 50px;
  background: #42b8ae !important;
  color: #ffffff !important;
  border-radius: 5px 5px 0 0 !important;
}
.pops-b .pops-f .pops-c .treelist-container {
  padding: 10px;
}
.pops-b .pops-f .pops-c .treelist-container .inputWrapper .inputBorderL {
  border-radius: 8px 0px 0px 8px !important;
  border-color: #6A6A6A;
}
.pops-b .pops-f .pops-c .treelist-container .inputWrapper .inputBorderR {
  border-radius: 0px 8px 8px 0px !important;
  border-color: #6A6A6A;
}
.pops-b .pops-f .pops-c .treelist-container .treelist-items-table tbody tr {
  position: relative;
}
.pops-b .pops-f .pops-c .treelist-container .treelist-items-table tbody td:first-child {
  width: 0;
  padding: 0;
}
.pops-b .pops-f .pops-c .treelist-container .treelist-items-table tbody td:first-child input {
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
}
.pops-b .pops-f .pops-c .treelist-container .treelist-items-table tbody td:nth-child(2) {
  padding-left: 32px;
}
.pops-b .pops-f .pops-t > .button:first-of-type > button {
  transition: background-color 0.3s ease, color 0.3s ease;
  color: #ffffff;
  background-color: #42b8ae;
  border: 0;
}
.pops-b .pops-f .pops-t > .button:first-of-type > button:hover {
  background: #3CA69D !important;
}
.pops-b .pops-f .pops-t button {
  font-weight: bold;
  background: #0a0707;
  color: #ffffff !important;
  transition: background-color 0.3s ease, color 0.3s ease;
  border: 0 !important;
}
.pops-b .pops-f .pops-t button:hover {
  background: #001e4e !important;
}

/*INPUTS*/
.formTab:not(.allianzForm).field.textDisplay:has(> label.value:empty) {
  display: none !important;
}

.formTab .field.text label, .formTab .field.autocomplete label, .formTab .field label {
  color: #081B14;
}
.formTab .field.text .inputBorderL, .formTab .field.autocomplete .inputBorderL, .formTab .field .inputBorderL {
  border-radius: 8px 0px 0px 8px !important;
  border-color: #6A6A6A;
}
.formTab .field.text .inputBorderR, .formTab .field.autocomplete .inputBorderR, .formTab .field .inputBorderR {
  border-radius: 0px 8px 8px 0px !important;
  border-color: #6A6A6A;
}
.formTab .field:has(.animate.active) > label {
  font-size: 5px !important;
}
.formTab .field.text.ReadOnly .inputBorderL, .formTab .field.ReadOnly .inputBorderL {
  border-color: transparent !important;
}
.formTab .field.text.ReadOnly .inputWrapper input, .formTab .field.ReadOnly .inputWrapper input {
  border-radius: 8px !important;
}
.formTab .field.text.ReadOnly .fielddd, .formTab .field.ReadOnly .fielddd {
  border-radius: 8px;
}
.formTab .field.text.ReadOnly .inputBorderR, .formTab .field.ReadOnly .inputBorderR {
  border-color: transparent !important;
}

.field.logoImgContainer {
  padding: 0 25px 10px 0;
}

.allianzForm {
  /*ADDITIONAL CAR DATA*/
  /*INSURANCE*/
}
.allianzForm .singleTU .logoImgContainer {
  height: 30px;
  padding: 5px 0;
}
.allianzForm .singleTU .logoImgContainer img {
  max-width: 80%;
}
.allianzForm .singleTU .currency {
  padding-top: 5px;
}
.allianzForm .singleTU .widgetCountButton {
  padding-top: 5px;
}
.allianzForm .carDataAdditional {
  padding: 10px 0 15px 0;
}
.allianzForm .insuranceCoverage {
  margin-bottom: 15px;
}
.allianzForm .insuranceCoverage .field.checkbox {
  padding-right: 15px;
}
.allianzForm .group > .groupLabel {
  font-weight: 600;
  font-size: 20px;
  padding-bottom: 5px;
  padding-left: 5px;
}

/*======OFFER COMPARISON======*/
.calculateOffers button {
  background: #0a0707;
  font-weight: 600;
  transition: background-color 0.3s ease, color 0.3s ease;
  color: #ffffff;
}
.calculateOffers button:hover {
  background: #001e4e;
}

/*ACCORDION */
.InsuranceRangeAccordionButton button.accor-button {
  background-color: #42b8ae;
  font-weight: 600;
  color: #ffffff;
  border-radius: 20px;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.InsuranceRangeAccordionButton button.accor-button:hover {
  background-color: #002d77;
}

.additionalOption {
  background: rgba(66, 184, 174, 0.1019607843);
  padding: 10px 20px 45px 20px !important;
  height: auto !important;
}
.additionalOption .group {
  padding-bottom: 20px !important;
}

/*====================*/
/*JOURNAL*/
.journalTab button {
  border: 2px solid #42b8ae;
  color: #42b8ae;
  font-weight: bold;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.journalTab button:hover {
  background: #42b8ae;
  color: #ffffff;
}
.journalTab .button:nth-child(4) button {
  background: #0a0707;
  color: #ffffff;
  border: 0;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.journalTab .button:nth-child(4) button:hover {
  background: #001e4e;
}

/*ALERTS*/
.alertsTab button {
  border: 2px solid #42b8ae;
  color: #42b8ae;
  font-weight: bold;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.alertsTab button:hover {
  background: #42b8ae;
  color: #ffffff;
}
.alertsTab .button:nth-child(2) button {
  background: #0a0707;
  color: #ffffff;
  border: 0;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.alertsTab .button:nth-child(2) button:hover {
  background: #001e4e;
}

/*DOCS*/
.docsTab .formwrap > .group > .groupLabel {
  display: none;
}
.docsTab .groupLabel {
  padding-left: 5px;
  padding-bottom: 5px;
  font-size: 20px;
  font-weight: bold;
}
.docsTab .genericlist-container > table tbody tr.selected {
  background-color: #42b8ae;
}
.docsTab table td button.icon-button:not(div) {
  min-width: 35px;
  width: 35px;
  height: 35px;
  background-repeat: no-repeat;
  background-size: contain;
  background-size: 28px 28px;
  background-position: center;
}
.docsTab table td button.icon-button:not(div):hover {
  background-color: transparent;
  filter: invert(7%) sepia(90%) saturate(4704%) hue-rotate(211deg) brightness(106%) contrast(105%);
}
.docsTab table tr.selected td button.icon-button:not(div):hover {
  filter: invert(7%) sepia(90%) saturate(4704%) hue-rotate(211deg) brightness(106%) contrast(105%);
}
.docsTab button {
  background: #002d77;
  color: #ffffff;
  font-weight: 600;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.docsTab button .ico {
  filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(323deg) brightness(101%) contrast(101%);
}
.docsTab button:hover {
  background: #001e4e;
}

/*HISTORY*/
.historyTab .groupLabel {
  padding-left: 5px;
  padding-bottom: 5px;
  font-size: 20px;
  font-weight: bold;
}
.historyTab .genericlist-container > table tbody tr.selected {
  background-color: #42b8ae;
}

/*GENERIC LIST*/
#_content:has(.genericlist-wrapper) {
  padding: 100px 15px 40px 15px !important;
  height: 100vh !important;
}

.genericlist-wrapper {
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
  box-shadow: 0px 4px 10px 0px rgba(8, 28, 21, 0.2);
}
.genericlist-wrapper .accor-button .ico {
  filter: invert(65%) sepia(39%) saturate(572%) hue-rotate(126deg) brightness(90%) contrast(92%);
  background-size: 95%;
}
.genericlist-wrapper .accor-button .ico:hover {
  filter: invert(57%) sepia(46%) saturate(480%) hue-rotate(126deg) brightness(90%) contrast(94%);
}
.genericlist-wrapper .accor.accor-active {
  width: 100%;
  height: auto;
  overflow: visible;
  background: #f5f5f5;
}
.genericlist-wrapper .accor.accor-active::before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 0;
  border-bottom-left-radius: 0px;
}
.genericlist-wrapper .accor.accor-active .accor-panel.visible {
  /*INPUTS*/
  /*BUTTONS*/
}
.genericlist-wrapper .accor.accor-active .accor-panel.visible .field.text, .genericlist-wrapper .accor.accor-active .accor-panel.visible .filterStandardField, .genericlist-wrapper .accor.accor-active .accor-panel.visible .animate {
  width: 20%;
}
.genericlist-wrapper .accor.accor-active .accor-panel.visible .field.text label, .genericlist-wrapper .accor.accor-active .accor-panel.visible .filterStandardField label, .genericlist-wrapper .accor.accor-active .accor-panel.visible .animate label {
  color: #081B14;
}
.genericlist-wrapper .accor.accor-active .accor-panel.visible .field.text .inputBorderL, .genericlist-wrapper .accor.accor-active .accor-panel.visible .filterStandardField .inputBorderL, .genericlist-wrapper .accor.accor-active .accor-panel.visible .animate .inputBorderL {
  border-radius: 8px 0px 0px 8px !important;
  border-color: #6A6A6A;
}
.genericlist-wrapper .accor.accor-active .accor-panel.visible .field.text .inputBorderR, .genericlist-wrapper .accor.accor-active .accor-panel.visible .filterStandardField .inputBorderR, .genericlist-wrapper .accor.accor-active .accor-panel.visible .animate .inputBorderR {
  border-radius: 0px 8px 8px 0px !important;
  border-color: #6A6A6A;
}
.genericlist-wrapper .accor.accor-active .accor-panel.visible .field.text.ReadOnly .inputBorderL {
  border-color: transparent !important;
}
.genericlist-wrapper .accor.accor-active .accor-panel.visible .field.text.ReadOnly .fielddd {
  border-radius: 8px;
}
.genericlist-wrapper .accor.accor-active .accor-panel.visible .field.text.ReadOnly .inputBorderR {
  border-color: transparent !important;
}
.genericlist-wrapper .accor.accor-active .accor-panel.visible .tab {
  gap: 0;
  justify-content: flex-start;
  padding: 10px;
}
.genericlist-wrapper .accor.accor-active .accor-panel.visible .tab .cleanFilter button, .genericlist-wrapper .accor.accor-active .accor-panel.visible .tab button {
  font-weight: 600;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.genericlist-wrapper .accor.accor-active .accor-panel.visible .tab .cleanFilter button:hover, .genericlist-wrapper .accor.accor-active .accor-panel.visible .tab button:hover {
  background: #FAFAFA !important;
}
.genericlist-wrapper .accor.accor-active .accor-panel.visible .FLB input, .genericlist-wrapper .accor.accor-active .accor-panel.visible .FLB.primary button {
  font-weight: 600;
  background: #42b8ae;
  color: white;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.genericlist-wrapper .accor.accor-active .accor-panel.visible .FLB input:hover, .genericlist-wrapper .accor.accor-active .accor-panel.visible .FLB.primary button:hover {
  background: #3CA69D;
}
.genericlist-wrapper .accor.accor-active .accor-panel.visible .CRB button {
  background: #002d77;
  color: white;
  font-weight: 600;
  transition: background-color 0.3s ease, color 0.3s ease;
  border: 0;
}
.genericlist-wrapper .accor.accor-active .accor-panel.visible .CRB button:hover {
  background: #001e4e;
}
.genericlist-wrapper .accor.accor-active .accor-panel.visible > .sfr {
  max-height: 33.333vh;
}
.genericlist-wrapper .accor.accor-active .accor-panel.visible > .sfr .tabHeader {
  display: none !important;
}
.genericlist-wrapper .accor.accor-active .sfr {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  overflow: hidden !important;
}
.genericlist-wrapper .GLT {
  width: 100% !important;
}
.genericlist-wrapper .genericlist-container > table tbody tr.selected {
  background-color: #42b8ae;
}
.genericlist-wrapper .genericlist-container > table tbody tr.selected td .o {
  filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(323deg) brightness(101%) contrast(101%);
}
.genericlist-wrapper .genericlist-container > table tbody tr td .o {
  filter: invert(65%) sepia(39%) saturate(572%) hue-rotate(126deg) brightness(90%) contrast(92%);
}

/*TREELIST-ITEM*/
.template-editor-container .treelist-items-table tr.selected {
  background-color: #42b8ae !important;
}
.template-editor-container .treelist-items-table tr:not(.selected):hover {
  background: rgba(66, 184, 174, 0.1019607843);
}

.notHiddenGroup {
  padding: 15px 0 25px 0;
  border-left: 0;
  border-right: 0;
}
.notHiddenGroup .groupLabel {
  padding-left: 5px;
  padding-bottom: 10px;
  font-size: 20px;
  font-weight: bold;
}

a.orgPathLink {
  color: #002d77;
  transition: background-color 0.3s ease, color 0.3s ease;
}
a.orgPathLink:hover {
  color: #001e4e;
}

tr:not(.selected) a.orgPathLink:hover {
  color: #001e4e;
}

tr.selected a.orgPathlink:hover {
  color: #ffffff !important;
}

/*VL-589*/
/*COMPARATOR*/
.comparatorFieldset {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  width: calc(100vw - 60px);
  overflow-x: auto;
  overflow-y: hidden;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  margin: 5px;
  padding-right: 0;
  padding-left: 0;
  width: 100% !important;
  background: white;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
  /*COMPARATOR OFFER DATA*/
}
.comparatorFieldset::after {
  display: none;
}
.comparatorFieldset > *[class$=Info] {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  background: white;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
  width: auto;
  min-width: 0px;
  flex-shrink: 0;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.comparatorFieldset > *[class$=Info] .field {
  width: auto;
  align-self: center;
  text-align: center;
  padding: 0;
  font-size: 1rem !important;
}
.comparatorFieldset > *[class$=Info] .field.ClauseName label.value {
  color: red;
}
.comparatorFieldset > * {
  height: 100%;
  max-height: 240px;
  width: 240px;
  min-width: 240px;
  max-width: 240px;
  padding: 10px 10px 15px 10px !important;
  border-radius: 5px;
  border: none;
  margin: 5px !important;
  overflow: hidden auto;
  align-self: center;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  flex-direction: column;
}
.comparatorFieldset > *:not([class*=Info]):has([class*=Premium]), .comparatorFieldset > *:not([class*=Info]):has(.field.Value), .comparatorFieldset > *:not([class*=Info]):has(label.value) {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.comparatorFieldset .field {
  width: 100%;
}
.comparatorFieldset.selectedOptions .field {
  padding-top: 0px;
}
.comparatorFieldset button {
  width: auto;
}
.comparatorFieldset.PzuLeasingTU .logoImgContainer img {
  height: 90px;
}
.comparatorFieldset.HestiaTU .logoImgContainer img {
  height: 60px;
}
.comparatorFieldset .ComparatorOfferData {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}
.comparatorFieldset .ComparatorOfferData .ComparatorOfferTitle label.value {
  display: none;
}
.comparatorFieldset .ComparatorOfferData .ComparatorOfferTitle label.definition {
  justify-content: center;
  font-size: 14px;
}
.comparatorFieldset .ComparatorOfferData .currency.ComparatorInsurancePremium {
  padding-top: 20px;
}
.comparatorFieldset .ComparatorOfferData .currency.ComparatorInsurancePremium label.value {
  justify-content: center;
  font-size: 20px;
  color: #29235c;
  font-weight: 600;
}
.comparatorFieldset .ComparatorOfferData .textDisplay.ComparatorWithoutPremium {
  padding-top: 20px;
}
.comparatorFieldset .ComparatorOfferData .textDisplay.ComparatorWithoutPremium label.value {
  justify-content: center;
  font-size: 20px;
  color: #29235c;
  font-weight: 600;
}
.comparatorFieldset .ComparatorOfferData .textDisplay.pushCountButtonLabel {
  display: none;
}
.comparatorFieldset .ComparatorOfferData .ComparatorSelectButton button {
  background-color: #42b8ae;
  color: white;
}
.comparatorFieldset .ComparatorOfferData .ComparatorSelectButton button:hover {
  background: #3CA69D;
}
.comparatorFieldset .ComparatorOfferData .comparatorCalcButton button {
  background-color: #002d77;
  color: white;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.comparatorFieldset .ComparatorOfferData .comparatorCalcButton button .ico {
  background-image: url(/Icons/calculator.svg);
  width: 25px;
  filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(323deg) brightness(101%) contrast(101%);
}
.comparatorFieldset .ComparatorOfferData .comparatorCalcButton button:hover {
  background-color: #001e4e;
}

/*WIDGET CONTRIBUTION*/
.widgetContribution {
  position: fixed;
  z-index: 3;
  bottom: 90px;
  width: 320px;
  right: -320px;
  border: 0;
  border-radius: 0 5px 5px 0;
  transition: ease-out 0.5s 0s right;
  background: white;
  box-shadow: 0px 4px 10px 0px rgba(8, 28, 21, 0.2);
  padding: 15px;
}
.widgetContribution:hover {
  right: 10px;
}
.widgetContribution .groupLabel {
  margin-bottom: 0px;
  font-weight: 700;
  position: absolute;
  width: 36px;
  top: 0px;
  left: -35px;
  height: 100%;
  word-break: break-all;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  padding: 5px 13px;
  text-align: center;
  cursor: pointer;
  align-items: center;
  display: inline-flex;
  background: linear-gradient(to bottom, #42B8AE, #29235C);
  border-radius: 5px 0 0 5px;
  color: #ffffff;
  box-shadow: 0px 4px 10px 0px rgba(8, 28, 21, 0.2);
}
.widgetContribution .group {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0;
  margin: 8px 0;
  padding-bottom: 10px;
}
.widgetContribution .group .logoImgContainer {
  padding: 0;
}
.widgetContribution .group .logoImgContainer img {
  height: 30px;
}
.widgetContribution .group .textDisplay {
  padding: 0;
}
.widgetContribution .group .textDisplay label.value {
  font-size: 22px;
  font-weight: 600;
}
.widgetContribution .group:last-of-type {
  border-bottom: 0;
  padding: 0;
}
.widgetContribution .group:last-of-type .logoImgContainer {
  border-left: 0;
}

/*RANGE COMPARATOR*/
.RangeComparator {
  width: 100%;
  flex-direction: row;
  flex-wrap: wrap;
}
.RangeComparator .rangeCompareHeader {
  display: flex;
  justify-content: flex-end;
  gap: 3px;
  padding-bottom: 0;
  padding-right: 0;
}
.RangeComparator .rangeCompareHeader .field {
  width: 12.5%;
  background: black;
  border-radius: 5px 5px 0 0;
}
.RangeComparator .rangeCompareHeader .field label.value {
  color: white;
  justify-content: center;
  font-weight: 600;
}
.RangeComparator:has(> .rangeCompareHeader) .field.textDisplay .value:has(> li) {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-left: 25px;
  align-items: flex-start;
  justify-content: center;
}
@media screen and (max-width: 1335px) {
  .RangeComparator:has(> .rangeCompareHeader) .field.textDisplay .value:has(> li) {
    padding-left: 15px;
  }
}
.RangeComparator:has(> .rangeCompareHeader) .field.textDisplay {
  border-left: 1px solid black;
  padding-left: 8px;
  height: 100%;
}
.RangeComparator .rangeCompareHeader .field.textDisplay {
  border-left: 1px solid #ffffff !important;
  color: #ffffff;
  padding-top: 0px;
}
.RangeComparator .rangeCompareHeader .field.textDisplay label.value {
  justify-content: center;
  font-weight: bold;
}
.RangeComparator .field {
  width: 12.5%;
}
.RangeComparator .TURange {
  background-clip: padding-box;
  box-shadow: 0px 4px 10px 0px rgba(8, 28, 21, 0.2);
  display: flex;
  gap: 2px;
  justify-content: flex-end;
  min-height: 150px;
  height: auto;
  margin-bottom: 8px;
}
.RangeComparator .TURange .field {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  height: auto !important;
}
.RangeComparator .TURange .field label.value {
  justify-content: center;
  align-items: center;
}
.RangeComparator .TURange .field.logoImgContainer {
  width: 24%;
}
@media screen and (max-width: 1335px) {
  .RangeComparator .TURange {
    min-height: 200px;
  }
}

/*=========MEDIA QUERIES=========*/
/*FONT-SIZE*/
@media (max-width: 1200px) {
  body:not(.loginPage) {
    font-size: 85% !important;
  }
}

/*LOGO*/
@media (max-width: 600px) {
  #_header::before {
    left: 50% !important;
    top: 25px;
    transform: translate(-50%, -50%);
  }
}
/*.UCI + LOGOOUT*/
@media (max-width: 2560px) {
  .UCI {
    right: 150px !important;
  }
  .UCI:has(.selectProfile) {
    right: 160px !important;
  }
}
@media (max-width: 1950px) {
  .UCI {
    right: 152px !important;
  }
}
@media (max-width: 1420px) {
  .logout {
    right: 15px !important;
  }
  .UCI {
    right: 135px !important;
  }
  .UCI:has(.selectProfile) {
    right: 145px !important;
  }
}
@media (max-width: 1275px) {
  .logout {
    right: 10px !important;
  }
  .UCI {
    right: 130px !important;
  }
  .UCI:has(.selectProfile) {
    right: 140px !important;
  }
}
@media (max-width: 1140px) {
  .logout {
    width: 100px !important;
  }
  .logout a::before {
    width: 16px !important;
    height: 16px !important;
  }
  .logout a label {
    font-size: 12px !important;
  }
  .UCI {
    width: 100px !important;
    right: 120px !important;
  }
  .UCI .login a {
    font-size: 12px !important;
  }
  .UCI .login a::before {
    width: 20px !important;
    height: 20px !important;
  }
  .UCI:has(.selectProfile) {
    right: 200px !important;
  }
}
@media (max-width: 924px) {
  #_header::before {
    left: 15px;
  }
  #_headerInner nav {
    justify-content: flex-start !important;
    padding-left: 28%;
  }
  .logout {
    right: 5px !important;
  }
  .UCI {
    right: 115px !important;
  }
}
@media (max-width: 830px) {
  .UCI {
    right: 14% !important;
  }
}
/*LOGO*/
@media (max-width: 1140px) {
  #_header::before {
    width: 120px !important;
  }
}
/*MENU*/
@media (max-width: 1140px) {
  #menu {
    gap: 5px !important;
  }
  #menu > li > a {
    font-size: 14px !important;
    padding: 0 10px !important;
  }
}
/*FOR BREADCRUMB*/
@media (max-width: 780px) {
  body:has(.welcomePage) #_breadcrumb {
    display: none;
  }
}
/*MOBILE SIDEBAR MENU*/
@media (max-width: 780px) {
  body:has(#_header:not(.showMenu)) .UCI,
  body:has(#_header:not(.showMenu)) #_footer, body:has(#_header:not(.showMenu)) .logout {
    display: none !important;
  }
  #_header #_headerInner {
    width: 230px !important;
    transition: all 0.5s ease !important;
  }
  #_header #_headerInner nav {
    align-items: flex-start !important;
    transition: all 0.5s ease;
  }
  #_header #_headerInner nav li ul[class^=submenu] {
    background: rgba(41, 122, 154, 0.1019607843) !important;
    padding-left: 12px !important;
  }
  #_header #_headerInner nav li ul[class^=submenu]::before {
    display: none !important;
  }
  #_header #_headerInner nav li ul[class^=submenu] .submenu2 {
    padding-left: 32px !important;
  }
  #_header #_headerInner nav li ul[class^=submenu] .submenu2 li:hover {
    background: #C5D2DA !important;
  }
  #_header #_headerInner nav li ul[class^=submenu] li {
    width: 100% !important;
    border-radius: 8px !important;
    transition: background-color 0.3s ease, color 0.3s ease;
  }
  #_header #_headerInner nav #menu {
    width: 100%;
    padding-top: 80px;
  }
  #_header #_headerInner nav #menu > li {
    position: relative;
    padding: 0;
  }
  #_header #_headerInner nav #menu > li > a {
    position: relative;
    display: block;
    padding: 10px 10px 10px 25px !important;
  }
  #_header #_headerInner nav #menu > li > a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) scaleX(0);
    width: 10px;
    height: 100%;
    background: linear-gradient(to bottom, #42B8AE, #29235C);
    border-radius: 0 5px 5px 0;
    transition: transform 0.3s ease;
    transform-origin: left center;
    pointer-events: none;
  }
  #_header #_headerInner nav #menu > li:hover > a::before,
  #_header #_headerInner nav #menu > li > a:hover::before,
  #_header #_headerInner nav #menu > li > a:focus-visible::before {
    transform: translateY(-50%) scaleX(1);
  }
  #_header #_headerInner .UCI {
    width: 180px !important;
    right: 23px !important;
    height: 45px !important;
  }
  #_header #_headerInner .UCI .login {
    height: 100%;
    margin: 0;
  }
  #_header #_headerInner .UCI .login a {
    height: 100%;
    font-size: 15px !important;
  }
  #_header #_headerInner .UCI .login a::before {
    width: 25px !important;
    height: 25px !important;
  }
  #_header #_headerInner .logout {
    top: unset !important;
    bottom: 70px;
    width: 180px !important;
    height: 45px !important;
    text-align: center;
    right: 23px !important;
    transform: none !important;
    transition: none;
    margin: 0;
    padding: 0;
    transition: 0.5s all ease;
  }
  #_header #_headerInner .logout a {
    width: 100%;
    justify-content: center;
    align-items: center;
    height: 45px;
  }
  #_header #_headerInner .logout a::before {
    filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(323deg) brightness(101%) contrast(101%);
  }
  #_header #_headerInner .logout label {
    font-size: 14px !important;
  }
  #_header #_headerInner .logout:hover {
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  }
  #_header.showMenu nav {
    right: 0 !important;
  }
  #_body #_header.showMenu #_headerInner .UCI {
    top: unset;
    left: unset;
    bottom: 125px;
    display: block;
  }
  #_body #_header.showMenu #_headerInner .UCI a {
    justify-content: center;
  }
  #_body #_header.showMenu #_headerInner .UCI a::before {
    background-size: 24px 24px;
    margin: 0;
    margin-right: 5px;
    width: 35px;
  }
}
/*FOOTER*/
@media (max-width: 780px) {
  body:has(.showMenu) #_footer {
    display: flex !important;
    position: absolute;
    opacity: 1;
    left: unset;
    right: 10px !important;
    bottom: 1.5em;
    z-index: 9999;
    transition: all 0.5s ease;
    background: transparent;
    box-shadow: none;
    width: 200px;
    flex-direction: row;
    padding: 0;
    flex-wrap: wrap;
    justify-content: center;
  }
  body:has(.showMenu) #_footer .cr_atp {
    margin-right: 0px;
  }
}
/*CONTENT*/
body:not(.loginPage) #_content {
  padding: 95px 15px 30px 15px;
  width: 100%;
}
@media (max-width: 600px) {
  body:not(.loginPage) #_content {
    padding: 95px 10px 30px 10px;
  }
}
@media (min-width: 600px) and (max-width: 780px) {
  body:not(.loginPage) #_content {
    padding: 95px 10px 30px 10px;
  }
}
@media (min-width: 780px) and (max-width: 980px) {
  body:not(.loginPage) #_content {
    padding: 95px 10px 30px 10px;
  }
}

#_header .UCI > button#_tmbtn {
  display: block;
  height: 22px;
  width: 22px;
  border: none;
  margin: 0px 0px 0px -10px;
  flex-shrink: 0;
}
#_header .UCI > button#_tmbtn .ico {
  display: inline-block;
  filter: none;
}
#_header .UCI > button#_tmbtn:hover .ico {
  filter: invert(37%) sepia(15%) saturate(3533%) hue-rotate(220deg) brightness(97%) contrast(92%);
}

/*CALENDAR*/
.flatpickr-calendar {
  position: absolute;
}

/*DEBUGGER CONSOLE */
#_debuggerConsole {
  position: fixed;
}
#_debuggerConsole button.primary {
  background-color: #002d77;
  transition: background-color 0.3s ease, color 0.3s ease;
}
#_debuggerConsole button.primary:hover {
  background: #001e4e;
}
@media screen and (max-width: 780px) {
  #_debuggerConsole button.primary {
    background-color: #001e4e;
  }
}

#_header .UCI .app {
  display: none !important;
}

/*RESET PASSWORD FORM*/
#_content:has(.changePasswordForm) {
  height: 100vh !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.changePasswordForm .tab {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 0;
  position: relative;
}
@media screen and (max-width: 780px) and (min-width: 600px) {
  .changePasswordForm .tab {
    padding: 0 50px;
  }
}

.changePasswordForm {
  min-height: inherit;
  display: grid !important;
  place-items: center;
}

.changePasswordForm .tab::after {
  content: "";
  display: block;
  flex: 1 1 40%;
  min-height: var(--auth-card-h);
  background-image: url("/reset-password.svg");
  background-size: 115%;
  background-position: -25px center;
  background-repeat: no-repeat;
  background-color: #f7f7f7;
  border-radius: 0 20px 20px 0;
  box-shadow: 0px 4px 10px 0px rgba(8, 28, 21, 0.2);
}

.changePasswordGroup {
  --auth-card-h: 420px;
  flex: 1 1 40%;
  min-height: var(--auth-card-h);
  background: #ffffff;
  box-shadow: 0px 4px 10px 0px rgba(8, 28, 21, 0.2);
  padding: 30px;
  border-radius: 20px 0 0 20px;
}
.changePasswordGroup .headerField label.value {
  justify-content: center;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 15px;
}
.changePasswordGroup .field.password {
  padding-top: 15px;
}
.changePasswordGroup .field.password label {
  font-size: 12px !important;
  color: #333333 !important;
  top: 10px !important;
}
.changePasswordGroup .field.password:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper::before {
  border-bottom: 1px solid #D4D4D4;
  box-shadow: 1px 4px 10px 0px rgba(8, 28, 21, 0.5) !important;
}
.changePasswordGroup .field.password:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper input {
  min-height: 45px;
  width: 100%;
}
.changePasswordGroup .field.password .inputBorderL {
  border-radius: 8px 0 0 8px !important;
  border: 1px solid #D4D4D4 !important;
  border-right: 0 !important;
}
.changePasswordGroup .field.password .inputBorderR {
  border-radius: 0 8px 8px 0 !important;
  border: 1px solid #D4D4D4 !important;
  border-left: 0 !important;
}
.changePasswordGroup .button.primary {
  padding-top: 15px;
  margin-top: 15px;
  padding-bottom: 10px;
}
.changePasswordGroup .button.primary button {
  min-height: 45px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 6px;
  background: #001e4e;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.changePasswordGroup .button.primary button:hover {
  background: #0a0707;
}
@media screen and (max-width: 1730px) {
  .changePasswordGroup {
    width: 30% !important;
  }
}
@media screen and (max-width: 1300px) {
  .changePasswordGroup {
    width: 40% !important;
  }
}
@media screen and (max-width: 900px) {
  .changePasswordGroup {
    width: 50% !important;
  }
}
@media screen and (max-width: 780px) {
  .changePasswordGroup {
    border-radius: 20px;
    width: 50% !important;
    height: auto !important;
  }
}
@media screen and (max-width: 600px) {
  .changePasswordGroup {
    width: 100% !important;
  }
}

@media screen and (max-width: 780px) {
  .changePasswordForm .tab::after {
    display: none;
  }
}
input[type=button].close {
  display: none;
}

.logoImgContainer {
  background: transparent;
}
.logoImgContainer img {
  height: 50px;
  width: auto;
  object-fit: contain;
}

.accountNr label.value {
  margin-top: -14px;
}

.insurancePremiumsSummaryFieldset .field.paymentDate label.value {
  justify-content: flex-start;
  margin-top: -16px;
  font-weight: bold;
  padding: 0px;
}

.insurancePremiumsSummaryFieldset .field.paymentDate, .insurancePremiumsSummaryFieldset .field.paymentRate {
  min-height: 36px !important;
  margin-bottom: 10px;
}

.insurancePremiumsSummaryFieldset .field.paymentRate label.value {
  justify-content: flex-start;
  font-weight: bold;
  padding: 0px;
  margin-top: -10px;
}

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

.JournalForm .pops-b .pops-f .pops-c .field.text {
  width: 50%;
}

/*VL-484*/
.checkbox.fieldError label {
  color: red;
}

.checkbox.fieldWarning label {
  color: #FF760D;
}

.accountingForm .tab:has(> .financialInfoCommisionSummaryFieldset) > .group:not(:has(div.BankData)) {
  width: 33.3%;
}
@media (max-width: 780px) {
  .accountingForm .tab:has(> .financialInfoCommisionSummaryFieldset) > .group:not(:has(div.BankData)) {
    width: 100%;
  }
}
.accountingForm .tab:has(> .financialInfoCommisionSummaryFieldset) div.BankData .value {
  font-weight: 700;
}
.accountingForm .tab:has(> .financialInfoCommisionSummaryFieldset) .field:has(button[onclick]) {
  order: 10;
  align-self: center;
}
.accountingForm .tab:has(> .financialInfoCommisionSummaryFieldset) .field.SaldoField {
  font-weight: 700;
  border-top: 1px solid #DEDEDE;
  margin-top: 1em;
}
.accountingForm .tab:has(> .financialInfoCommisionSummaryFieldset) .field.SaldoField label.definition {
  font-size: 12px;
}
.accountingForm .tab:has(> .financialInfoCommisionSummaryFieldset) .field.textDisplay.currency {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-height: 1.7em;
}
.accountingForm .tab:has(> .financialInfoCommisionSummaryFieldset) .field.textDisplay.currency label.definition {
  width: unset;
}
.accountingForm .tab:has(> .financialInfoCommisionSummaryFieldset) .field.textDisplay.currency label.value {
  width: unset;
}
.accountingForm .tab:has(> .financialInfoCommisionSummaryFieldset) .group {
  display: flex;
  flex-direction: column;
}
.accountingForm .tab:has(> .financialInfoCommisionSummaryFieldset) .group.CommisionGroup {
  margin-top: 1.5em;
  background: rgba(0, 0, 0, 0.05) !important;
  padding-top: 10px;
  padding-bottom: 10px;
}
.accountingForm .tab:has(> .financialInfoCommisionSummaryFieldset) > .group > label:first-child {
  background: #193854;
  color: white;
  padding: 0.65em;
  margin: -0.8em -0.8em 0.8em -0.7em;
  border-radius: 5px 5px 0 0;
}

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

/*VL-551*/
#_content:has(.genericlist-wrapper):has(.vsm-toolbar) {
  padding-bottom: 90px !important;
  height: auto !important;
}

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

.FMAlert {
  color: #576CA3;
}

.FMError {
  color: #E53935;
}

.FMWarning {
  color: #FF760D;
}

div#_formMessages .FMValid {
  background-color: #42b8ae;
}

.TransferMatchingListForm .changeAlgorithmPopup .pops-f {
  min-width: 350px;
}
.TransferMatchingListForm .changeAlgorithmPopup .pops-f .field {
  width: 100%;
}

/*DAI-482*/
.genericlist-wrapper .GLT .no-results td {
  background-image: unset;
}

/*DAI-584*/
.manualPremiumHeader, .manualRiskPremium, .manualBasePremium, .manualBaseRiskPremium {
  min-width: 150px;
}

/*DAI-556*/
.AnnexTextField.textarea.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper textarea {
  min-height: 100px;
}

/*VL-836*/
.tab.journalTab .field.JT {
  width: 100%;
}
.tab.journalTab .field.JT .journal-container {
  height: auto;
  min-height: 300px;
  max-height: 800px;
}

.tpd-tooltip:has(.productForm-tpd), .tpd-skin:has(.productForm-tpd), .productForm-tpd {
  max-width: 64ch;
  width: 64ch;
}

body:has(.MFAGeneralForm) {
  min-height: 100vh;
  background: linear-gradient(45deg, #29235C 0%, #294E7B 25%, #297A9A 50%, #33A1B3 75%, #3BB8BB 100%);
  background-size: 500% 500%;
  animation: loginGradient 30s ease-in-out infinite alternate;
  /*FOOTER*/
}
body:has(.MFAGeneralForm) > form {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
body:has(.MFAGeneralForm) #_content {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 0;
}
body:has(.MFAGeneralForm) #_footer {
  margin-top: auto;
}
body:has(.MFAGeneralForm) #FR .MFAGeneralForm .field.ribbonWave {
  display: none !important;
}
body:has(.MFAGeneralForm) #FR {
  display: grid;
  color: #0a0707;
  background: transparent !important;
  place-items: center;
  padding: clamp(16px, 4vw, 32px);
  width: 100%;
  position: relative;
  isolation: isolate;
}
body:has(.MFAGeneralForm) #FR .MFAGeneralForm {
  width: 100%;
  padding: clamp(16px, 4vw, 32px);
  background: none !important;
  display: flex;
  justify-content: center;
}
body:has(.MFAGeneralForm) #FR .MFAGeneralForm .sfr {
  float: none !important;
  width: 100%;
  display: flex;
  justify-content: center;
}
body:has(.MFAGeneralForm) #FR .MFAGeneralForm .MFAVerificationPage {
  margin-inline: auto !important;
  width: min(100%, 520px) !important;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: clamp(16px, 2.2vw, 32px);
  background: #ffffff;
  padding: clamp(24px, 5vw, 56px) !important;
  border-radius: 20px !important;
  box-shadow: 0px 4px 10px 0px rgba(8, 28, 21, 0.2) !important;
  background-image: none !important;
  /* BUTTONS */
}
body:has(.MFAGeneralForm) #FR .MFAGeneralForm .MFAVerificationPage .varificationInfo label.value {
  font-size: 16px !important;
}
body:has(.MFAGeneralForm) #FR .MFAGeneralForm .MFAVerificationPage .verificationCode {
  margin-top: 15px;
}
body:has(.MFAGeneralForm) #FR .MFAGeneralForm .MFAVerificationPage .verificationCode label {
  font-size: 12px;
  color: #333333 !important;
}
body:has(.MFAGeneralForm) #FR .MFAGeneralForm .MFAVerificationPage .verificationCode:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper::before {
  border-bottom: 1px solid #D4D4D4;
  box-shadow: 1px 4px 10px 0px rgba(8, 28, 21, 0.5) !important;
}
body:has(.MFAGeneralForm) #FR .MFAGeneralForm .MFAVerificationPage .verificationCode:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper input {
  min-height: 45px;
  width: 100%;
}
body:has(.MFAGeneralForm) #FR .MFAGeneralForm .MFAVerificationPage .verificationCode .inputBorderL {
  border-radius: 8px 0 0 8px !important;
  border: 1px solid #D4D4D4;
  border-right: 0;
}
body:has(.MFAGeneralForm) #FR .MFAGeneralForm .MFAVerificationPage .verificationCode .inputBorderR {
  border-radius: 0 8px 8px 0 !important;
  border: 1px solid #D4D4D4;
  border-left: 0;
}
body:has(.MFAGeneralForm) #FR .MFAGeneralForm .MFAVerificationPage .confirmCode, body:has(.MFAGeneralForm) #FR .MFAGeneralForm .MFAVerificationPage .returnToLogin {
  width: 100%;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
body:has(.MFAGeneralForm) #FR .MFAGeneralForm .MFAVerificationPage .confirmCode {
  margin-top: 15px;
}
body:has(.MFAGeneralForm) #FR .MFAGeneralForm .MFAVerificationPage .confirmCode button.fielddd {
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  padding: 0.75rem;
  border-radius: 6px;
  min-height: 45px;
  box-shadow: 0px 2px 4px 0px rgba(8, 28, 21, 0.25);
  transition: background-color 0.3s ease, color 0.3s ease;
  background-color: #0a0707;
  color: #ffffff;
  border: none;
}
body:has(.MFAGeneralForm) #FR .MFAGeneralForm .MFAVerificationPage .confirmCode button.fielddd:hover {
  background: #002767;
  box-shadow: 0px 2px 8px 0px rgba(8, 28, 21, 0.35);
}
body:has(.MFAGeneralForm) #FR .MFAGeneralForm .MFAVerificationPage .returnToLogin {
  display: grid;
}
body:has(.MFAGeneralForm) #FR .MFAGeneralForm .MFAVerificationPage .returnToLogin a.fielddd {
  width: 100%;
  place-content: center;
  font-size: 16px;
  font-weight: 600;
  padding: 0.75rem;
  border-radius: 6px;
  min-height: 45px;
  box-shadow: 0px 2px 4px 0px rgba(8, 28, 21, 0.25);
  transition: background-color 0.3s ease, color 0.3s ease;
  background-color: #ededed;
  color: #414141;
  border: none;
}
body:has(.MFAGeneralForm) #FR .MFAGeneralForm .MFAVerificationPage .returnToLogin a.fielddd:hover {
  background-color: #e6e6e6;
}
body:has(.MFAGeneralForm) .ui-waveBg {
  display: none;
}
body:has(.MFAGeneralForm) #_footer a {
  color: #42b8ae;
  transition: background-color 0.3s ease, color 0.3s ease;
}
body:has(.MFAGeneralForm) #_footer a:hover {
  color: #3CA69D;
}
body:has(.MFAGeneralForm) #_footer {
  background: #ffffff;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  width: 100%;
}
@media (max-width: 992px) {
  body:has(.MFAGeneralForm) #FR .MFAGeneralForm .MFAVerificationPage {
    padding: clamp(20px, 5vw, 44px) !important;
  }
}
@media (max-width: 625px) {
  body:has(.MFAGeneralForm) #_content {
    padding-inline: 14px;
    padding-block: 14px;
  }
  body:has(.MFAGeneralForm) #FR .MFAGeneralForm .MFAVerificationPage {
    width: 100% !important;
    padding: 22px !important;
    border-radius: 16px !important;
    gap: 14px;
  }
  body:has(.MFAGeneralForm) #FR .MFAGeneralForm .MFAVerificationPage .varificationInfo label.value {
    font-size: 14px !important;
    line-height: 1.35;
    text-align: center;
    word-break: break-word;
  }
}
@media (max-width: 420px) {
  body:has(.MFAGeneralForm) #FR .MFAGeneralForm .MFAVerificationPage {
    padding: 20px !important;
    border-radius: 14px !important;
  }
  body:has(.MFAGeneralForm) #FR .MFAGeneralForm {
    padding: 0 !important;
  }
  body:has(.MFAGeneralForm) #FR .MFAGeneralForm .MFAVerificationPage .confirmCode button.fielddd,
  body:has(.MFAGeneralForm) #FR .MFAGeneralForm .MFAVerificationPage .returnToLogin a.fielddd {
    font-size: 14px;
    padding: 0.65rem;
  }
}
@media (max-height: 720px) {
  body:has(.MFAGeneralForm) #_content {
    align-items: flex-start;
    overflow: auto;
  }
  body:has(.MFAGeneralForm) #FR .MFAGeneralForm .MFAVerificationPage {
    margin-block: 24px;
  }
}
@media (max-height: 560px) {
  body:has(.MFAGeneralForm) #FR .MFAGeneralForm .MFAVerificationPage {
    margin-block: 16px;
    padding: 18px !important;
    gap: 12px;
  }
}