@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap"); /*TYPOGRAPHY*/
/*12px (100%=16px)*/
/*BASIC SETTINGS*/
/*COLOR SCHEME*/
/*VALIDATION COLORS*/
/*REQUIRED FIELD*/
/*BUTTON COLORS*/
/*SCROLLBAR*/
/*ACCORDION COLORS*/
/*GENERIC LISTS*/
/*SEATCH TEMPLATE POPUP*/
/*JOURNAL*/
/*TIMEPICKER*/
/*OVERLAYS*/
/*MOBILE BREAKPOINTS*/
/*MOBILE COMPONENTS*/
/*ATTACHMENTS GRID*/
/*WATERMARK VARIABLES*/
/*TYPOGRAPHY*/
/*12px (100%=16px)*/
/*BASIC SETTINGS*/
/*COLOR SCHEME*/
/*VALIDATION COLORS*/
/*REQUIRED FIELD*/
/*CUSTOM FIELD*/
/*BUTTON COLORS*/
/*SCROLLBAR*/
/*ACCORDION COLORS*/
/*GENERIC LISTS*/
/*SEATCH TEMPLATE POPUP*/
/*JOURNAL*/
/*TIMEPICKER*/
/*OVERLAYS*/
/*MOBILE BREAKPOINTS*/
/*MOBILE COMPONENTS*/
/*ATTACHMENTS GRID*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
@import 'tipped.css';
@import 'datepicker.css';
@import 'grudus-timepicker.css';
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

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

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

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

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

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

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

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

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

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

body #_content {
  height: calc(100vh - 100px);
  overflow: auto;
}
body #_content > #FR > .headerFormWrapper {
  flex-shrink: 0;
}
body #_content > #FR > .pageFormWrapper {
  flex-shrink: 0;
  flex-grow: 1;
  overflow: auto;
}
body #_content > #FR > .footerFormWrapper {
  flex-shrink: 0;
}
body #_content > #FR > .genericlist-wrapper {
  height: calc(100% - 20px);
}
body #_content > #FR > .formwrap {
  height: 100%;
  display: flex;
  flex-direction: column;
}
body #_content > #FR > .formwrap .sfr, body #_content > #FR > .formwrap > .tabContainer {
  flex-grow: 1;
  max-width: 100%;
}
body #_content > #FR > .formwrap .sfr.technic, body #_content > #FR > .formwrap > .tabContainer.technic {
  flex-grow: 0;
}
body #_content > #FR > .formwrap .sfr-vsm {
  flex-grow: 0;
  height: max-content;
  width: 100%;
  position: sticky;
  bottom: 0;
  z-index: 2;
  /*VSM TOOLBAR*/
}
body #_content > #FR > .formwrap .sfr-vsm .vsm-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}
body #_content > #FR > .formwrap .sfr-vsm .vsm-toolbar button {
  margin: 0px 3px 10px 3px;
}
body #_content > #FR > .formwrap .sfr-vsm .vsm-toolbar button.hidden {
  display: none;
}
body #_content > #FR > .formwrap .sfr-glt {
  max-height: 100%;
}
body #_content > #FR > .formwrap .sfr-glt > .genericlist-wrapper {
  height: calc(100% - 20px);
}
body #_content > #FR > .formwrap .GLT-vsm {
  height: calc(100vh - 94px - 20px - 70px - 30px);
}
body #_content > #FR > .formwrap .GLT-vsm > .genericlist-wrapper {
  height: 100%;
}
body #_footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  height: 20px;
  align-items: center;
  padding: 0px 10px;
}
body #_footer .version-stamp {
  display: none;
}
body #_footer .cr_atp {
  margin-right: 10px;
}
body #_footer .cr_atp:after {
  content: ",";
}
body .footerFormWrapper {
  width: 100%;
  padding: 5px 10px;
}
body .footerFormWrapper .tab {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: space-between;
}
body .footerFormWrapper .version-stamp {
  width: auto;
  display: none;
}
body .footerFormWrapper .field {
  padding: 0px;
}
body .footerFormWrapper .field.textDisplay label {
  min-height: 0px;
}
body .footerFormWrapper .field.copyright label {
  display: flex;
  gap: 10px;
}

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

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

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

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

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

/*LINKS*/
a {
  color: #d2001e;
  text-decoration: none;
}
a:hover {
  color: #73000d;
}

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

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

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

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

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

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

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

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

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

  &:hover > a, a:hover {

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

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

@media screen and (max-width: 1080px) {
  #_mobileMenu, .toggleMobileMenuBtn {
    display: inline-block;
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 11;
  }
  #_body #_header #_headerInner, #_body #_header .group.headerContainer.hiddenGroup, .headerForm .headerOuterContainer #_headerInner, .headerForm .headerOuterContainer .group.headerContainer.hiddenGroup {
    opacity: 0;
    display: flex;
    position: fixed;
    right: -200px;
    top: 0px;
    width: 0px;
    height: 100%;
    z-index: 10;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
    justify-content: flex-start;
    flex-wrap: nowrap;
    flex-direction: column;
    background: #ffffff;
    transition: right 0.5s 0s ease;
  }
  #_body #_header.showMenu #_headerInner, #_body #_header.showMenu .group.headerContainer.hiddenGroup, .headerForm .headerOuterContainer.showMenu #_headerInner, .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup {
    opacity: 1;
    right: 0px;
    width: 200px;
  }
  #_body #_header.showMenu #_headerInner .menuContainer, #_body #_header.showMenu .group.headerContainer.hiddenGroup .menuContainer, .headerForm .headerOuterContainer.showMenu #_headerInner .menuContainer, .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup .menuContainer {
    width: 100%;
    flex-grow: 1;
  }
  #_body #_header.showMenu #_headerInner nav, #_body #_header.showMenu #_headerInner .menuContainer, #_body #_header.showMenu .group.headerContainer.hiddenGroup nav, #_body #_header.showMenu .group.headerContainer.hiddenGroup .menuContainer, .headerForm .headerOuterContainer.showMenu #_headerInner nav, .headerForm .headerOuterContainer.showMenu #_headerInner .menuContainer, .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup nav, .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup .menuContainer {
    order: 1;
    overflow: auto;
  }
  #_body #_header.showMenu #_headerInner nav #menu, #_body #_header.showMenu #_headerInner .menuContainer #menu, #_body #_header.showMenu .group.headerContainer.hiddenGroup nav #menu, #_body #_header.showMenu .group.headerContainer.hiddenGroup .menuContainer #menu, .headerForm .headerOuterContainer.showMenu #_headerInner nav #menu, .headerForm .headerOuterContainer.showMenu #_headerInner .menuContainer #menu, .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup nav #menu, .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup .menuContainer #menu {
    flex-direction: column;
    height: auto;
    justify-content: flex-start;
  }
  #_body #_header.showMenu #_headerInner nav #menu li, #_body #_header.showMenu #_headerInner .menuContainer #menu li, #_body #_header.showMenu .group.headerContainer.hiddenGroup nav #menu li, #_body #_header.showMenu .group.headerContainer.hiddenGroup .menuContainer #menu li, .headerForm .headerOuterContainer.showMenu #_headerInner nav #menu li, .headerForm .headerOuterContainer.showMenu #_headerInner .menuContainer #menu li, .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup nav #menu li, .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup .menuContainer #menu li {
    width: 100%;
    justify-content: flex-start;
    height: auto;
    flex-wrap: wrap;
  }
  #_body #_header.showMenu #_headerInner nav #menu li:hover, #_body #_header.showMenu #_headerInner nav #menu li:hover > a, #_body #_header.showMenu #_headerInner nav #menu li:hover > a:hover, #_body #_header.showMenu #_headerInner .menuContainer #menu li:hover, #_body #_header.showMenu #_headerInner .menuContainer #menu li:hover > a, #_body #_header.showMenu #_headerInner .menuContainer #menu li:hover > a:hover, #_body #_header.showMenu .group.headerContainer.hiddenGroup nav #menu li:hover, #_body #_header.showMenu .group.headerContainer.hiddenGroup nav #menu li:hover > a, #_body #_header.showMenu .group.headerContainer.hiddenGroup nav #menu li:hover > a:hover, #_body #_header.showMenu .group.headerContainer.hiddenGroup .menuContainer #menu li:hover, #_body #_header.showMenu .group.headerContainer.hiddenGroup .menuContainer #menu li:hover > a, #_body #_header.showMenu .group.headerContainer.hiddenGroup .menuContainer #menu li:hover > a:hover, .headerForm .headerOuterContainer.showMenu #_headerInner nav #menu li:hover, .headerForm .headerOuterContainer.showMenu #_headerInner nav #menu li:hover > a, .headerForm .headerOuterContainer.showMenu #_headerInner nav #menu li:hover > a:hover, .headerForm .headerOuterContainer.showMenu #_headerInner .menuContainer #menu li:hover, .headerForm .headerOuterContainer.showMenu #_headerInner .menuContainer #menu li:hover > a, .headerForm .headerOuterContainer.showMenu #_headerInner .menuContainer #menu li:hover > a:hover, .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup nav #menu li:hover, .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup nav #menu li:hover > a, .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup nav #menu li:hover > a:hover, .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup .menuContainer #menu li:hover, .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup .menuContainer #menu li:hover > a, .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup .menuContainer #menu li:hover > a:hover {
    background: transparent;
    color: #0d0505;
    font-weight: bold;
  }
  #_body #_header.showMenu #_headerInner nav #menu li a, #_body #_header.showMenu #_headerInner .menuContainer #menu li a, #_body #_header.showMenu .group.headerContainer.hiddenGroup nav #menu li a, #_body #_header.showMenu .group.headerContainer.hiddenGroup .menuContainer #menu li a, .headerForm .headerOuterContainer.showMenu #_headerInner nav #menu li a, .headerForm .headerOuterContainer.showMenu #_headerInner .menuContainer #menu li a, .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup nav #menu li a, .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup .menuContainer #menu li a {
    text-align: left;
    justify-content: flex-start;
    height: auto;
    padding-left: 20px;
    color: #0d0505;
  }
  #_body #_header.showMenu #_headerInner nav #menu li .submenuCtl, #_body #_header.showMenu #_headerInner .menuContainer #menu li .submenuCtl, #_body #_header.showMenu .group.headerContainer.hiddenGroup nav #menu li .submenuCtl, #_body #_header.showMenu .group.headerContainer.hiddenGroup .menuContainer #menu li .submenuCtl, .headerForm .headerOuterContainer.showMenu #_headerInner nav #menu li .submenuCtl, .headerForm .headerOuterContainer.showMenu #_headerInner .menuContainer #menu li .submenuCtl, .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup nav #menu li .submenuCtl, .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup .menuContainer #menu li .submenuCtl {
    background-position-x: 5px;
  }
  #_body #_header.showMenu #_headerInner nav #menu li ul[class^=submenu], #_body #_header.showMenu #_headerInner .menuContainer #menu li ul[class^=submenu], #_body #_header.showMenu .group.headerContainer.hiddenGroup nav #menu li ul[class^=submenu], #_body #_header.showMenu .group.headerContainer.hiddenGroup .menuContainer #menu li ul[class^=submenu], .headerForm .headerOuterContainer.showMenu #_headerInner nav #menu li ul[class^=submenu], .headerForm .headerOuterContainer.showMenu #_headerInner .menuContainer #menu li ul[class^=submenu], .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup nav #menu li ul[class^=submenu], .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup .menuContainer #menu li ul[class^=submenu] {
    position: static;
    width: 100%;
    border-radius: 0px;
    box-shadow: none;
    border: none;
    padding-left: calc(35px - 10px);
    background: rgba(0, 0, 0, 0.05);
  }
  #_body #_header.showMenu #_headerInner nav #menu li ul[class^=submenu] li:last-of-type, #_body #_header.showMenu #_headerInner .menuContainer #menu li ul[class^=submenu] li:last-of-type, #_body #_header.showMenu .group.headerContainer.hiddenGroup nav #menu li ul[class^=submenu] li:last-of-type, #_body #_header.showMenu .group.headerContainer.hiddenGroup .menuContainer #menu li ul[class^=submenu] li:last-of-type, .headerForm .headerOuterContainer.showMenu #_headerInner nav #menu li ul[class^=submenu] li:last-of-type, .headerForm .headerOuterContainer.showMenu #_headerInner .menuContainer #menu li ul[class^=submenu] li:last-of-type, .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup nav #menu li ul[class^=submenu] li:last-of-type, .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup .menuContainer #menu li ul[class^=submenu] li:last-of-type {
    border-radius: 0px;
  }
  #_body #_header.showMenu #_headerInner nav #menu li ul[class^=submenu] ul[class^=submenu], #_body #_header.showMenu #_headerInner .menuContainer #menu li ul[class^=submenu] ul[class^=submenu], #_body #_header.showMenu .group.headerContainer.hiddenGroup nav #menu li ul[class^=submenu] ul[class^=submenu], #_body #_header.showMenu .group.headerContainer.hiddenGroup .menuContainer #menu li ul[class^=submenu] ul[class^=submenu], .headerForm .headerOuterContainer.showMenu #_headerInner nav #menu li ul[class^=submenu] ul[class^=submenu], .headerForm .headerOuterContainer.showMenu #_headerInner .menuContainer #menu li ul[class^=submenu] ul[class^=submenu], .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup nav #menu li ul[class^=submenu] ul[class^=submenu], .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup .menuContainer #menu li ul[class^=submenu] ul[class^=submenu] {
    margin-left: calc(-35px + 10px);
    width: calc(100% + (35px - 10px));
  }
  #_body #_header.showMenu #_headerInner .logout, #_body #_header.showMenu .group.headerContainer.hiddenGroup .logout, .headerForm .headerOuterContainer.showMenu #_headerInner .logout, .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup .logout {
    top: 0px;
    order: 2;
    height: auto;
  }
  #_body #_header.showMenu #_headerInner .logout a, #_body #_header.showMenu .group.headerContainer.hiddenGroup .logout a, .headerForm .headerOuterContainer.showMenu #_headerInner .logout a, .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup .logout a {
    min-height: 35px;
  }
  #_body #_header.showMenu #_headerInner .UCI, #_body #_header.showMenu .group.headerContainer.hiddenGroup .UCI, .headerForm .headerOuterContainer.showMenu #_headerInner .UCI, .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup .UCI {
    top: 0px;
    height: auto;
    order: 4;
    flex-direction: column;
  }
  #_body #_header.showMenu #_headerInner .UCI > div, #_body #_header.showMenu #_headerInner .UCI a, #_body #_header.showMenu .group.headerContainer.hiddenGroup .UCI > div, #_body #_header.showMenu .group.headerContainer.hiddenGroup .UCI a, .headerForm .headerOuterContainer.showMenu #_headerInner .UCI > div, .headerForm .headerOuterContainer.showMenu #_headerInner .UCI a, .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup .UCI > div, .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup .UCI a {
    width: 100%;
  }
  #_body #_header.showMenu #_headerInner .UCI.group, #_body #_header.showMenu .group.headerContainer.hiddenGroup .UCI.group, .headerForm .headerOuterContainer.showMenu #_headerInner .UCI.group, .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup .UCI.group {
    padding-bottom: 10px;
  }
  #_body #_header.showMenu #_headerInner .UCI.group .button, #_body #_header.showMenu .group.headerContainer.hiddenGroup .UCI.group .button, .headerForm .headerOuterContainer.showMenu #_headerInner .UCI.group .button, .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup .UCI.group .button {
    width: auto;
  }
  #_body #_header.showMenu #_headerInner .UCI.group .logout, #_body #_header.showMenu .group.headerContainer.hiddenGroup .UCI.group .logout, .headerForm .headerOuterContainer.showMenu #_headerInner .UCI.group .logout, .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup .UCI.group .logout {
    padding: 0px;
    flex-grow: 1;
  }
}
/*LANG SELECTOR*/
@media screen and (min-width: 1080px) {
  #_autoComplete .autocomplete-result#ac_selectLang p {
    font-size: 0px;
  }
  #_autoComplete .autocomplete-result#ac_selectLang p:before {
    content: attr(data-lang);
    display: inline-flex;
    position: absolute;
    height: 100%;
    width: 100%;
    padding: 0px 30px 0px 10px;
    box-sizing: border-box;
    align-items: center;
    pointer-events: none;
    text-transform: uppercase;
    font-size: 1rem;
  }
}
/*FORCE AUTOCOMPLETE TO OPEN UPWARDS ON MOBILE MENU*/
@media screen and (max-width: 1080px) {
  #_autoComplete .autocomplete-result#ac_selectLang {
    transform: translateY(-100%);
    margin-top: calc(-35px - 3px);
  }
}
html {
  font-family: "Ubuntu", sans-serif;
  font-size: 90%;
}
html * {
  box-sizing: border-box;
}

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

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

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

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

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

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

/*field button*/
.button:not(input) {
  padding-top: 10px;
}
.button:not(.widthAuto) input [type=button], .button:not(.widthAuto) input[type=submit], .button:not(.widthAuto) button {
  width: 100%;
}
.button.primary input [type=button], .button.primary input[type=submit], .button.primary button:not(.fileupload-showFilesBtn), .button.primary .fileupload-btn-trigger {
  background-color: #d2001e;
  color: #ffffff;
}
.button.primary input [type=button]:hover, .button.primary input[type=submit]:hover, .button.primary button:not(.fileupload-showFilesBtn):hover, .button.primary .fileupload-btn-trigger:hover {
  background-color: #73000d;
}
.button.primary input [type=button]:disabled, .button.primary input[type=submit]:disabled, .button.primary button:not(.fileupload-showFilesBtn):disabled, .button.primary .fileupload-btn-trigger:disabled {
  background-color: #cccccc;
  box-shadow: none;
  color: #808080;
  cursor: not-allowed;
}
.button.attachment .ico, .button.ai .ico, .button.avi .ico, .button.cbr .ico, .button.cbz .ico, .button.csv .ico, .button.doc .ico, .button.dtfs .ico, .button.eps .ico, .button.fb2 .ico, .button.gif .ico, .button.html .ico, .button.java .ico, .button.mobi .ico, .button.mp4 .ico, .button.pdf .ico, .button.png .ico, .button.ppt .ico, .button.ps .ico, .button.psd .ico, .button.svg .ico, .button.txt .ico, .button.xls .ico, .button.zip .ico, .button.edit .ico, .button.cancel .ico, .button.add .ico, .button.bug .ico, .button.search .ico, .button.download .ico {
  width: calc(35px - 10px);
}
.button.primary .ico {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(118deg) brightness(105%) contrast(106%);
}
.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.download .ico {
  background-image: url("/Icons/ico_fileDownload.svg");
}
.button.icon-button.sfr-searchTmpl > .formwrap > .button > button {
  box-shadow: none;
  background-color: transparent;
  font-size: 0px;
  padding: 0px;
  min-width: 35px;
}
.button.icon-button.sfr-searchTmpl > .formwrap > .button > button > .ico {
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  background-size: contain;
  filter: none;
}
.button.icon-button.sfr-searchTmpl > .formwrap > .button > button:hover {
  filter: invert(8%) sepia(54%) saturate(7160%) hue-rotate(345deg) brightness(82%) contrast(108%);
}
.button.icon-button.sfr-searchTmpl > .formwrap > .button > button:disabled {
  opacity: 0.5;
}
.button.icon-button.sfr-searchTmpl > .formwrap > .button > button.primary {
  filter: invert(13%) sepia(42%) saturate(6245%) hue-rotate(338deg) brightness(117%) contrast(126%);
}
.button.icon-button.sfr-searchTmpl > .formwrap > .button > button.primary:hover {
  filter: invert(8%) sepia(54%) saturate(7160%) hue-rotate(345deg) brightness(82%) contrast(108%);
}
.button.icon-button > button {
  box-shadow: none;
  background-color: transparent;
  font-size: 0px;
  padding: 0px;
  min-width: 35px;
}
.button.icon-button > button > .ico {
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  background-size: contain;
  filter: none;
}
.button.icon-button > button:hover {
  filter: invert(8%) sepia(54%) saturate(7160%) hue-rotate(345deg) brightness(82%) contrast(108%);
}
.button.icon-button > button:disabled {
  opacity: 0.5;
}
.button.icon-button > button.primary {
  filter: invert(13%) sepia(42%) saturate(6245%) hue-rotate(338deg) brightness(117%) contrast(126%);
}
.button.icon-button > button.primary:hover {
  filter: invert(8%) sepia(54%) saturate(7160%) hue-rotate(345deg) brightness(82%) contrast(108%);
}
.button.icon-button:not(div) {
  box-shadow: none;
  background-position: center center;
  background-repeat: no-repeat;
  min-width: 35px;
  background-image: url("/Icons/ico_file.svg");
  background-size: auto calc(100% - 10px);
  background-color: transparent;
  font-size: 0px;
}
.button.icon-button:not(div) > .ico {
  display: none;
}
.button.icon-button:not(div).ai {
  background-image: url("/Layout/FileTypes/ico_ai.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).avi {
  background-image: url("/Layout/FileTypes/ico_avi.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).cbr {
  background-image: url("/Layout/FileTypes/ico_cbr.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).cbz {
  background-image: url("/Layout/FileTypes/ico_cbz.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).csv {
  background-image: url("/Layout/FileTypes/ico_csv.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).doc {
  background-image: url("/Layout/FileTypes/ico_doc.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).eps {
  background-image: url("/Layout/FileTypes/ico_eps.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).fb2 {
  background-image: url("/Layout/FileTypes/ico_fb2.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).gif {
  background-image: url("/Layout/FileTypes/ico_gif.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).html {
  background-image: url("/Layout/FileTypes/ico_html.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).java {
  background-image: url("/Layout/FileTypes/ico_java.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).mobi {
  background-image: url("/Layout/FileTypes/ico_mobi.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).pdf {
  background-image: url("/Layout/FileTypes/ico_pdf.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).png {
  background-image: url("/Layout/FileTypes/ico_png.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).ppt {
  background-image: url("/Layout/FileTypes/ico_ppt.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).ps {
  background-image: url("/Layout/FileTypes/ico_ps.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).psd {
  background-image: url("/Layout/FileTypes/ico_psd.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).svg {
  background-image: url("/Layout/FileTypes/ico_svg.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).txt {
  background-image: url("/Layout/FileTypes/ico_txt.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).xls {
  background-image: url("/Layout/FileTypes/ico_xls.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).xlsx {
  background-image: url("/Layout/FileTypes/ico_xlsx.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).xml {
  background-image: url("/Layout/FileTypes/ico_xml.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).zip {
  background-image: url("/Layout/FileTypes/ico_zip.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).get {
  background-image: url("/Icons/ico_fileDownload.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).remove, .button.icon-button:not(div).DEL {
  background-image: url("/Icons/ico_trash.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).ADD, .button.icon-button:not(div).add {
  background-image: url("/Icons/ico_plusCircle.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).NR, .button.icon-button:not(div).nr {
  background-image: url("/Icons/ico_number.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).SHOW, .button.icon-button:not(div).show {
  background-image: url("/Icons/ico_show.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).edit {
  background-image: url("/Icons/ico_edit.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).add {
  background-image: url("/Icons/ico_plusCircle.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).cancel {
  background-image: url("/Icons/ico_xCircle.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).attachment {
  background-image: url("/Icons/ico_attachment.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).row-menu {
  background-image: url("/Icons/ico_more.svg");
}
.button.icon-button:not(div).refresh-list {
  background-image: url("/Icons/ico_reload.svg");
}
.button.icon-button:not(div).chooseColumns {
  background-image: url("/Icons/ico_showColumns.svg");
}
.button.icon-button:not(div).columnsSettings {
  background-image: url("/Icons/ico_columnSettings.svg");
}
.button.icon-button:not(div).save-config {
  background-image: url("/Icons/ico_diskette.svg");
}
.button.icon-button:not(div).restore-default-config {
  background-image: url("/Icons/ico_restoreSettings.svg");
}
.button.icon-button:not(div).bug {
  background-image: url("/Icons/ico_bug.svg");
}
.button.icon-button:not(div).search {
  background-image: url("/Icons/ico_search.svg");
}
.button.icon-button:not(div).th-sort {
  background-image: url("/Icons/ico_sort.svg");
}
.button.icon-button:not(div).th-sort.asc {
  background-image: url("/Icons/ico_sortAsc.svg");
}
.button.icon-button:not(div).th-sort.desc {
  background-image: url("/Icons/ico_sortDesc.svg");
}
.button.icon-button:not(div):hover {
  filter: invert(8%) sepia(54%) saturate(7160%) hue-rotate(345deg) brightness(82%) contrast(108%);
}
.button.icon-button:not(div):disabled {
  opacity: 0.5;
}
.button.icon-button:not(div).primary {
  filter: invert(13%) sepia(42%) saturate(6245%) hue-rotate(338deg) brightness(117%) contrast(126%);
}
.button.icon-button:not(div).primary:hover {
  filter: invert(8%) sepia(54%) saturate(7160%) hue-rotate(345deg) brightness(82%) contrast(108%);
}

.fileupload.primary .fileupload-btn .fileupload-btn-trigger {
  background-color: #d2001e;
  color: #ffffff;
}
.fileupload.primary .fileupload-btn .fileupload-btn-trigger:hover {
  background-color: #73000d;
}
.fileupload.primary .fileupload-btn .fileupload-btn-trigger:disabled {
  background-color: #cccccc;
  box-shadow: none;
  color: #808080;
  cursor: not-allowed;
}
.fileupload.attachment .ico, .fileupload.ai .ico, .fileupload.avi .ico, .fileupload.cbr .ico, .fileupload.cbz .ico, .fileupload.csv .ico, .fileupload.doc .ico, .fileupload.dtfs .ico, .fileupload.eps .ico, .fileupload.fb2 .ico, .fileupload.gif .ico, .fileupload.html .ico, .fileupload.java .ico, .fileupload.mobi .ico, .fileupload.mp4 .ico, .fileupload.pdf .ico, .fileupload.png .ico, .fileupload.ppt .ico, .fileupload.ps .ico, .fileupload.psd .ico, .fileupload.svg .ico, .fileupload.txt .ico, .fileupload.xls .ico, .fileupload.zip .ico, .fileupload.edit .ico, .fileupload.cancel .ico, .fileupload.add .ico, .fileupload.bug .ico, .fileupload.search .ico, .fileupload.download .ico {
  width: calc(35px - 10px);
}
.fileupload.primary .ico {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(118deg) brightness(105%) contrast(106%);
}
.fileupload.attachment .ico {
  background-image: url("/Icons/ico_attachment.svg");
}
.fileupload.ai .ico {
  background-image: url("/Layout/FileTypes/ico_ai.svg");
}
.fileupload.avi .ico {
  background-image: url("/Layout/FileTypes/ico_avi.svg");
}
.fileupload.cbr .ico {
  background-image: url("/Layout/FileTypes/ico_cbr.svg");
}
.fileupload.cbz .ico {
  background-image: url("/Layout/FileTypes/ico_cbz.svg");
}
.fileupload.csv .ico {
  background-image: url("/Layout/FileTypes/ico_csv.svg");
}
.fileupload.doc .ico {
  background-image: url("/Layout/FileTypes/ico_doc.svg");
}
.fileupload.dtfs .ico {
  background-image: url("/Layout/FileTypes/ico_dtfs.svg");
}
.fileupload.eps .ico {
  background-image: url("/Layout/FileTypes/ico_eps.svg");
}
.fileupload.fb2 .ico {
  background-image: url("/Layout/FileTypes/ico_fb2.svg");
}
.fileupload.gif .ico {
  background-image: url("/Layout/FileTypes/ico_gif.svg");
}
.fileupload.html .ico {
  background-image: url("/Layout/FileTypes/ico_html.svg");
}
.fileupload.java .ico {
  background-image: url("/Layout/FileTypes/ico_java.svg");
}
.fileupload.mobi .ico {
  background-image: url("/Layout/FileTypes/ico_mobi.svg");
}
.fileupload.mp4 .ico {
  background-image: url("/Layout/FileTypes/ico_mp4.svg");
}
.fileupload.pdf .ico {
  background-image: url("/Layout/FileTypes/ico_pdf.svg");
}
.fileupload.png .ico {
  background-image: url("/Layout/FileTypes/ico_png.svg");
}
.fileupload.ppt .ico {
  background-image: url("/Layout/FileTypes/ico_ppt.svg");
}
.fileupload.ps .ico {
  background-image: url("/Layout/FileTypes/ico_ps.svg");
}
.fileupload.psd .ico {
  background-image: url("/Layout/FileTypes/ico_psd.svg");
}
.fileupload.svg .ico {
  background-image: url("/Layout/FileTypes/ico_svg.svg");
}
.fileupload.txt .ico {
  background-image: url("/Layout/FileTypes/ico_txt.svg");
}
.fileupload.xls .ico {
  background-image: url("/Layout/FileTypes/ico_xls.svg");
}
.fileupload.xlsx .ico {
  background-image: url("/Layout/FileTypes/ico_xls.svg");
}
.fileupload.xml .ico {
  background-image: url("/Layout/FileTypes/ico_xml.svg");
}
.fileupload.zip .ico {
  background-image: url("/Layout/FileTypes/ico_zip.svg");
}
.fileupload.edit .ico {
  background-image: url("/Icons/ico_edit.svg");
}
.fileupload.add .ico {
  background-image: url("/Icons/ico_plusCircle.svg");
}
.fileupload.cancel .ico {
  background-image: url("/Icons/ico_xCircle.svg");
}
.fileupload.bug .ico {
  background-image: url("/Icons/ico_bug.svg");
}
.fileupload.search .ico {
  background-image: url("/Icons/ico_search.svg");
}
.fileupload.download .ico {
  background-image: url("/Icons/ico_fileDownload.svg");
}
.fileupload.icon-button.sfr-searchTmpl > .formwrap > .button > button {
  box-shadow: none;
  background-color: transparent;
  font-size: 0px;
  padding: 0px;
  min-width: 35px;
}
.fileupload.icon-button.sfr-searchTmpl > .formwrap > .button > button > .ico {
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  background-size: contain;
  filter: none;
}
.fileupload.icon-button.sfr-searchTmpl > .formwrap > .button > button:hover {
  filter: invert(8%) sepia(54%) saturate(7160%) hue-rotate(345deg) brightness(82%) contrast(108%);
}
.fileupload.icon-button.sfr-searchTmpl > .formwrap > .button > button:disabled {
  opacity: 0.5;
}
.fileupload.icon-button.sfr-searchTmpl > .formwrap > .button > button.primary {
  filter: invert(13%) sepia(42%) saturate(6245%) hue-rotate(338deg) brightness(117%) contrast(126%);
}
.fileupload.icon-button.sfr-searchTmpl > .formwrap > .button > button.primary:hover {
  filter: invert(8%) sepia(54%) saturate(7160%) hue-rotate(345deg) brightness(82%) contrast(108%);
}
.fileupload.icon-button > button {
  box-shadow: none;
  background-color: transparent;
  font-size: 0px;
  padding: 0px;
  min-width: 35px;
}
.fileupload.icon-button > button > .ico {
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  background-size: contain;
  filter: none;
}
.fileupload.icon-button > button:hover {
  filter: invert(8%) sepia(54%) saturate(7160%) hue-rotate(345deg) brightness(82%) contrast(108%);
}
.fileupload.icon-button > button:disabled {
  opacity: 0.5;
}
.fileupload.icon-button > button.primary {
  filter: invert(13%) sepia(42%) saturate(6245%) hue-rotate(338deg) brightness(117%) contrast(126%);
}
.fileupload.icon-button > button.primary:hover {
  filter: invert(8%) sepia(54%) saturate(7160%) hue-rotate(345deg) brightness(82%) contrast(108%);
}
.fileupload.icon-button:not(div) {
  box-shadow: none;
  background-position: center center;
  background-repeat: no-repeat;
  min-width: 35px;
  background-image: url("/Icons/ico_file.svg");
  background-size: auto calc(100% - 10px);
  background-color: transparent;
  font-size: 0px;
}
.fileupload.icon-button:not(div) > .ico {
  display: none;
}
.fileupload.icon-button:not(div).ai {
  background-image: url("/Layout/FileTypes/ico_ai.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).avi {
  background-image: url("/Layout/FileTypes/ico_avi.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).cbr {
  background-image: url("/Layout/FileTypes/ico_cbr.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).cbz {
  background-image: url("/Layout/FileTypes/ico_cbz.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).csv {
  background-image: url("/Layout/FileTypes/ico_csv.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).doc {
  background-image: url("/Layout/FileTypes/ico_doc.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).eps {
  background-image: url("/Layout/FileTypes/ico_eps.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).fb2 {
  background-image: url("/Layout/FileTypes/ico_fb2.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).gif {
  background-image: url("/Layout/FileTypes/ico_gif.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).html {
  background-image: url("/Layout/FileTypes/ico_html.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).java {
  background-image: url("/Layout/FileTypes/ico_java.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).mobi {
  background-image: url("/Layout/FileTypes/ico_mobi.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).pdf {
  background-image: url("/Layout/FileTypes/ico_pdf.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).png {
  background-image: url("/Layout/FileTypes/ico_png.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).ppt {
  background-image: url("/Layout/FileTypes/ico_ppt.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).ps {
  background-image: url("/Layout/FileTypes/ico_ps.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).psd {
  background-image: url("/Layout/FileTypes/ico_psd.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).svg {
  background-image: url("/Layout/FileTypes/ico_svg.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).txt {
  background-image: url("/Layout/FileTypes/ico_txt.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).xls {
  background-image: url("/Layout/FileTypes/ico_xls.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).xlsx {
  background-image: url("/Layout/FileTypes/ico_xlsx.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).xml {
  background-image: url("/Layout/FileTypes/ico_xml.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).zip {
  background-image: url("/Layout/FileTypes/ico_zip.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).get {
  background-image: url("/Icons/ico_fileDownload.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).remove, .fileupload.icon-button:not(div).DEL {
  background-image: url("/Icons/ico_trash.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).ADD, .fileupload.icon-button:not(div).add {
  background-image: url("/Icons/ico_plusCircle.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).NR, .fileupload.icon-button:not(div).nr {
  background-image: url("/Icons/ico_number.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).SHOW, .fileupload.icon-button:not(div).show {
  background-image: url("/Icons/ico_show.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).edit {
  background-image: url("/Icons/ico_edit.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).add {
  background-image: url("/Icons/ico_plusCircle.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).cancel {
  background-image: url("/Icons/ico_xCircle.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).attachment {
  background-image: url("/Icons/ico_attachment.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).row-menu {
  background-image: url("/Icons/ico_more.svg");
}
.fileupload.icon-button:not(div).refresh-list {
  background-image: url("/Icons/ico_reload.svg");
}
.fileupload.icon-button:not(div).chooseColumns {
  background-image: url("/Icons/ico_showColumns.svg");
}
.fileupload.icon-button:not(div).columnsSettings {
  background-image: url("/Icons/ico_columnSettings.svg");
}
.fileupload.icon-button:not(div).save-config {
  background-image: url("/Icons/ico_diskette.svg");
}
.fileupload.icon-button:not(div).restore-default-config {
  background-image: url("/Icons/ico_restoreSettings.svg");
}
.fileupload.icon-button:not(div).bug {
  background-image: url("/Icons/ico_bug.svg");
}
.fileupload.icon-button:not(div).search {
  background-image: url("/Icons/ico_search.svg");
}
.fileupload.icon-button:not(div).th-sort {
  background-image: url("/Icons/ico_sort.svg");
}
.fileupload.icon-button:not(div).th-sort.asc {
  background-image: url("/Icons/ico_sortAsc.svg");
}
.fileupload.icon-button:not(div).th-sort.desc {
  background-image: url("/Icons/ico_sortDesc.svg");
}
.fileupload.icon-button:not(div):hover {
  filter: invert(8%) sepia(54%) saturate(7160%) hue-rotate(345deg) brightness(82%) contrast(108%);
}
.fileupload.icon-button:not(div):disabled {
  opacity: 0.5;
}
.fileupload.icon-button:not(div).primary {
  filter: invert(13%) sepia(42%) saturate(6245%) hue-rotate(338deg) brightness(117%) contrast(126%);
}
.fileupload.icon-button:not(div).primary:hover {
  filter: invert(8%) sepia(54%) saturate(7160%) hue-rotate(345deg) brightness(82%) contrast(108%);
}

/*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: 4px;
}
.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: 4px; /*linked with border radius*/
  width: calc(100% - 4px - 4px); /*linked with border radius*/
  border-bottom: 1px solid #9c9a9a;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper.fieldError:before, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper.fieldError .inputBorderL, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper.fieldError .inputBorderR {
  border-color: #E53935;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper.fieldError label, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper.fieldError input, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper.fieldError select {
  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: 4px;
  font-family: "Ubuntu", sans-serif;
  /*transition: 300ms ease all; /*disabled for PH deanimation test*/
  border: none;
  outline: none;
  width: 100%;
  /*editable*/
  font-size: 1rem;
  padding: 3px 10px; /*linked with border radius*/
  min-height: max(35px, 18px);
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper input:focus, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper textarea:focus {
  /*functional - DO NOT CHANGE*/
  border: none;
  outline: none;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper input[data-options*=dateFormat], .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper textarea[data-options*=dateFormat] {
  background: url("/Icons/ico_calendar.svg") no-repeat scroll calc(100% - 35px * 0.25) center transparent;
  background-size: calc(35px * 0.5) auto;
  padding-right: 35px;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper input::-webkit-date-and-time-value, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper textarea::-webkit-date-and-time-value {
  text-align: left;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper input.flatpickr-mobile, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper textarea.flatpickr-mobile {
  -webkit-appearance: none !important;
  appearance: none !important;
  text-align: left;
  display: flex;
  align-items: center;
  background: url("/Icons/ico_calendar.svg") no-repeat scroll calc(100% - 35px * 0.25) center transparent;
  background-size: calc(35px * 0.5) auto;
  padding-right: 35px;
  color: #0d0505;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper input.flatpickr-mobile:-webkit-calendar-picker-indicator, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper textarea.flatpickr-mobile:-webkit-calendar-picker-indicator {
  display: none !important;
  -webkit-appearance: none !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper input.flatpickr-mobile:-webkit-inner-spin-button, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper input.flatpickr-mobile:-webkit-clear-button, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper textarea.flatpickr-mobile:-webkit-inner-spin-button, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper textarea.flatpickr-mobile:-webkit-clear-button {
  display: none !important;
  -webkit-appearance: none !important;
}
.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: 4px;
  border-bottom-left-radius: 4px;
  width: 4px;
  border-left: 1px solid #9c9a9a;
  border-top: 1px solid #9c9a9a;
  border-bottom: 1px solid #9c9a9a;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper .inputBorderR {
  /*functional - DO NOT CHANGE*/
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  pointer-events: none;
  /*transition: 300ms all ease; /*disabled for PH deanimation test*/
  border-left: none;
  /*editable*/
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  width: calc(100% - 4px); /*linked with border radius*/
  min-width: 4px;
  border-right: 1px solid #9c9a9a;
  border-top: 1px solid #9c9a9a;
  border-bottom: 1px solid #9c9a9a;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active label, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).ReadOnly label {
  /*functional - DO NOT CHANGE*/
  left: calc(4px + 3px);
  opacity: 1;
  transform: scale(1);
  height: 1rem;
  max-width: calc(100% - 2 * (4px + 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).dictionary .inputWrapper {
  /*native select rendered instead of the autocomplete input on mobile devices*/
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).dictionary .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).dictionary .inputWrapper input, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).dictionary .inputWrapper select {
  padding-right: 30px;
  cursor: pointer;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).dictionary .inputWrapper select {
  /*functional - DO NOT CHANGE*/
  display: block;
  background: none;
  border-radius: 4px;
  font-family: "Ubuntu", sans-serif;
  border: none;
  outline: none;
  width: 100%;
  /*editable*/
  font-size: 1rem;
  padding: 3px 30px 3px 10px; /*linked with the dictionary arrow icon*/
  min-height: max(35px, 18px);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #0d0505;
  text-overflow: ellipsis;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).dictionary .inputWrapper select:focus {
  /*functional - DO NOT CHANGE*/
  border: none;
  outline: none;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).dictionary .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: #73000d;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).requiredField .inputWrapper:before, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).required .inputWrapper:before {
  /*editable*/
  border-bottom: 0px solid #73000d;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).requiredField .inputWrapper .inputBorderL, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).required .inputWrapper .inputBorderL {
  /*editable*/
  border-top: 0px solid #73000d;
  border-left: 0px solid #73000d;
  border-bottom: 0px solid #73000d;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).requiredField .inputWrapper .inputBorderR, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).required .inputWrapper .inputBorderR {
  /*editable*/
  border-top: 0px solid #73000d;
  border-right: 0px solid #73000d;
  border-bottom: 0px solid #73000d;
}
.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(13%) sepia(42%) saturate(6245%) hue-rotate(338deg) brightness(117%) contrast(126%);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*FIELD MESSAGES*/
div#_fieldMessages {
  height: 0px;
  overflow: visible;
}
div#_fieldMessages > div {
  display: none;
  z-index: calc(901 + 1);
}
div#_fieldMessages div {
  color: #FFFFFF;
  padding: 5px;
}
div#_fieldMessages div + div {
  margin-top: 5px;
}
div#_fieldMessages .fmAlert, div#_fieldMessages .fmError, div#_fieldMessages .fmFatalError, div#_fieldMessages .fmWarning {
  border-radius: 10px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
}
div#_fieldMessages .fmAlert {
  background-color: #73000d;
}
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: #73000d;
  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: #73000d;
}
.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[ve-click*=closeAllPrompts] {
  cursor: pointer;
  padding: 5px 10px;
}
div#_formMessages div input[value=x] {
  border-radius: 50%;
  border: none;
  background: rgba(0, 0, 0, 0.1);
  color: #FFFFFF;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 100%;
  height: 22px;
  width: 22px;
  margin: 0px 0px 0px 10px;
  padding: 0px;
  box-shadow: none;
  flex-shrink: 0;
}
div#_formMessages div input[value=x]:hover {
  background: rgba(0, 0, 0, 0.2);
}
div#_formMessages .FMAlert, div#_formMessages .FMError, div#_formMessages .FMFatalError, div#_formMessages .FMWarning, div#_formMessages .FMValid {
  border-radius: 10px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
}
div#_formMessages .FMAlert {
  background-color: #73000d;
}
div#_formMessages .FMError {
  background-color: #E53935;
}
div#_formMessages .FMFatalError {
  background-color: #B71C1C;
}
div#_formMessages .FMWarning {
  background-color: #FF760D;
}
div#_formMessages .FMValid {
  background-color: #05BE70;
}

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

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

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

/*COMPLEX*/
.complexTableContainer div.lazyComplexTableContainer {
  max-height: 100%;
  overflow: auto;
}
.complexTableContainer div.lazyComplexTableContainer table {
  overflow: unset;
}
.complexTableContainer div.lazyComplexTableContainer table thead {
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.5);
  position: sticky;
  top: 0px;
  background: #ffffff;
  z-index: 2;
}
.complexTableContainer table {
  border-collapse: collapse;
  border: 1px solid transparent;
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
}
.complexTableContainer table tr:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.05);
}
.complexTableContainer table td, .complexTableContainer table th {
  border: 1px solid transparent;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding: 10px;
  text-align: center;
}
.complexTableContainer table td:has(.th-content), .complexTableContainer table th:has(.th-content) {
  vertical-align: bottom;
}
.complexTableContainer table td .th-content, .complexTableContainer table th .th-content {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}
.complexTableContainer table td .th-content button.th-sort, .complexTableContainer table th .th-content button.th-sort {
  width: 14px;
  height: 18px;
  min-width: 14px;
  min-height: 18px;
  background-size: 90% auto;
  padding: 0px;
}
.complexTableContainer table td .th-content button.th-sort.asc, .complexTableContainer table th .th-content button.th-sort.asc {
  background-image: url("/Icons/ico_sortAsc.svg");
}
.complexTableContainer table td .th-content button.th-sort.desc, .complexTableContainer table th .th-content button.th-sort.desc {
  background-image: url("/Icons/ico_sortDesc.svg");
}
.complexTableContainer table td .complexColumnSearch, .complexTableContainer table td .field.complexColumnSearch:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay), .complexTableContainer table th .complexColumnSearch, .complexTableContainer table th .field.complexColumnSearch:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) {
  float: none;
  border: none;
  width: 100%;
}
.complexTableContainer table td .complexColumnSearch .inputWrapper input, .complexTableContainer table td .field.complexColumnSearch:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper input, .complexTableContainer table th .complexColumnSearch .inputWrapper input, .complexTableContainer table th .field.complexColumnSearch:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper input {
  font-size: 1rem;
  height: calc(35px / 2);
  min-height: 22px;
  min-width: 60px;
  background-image: url("/Icons/ico_search.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 3px) center;
  background-size: auto calc(100% - 10px);
  padding-right: 18px;
}
.complexTableContainer table td button.edit, .complexTableContainer table td button.delete, .complexTableContainer table th button.edit, .complexTableContainer table th button.delete {
  box-shadow: none;
  background-position: center center;
  background-repeat: no-repeat;
  min-width: 35px;
  background-size: auto calc(100% - 10px);
  background-color: transparent;
  font-size: 0px;
}
.complexTableContainer table td button.edit:hover, .complexTableContainer table td button.delete:hover, .complexTableContainer table th button.edit:hover, .complexTableContainer table th button.delete:hover {
  filter: invert(8%) sepia(54%) saturate(7160%) hue-rotate(345deg) brightness(82%) contrast(108%);
}
.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;
}

@media screen and (max-width: 600px) {
  html .flatpickr-calendar.open:before, html .flatpickr-calendar.open:after {
    display: none;
  }
}
/*TOOLTIP*/
.TippedToolTip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: calc(35px / 2);
  height: calc(35px / 2);
  border: 2px solid #d2001e;
  color: #d2001e;
  font-weight: 600;
  line-height: normal;
  background-color: transparent;
  cursor: pointer;
  flex-shrink: 0;
}
.TippedToolTip .ico {
  max-height: 100%;
  background-size: calc(100% - 4px) calc(100% - 4px);
  background-position: center center;
}

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

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

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

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

/* GRUDUS TIMEPICKER */
.g-time-wrapper {
  background-color: #FFFFFF;
  border-radius: 10px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
}
.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.download .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, .sfr-searchTmpl div[class*=pops] .button.download .ico {
  width: calc(35px - 10px);
}
.sfr-searchTmpl div[class*=pops] button.primary .ico, .sfr-searchTmpl div[class*=pops] .button.primary .ico {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(118deg) brightness(105%) contrast(106%);
}
.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.download .ico, .sfr-searchTmpl div[class*=pops] .button.download .ico {
  background-image: url("/Icons/ico_fileDownload.svg");
}
.sfr-searchTmpl div[class*=pops] button.icon-button.sfr-searchTmpl > .formwrap > .button > button, .sfr-searchTmpl div[class*=pops] .button.icon-button.sfr-searchTmpl > .formwrap > .button > button {
  box-shadow: none;
  background-color: transparent;
  font-size: 0px;
  padding: 0px;
  min-width: 35px;
}
.sfr-searchTmpl div[class*=pops] button.icon-button.sfr-searchTmpl > .formwrap > .button > button > .ico, .sfr-searchTmpl div[class*=pops] .button.icon-button.sfr-searchTmpl > .formwrap > .button > button > .ico {
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  background-size: contain;
  filter: none;
}
.sfr-searchTmpl div[class*=pops] button.icon-button.sfr-searchTmpl > .formwrap > .button > button:hover, .sfr-searchTmpl div[class*=pops] .button.icon-button.sfr-searchTmpl > .formwrap > .button > button:hover {
  filter: invert(8%) sepia(54%) saturate(7160%) hue-rotate(345deg) brightness(82%) contrast(108%);
}
.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(13%) sepia(42%) saturate(6245%) hue-rotate(338deg) brightness(117%) contrast(126%);
}
.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(8%) sepia(54%) saturate(7160%) hue-rotate(345deg) brightness(82%) contrast(108%);
}
.sfr-searchTmpl div[class*=pops] button.icon-button > button, .sfr-searchTmpl div[class*=pops] .button.icon-button > button {
  box-shadow: none;
  background-color: transparent;
  font-size: 0px;
  padding: 0px;
  min-width: 35px;
}
.sfr-searchTmpl div[class*=pops] button.icon-button > button > .ico, .sfr-searchTmpl div[class*=pops] .button.icon-button > button > .ico {
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  background-size: contain;
  filter: none;
}
.sfr-searchTmpl div[class*=pops] button.icon-button > button:hover, .sfr-searchTmpl div[class*=pops] .button.icon-button > button:hover {
  filter: invert(8%) sepia(54%) saturate(7160%) hue-rotate(345deg) brightness(82%) contrast(108%);
}
.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(13%) sepia(42%) saturate(6245%) hue-rotate(338deg) brightness(117%) contrast(126%);
}
.sfr-searchTmpl div[class*=pops] button.icon-button > button.primary:hover, .sfr-searchTmpl div[class*=pops] .button.icon-button > button.primary:hover {
  filter: invert(8%) sepia(54%) saturate(7160%) hue-rotate(345deg) brightness(82%) contrast(108%);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div), .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div) {
  box-shadow: none;
  background-position: center center;
  background-repeat: no-repeat;
  min-width: 35px;
  background-image: url("/Icons/ico_file.svg");
  background-size: auto calc(100% - 10px);
  background-color: transparent;
  font-size: 0px;
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div) > .ico, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div) > .ico {
  display: none;
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).ai, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).ai {
  background-image: url("/Layout/FileTypes/ico_ai.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).avi, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).avi {
  background-image: url("/Layout/FileTypes/ico_avi.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).cbr, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).cbr {
  background-image: url("/Layout/FileTypes/ico_cbr.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).cbz, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).cbz {
  background-image: url("/Layout/FileTypes/ico_cbz.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).csv, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).csv {
  background-image: url("/Layout/FileTypes/ico_csv.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).doc, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).doc {
  background-image: url("/Layout/FileTypes/ico_doc.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).eps, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).eps {
  background-image: url("/Layout/FileTypes/ico_eps.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).fb2, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).fb2 {
  background-image: url("/Layout/FileTypes/ico_fb2.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).gif, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).gif {
  background-image: url("/Layout/FileTypes/ico_gif.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).html, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).html {
  background-image: url("/Layout/FileTypes/ico_html.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).java, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).java {
  background-image: url("/Layout/FileTypes/ico_java.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).mobi, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).mobi {
  background-image: url("/Layout/FileTypes/ico_mobi.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).pdf, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).pdf {
  background-image: url("/Layout/FileTypes/ico_pdf.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).png, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).png {
  background-image: url("/Layout/FileTypes/ico_png.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).ppt, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).ppt {
  background-image: url("/Layout/FileTypes/ico_ppt.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).ps, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).ps {
  background-image: url("/Layout/FileTypes/ico_ps.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).psd, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).psd {
  background-image: url("/Layout/FileTypes/ico_psd.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).svg, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).svg {
  background-image: url("/Layout/FileTypes/ico_svg.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).txt, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).txt {
  background-image: url("/Layout/FileTypes/ico_txt.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).xls, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).xls {
  background-image: url("/Layout/FileTypes/ico_xls.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).xlsx, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).xlsx {
  background-image: url("/Layout/FileTypes/ico_xlsx.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).xml, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).xml {
  background-image: url("/Layout/FileTypes/ico_xml.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).zip, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).zip {
  background-image: url("/Layout/FileTypes/ico_zip.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).get, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).get {
  background-image: url("/Icons/ico_fileDownload.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).remove, .sfr-searchTmpl div[class*=pops] button.icon-button:not(div).DEL, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).remove, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).DEL {
  background-image: url("/Icons/ico_trash.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).ADD, .sfr-searchTmpl div[class*=pops] button.icon-button:not(div).add, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).ADD, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).add {
  background-image: url("/Icons/ico_plusCircle.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).NR, .sfr-searchTmpl div[class*=pops] button.icon-button:not(div).nr, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).NR, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).nr {
  background-image: url("/Icons/ico_number.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).SHOW, .sfr-searchTmpl div[class*=pops] button.icon-button:not(div).show, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).SHOW, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).show {
  background-image: url("/Icons/ico_show.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).edit, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).edit {
  background-image: url("/Icons/ico_edit.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).add, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).add {
  background-image: url("/Icons/ico_plusCircle.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).cancel, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).cancel {
  background-image: url("/Icons/ico_xCircle.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).attachment, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).attachment {
  background-image: url("/Icons/ico_attachment.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).row-menu, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).row-menu {
  background-image: url("/Icons/ico_more.svg");
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).refresh-list, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).refresh-list {
  background-image: url("/Icons/ico_reload.svg");
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).chooseColumns, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).chooseColumns {
  background-image: url("/Icons/ico_showColumns.svg");
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).columnsSettings, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).columnsSettings {
  background-image: url("/Icons/ico_columnSettings.svg");
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).save-config, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).save-config {
  background-image: url("/Icons/ico_diskette.svg");
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).restore-default-config, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).restore-default-config {
  background-image: url("/Icons/ico_restoreSettings.svg");
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).bug, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).bug {
  background-image: url("/Icons/ico_bug.svg");
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).search, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).search {
  background-image: url("/Icons/ico_search.svg");
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).th-sort, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).th-sort {
  background-image: url("/Icons/ico_sort.svg");
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).th-sort.asc, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).th-sort.asc {
  background-image: url("/Icons/ico_sortAsc.svg");
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).th-sort.desc, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).th-sort.desc {
  background-image: url("/Icons/ico_sortDesc.svg");
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div):hover, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div):hover {
  filter: invert(8%) sepia(54%) saturate(7160%) hue-rotate(345deg) brightness(82%) contrast(108%);
}
.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(13%) sepia(42%) saturate(6245%) hue-rotate(338deg) brightness(117%) contrast(126%);
}
.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(8%) sepia(54%) saturate(7160%) hue-rotate(345deg) brightness(82%) contrast(108%);
}
.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, .sfr-searchTmpl.download .ico {
  width: calc(35px - 10px);
}
.sfr-searchTmpl.primary .ico {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(118deg) brightness(105%) contrast(106%);
}
.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.download .ico {
  background-image: url("/Icons/ico_fileDownload.svg");
}
.sfr-searchTmpl.icon-button.sfr-searchTmpl > .formwrap > .button > button {
  box-shadow: none;
  background-color: transparent;
  font-size: 0px;
  padding: 0px;
  min-width: 35px;
}
.sfr-searchTmpl.icon-button.sfr-searchTmpl > .formwrap > .button > button > .ico {
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  background-size: contain;
  filter: none;
}
.sfr-searchTmpl.icon-button.sfr-searchTmpl > .formwrap > .button > button:hover {
  filter: invert(8%) sepia(54%) saturate(7160%) hue-rotate(345deg) brightness(82%) contrast(108%);
}
.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(13%) sepia(42%) saturate(6245%) hue-rotate(338deg) brightness(117%) contrast(126%);
}
.sfr-searchTmpl.icon-button.sfr-searchTmpl > .formwrap > .button > button.primary:hover {
  filter: invert(8%) sepia(54%) saturate(7160%) hue-rotate(345deg) brightness(82%) contrast(108%);
}
.sfr-searchTmpl.icon-button > button {
  box-shadow: none;
  background-color: transparent;
  font-size: 0px;
  padding: 0px;
  min-width: 35px;
}
.sfr-searchTmpl.icon-button > button > .ico {
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  background-size: contain;
  filter: none;
}
.sfr-searchTmpl.icon-button > button:hover {
  filter: invert(8%) sepia(54%) saturate(7160%) hue-rotate(345deg) brightness(82%) contrast(108%);
}
.sfr-searchTmpl.icon-button > button:disabled {
  opacity: 0.5;
}
.sfr-searchTmpl.icon-button > button.primary {
  filter: invert(13%) sepia(42%) saturate(6245%) hue-rotate(338deg) brightness(117%) contrast(126%);
}
.sfr-searchTmpl.icon-button > button.primary:hover {
  filter: invert(8%) sepia(54%) saturate(7160%) hue-rotate(345deg) brightness(82%) contrast(108%);
}
.sfr-searchTmpl.icon-button:not(div) {
  box-shadow: none;
  background-position: center center;
  background-repeat: no-repeat;
  min-width: 35px;
  background-image: url("/Icons/ico_file.svg");
  background-size: auto calc(100% - 10px);
  background-color: transparent;
  font-size: 0px;
}
.sfr-searchTmpl.icon-button:not(div) > .ico {
  display: none;
}
.sfr-searchTmpl.icon-button:not(div).ai {
  background-image: url("/Layout/FileTypes/ico_ai.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).avi {
  background-image: url("/Layout/FileTypes/ico_avi.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).cbr {
  background-image: url("/Layout/FileTypes/ico_cbr.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).cbz {
  background-image: url("/Layout/FileTypes/ico_cbz.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).csv {
  background-image: url("/Layout/FileTypes/ico_csv.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).doc {
  background-image: url("/Layout/FileTypes/ico_doc.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).eps {
  background-image: url("/Layout/FileTypes/ico_eps.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).fb2 {
  background-image: url("/Layout/FileTypes/ico_fb2.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).gif {
  background-image: url("/Layout/FileTypes/ico_gif.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).html {
  background-image: url("/Layout/FileTypes/ico_html.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).java {
  background-image: url("/Layout/FileTypes/ico_java.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).mobi {
  background-image: url("/Layout/FileTypes/ico_mobi.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).pdf {
  background-image: url("/Layout/FileTypes/ico_pdf.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).png {
  background-image: url("/Layout/FileTypes/ico_png.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).ppt {
  background-image: url("/Layout/FileTypes/ico_ppt.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).ps {
  background-image: url("/Layout/FileTypes/ico_ps.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).psd {
  background-image: url("/Layout/FileTypes/ico_psd.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).svg {
  background-image: url("/Layout/FileTypes/ico_svg.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).txt {
  background-image: url("/Layout/FileTypes/ico_txt.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).xls {
  background-image: url("/Layout/FileTypes/ico_xls.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).xlsx {
  background-image: url("/Layout/FileTypes/ico_xlsx.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).xml {
  background-image: url("/Layout/FileTypes/ico_xml.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).zip {
  background-image: url("/Layout/FileTypes/ico_zip.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).get {
  background-image: url("/Icons/ico_fileDownload.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).remove, .sfr-searchTmpl.icon-button:not(div).DEL {
  background-image: url("/Icons/ico_trash.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).ADD, .sfr-searchTmpl.icon-button:not(div).add {
  background-image: url("/Icons/ico_plusCircle.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).NR, .sfr-searchTmpl.icon-button:not(div).nr {
  background-image: url("/Icons/ico_number.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).SHOW, .sfr-searchTmpl.icon-button:not(div).show {
  background-image: url("/Icons/ico_show.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).edit {
  background-image: url("/Icons/ico_edit.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).add {
  background-image: url("/Icons/ico_plusCircle.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).cancel {
  background-image: url("/Icons/ico_xCircle.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).attachment {
  background-image: url("/Icons/ico_attachment.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).row-menu {
  background-image: url("/Icons/ico_more.svg");
}
.sfr-searchTmpl.icon-button:not(div).refresh-list {
  background-image: url("/Icons/ico_reload.svg");
}
.sfr-searchTmpl.icon-button:not(div).chooseColumns {
  background-image: url("/Icons/ico_showColumns.svg");
}
.sfr-searchTmpl.icon-button:not(div).columnsSettings {
  background-image: url("/Icons/ico_columnSettings.svg");
}
.sfr-searchTmpl.icon-button:not(div).save-config {
  background-image: url("/Icons/ico_diskette.svg");
}
.sfr-searchTmpl.icon-button:not(div).restore-default-config {
  background-image: url("/Icons/ico_restoreSettings.svg");
}
.sfr-searchTmpl.icon-button:not(div).bug {
  background-image: url("/Icons/ico_bug.svg");
}
.sfr-searchTmpl.icon-button:not(div).search {
  background-image: url("/Icons/ico_search.svg");
}
.sfr-searchTmpl.icon-button:not(div).th-sort {
  background-image: url("/Icons/ico_sort.svg");
}
.sfr-searchTmpl.icon-button:not(div).th-sort.asc {
  background-image: url("/Icons/ico_sortAsc.svg");
}
.sfr-searchTmpl.icon-button:not(div).th-sort.desc {
  background-image: url("/Icons/ico_sortDesc.svg");
}
.sfr-searchTmpl.icon-button:not(div):hover {
  filter: invert(8%) sepia(54%) saturate(7160%) hue-rotate(345deg) brightness(82%) contrast(108%);
}
.sfr-searchTmpl.icon-button:not(div):disabled {
  opacity: 0.5;
}
.sfr-searchTmpl.icon-button:not(div).primary {
  filter: invert(13%) sepia(42%) saturate(6245%) hue-rotate(338deg) brightness(117%) contrast(126%);
}
.sfr-searchTmpl.icon-button:not(div).primary:hover {
  filter: invert(8%) sepia(54%) saturate(7160%) hue-rotate(345deg) brightness(82%) contrast(108%);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ConsoleKey {
  color: Black;
}

.ConsoleValue {
  color: green;
}

.ConsoleInfo {
  color: blue;
}

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

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

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

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

.RefreshBtnDiv {
  float: right;
}

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

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

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

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

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

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

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

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

.overlay-enabled {
  width: 100%;
  height: 100%;
  z-index: 999;
  cursor: wait;
  top: 0;
  left: 0;
  position: fixed;
  display: block;
}
.overlay-enabled .blockMsg {
  display: none;
}
.overlay-enabled .blockMsg.active {
  display: inline-block;
  z-index: 100001;
  position: fixed;
  top: calc(50% + 30px);
  left: 50%;
  transform: translate(-50%, -50%);
}

.overlay-disabled {
  display: none;
}

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

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

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

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

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

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

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

.datepicker {
  z-index: 902;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.journal-container hidden {
  display: none;
}

.journal-container visible {
  display: block;
}

.journal-accor-button {
  cursor: pointer;
  border: none;
  font-family: "Poppins", sans-serif;
  border-radius: 5px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  color: #ffffff;
  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: #FFFFFF;
}

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

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

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

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

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

.policy-attachments-container {
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
  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;
}

.progress-container:not([hidden]) {
  display: flex;
  align-items: center;
}

#FR {
  height: 100%;
}

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

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

#FR {
  height: 100%;
}

.transfer-matching-container {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 8px;
}
.transfer-matching-container .matching-left-panel + .matching-right-panel {
  margin-left: 3px;
}
.transfer-matching-container .matching-left-panel .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: #73000d;
  font-weight: bold;
}
.transfer-matching-container .matching-left-panel .underpaid-payment {
  color: #73000d;
  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% - clamp(300px, 33.333vw, 300px));
}
.transfer-matching-container .matching-left-panel .accor.filter-accor + .transfer-matching-transfers, .transfer-matching-container .matching-right-panel .accor.filter-accor + .transfer-matching-transfers {
  width: 100%;
}
.transfer-matching-container .matching-right-panel {
  flex: 0;
}
.transfer-matching-container .matching-right-panel .matches-container.group {
  border: none;
  padding: unset;
}
.transfer-matching-container .matching-right-panel .matches-container.group > label {
  padding: 10px 10px 15px 10px;
}
.transfer-matching-container .matching-right-panel .matches-container.group:after {
  border: none;
}
.transfer-matching-container .matching-right-panel .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, .attachmentsTemplate .ImagesTable {
  display: grid;
  grid-template-rows: auto;
  grid-auto-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
}
.attachmentsForm .ImagesTable .ImageElementContainer, .attachmentsTemplate .ImagesTable .ImageElementContainer {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
  overflow: hidden;
  max-width: 300px;
}
.attachmentsForm .ImagesTable .ImageElementContainer .lazyload, .attachmentsTemplate .ImagesTable .ImageElementContainer .lazyload {
  width: 100%;
  flex-grow: 1;
  position: relative;
  overflow: hidden;
  align-items: center;
  display: flex;
}
.attachmentsForm .ImagesTable .ImageElementContainer .lazyload input, .attachmentsForm .ImagesTable .ImageElementContainer .lazyload img, .attachmentsTemplate .ImagesTable .ImageElementContainer .lazyload input, .attachmentsTemplate .ImagesTable .ImageElementContainer .lazyload img {
  width: 100%;
  height: auto;
  max-height: 100%;
  object-fit: cover;
}
.attachmentsForm .ImagesTable .ImageElementContainer .lazyload button, .attachmentsTemplate .ImagesTable .ImageElementContainer .lazyload button {
  width: 100%;
  height: 100px;
  background-size: calc(100% - 30px) calc(100% - 30px);
  opacity: 0.25;
}
.attachmentsForm .ImagesTable .ImageElementContainer .lazyload button:not([ve-click]), .attachmentsTemplate .ImagesTable .ImageElementContainer .lazyload button:not([ve-click]) {
  cursor: default;
}
.attachmentsForm .ImagesTable .ImageElementContainer .lazyload:has(.enlargable):after, .attachmentsTemplate .ImagesTable .ImageElementContainer .lazyload:has(.enlargable):after {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  pointer-events: none;
  border-radius: 10px;
  width: 24px;
  height: 24px;
  background-color: transparent;
  background-image: url("/Icons/ico_search.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: calc(100% - 10px) calc(100% - 10px);
  filter: invert(100%) sepia(15%) saturate(7485%) hue-rotate(171deg) brightness(121%) contrast(115%);
}
.attachmentsForm .ImagesTable .ImageElementContainer .lazyload:has(.enlargable):before, .attachmentsTemplate .ImagesTable .ImageElementContainer .lazyload:has(.enlargable):before {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  pointer-events: none;
  border-radius: 10px;
  width: 24px;
  height: 24px;
  background-color: rgba(0, 0, 0, 0.33);
}
.attachmentsForm .ImagesTable .ImageElementContainer .button-container, .attachmentsTemplate .ImagesTable .ImageElementContainer .button-container {
  padding: 5px;
  flex-shrink: 0;
}
.attachmentsForm .ImagesTable .ImageElementContainer .button-container .TippedToolTip, .attachmentsTemplate .ImagesTable .ImageElementContainer .button-container .TippedToolTip {
  margin: 0px;
}
.attachmentsForm .ImagesTable .ImageElementContainer .button-container > label, .attachmentsTemplate .ImagesTable .ImageElementContainer .button-container > label {
  display: inline-block;
  width: calc(100% - calc(35px / 2));
  padding-left: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.attachmentsForm .ImagesTable .ImageElementContainer .button-container button.icon-button:not(div).AttachmentDownloadButton, .attachmentsTemplate .ImagesTable .ImageElementContainer .button-container button.icon-button:not(div).AttachmentDownloadButton {
  background-image: url("/Icons/ico_download.svg");
  margin-left: 50%;
  transform: translateX(-50%);
}
.attachmentsForm .ImagesTable .ImageElementContainer .button-container .field.checkbox, .attachmentsTemplate .ImagesTable .ImageElementContainer .button-container .field.checkbox {
  width: auto !important;
  float: right;
  padding: 0px;
}
.attachmentsForm .ImagesTable .ImageElementContainer .button-container .field.checkbox input, .attachmentsTemplate .ImagesTable .ImageElementContainer .button-container .field.checkbox input {
  width: 100%;
  height: 100%;
  visibility: visible;
  opacity: 0;
  appearance: none;
  cursor: pointer;
}
.attachmentsForm .ImagesTable .ImageElementContainer .button-container .field.checkbox input + label, .attachmentsTemplate .ImagesTable .ImageElementContainer .button-container .field.checkbox input + label {
  pointer-events: none;
}
.attachmentsForm .ImagesTable .ImageElementContainer .button-container .field.checkbox input + label:before, .attachmentsTemplate .ImagesTable .ImageElementContainer .button-container .field.checkbox input + label:before {
  margin: 0px;
}
.attachmentsForm .imageSliderHeaderContainer, .attachmentsTemplate .imageSliderHeaderContainer {
  display: flex;
}
.attachmentsForm .imageSliderHeaderContainer > .group, .attachmentsTemplate .imageSliderHeaderContainer > .group {
  flex-grow: 0;
  flex-shrink: 0;
  width: auto;
  min-width: calc(2 * (35px + 10px));
}
.attachmentsForm .imageSliderHeaderContainer > .group.imageSliderTitleContainer, .attachmentsTemplate .imageSliderHeaderContainer > .group.imageSliderTitleContainer {
  flex-grow: 1;
  flex-shrink: 1;
}
.attachmentsForm .imageSliderHeaderContainer > .group.imageSliderTitleContainer .field label.definition, .attachmentsTemplate .imageSliderHeaderContainer > .group.imageSliderTitleContainer .field label.definition {
  display: none;
}
.attachmentsForm .imageSliderHeaderContainer > .group.imageSliderTitleContainer .field label.value div, .attachmentsTemplate .imageSliderHeaderContainer > .group.imageSliderTitleContainer .field label.value div {
  width: 100%;
  text-align: center;
}
.attachmentsForm .imageSliderHeaderContainer > .group.imageSliderTitleContainer .field label.value div .attachmentsTemplateTitleTextContainer,
.attachmentsForm .imageSliderHeaderContainer > .group.imageSliderTitleContainer .field label.value div .attachmentsTemplateTitleCountContainer, .attachmentsTemplate .imageSliderHeaderContainer > .group.imageSliderTitleContainer .field label.value div .attachmentsTemplateTitleTextContainer,
.attachmentsTemplate .imageSliderHeaderContainer > .group.imageSliderTitleContainer .field label.value div .attachmentsTemplateTitleCountContainer {
  display: inline-block;
  width: auto;
  margin: 0px 5px;
}
.attachmentsForm .imageSliderIframe, .attachmentsTemplate .imageSliderIframe {
  margin: 0px;
  padding: 0px;
}
.attachmentsForm .imageSliderIframe iframe, .attachmentsTemplate .imageSliderIframe iframe {
  border: none;
}
.attachmentsForm .imageViewerContainer, .attachmentsTemplate .imageViewerContainer {
  height: 100%;
}
.attachmentsForm .imageViewerContainer .field.htmlDisplay, .attachmentsTemplate .imageViewerContainer .field.htmlDisplay {
  width: 100%;
}
.attachmentsForm .imageViewerContainer .imageViewer, .attachmentsTemplate .imageViewerContainer .imageViewer {
  width: 100%;
  padding: 0px 0px 10px 0px;
  overflow: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 5px;
  height: calc(90vh - 200px);
}
.attachmentsForm .imageViewerContainer .imageViewer img, .attachmentsTemplate .imageViewerContainer .imageViewer img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.attachmentsForm .imageViewerContainer .imageViewer .image-viewer-canvas, .attachmentsTemplate .imageViewerContainer .imageViewer .image-viewer-canvas {
  flex-shrink: 1;
  flex-grow: 1;
  overflow: auto;
  width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}
.attachmentsForm .imageViewerContainer .imageViewer .image-viewer-toolbar, .attachmentsTemplate .imageViewerContainer .imageViewer .image-viewer-toolbar {
  display: flex;
  gap: 5px;
}
.attachmentsForm .imageViewerContainer .imageViewer .image-viewer-toolbar .image-viewer-zoom-label, .attachmentsTemplate .imageViewerContainer .imageViewer .image-viewer-toolbar .image-viewer-zoom-label {
  display: flex;
  align-items: center;
}
.attachmentsForm .sfr-vsm.attachments-vsm, .attachmentsTemplate .sfr-vsm.attachments-vsm {
  position: static;
  float: left;
  width: auto;
  margin: 0px;
}
.attachmentsForm button.imgSliderNextButton .ico, .attachmentsForm .button.imgSliderNextButton .ico, .attachmentsTemplate button.imgSliderNextButton .ico, .attachmentsTemplate .button.imgSliderNextButton .ico {
  background-image: url("/Icons/ico_arrow_right.svg");
  width: calc(35px - 10px);
}
.attachmentsForm button.imgSliderPrevButton .ico, .attachmentsForm .button.imgSliderPrevButton .ico, .attachmentsTemplate button.imgSliderPrevButton .ico, .attachmentsTemplate .button.imgSliderPrevButton .ico {
  background-image: url("/Icons/ico_arrow_left.svg");
  width: calc(35px - 10px);
}
.attachmentsForm button.imgSliderNextImgButton .ico, .attachmentsForm .button.imgSliderNextImgButton .ico, .attachmentsTemplate button.imgSliderNextImgButton .ico, .attachmentsTemplate .button.imgSliderNextImgButton .ico {
  background-image: url("/Icons/ico_imgNext.svg");
  width: calc(35px - 0px);
}
.attachmentsForm button.imgSliderPrevImgButton .ico, .attachmentsForm .button.imgSliderPrevImgButton .ico, .attachmentsTemplate button.imgSliderPrevImgButton .ico, .attachmentsTemplate .button.imgSliderPrevImgButton .ico {
  background-image: url("/Icons/ico_imgPrev.svg");
  width: calc(35px - 0px);
}
.attachmentsForm button.imgSliderNextVidButton .ico, .attachmentsForm .button.imgSliderNextVidButton .ico, .attachmentsTemplate button.imgSliderNextVidButton .ico, .attachmentsTemplate .button.imgSliderNextVidButton .ico {
  background-image: url("/Icons/ico_videoNext.svg");
  width: calc(35px - 0px);
}
.attachmentsForm button.imgSliderPrevVidButton .ico, .attachmentsForm .button.imgSliderPrevVidButton .ico, .attachmentsTemplate button.imgSliderPrevVidButton .ico, .attachmentsTemplate .button.imgSliderPrevVidButton .ico {
  background-image: url("/Icons/ico_videoPrev.svg");
  width: calc(35px - 0px);
}
.attachmentsForm button.imgSliderNextPdfButton .ico, .attachmentsForm .button.imgSliderNextPdfButton .ico, .attachmentsTemplate button.imgSliderNextPdfButton .ico, .attachmentsTemplate .button.imgSliderNextPdfButton .ico {
  background-image: url("/Icons/ico_textDocNext.svg");
  width: calc(35px - 0px);
}
.attachmentsForm button.imgSliderPrevPdfButton .ico, .attachmentsForm .button.imgSliderPrevPdfButton .ico, .attachmentsTemplate button.imgSliderPrevPdfButton .ico, .attachmentsTemplate .button.imgSliderPrevPdfButton .ico {
  background-image: url("/Icons/ico_textDocPrev.svg");
  width: calc(35px - 0px);
}
.attachmentsForm .field.attachmentsCount label.definition, .attachmentsTemplate .field.attachmentsCount label.definition {
  display: none;
}
.attachmentsForm .previewNotFound, .attachmentsTemplate .previewNotFound {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.05);
  padding: 15px 10px;
}
.attachmentsForm .previewNotFound .field, .attachmentsTemplate .previewNotFound .field {
  float: none;
  align-self: center;
  padding: 0px;
}
.attachmentsForm .previewNotFound .field.previewNotFoundCom, .attachmentsTemplate .previewNotFound .field.previewNotFoundCom {
  opacity: 0.5;
  text-align: center;
}
.attachmentsForm .previewNotFound .field.previewNotFoundCom:before, .attachmentsTemplate .previewNotFound .field.previewNotFoundCom:before {
  content: "";
  display: inline-block;
  background-image: url("/Icons/ico_hiddenFile.svg");
  width: calc(35px*2);
  height: calc(35px*2);
}
.attachmentsForm .previewNotFound .field.previewNotFoundCom label.definition, .attachmentsTemplate .previewNotFound .field.previewNotFoundCom label.definition {
  text-align: center;
  font-size: 1rem;
  justify-content: center;
}
.attachmentsForm .previewNotFound .field.previewNotFoundCom label.value, .attachmentsTemplate .previewNotFound .field.previewNotFoundCom label.value {
  min-height: 0px;
}
.attachmentsForm .previewNotFound .button, .attachmentsTemplate .previewNotFound .button {
  float: none;
  align-self: center;
}

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

.privilegeManagerTree table tbody tr td .ico {
  /*temporary*/
  display: block;
  width: 26px;
  height: 26px;
}
.privilegeManagerTree table tbody tr td .ico.inactiveEndless {
  background-image: url(/Icons/ico_inactiveEndless.svg);
  filter: unset;
}
.privilegeManagerTree table tbody tr td .ico.inactivePeriodical {
  background-image: url(/Icons/ico_inactiveTime.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.activePeriodical {
  background-image: url(/Icons/ico_activeTime.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");
  min-width: 16px;
  height: 16px;
  margin-right: 3px;
}
tr.expanded button.icon-button.expander {
  background-image: url("/Icons/ico_expander_expanded.svg");
  min-width: 16px;
  height: 16px;
  margin-right: 3px;
}
tr.hidden {
  display: none;
}

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

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

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

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

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

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

/*DISABLED*/
html .ui-waveBg, html #_breadcrumb .ui-waveBg {
  display: none !important;
}

#FR {
  position: relative;
}

#_script {
  display: none;
}

/*LOGIN PAGE*/
#_body.loginPage #FR1, #_body.loginPage #_footer {
  background: #1e2a32;
}
#_body.loginPage #FR1 .loginBox, #_body.loginPage #_footer .loginBox {
  background-image: url("TMCH/logo_cmc.svg");
  background-size: calc(100% - 40px) auto;
  padding-top: 110px;
}
#_body.loginPage #FR1 .loginBox input#f4, #_body.loginPage #_footer .loginBox input#f4 {
  box-shadow: none;
  background: transparent;
  color: #d2001e;
}
#_body.loginPage #FR1 .loginBox input#f4:hover, #_body.loginPage #_footer .loginBox input#f4:hover {
  color: #73000d;
}
#_body.loginPage #_footer {
  color: #ffffff;
}

/*DEBUG*/
#_debuggerConsole {
  top: 180px;
  right: 10px;
}

/*MAIN MENU AND HEADER*/
#_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper {
  background: transparent;
  /*TIMER*/
}
#_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer {
  height: 60px;
  background: url("TMCH/logo_cmc.svg") no-repeat scroll 20px center #ffffff;
  background-size: auto calc(100% - 20px);
}
@media screen and (max-width: 1080px) {
  #_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer.showMenu .headerContainer {
    min-width: 200px;
    width: 100%;
    max-width: 400px;
    border-radius: 0;
    right: 0;
    opacity: 100;
  }
  #_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer.showMenu .headerContainer .menuContainer {
    padding: 60px 20px 0;
    border: none;
  }
  #_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer.showMenu .headerContainer .menuContainer .fielddd nav #menu li a {
    padding-left: 30px;
  }
  #_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer.showMenu .headerContainer .group.UCI .btnGroup {
    padding: 20px;
  }
  #_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer.showMenu .headerContainer .group.UCI .btnGroup .button.logout {
    border-left: 0;
    border-right: 0;
  }
  #_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer.showMenu .headerContainer .group.UCI .btnGroup .button.logout button {
    width: 100%;
    margin-right: 0;
  }
  #_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer.showMenu .toggleMobileMenuBtn button {
    font-size: 0;
    background-color: #ffffff;
    border-radius: 100px;
    border: 2px solid #1e2a32;
    transition: all 0.3s;
  }
  #_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer.showMenu .toggleMobileMenuBtn button:hover {
    border: 2px solid transparent;
    background-color: #1e2a32;
  }
  #_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer.showMenu .toggleMobileMenuBtn button:hover span.ico {
    filter: none;
    transition: all 0.3s;
    filter: brightness(0) invert(1);
  }
  #_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer.showMenu .toggleMobileMenuBtn button span.ico {
    content: "";
    background-image: url("/TMCH/ico_remove.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    width: 100%;
    transition: all 0.5s;
    filter: invert(12%) sepia(13%) saturate(1637%) hue-rotate(162deg) brightness(97%) contrast(92%);
  }
}
#_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer .toggleMobileMenuBtn {
  padding-top: 0;
}
#_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer .toggleMobileMenuBtn button {
  width: 40px;
  height: 40px;
  border-radius: 100px;
  color: #1e2a32;
  background-color: #FFFFFF;
  border: 2px solid #1e2a32;
  transition: all 0.3s;
}
#_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer .toggleMobileMenuBtn button:hover {
  color: #FFFFFF;
  background-color: #1e2a32;
  border: 2px solid transparent;
}
#_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer .UCI {
  padding: 0px;
}
#_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer .logout button {
  border: 2px solid #d2001e;
  color: #d2001e;
  border-radius: 100px;
  height: 35px;
  padding: 0 30px;
  background-color: #ffffff;
  font-weight: 700;
  margin-right: 5px;
}
#_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer .logout button:before {
  filter: invert(13%) sepia(42%) saturate(6245%) hue-rotate(338deg) brightness(117%) contrast(126%);
  display: none;
}
#_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer .logout button:hover {
  background: #d2001e;
  color: #ffffff;
}
#_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer .logout button:hover:before {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(118deg) brightness(105%) contrast(106%);
}
@media screen and (max-width: 1080px) {
  #_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer .menuContainer {
    order: 1;
  }
}
#_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer .menuContainer nav #menu li:hover > ul[class^=submenu], #_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer .menuContainer nav #menu li ul[class^=submenu]:hover {
  display: block;
}
#_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer .menuContainer nav #menu li > input {
  pointer-events: none;
}
#_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer .directRedirect {
  width: 100%;
  height: 40px;
  min-height: unset;
  display: flex;
  align-items: center;
  padding: 0.5rem 14px;
  border-left: none;
  border-right: none;
}
@media screen and (max-width: 1080px) {
  #_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer .directRedirect {
    padding: 0 20px;
    order: 2;
  }
}
#_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer .directRedirect:has(label.value a:hover):hover {
  background: linear-gradient(90deg, rgb(30, 42, 50) 0%, rgb(19, 29, 36) 100%);
}
@media screen and (max-width: 1080px) {
  #_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer .directRedirect:has(label.value a:hover):hover {
    background: unset;
  }
}
@media screen and (max-width: 1080px) {
  #_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer .directRedirect label.value {
    padding-left: 30px;
    background-color: transparent;
    transition: background-color 0.3s;
  }
}
@media screen and (max-width: 1080px) {
  #_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer .directRedirect label.value:has(a:hover) {
    background-color: #F2f2f2;
  }
}
#_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer .directRedirect label.value a {
  line-height: 1.2rem;
  color: #ffffff;
  font-weight: 500;
}
@media screen and (max-width: 1080px) {
  #_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer .directRedirect label.value a {
    color: #0d0505;
    text-transform: uppercase;
  }
}
#_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer .vehicleCheck {
  padding: 0.5rem 14px;
}
@media screen and (max-width: 1080px) {
  #_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer .vehicleCheck {
    margin-bottom: 25px;
    order: 3;
    padding: 0.5rem 20px;
  }
}
#_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer .vehicleCheck .field.text.textInput,
#_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer .vehicleCheck .button {
  border-left: none;
  border-right: none;
  width: 100%;
}
#_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer .vehicleCheck .field.text.textInput.active .inputWrapper input,
#_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer .vehicleCheck .field.text.textInput label {
  color: #1e2a32;
}
@media screen and (max-width: 1080px) {
  #_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer .vehicleCheck .field.text.textInput.active .inputWrapper input,
  #_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer .vehicleCheck .field.text.textInput label {
    color: #0d0505;
    border-color: pink;
  }
}
#_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer .vehicleCheck .field.text.textInput.active label {
  top: 8px;
}
#_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer .vehicleCheck .field.text.textInput input {
  background: #ffffff;
  padding-top: 10px;
}
#_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer .vehicleCheck .button button {
  border-radius: 100px;
  color: #ffffff;
}
#_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper .formwrap.headerForm .sessionCountDown {
  display: none;
}
#_body:not(.loginPage) .contextMenu-container.visible:not(:has(> ul > li)) {
  display: none !important;
}
#_body:not(.loginPage) #_contextMenu:not(:has(.contextMenu-container.visible > ul > li)) > .contextmenu-overlay {
  display: none !important;
}
#_body:not(.loginPage) #_contextMenu .contextMenu-container.visible,
#_body:not(.loginPage) #_contextMenu .complexContextMenu-container.visible {
  min-width: max-content;
  border-radius: 10px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
}
#_body:not(.loginPage) #_contextMenu .contextMenu-container.visible ul,
#_body:not(.loginPage) #_contextMenu .complexContextMenu-container.visible ul {
  gap: 10px;
}
#_body:not(.loginPage) #_contextMenu .contextMenu-container.visible ul li,
#_body:not(.loginPage) #_contextMenu .complexContextMenu-container.visible ul li {
  padding: 0;
}
#_body:not(.loginPage) #_contextMenu .contextMenu-container.visible ul li button,
#_body:not(.loginPage) #_contextMenu .complexContextMenu-container.visible ul li button {
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 100px;
  padding: 0 30px 0 10px;
  color: #ffffff;
}
#_body:not(.loginPage) #_contextMenu .contextMenu-container.visible ul li button span.ico,
#_body:not(.loginPage) #_contextMenu .complexContextMenu-container.visible ul li button span.ico {
  width: 16px;
  height: 16px;
}
#_body:not(.loginPage) #_contextMenu .contextMenu-container.visible ul li button span.ico:before,
#_body:not(.loginPage) #_contextMenu .complexContextMenu-container.visible ul li button span.ico:before {
  content: "";
  background-image: url("/TMCH/ico_plus.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  color: #000000;
  display: flex;
  justify-content: start;
  align-items: center;
}
#_body:not(.loginPage) #_contextMenu .contextMenu-container.visible ul li button.editEntry .ico:before,
#_body:not(.loginPage) #_contextMenu .complexContextMenu-container.visible ul li button.editEntry .ico:before {
  background-image: url("/TMCH/ico_edit_entry.svg");
}
#_body:not(.loginPage) #_contextMenu .contextMenu-container.visible ul li button.removeFromRequired .ico:before, #_body:not(.loginPage) #_contextMenu .contextMenu-container.visible ul li button.removeEntry .ico:before,
#_body:not(.loginPage) #_contextMenu .complexContextMenu-container.visible ul li button.removeFromRequired .ico:before,
#_body:not(.loginPage) #_contextMenu .complexContextMenu-container.visible ul li button.removeEntry .ico:before {
  background-image: url("/TMCH/ico_remove.svg");
}
#_body:not(.loginPage) #_contextMenu .contextMenu-container.visible ul li button.transferToServis .ico:before,
#_body:not(.loginPage) #_contextMenu .complexContextMenu-container.visible ul li button.transferToServis .ico:before {
  background-image: url("/TMCH/ico_servis.svg");
}
#_body:not(.loginPage) #_contextMenu .contextMenu-container.visible ul li button.transferToServisWithEmail .ico:before,
#_body:not(.loginPage) #_contextMenu .complexContextMenu-container.visible ul li button.transferToServisWithEmail .ico:before {
  background-image: url("/TMCH/ico_servis_email.svg");
}
#_body:not(.loginPage) #_contextMenu .contextMenu-container.visible ul li button.PromptTo .ico:before,
#_body:not(.loginPage) #_contextMenu .complexContextMenu-container.visible ul li button.PromptTo .ico:before {
  background-image: url("/TMCH/ico_thunder.svg");
}
#_body:not(.loginPage) #_contextMenu .contextMenu-container.visible ul li button.requiredDocuments .ico:before,
#_body:not(.loginPage) #_contextMenu .complexContextMenu-container.visible ul li button.requiredDocuments .ico:before {
  background-image: url("/TMCH/ico_documents.svg");
}

@media screen and (min-width: 1080px) {
  #_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    z-index: 2;
    position: relative;
  }
  #_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer .headerContainer {
    background-color: #1e2a32;
    background-image: url(TMCH/bg_logo_watermark.svg);
    background-attachment: scroll;
    background-position: 20px calc(100% - 115px);
    background-repeat: no-repeat;
    background-size: 330px auto;
    position: fixed;
    left: 0px;
    top: 60px;
    height: calc(100% - 60px);
    width: 250px;
    display: flex;
    flex-direction: column;
    z-index: 10;
    padding: 0px;
    border-radius: 0px;
    justify-content: flex-start;
  }
  #_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer .headerContainer .field.menuContainer {
    width: 100%;
    border: 0px;
    padding: 0px;
  }
  #_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer .headerContainer nav {
    flex-grow: 1;
  }
  #_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer .headerContainer nav #menu {
    display: flex;
    flex-direction: column;
    height: auto;
    flex-grow: 0;
    align-self: flex-start;
  }
  #_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer .headerContainer nav #menu li {
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    height: 40px;
  }
  #_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer .headerContainer nav #menu li a {
    justify-content: flex-start;
    text-transform: none;
    color: #ffffff;
  }
  #_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer .headerContainer nav #menu li a .ico {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(118deg) brightness(105%) contrast(106%);
  }
  #_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer .headerContainer nav #menu li .submenuCtl {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(118deg) brightness(105%) contrast(106%);
    background-image: url("/Icons/ico_arrow_right.svg");
    background-position: calc(100% - 5px) center;
  }
  #_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer .headerContainer nav #menu li .submenuCtl:checked {
    background-image: url("/Icons/ico_arrow_left.svg");
  }
  #_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer .headerContainer nav #menu li:hover {
    background: none;
  }
  #_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer .headerContainer nav #menu li:hover > a {
    background: linear-gradient(90deg, rgb(30, 42, 50) 0%, rgb(19, 29, 36) 100%);
  }
  #_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer .headerContainer nav #menu li ul[class*=submenu] {
    left: 250px;
    background: rgb(19, 29, 36);
    margin-top: -40px;
    width: 200px;
  }
  #_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer .headerContainer nav #menu li ul[class*=submenu]:before {
    content: "";
    position: fixed;
    z-index: -1;
    top: 60px;
    height: calc(100vh - 60px);
    background: rgb(19, 29, 36);
    width: 200px;
  }
  #_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer .headerContainer nav #menu li ul[class*=submenu] li:hover > a {
    background: linear-gradient(90deg, rgb(19, 29, 36) 0%, rgb(0, 0, 0) 100%);
  }
  #_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer .headerContainer nav #menu li ul[class*=submenu] li ul[class*=submenu] {
    left: 200px;
    position: absolute;
    background: rgb(0, 0, 0);
  }
  #_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer .headerContainer nav #menu li ul[class*=submenu] li ul[class*=submenu]:before {
    background: rgb(0, 0, 0);
  }
  #_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer .headerContainer nav #menu li ul[class*=submenu] li ul[class*=submenu] li:hover > a {
    background: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgb(19, 29, 36) 100%);
  }
  #_body:not(.loginPage) #_content > #FR > .sfr.headerFormWrapper > .formwrap.headerForm .headerOuterContainer .headerContainer .logout {
    position: fixed;
    top: 10px;
    right: 0px;
    padding: 0px;
  }
  #_body:not(.loginPage) #_content .pageFormWrapper {
    padding-left: 250px;
  }
}
/*BREADCRUMB*/
#FR:not(:has(.sfr.headerFormWrapper .field.breadcrumbContainer .breadcrumb li)) .field.breadcrumbContainer {
  display: none;
}
#FR:not(:has(.sfr.headerFormWrapper .field.breadcrumbContainer .breadcrumb li)) .sfr.pageFormWrapper {
  padding-top: 0;
}

.field.breadcrumbContainer {
  background: transparent;
  padding-left: 250px;
  position: absolute;
  left: 0px;
  top: 60px;
  z-index: 2;
}
@media screen and (max-width: 1080px) {
  .field.breadcrumbContainer {
    padding-left: 10px;
  }
}
.field.breadcrumbContainer .breadcrumb {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  background: #ffffff;
}
@media screen and (max-width: 1080px) {
  .field.breadcrumbContainer .breadcrumb {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
  }
}
.field.breadcrumbContainer .breadcrumb:not(:has(li)) {
  display: none;
}
.field.breadcrumbContainer .breadcrumb li + li:before {
  font-size: 0.7rem;
  content: "▶";
  margin: 0px 5px;
}

/*FOOTER*/
#_content #FR .sfr.footerFormWrapper {
  position: fixed;
  bottom: 0;
  z-index: 2;
  width: 250px;
}
@media screen and (max-width: 1080px) {
  #_content #FR .sfr.footerFormWrapper {
    height: 25px;
    width: 100%;
  }
}
@media screen and (max-width: 1080px) {
  #_content #FR .sfr.footerFormWrapper .formwrap.footerForm .tabContainer .tab {
    padding: 5px;
    display: flex;
    justify-content: end;
  }
}
#_content #FR .sfr.footerFormWrapper .formwrap.footerForm .tabContainer .tab .field.copyright label.value, #_content #FR .sfr.footerFormWrapper .formwrap.footerForm .tabContainer .tab .field.copyright label.value a {
  flex-direction: column;
  align-items: start;
  color: #ffffff;
}
@media screen and (max-width: 1080px) {
  #_content #FR .sfr.footerFormWrapper .formwrap.footerForm .tabContainer .tab .field.copyright label.value, #_content #FR .sfr.footerFormWrapper .formwrap.footerForm .tabContainer .tab .field.copyright label.value a {
    color: #ffffff;
    font-size: 11px;
    flex-direction: row;
  }
}
#_content #FR .sfr.footerFormWrapper .formwrap.footerForm .tabContainer .tab .field.copyright label.value {
  gap: 5px;
}
#_content #FR .sfr.footerFormWrapper .formwrap.footerForm .tabContainer .tab .field.copyright label.value .cr_atp {
  display: flex;
  gap: 1px;
}

/*TOOLBAR*/
.vsm-toolbar {
  position: fixed;
  left: 250px;
  top: 0px;
  height: 60px;
  max-width: calc(100% - 250px - 115px);
  padding-top: 10px;
  z-index: 2;
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}
.vsm-toolbar button {
  border-radius: 100px;
  padding: 0 20px;
  white-space: nowrap;
}
.vsm-toolbar button.hidden {
  display: none;
}
@media screen and (max-width: 1080px) {
  .vsm-toolbar {
    position: fixed;
    left: 150px;
    top: 0px;
    height: 60px;
    max-width: calc(100% - 250px - 140px);
    padding-top: 10px;
    z-index: 2;
  }
}

/*TAB CONTAINER*/
#_content > #FR > .sfr > .formwrap > .tabContainer > .tabHeader {
  box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.2);
  padding: 0px 10px;
}
#_content > #FR > .sfr > .formwrap > .tabContainer > .tabHeader > .tabButton {
  border: none;
  border: none;
  font-size: 1rem;
}
#_content > #FR > .sfr > .formwrap > .tabContainer > .tabHeader > .tabButton.active {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: none;
  background: #ffffff;
  border-radius: 10px 10px 0px 0px;
  font-weight: 600;
}
#_content > #FR > .sfr > .formwrap > .tabContainer > .tab {
  padding: 10px;
}

.tabContainer .tabHeader {
  box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2);
}
.tabContainer .tabHeader .tabButton {
  color: rgba(0, 0, 0, 0.5);
  font-size: 1.1rem;
  border-bottom-width: 2px;
}
.tabContainer .tabHeader .tabButton.active {
  color: #0d0505;
}
.tabContainer .tabHeader .tabButton .link-menu-tab {
  position: relative;
}
.tabContainer .tabHeader .tabButton .link-menu-tab .ico-unread {
  position: absolute;
  right: -20px;
  top: -18px;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #BF131F;
  border: none;
  text-align: center;
  font-size: 11px;
  line-height: 20px;
  color: #ffffff;
  font-weight: initial;
}
.tabContainer .tab {
  padding: 10px 0px;
}

/*GROUPS*/
.group.hiddenFieldset > .groupLabel {
  display: none;
}

/*SFR*/
.tab > .sfr {
  width: 100%; /*Profile (add user)*/
}

/*attachmentsTemplate*/
/*FORMS*/
.sfr.pageFormWrapper {
  padding-top: 20px;
  height: calc(100% - 64px) !important;
}
@media screen and (max-width: 1080px) {
  .sfr.pageFormWrapper {
    height: calc(100% - 82px) !important;
  }
}
.sfr.pageFormWrapper .group {
  background: #ffffff;
}
.sfr.pageFormWrapper .formwrap {
  height: 100%;
}
.sfr.pageFormWrapper .formwrap .field.textDisplay.displayState {
  margin-left: 10px;
  padding: 0;
  border: none;
}
.sfr.pageFormWrapper .formwrap .field.textDisplay.displayState label.value {
  gap: 5px;
}
.sfr.pageFormWrapper .formwrap .field.textDisplay.displayState label.value .ServiceOrderHeaderInfo {
  display: none;
}
.sfr.pageFormWrapper .formwrap .field.textDisplay.displayState .policystatus br {
  display: none;
}
.sfr.pageFormWrapper .formwrap .field.textDisplay[class*=labelWidth] .TippedToolTip {
  position: absolute;
  right: calc(4px + 5px);
  top: calc(50% - calc(35px / 2) / 2 + 5px);
}
.sfr.pageFormWrapper .formwrap.welcomePageWrapper .tabContainer.welcomePageElementsRoot .tab > .group.AlertsIssuesWrapper {
  display: grid;
  display: flex;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-bottom: 10px;
  width: 100%;
  /*TFMSMS-1470 alert box width reduction*/
}
@media screen and (max-width: 1340px) {
  .sfr.pageFormWrapper .formwrap.welcomePageWrapper .tabContainer.welcomePageElementsRoot .tab > .group.AlertsIssuesWrapper {
    flex-direction: column;
  }
}
.sfr.pageFormWrapper .formwrap.welcomePageWrapper .tabContainer.welcomePageElementsRoot .tab > .group.AlertsIssuesWrapper .group.alerts-section,
.sfr.pageFormWrapper .formwrap.welcomePageWrapper .tabContainer.welcomePageElementsRoot .tab > .group.AlertsIssuesWrapper .group.issue-section {
  width: 100%;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
  padding: 10px;
  border-radius: 8px;
  position: relative;
  border: none;
}
.sfr.pageFormWrapper .formwrap.welcomePageWrapper .tabContainer.welcomePageElementsRoot .tab > .group.AlertsIssuesWrapper .group.alerts-section:before,
.sfr.pageFormWrapper .formwrap.welcomePageWrapper .tabContainer.welcomePageElementsRoot .tab > .group.AlertsIssuesWrapper .group.issue-section:before {
  width: calc(100% - 35px);
  height: 40px;
  border-radius: 5px;
  background-color: #e4e3e3;
  margin: 10px;
  padding-left: 15px;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.sfr.pageFormWrapper .formwrap.welcomePageWrapper .tabContainer.welcomePageElementsRoot .tab > .group.AlertsIssuesWrapper .group.alerts-section {
  width: 345px;
  max-width: 345px;
  min-width: 345px;
}
.sfr.pageFormWrapper .formwrap.welcomePageWrapper .tabContainer.welcomePageElementsRoot .tab > .group.AlertsIssuesWrapper .group.alerts-section:before {
  content: "Alerty";
}
.sfr.pageFormWrapper .formwrap.welcomePageWrapper .tabContainer.welcomePageElementsRoot .tab > .group.AlertsIssuesWrapper .group.alerts-section .field.alert-types-list {
  height: calc(100% - 50px);
  margin-top: 50px;
  width: 100%;
  overflow-y: unset !important;
}
.sfr.pageFormWrapper .formwrap.welcomePageWrapper .tabContainer.welcomePageElementsRoot .tab > .group.AlertsIssuesWrapper .group.alerts-section .field.alert-types-list .treelist-container .treelist-items-container table.treelist-items-table {
  margin: 0;
  padding: 0;
}
.sfr.pageFormWrapper .formwrap.welcomePageWrapper .tabContainer.welcomePageElementsRoot .tab > .group.AlertsIssuesWrapper .group.alerts-section .field.alert-types-list .treelist-container .treelist-items-container table.treelist-items-table tbody tr.treelist-item:not(:last-child) td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
.sfr.pageFormWrapper .formwrap.welcomePageWrapper .tabContainer.welcomePageElementsRoot .tab > .group.AlertsIssuesWrapper .group.alerts-section .field.alert-types-list .treelist-container .treelist-items-container table.treelist-items-table tbody tr.treelist-item td:last-child {
  padding: 8px 10px;
}
.sfr.pageFormWrapper .formwrap.welcomePageWrapper .tabContainer.welcomePageElementsRoot .tab > .group.AlertsIssuesWrapper .group.alerts-section .field.alert-types-list .treelist-container .treelist-items-container table.treelist-items-table tbody tr.treelist-item td:last-child .treelist-cell {
  width: 100%;
  padding: 0;
  display: flex;
  justify-content: end;
}
.sfr.pageFormWrapper .formwrap.welcomePageWrapper .tabContainer.welcomePageElementsRoot .tab > .group.AlertsIssuesWrapper .group.alerts-section .field.alert-types-list .treelist-container .treelist-items-container table.treelist-items-table tbody .treelist-cell .treelist-item-space {
  display: none;
}
.sfr.pageFormWrapper .formwrap.welcomePageWrapper .tabContainer.welcomePageElementsRoot .tab > .group.AlertsIssuesWrapper .group.alerts-section .field.alert-types-list .treelist-container .treelist-items-container table.treelist-items-table tbody .treelist-cell .treelist-item-name {
  padding: 0;
}
.sfr.pageFormWrapper .formwrap.welcomePageWrapper .tabContainer.welcomePageElementsRoot .tab > .group.AlertsIssuesWrapper .group.issue-section {
  max-height: 425px;
}
.sfr.pageFormWrapper .formwrap.welcomePageWrapper .tabContainer.welcomePageElementsRoot .tab > .group.AlertsIssuesWrapper .group.issue-section:before {
  content: "Lista nowych zgłoszeń";
}
.sfr.pageFormWrapper .formwrap.welcomePageWrapper .tabContainer.welcomePageElementsRoot .tab > .group.AlertsIssuesWrapper .group.issue-section .sfr {
  margin-top: 40px;
  width: 100%;
}
.sfr.pageFormWrapper .formwrap.welcomePageWrapper .tabContainer.welcomePageElementsRoot .tab > .group.AlertsIssuesWrapper .group.issue-section .sfr .genericlist-wrapper {
  border: none;
}
.sfr.pageFormWrapper .formwrap.welcomePageWrapper .tabContainer.welcomePageElementsRoot .tab > .group.AlertsIssuesWrapper .group.issue-section .sfr .genericlist-wrapper .GLT .genericlist-container {
  overflow: auto;
  position: relative;
  max-height: 320px;
}
.sfr.pageFormWrapper .formwrap.welcomePageWrapper .tabContainer.welcomePageElementsRoot .tab > .group.AlertsIssuesWrapper .group.issue-section .sfr .genericlist-wrapper .GLT .genericlist-container table {
  border-collapse: separate;
  width: 100%;
}
.sfr.pageFormWrapper .formwrap.welcomePageWrapper .tabContainer.welcomePageElementsRoot .tab > .group.AlertsIssuesWrapper .group.issue-section .sfr .genericlist-wrapper .GLT .genericlist-container table thead th {
  position: sticky;
  top: 0;
  z-index: 10;
}
.sfr.pageFormWrapper .formwrap.welcomePageWrapper .tabContainer.welcomePageElementsRoot .tab > .group.AlertsIssuesWrapper .group.issue-section .sfr .genericlist-wrapper .GLT .genericlist-container table tbody {
  max-height: 490px;
  width: 100%;
}
.sfr.pageFormWrapper .formwrap.welcomePageWrapper .tabContainer.welcomePageElementsRoot .tab > .group.AlertsIssuesWrapper .group.issue-section .sfr .genericlist-wrapper .GLT .genericlist-container table tbody tr {
  width: 100%;
}
.sfr.pageFormWrapper .formwrap.welcomePageWrapper .tabContainer.welcomePageElementsRoot .tab > .group.AlertsIssuesWrapper .group.issue-section .sfr .genericlist-wrapper .GLT .genericlist-container table tbody tr td {
  white-space: nowrap;
}
.sfr.pageFormWrapper .formwrap.welcomePageWrapper .tabContainer.welcomePageElementsRoot .tab .group.UnreadMessageListWrapper {
  flex-direction: column;
  border: none;
}
.sfr.pageFormWrapper .formwrap.welcomePageWrapper .tabContainer.welcomePageElementsRoot .tab .group.UnreadMessageListWrapper .group.UnreadMessageListLabel {
  border-radius: 5px;
  background-color: #e4e3e3;
  height: 40px;
  display: flex;
  padding-left: 15px;
  align-items: center;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  border: none;
}
.sfr.pageFormWrapper .formwrap.welcomePageWrapper .tabContainer.welcomePageElementsRoot .tab .group.UnreadMessageListWrapper .group.UnreadMessageListLabel span {
  font-size: 11px;
}
.sfr.pageFormWrapper .formwrap.welcomePageWrapper .tabContainer.welcomePageElementsRoot .tab .group.UnreadMessageListWrapper .group.UnreadMessageListLabel label.groupLabel {
  padding-left: 0;
}
.sfr.pageFormWrapper .formwrap.welcomePageWrapper .tabContainer.welcomePageElementsRoot .tab .group.UnreadMessageListWrapper .sfr .genericlist-wrapper {
  max-height: 599px;
}
.sfr.pageFormWrapper .formwrap.welcomePageWrapper .tabContainer.welcomePageElementsRoot .tab .group.UnreadMessageListWrapper .sfr .genericlist-wrapper .GLT .genericlist-container {
  overflow: auto;
  position: relative;
  max-height: 500px;
}
.sfr.pageFormWrapper .formwrap.welcomePageWrapper .tabContainer.welcomePageElementsRoot .tab .group.UnreadMessageListWrapper .sfr .genericlist-wrapper .GLT .genericlist-container table thead th {
  position: sticky;
  top: 0;
  z-index: 10;
}
.sfr.pageFormWrapper .formwrap.welcomePageWrapper .tabContainer.welcomePageElementsRoot .tab .group.UnreadMessageListWrapper .sfr .genericlist-wrapper .GLT .genericlist-container table tbody {
  max-height: 490px;
  width: 100%;
}
.sfr.pageFormWrapper .formwrap.welcomePageWrapper .tabContainer.welcomePageElementsRoot .tab .group.UnreadMessageListWrapper .sfr .genericlist-wrapper .GLT .genericlist-container table tbody tr {
  width: 100%;
}
.sfr.pageFormWrapper .formwrap.welcomePageWrapper .tabContainer.welcomePageElementsRoot .tab .group.UnreadMessageListWrapper .sfr .genericlist-wrapper .GLT .genericlist-container table tbody tr td {
  overflow: hidden;
}
.sfr.pageFormWrapper .formwrap.changePasswordForm .tabContainer {
  height: 100%;
}
.sfr.pageFormWrapper .formwrap.changePasswordForm .tabContainer .tab {
  height: 100%;
}
.sfr.pageFormWrapper .formwrap.changePasswordForm .tabContainer .tab .group.changePasswordGroup {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 400px;
}
.sfr.pageFormWrapper .formwrap.changePasswordForm .tabContainer .tab .group.changePasswordGroup .headerField .value {
  justify-content: center;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  border-bottom: 2px solid #d2001e;
}
.sfr.pageFormWrapper .formwrap.changePasswordForm .tabContainer .tab .group.changePasswordGroup .button button {
  border-radius: 100px;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.8px;
  font-weight: 600;
}
.sfr.pageFormWrapper .formwrap .group.template-editor-container {
  height: auto;
  margin: 0px;
}
.sfr.pageFormWrapper .formwrap .group.template-editor-container + .sfr {
  height: 100%;
}
.sfr.pageFormWrapper .formwrap .group.template-editor-container .templateEditorComponentTree {
  height: 100%;
}
.sfr.pageFormWrapper .formwrap .group.template-editor-container .templateEditorComponentTree .treelist-container {
  height: 100%;
  overflow-y: auto;
  max-height: 300px;
}
.sfr.pageFormWrapper .formwrap .group.template-editor-container .templateEditorComponentTree .treelist-container .treelist-items-container {
  padding: 0 10px 10px;
}
.sfr.pageFormWrapper .formwrap .group.template-editor-container .templateEditorComponentTree .treelist-container .treelist-items-container table.treelist-items-table thead tr th .treelist-column {
  padding: 10px 0;
  font-size: 20px;
  font-weight: 500;
}
.sfr.pageFormWrapper .formwrap .group.template-editor-container .templateEditorComponentTree .treelist-container .treelist-items-container table.treelist-items-table tbody tr.treelist-item {
  cursor: pointer;
  transition: all 0.3s;
}
.sfr.pageFormWrapper .formwrap .group.template-editor-container .templateEditorComponentTree .treelist-container .treelist-items-container table.treelist-items-table tbody tr.treelist-item.selected:hover {
  color: #ffffff;
}
.sfr.pageFormWrapper .formwrap .group.template-editor-container .templateEditorComponentTree .treelist-container .treelist-items-container table.treelist-items-table tbody tr.treelist-item:hover {
  letter-spacing: 0.7px;
}
.sfr.pageFormWrapper .formwrap .group.template-editor-container .templateEditorComponentTree .treelist-container .treelist-items-container table.treelist-items-table tbody tr.treelist-item[level="0"] td .treelist-cell {
  padding-left: 0px;
}
.sfr.pageFormWrapper .formwrap .group.template-editor-container .templateEditorComponentTree .treelist-container .treelist-items-container table.treelist-items-table tbody tr.treelist-item[level="1"] td .treelist-cell {
  padding-left: 30px;
}
.sfr.pageFormWrapper .formwrap .group.template-editor-container .templateEditorComponentTree .treelist-container .treelist-items-container table.treelist-items-table tbody tr.treelist-item[level="2"] td .treelist-cell {
  padding-left: 60px;
}
.sfr.pageFormWrapper .formwrap .group.template-editor-container .templateEditorComponentTree .treelist-container .treelist-items-container table.treelist-items-table tbody tr.treelist-item[level="3"] td .treelist-cell {
  padding-left: 90px;
}
.sfr.pageFormWrapper .formwrap .group.template-editor-container .templateEditorComponentTree .treelist-container .treelist-items-container table.treelist-items-table tbody tr.treelist-item[level="4"] td .treelist-cell {
  padding-left: 120px;
}
.sfr.pageFormWrapper .formwrap .group.template-editor-container .templateEditorComponentTree .treelist-container .treelist-items-container table.treelist-items-table tbody tr.treelist-item[level="5"] td .treelist-cell {
  padding-left: 150px;
}
.sfr.pageFormWrapper .formwrap .group.template-editor-container .templateEditorComponentTree .treelist-container .treelist-items-container table.treelist-items-table tbody tr.treelist-item[level="6"] td .treelist-cell {
  padding-left: 180px;
}
.sfr.pageFormWrapper .formwrap .group.template-editor-container .templateEditorComponentTree .treelist-container .treelist-items-container table.treelist-items-table tbody tr.treelist-item[level="7"] td .treelist-cell {
  padding-left: 210px;
}
.sfr.pageFormWrapper .formwrap .group.template-editor-container .templateEditorComponentTree .treelist-container .treelist-items-container table.treelist-items-table tbody tr.treelist-item[level="8"] td .treelist-cell {
  padding-left: 240px;
}
.sfr.pageFormWrapper .formwrap .group.template-editor-container .templateEditorComponentTree .treelist-container .treelist-items-container table.treelist-items-table tbody tr.treelist-item[level="9"] td .treelist-cell {
  padding-left: 270px;
}
.sfr.pageFormWrapper .formwrap .group.template-editor-container .templateEditorComponentTree .treelist-container .treelist-items-container table.treelist-items-table tbody tr.treelist-item[level="10"] td .treelist-cell {
  padding-left: 300px;
}
.sfr.pageFormWrapper .formwrap .group.template-editor-container .templateEditorComponentTree .treelist-container .treelist-items-container table.treelist-items-table tbody tr.treelist-item.directory td .treelist-cell .treelist-item-btn {
  background-image: url("/TMCH/ico_next.svg");
  transition: all 0.3s;
}
.sfr.pageFormWrapper .formwrap .group.template-editor-container .templateEditorComponentTree .treelist-container .treelist-items-container table.treelist-items-table tbody tr.treelist-item.directory.expanded td .treelist-cell .treelist-item-btn {
  transform: rotate(90deg);
}
.sfr.pageFormWrapper .formwrap .group.template-editor-container .templateEditorComponentTree .treelist-container .treelist-items-container table.treelist-items-table tbody tr.treelist-item.element td .treelist-cell .treelist-item-btn {
  background-image: url("/TMCH/ico_filetoopen.svg");
  background-size: contain;
}
.sfr.pageFormWrapper .formwrap .sfr.sfr-glt {
  height: 100%;
}
.sfr.pageFormWrapper .formwrap .sfr .formwrap.writingForm .tabContainer.writingFormTabContainer {
  height: 100%;
}
.sfr.pageFormWrapper .formwrap .sfr .formwrap.writingForm .tabContainer.writingFormTabContainer .tab.writingFormTab {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.sfr.pageFormWrapper .formwrap .sfr .formwrap.writingForm .tabContainer.writingFormTabContainer .tab.writingFormTab .field.textDisplay.writingFormWritingTitle {
  width: 100%;
  padding-top: 0;
  padding-bottom: 10px;
}
.sfr.pageFormWrapper .formwrap .sfr .formwrap.writingForm .tabContainer.writingFormTabContainer .tab.writingFormTab .field.textDisplay.writingFormWritingTitle label.value {
  display: flex;
  justify-content: center;
  font-size: 20px;
  font-weight: 700;
}
.sfr.pageFormWrapper .formwrap .sfr .formwrap.writingForm .tabContainer.writingFormTabContainer .tab.writingFormTab .field.writingFormTinyMCE {
  width: 100%;
  border-left: 0;
  border-right: 0;
  padding: 10px;
  flex-grow: 1;
}
.sfr.pageFormWrapper .formwrap .sfr .formwrap.writingForm .tabContainer.writingFormTabContainer .tab.writingFormTab .field.writingFormTinyMCE > div {
  height: 100%;
}
.sfr.pageFormWrapper .formwrap .sfr .formwrap.writingForm .tabContainer.writingFormTabContainer .tab.writingFormTab .field.writingFormTinyMCE .tox.tox-tinymce {
  min-height: 500px;
  height: 100% !important;
}
.sfr.pageFormWrapper .formwrap .sfr .formwrap.writingForm .tabContainer.writingFormTabContainer .tab.writingFormTab .field.writingFormTinyMCE .tox.tox-tinymce .tox-menubar button.tox-mbtn span {
  color: #0d0505;
}
.sfr.pageFormWrapper .formwrap .sfr .formwrap.writingForm .attachmentsTemplate .ImagesTable {
  /*$grid-size: 200px;
  $grid-height: 300px;
  display: grid;
  grid-template-columns: repeat(auto-fit, $grid-size);
  grid-template-rows: $grid-height;
  grid-auto-rows: $grid-size;*/
  display: flex;
  flex-wrap: wrap;
}
.sfr.pageFormWrapper .formwrap .sfr .formwrap.writingForm .attachmentsTemplate .ImagesTable .ImageElementContainer {
  /*min-height: $grid-height;
  min-width: $grid-size;*/
  max-width: 150px;
}
.sfr.pageFormWrapper .formwrap .sfr .formwrap.writingForm .attachmentsTemplate .ImagesTable .ImageElementContainer .ToolTipContent.JournalToolTip {
  padding: 10px;
  display: none; /*because v1 did not have these*/
}
.sfr.pageFormWrapper .formwrap .sfr .formwrap.writingForm .attachmentsTemplate .ImagesTable .ImageElementContainer .ToolTipContent.JournalToolTip table tbody tr td {
  font-size: 11px;
}
.sfr.pageFormWrapper .formwrap .sfr .formwrap.writingForm .attachmentsTemplate .ImagesTable .ImageElementContainer .ToolTipContent.JournalToolTip table tbody tr td:first-child {
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  padding-right: 10px;
}
.sfr.pageFormWrapper .formwrap .sfr .formwrap.writingForm .attachmentsTemplate .ImagesTable .ImageElementContainer .lazyload:before {
  border-radius: 5px;
  width: 22px;
  height: 22px;
}
.sfr.pageFormWrapper .formwrap .sfr .formwrap.writingForm .attachmentsTemplate .ImagesTable .ImageElementContainer .lazyload:after {
  width: 22px;
  height: 22px;
}
.sfr.pageFormWrapper .formwrap .sfr .formwrap.writingForm .attachmentsTemplate .ImagesTable .ImageElementContainer .button-container {
  padding: 10px;
}
.sfr.pageFormWrapper .formwrap .sfr .formwrap.writingForm .attachmentsTemplate .ImagesTable .ImageElementContainer .button-container .TippedToolTip {
  width: 20px;
  height: 20px;
  border-radius: 5px;
}
.sfr.pageFormWrapper .formwrap .sfr .formwrap.writingForm .attachmentsTemplate .ImagesTable .ImageElementContainer .button-container > label {
  width: calc(100% - 20px);
  font-size: 12px;
  word-break: break-word;
  overflow: auto;
  white-space: normal;
}
.sfr.pageFormWrapper .formwrap .sfr .formwrap.writingForm .attachmentsTemplate .ImagesTable .ImageElementContainer .button-container .field.checkbox label:before {
  height: 20px;
  width: 20px;
  border-radius: 5px;
}
.sfr.pageFormWrapper .formwrap .tabContainer:has(.group.buttonWrapper) {
  height: 100%;
}
.sfr.pageFormWrapper .formwrap .tabContainer:has(.group.buttonWrapper) .tab {
  height: calc(100% - 125px);
  padding-bottom: 0 !important;
}
.sfr.pageFormWrapper .formwrap .tabContainer:has(.group.buttonWrapper) .tab .sfr {
  height: 100%;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tabHeader button.tabButton.active span {
  margin-top: -3px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab.ApplicationsForm .group.field1_2 {
  width: 50% !important;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab.ApplicationsForm .group.field1_2 .field.text.labelWidth230.fullField {
  width: 100% !important;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab.ApplicationsForm .group.field1_2 .field.text.labelWidth230.fullField label {
  width: 230px !important;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab.ApplicationsForm .group.field1_2 .field.text.labelWidth230.fullField .inputWrapper {
  width: calc(100% - 230px) !important;
  max-width: calc(100% - 230px) !important;
  min-width: calc(100% - 230px) !important;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab.ApplicationsForm .group.field1_2 .field.text.labelWidth230.fullField .inputWrapper input {
  width: 100%;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab.ApplicationsForm .group.invoicesFieldset .complexTableContainer table.mainComplexDivContainer thead {
  display: none;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab.ApplicationsForm .group.invoicesFieldset .complexTableContainer table.mainComplexDivContainer tbody {
  width: 100%;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab.ApplicationsForm .group.invoicesFieldset .complexTableContainer table.mainComplexDivContainer tbody tr {
  width: 100%;
  display: flex;
  align-items: center;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab.ApplicationsForm .group.invoicesFieldset .complexTableContainer table.mainComplexDivContainer tbody tr:nth-child(even) {
  background-color: transparent !important;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab.ApplicationsForm .group.invoicesFieldset .complexTableContainer table.mainComplexDivContainer tbody tr td {
  width: auto !important;
  border-bottom: none !important;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab.ApplicationsForm .group.invoicesFieldset .complexTableContainer table.mainComplexDivContainer tbody tr td:nth-child(2n) {
  background: unset;
  display: flex;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab.ApplicationsForm .group.invoicesFieldset .complexTableContainer table.mainComplexDivContainer tbody tr td > div {
  align-self: flex-start;
  max-width: 160px;
  padding: 0;
  margin: 0;
  text-align: start;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab.ApplicationsForm .group.invoicesFieldset .complexTableContainer table.mainComplexDivContainer tbody tr td > div.field {
  max-width: unset;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab.ApplicationsForm .group.invoicesFieldset .complexTableContainer table.mainComplexDivContainer tbody tr td > div .inputWrapper:after {
  display: none;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab.ApplicationsForm .group.invoicesFieldset .complexTableContainer table.mainComplexDivContainer tbody tr td > div .inputWrapper input[readonly=""] {
  background: none;
  border: none;
  color: #000000;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab.ApplicationsForm .group .decisionsFieldset .field.commentsRowOnDecisionCplx {
  width: 100%;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab.ApplicationsForm .group.leftGroup .field.textarea label {
  display: inline-block;
  float: left;
  width: 230px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab.ApplicationsForm .group.leftGroup .field label, .sfr.pageFormWrapper .formwrap .tabContainer .tab.ApplicationsForm .group.rightGroup .field label {
  color: #000000;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab.ApplicationsForm .group .field.dictionary:nth-child(1 of .field.dictionary) {
  width: 50% !important;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab.ApplicationsForm .group .field.dictionary:nth-child(1 of .field.dictionary) .inputWrapper {
  width: 100% !important;
  max-width: 100% !important;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab.ApplicationsForm .group .field.dictionary:nth-child(1 of .field.dictionary) .inputWrapper input {
  width: 100%;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .genericlist-wrapper {
  box-shadow: none;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.ClaimNotificationForm .tabContainer .tab .group.hiddenLegendFieldset.AdditionalInformationOfVehicle > .group .groupLabel {
  display: block;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.ProductConfigurationForm .tabContainer .tab > .group {
  margin-top: 10px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.ProductConfigurationForm .tabContainer .tab .field:has(.complexTableContainer .buttonsContainer button) {
  width: 100%;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.ProductConfigurationForm .tabContainer .tab .field:has(.complexTableContainer .buttonsContainer button) .complexTableContainer {
  display: flex;
  justify-content: center;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .SpecialTermsBtn {
  display: flex;
  justify-content: end;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .SpecialTermsBtn button {
  width: calc(100% - 190px);
  min-width: calc(100% - 190px);
  max-width: calc(100% - 190px);
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group.hiddenLegendFieldset > .group.showLabel .groupLabel {
  display: block;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.attachmentsForm .tabContainer .tab .group {
  background-color: white;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.attachmentsForm .tabContainer .tab .contentTemplateContainer:has(> :only-child) {
  display: none;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.attachmentsForm .tabContainer .tab .thumbnailsWrapper .thumbnailsContainer .attachmentsFormButtonsContainer.group div.button {
  width: auto !important;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.attachmentsForm .tabContainer .tab .thumbnailsWrapper .attachmentsTemplate .ImagesTable {
  /*$grid-size: 200px;
  $grid-height: 300px;
  display: grid;
  grid-template-columns: repeat(auto-fit, $grid-size);
  grid-template-rows: $grid-height;
  grid-auto-rows: $grid-size;*/
  display: flex;
  flex-wrap: wrap;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.attachmentsForm .tabContainer .tab .thumbnailsWrapper .attachmentsTemplate .ImagesTable .ImageElementContainer {
  /*min-height: $grid-height;
  min-width: $grid-size;*/
  max-width: 150px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.attachmentsForm .tabContainer .tab .thumbnailsWrapper .attachmentsTemplate .ImagesTable .ImageElementContainer .ToolTipContent.JournalToolTip {
  padding: 10px;
  display: none; /*because v1 did not have these*/
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.attachmentsForm .tabContainer .tab .thumbnailsWrapper .attachmentsTemplate .ImagesTable .ImageElementContainer .ToolTipContent.JournalToolTip table tbody tr td {
  font-size: 11px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.attachmentsForm .tabContainer .tab .thumbnailsWrapper .attachmentsTemplate .ImagesTable .ImageElementContainer .ToolTipContent.JournalToolTip table tbody tr td:first-child {
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  padding-right: 10px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.attachmentsForm .tabContainer .tab .thumbnailsWrapper .attachmentsTemplate .ImagesTable .ImageElementContainer .lazyload:before {
  border-radius: 5px;
  width: 22px;
  height: 22px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.attachmentsForm .tabContainer .tab .thumbnailsWrapper .attachmentsTemplate .ImagesTable .ImageElementContainer .lazyload:after {
  width: 22px;
  height: 22px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.attachmentsForm .tabContainer .tab .thumbnailsWrapper .attachmentsTemplate .ImagesTable .ImageElementContainer .button-container {
  padding: 10px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.attachmentsForm .tabContainer .tab .thumbnailsWrapper .attachmentsTemplate .ImagesTable .ImageElementContainer .button-container .TippedToolTip {
  width: 20px;
  height: 20px;
  border-radius: 5px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.attachmentsForm .tabContainer .tab .thumbnailsWrapper .attachmentsTemplate .ImagesTable .ImageElementContainer .button-container > label {
  width: calc(100% - 20px);
  font-size: 12px;
  word-break: break-word;
  overflow: auto;
  white-space: normal;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.attachmentsForm .tabContainer .tab .thumbnailsWrapper .attachmentsTemplate .ImagesTable .ImageElementContainer .button-container .field.checkbox label:before {
  height: 20px;
  width: 20px;
  border-radius: 5px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.attachmentsForm .pops-b .pops-f {
  width: 90%;
  max-width: 90%;
  height: 90vh !important;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.historyForm .group .group {
  flex-direction: column;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.historyForm .group .group.ChangedFieldsList .genericlist-container table thead {
  z-index: 1;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.historyForm .group .group.ChangedFieldsList .genericlist-container table tbody tr {
  font-size: 11px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.historyForm .group .group .groupLabel {
  border-bottom: none;
  border-radius: 5px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  background-color: #e4e3e3;
  padding: 10px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.historyForm .group .group .historicalChangesList .genericlist-container {
  margin-top: 0;
  min-height: 300px;
  max-height: 300px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.historyForm .group .group .historicalChangesList .genericlist-container table {
  width: unset !important;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.historyForm .group .group .historicalChangesList .genericlist-container table thead {
  box-shadow: 0px 2px 0px 0px rgb(0, 0, 0);
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 400;
  z-index: 1;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.historyForm .group .group .historicalChangesList .genericlist-container table thead tr th {
  padding: 20px 10px 5px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.historyForm .group .group .historicalChangesList .genericlist-container table tbody tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.03);
  border-bottom: none;
  font-size: 11px;
  font-weight: 700;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.historyForm .group .group .historicalChangesList .genericlist-container table tbody tr:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.03);
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.communicatorForm .tabContainer .ui-comm-wrapper {
  z-index: 1;
  max-height: calc(100vh - 180px);
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.communicatorForm .tabContainer .ui-comm-wrapper .ui-comm-content {
  border-radius: 0;
  min-height: 0;
  flex-wrap: initial !important;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.communicatorForm .tabContainer .ui-comm-wrapper .ui-comm-content .field {
  width: 100%;
  display: flex;
  min-height: 0;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.communicatorForm .tabContainer .ui-comm-wrapper .ui-comm-content .field:has(.ui-msg-wrapper) {
  padding-top: 0;
  border: none;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.communicatorForm .tabContainer .ui-comm-wrapper .ui-comm-content .field .ui-msg-wrapper {
  flex: 1;
}
@media screen and (max-width: 780px) {
  .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.communicatorForm .tabContainer .ui-comm-wrapper .ui-comm-content .field .ui-msg-wrapper {
    flex-direction: column;
  }
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.communicatorForm .tabContainer .ui-comm-wrapper .ui-comm-content .field .ui-msg-wrapper .ui-thread-list {
  min-width: 100px;
  max-width: 400px;
  width: 220px;
  min-height: 200px;
  color: #0d0505;
  background-color: #e4e3e3;
  overflow-y: auto;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.communicatorForm .tabContainer .ui-comm-wrapper .ui-comm-content .field .ui-msg-wrapper .ui-thread-list .ui-thread-group .ui-group-header {
  background-color: #d2001e;
  padding: 15px;
  display: none;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.communicatorForm .tabContainer .ui-comm-wrapper .ui-comm-content .field .ui-msg-wrapper .ui-thread-list .ui-thread-group .ui-group-header .ui-title {
  color: white;
  text-align: center;
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 0.3px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.communicatorForm .tabContainer .ui-comm-wrapper .ui-comm-content .field .ui-msg-wrapper .ui-thread-list .ui-thread-group .ui-group-content .ui-thread {
  padding: 10px 15px;
  align-items: center;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.communicatorForm .tabContainer .ui-comm-wrapper .ui-comm-content .field .ui-msg-wrapper .ui-thread-list .ui-thread-group .ui-group-content .ui-thread:hover, .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.communicatorForm .tabContainer .ui-comm-wrapper .ui-comm-content .field .ui-msg-wrapper .ui-thread-list .ui-thread-group .ui-group-content .ui-thread.selected {
  background-color: rgba(0, 0, 0, 0.2);
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.communicatorForm .tabContainer .ui-comm-wrapper .ui-comm-content .field .ui-msg-wrapper .ui-thread-list .ui-thread-group .ui-group-content .ui-thread .ui-title {
  padding: 0px 15px;
  height: 100%;
  font-size: 12px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.communicatorForm .tabContainer .ui-comm-wrapper .ui-comm-content .field .ui-msg-wrapper .ui-thread-list .ui-thread-group .ui-group-content .ui-thread .ui-title .channelInfo[custom-data-state=Zamknięte], .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.communicatorForm .tabContainer .ui-comm-wrapper .ui-comm-content .field .ui-msg-wrapper .ui-thread-list .ui-thread-group .ui-group-content .ui-thread .ui-title .channelInfo[custom-data-state=Anulowane] {
  opacity: 0.4;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.communicatorForm .tabContainer .ui-comm-wrapper .ui-comm-content .field .ui-msg-wrapper .ui-thread-list .ui-thread-group .ui-group-content .ui-thread .ui-title .channelInfo .channelTitle {
  font-weight: bold;
  display: inline-block;
  width: 100%;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.communicatorForm .tabContainer .ui-comm-wrapper .ui-comm-content .field .ui-msg-wrapper .ui-thread-list .ui-thread-group .ui-group-content .ui-thread .ui-title .channelInfo .channelDescription {
  font-style: italic;
  display: inline-block;
  width: 100%;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.communicatorForm .tabContainer .ui-comm-wrapper .ui-comm-content .field .ui-msg-wrapper .ui-thread-list .ui-thread-group .ui-group-content .ui-thread .ui-ico-group .ico-arwR {
  display: none !important;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.communicatorForm .tabContainer .ui-comm-wrapper .ui-comm-content .field .ui-msg-wrapper .ui-thread-list .ui-thread-group .ui-group-content .ui-thread .ui-ico-group .ico-unread {
  color: #ffffff;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.communicatorForm .tabContainer .ui-comm-wrapper .ui-comm-content .field .ui-msg-wrapper .ui-msg-list-wrapper {
  width: 100%;
  padding: 0 0 0 20px;
  min-height: 0;
  flex: 1;
  max-height: initial;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.communicatorForm .tabContainer .ui-comm-wrapper .ui-comm-content .field .ui-msg-wrapper .ui-msg-list-wrapper:before {
  background: url(/TMCH/ico_choice.svg) no-repeat scroll center calc(50% - 10px) transparent;
  background-size: 60px auto;
  padding-top: 60px;
  font-size: 13px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.communicatorForm .tabContainer .ui-comm-wrapper .ui-comm-content .field .ui-msg-wrapper .ui-msg-list-wrapper .ui-msg-list {
  min-height: 0;
  overflow-y: auto;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.communicatorForm .tabContainer .ui-comm-wrapper .ui-comm-content .field .ui-msg-wrapper .ui-msg-list-wrapper .ui-msg-list:has(*) {
  background: #ffffff;
  flex-grow: 1;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.communicatorForm .tabContainer .ui-comm-wrapper .ui-comm-content .field .ui-msg-wrapper .ui-msg-list-wrapper .ui-msg-list .ui-msg {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.communicatorForm .tabContainer .ui-comm-wrapper .ui-comm-content .field .ui-msg-wrapper .ui-msg-list-wrapper .ui-msg-list .ui-msg .ui-msg-header .ui-sender {
  font-weight: 600;
  font-size: 13px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.communicatorForm .tabContainer .ui-comm-wrapper .ui-comm-content .field .ui-msg-wrapper .ui-msg-list-wrapper .ui-msg-list .ui-msg .ui-msg-content span {
  font-size: 14px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.communicatorForm .tabContainer .ui-comm-wrapper .ui-comm-content .cfMsgControlsContainer {
  flex-direction: row;
  gap: 10px;
}
@media screen and (max-width: 600px) {
  .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.communicatorForm .tabContainer .ui-comm-wrapper .ui-comm-content .cfMsgControlsContainer {
    flex-direction: column;
    gap: 0;
  }
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.communicatorForm .tabContainer .ui-comm-wrapper .ui-comm-content .cfMsgControlsContainer .cfMsgInput {
  width: calc(100% - 130px);
  border: none;
}
@media screen and (max-width: 1080px) {
  .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.communicatorForm .tabContainer .ui-comm-wrapper .ui-comm-content .cfMsgControlsContainer .cfMsgInput {
    border-left: none;
  }
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.communicatorForm .tabContainer .ui-comm-wrapper .ui-comm-content .cfMsgControlsContainer .cfMsgInput .inputWrapper {
  width: 100%;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.communicatorForm .tabContainer .ui-comm-wrapper .ui-comm-content .cfMsgControlsContainer .cfSendBtn {
  width: 120px;
  border: none;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.communicatorForm .tabContainer .ui-comm-wrapper .ui-comm-content .cfMsgControlsContainer .cfSendBtn button {
  border-radius: 100px;
  font-size: 0;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.communicatorForm .tabContainer .ui-comm-wrapper .ui-comm-content .cfMsgControlsContainer .cfSendBtn button span.ico {
  height: 20px;
  width: 20px;
  display: block;
  background-image: url("Icons/ico-communicator/ico_send.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  color: #000000;
  display: flex;
  justify-content: start;
  align-items: center;
}
@media screen and (max-width: 600px) {
  .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.communicatorForm .tabContainer .ui-comm-wrapper .ui-comm-content .cfMsgControlsContainer .cfSendBtn, .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.communicatorForm .tabContainer .ui-comm-wrapper .ui-comm-content .cfMsgControlsContainer .cfMsgInput {
    width: 100%;
  }
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.SLARecordForm .tabContainer .tab .group.basicDataFieldset > .field label {
  width: 100px;
  min-width: 100px;
  max-width: 100px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.SLARecordForm .tabContainer .tab .group.basicDataFieldset > .field .inputWrapper {
  width: calc(100% - 100px);
  min-width: calc(100% - 100px);
  max-width: calc(100% - 100px);
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.SLARecordForm .tabContainer .tab .group.basicDataFieldset > .group:not(.emailCMCFieldset) label.groupLabel {
  display: none;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.SLARecordForm .tabContainer .tab .group.basicDataFieldset .group.contractorsDataSection {
  width: 25%;
  flex-direction: column;
}
@media screen and (max-width: 1400px) {
  .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.SLARecordForm .tabContainer .tab .group.basicDataFieldset .group.contractorsDataSection {
    width: 50%;
  }
}
@media screen and (max-width: 780px) {
  .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.SLARecordForm .tabContainer .tab .group.basicDataFieldset .group.contractorsDataSection {
    width: 100%;
  }
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.SLARecordForm .tabContainer .tab .group.basicDataFieldset .group.contractorsDataSection .field {
  width: calc(100% - 100px);
  min-width: calc(100% - 100px);
  display: flex;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.SLARecordForm .tabContainer .tab .group.basicDataFieldset .group.contractorsDataSection .field.contractorsNIP, .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.SLARecordForm .tabContainer .tab .group.basicDataFieldset .group.contractorsDataSection .field.contractorsName {
  width: 100%;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.SLARecordForm .tabContainer .tab .group.basicDataFieldset .group.contractorsDataSection .field.contractorsNIP .inputWrapper, .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.SLARecordForm .tabContainer .tab .group.basicDataFieldset .group.contractorsDataSection .field.contractorsName .inputWrapper {
  width: calc(100% - 100px);
  min-width: calc(100% - 100px);
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.SLARecordForm .tabContainer .tab .group.basicDataFieldset .group.contractorsDataSection .field.complex.contractorNIPSection {
  width: 100%;
  padding-top: 20px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.SLARecordForm .tabContainer .tab .group.basicDataFieldset .group.contractorsDataSection .field.complex.contractorNIPSection .complexTableContainer .buttonsContainer {
  display: flex;
  justify-content: center;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.SLARecordForm .tabContainer .tab .group.basicDataFieldset .group.contractorsDataSection .field.complex.contractorNIPSection .complexTableContainer .mainComplexDivContainer {
  margin-top: 20px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.SLARecordForm .tabContainer .tab .group.basicDataFieldset .group.contractorsDataSection .field label {
  width: 100px;
  min-width: 100px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.SLARecordForm .tabContainer .tab .group.basicDataFieldset .group.contractorsDataSection .field .inputWrapper {
  width: 80%;
  max-width: 80%;
  min-width: 80%;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.SLARecordForm .tabContainer .tab .group.basicDataFieldset .group.contractorsDataSection .field .inputWrapper input {
  width: 100%;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.SLARecordForm .tabContainer .tab .group.basicDataFieldset .group.checkboxesSection {
  width: 75%;
  display: flex;
  flex-wrap: nowrap;
}
@media screen and (max-width: 1400px) {
  .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.SLARecordForm .tabContainer .tab .group.basicDataFieldset .group.checkboxesSection {
    flex-direction: column;
    width: 50%;
  }
}
@media screen and (max-width: 780px) {
  .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.SLARecordForm .tabContainer .tab .group.basicDataFieldset .group.checkboxesSection {
    width: 100%;
  }
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.SLARecordForm .tabContainer .tab .group.basicDataFieldset .group.checkboxesSection .group {
  width: 100%;
  padding-top: 0;
  display: block;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.SLARecordForm .tabContainer .tab .group.basicDataFieldset .group.checkboxesSection .group .field.checkbox {
  width: 100%;
  margin-top: 0 !important;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.SLARecordForm .tabContainer .tab .group.basicDataFieldset .group.checkboxesSection .group .field.checkbox label {
  width: 100% !important;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.SLARecordForm .tabContainer .tab .group.basicDataFieldset .group.emailCMCFieldset .field .inputWrapper {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.SLARecordForm .tabContainer .tab .group.contactsFieldset .field.complex .complexTableContainer .buttonsContainer {
  display: flex;
  justify-content: center;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.SLARecordForm table.mainComplexDivContainer tbody tr td:has(button) {
  width: 40px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.CHOrganizationForm .tabContainer .tab .group .field > label,
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.CHOrganizationForm .tabContainer .tab .group .field.dictionary > label,
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.CHOrganizationForm .tabContainer .tab .group .field.text > label {
  width: 100px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.CHOrganizationForm .tabContainer .tab .group .field div.inputWrapper,
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.CHOrganizationForm .tabContainer .tab .group .field.dictionary div.inputWrapper,
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.CHOrganizationForm .tabContainer .tab .group .field.text div.inputWrapper {
  width: calc(100% - 100px);
  min-width: calc(100% - 100px);
  max-width: calc(100% - 100px);
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap.CHOrganizationForm .tabContainer .tab .group .field.textarea .inputWrapper {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer.ReasonsOfRejection .tab .field.text .inputWrapper {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer.ConfigurationDataForm .tab.GroupOperationsTab .field.complex .complexTableContainer .mainComplexDivContainer {
  width: 100%;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer.ConfigurationDataForm .tab.GroupOperationsTab .field.complex .complexTableContainer .mainComplexDivContainer thead {
  box-shadow: 0 2px 0 0;
  border-bottom: none;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer.ConfigurationDataForm .tab.GroupOperationsTab .field.complex .complexTableContainer .mainComplexDivContainer thead tr th {
  vertical-align: bottom;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer.ConfigurationDataForm .tab.GroupOperationsTab .field.complex .complexTableContainer .mainComplexDivContainer tbody tr td {
  text-align: start;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer.ConfigurationDataForm .tab.GroupOperationsTab .field.complex .complexTableContainer .mainComplexDivContainer tbody tr td button {
  padding: 0;
  background-size: auto 100%;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer.ConfigurationDataForm .tab > .group.productConfiguration {
  margin-top: 10px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer.ConfigurationDataForm .tab > .group .field {
  width: auto;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tabHeader button {
  border-radius: 0;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tabHeader button .btn-text {
  text-transform: uppercase;
  font-size: 14px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab:has(.group .group.ClaimProgressDocumentTypes) .group {
  background-color: #ffffff;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab.AutomatonForm .hiddenLegendFieldset label.groupLabel {
  text-transform: none !important;
  font-size: 14px !important;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab.AutomatonForm .hiddenLegendFieldset > label.groupLabel {
  display: none;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab.AutomatonForm .hiddenLegendFieldset > .field.textDisplay {
  width: 100%;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab.AutomatonForm .hiddenLegendFieldset > .field.textDisplay label.value {
  display: flex;
  justify-content: center;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab.AutomatonForm .hiddenLegendFieldset .group.conditions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  height: auto;
  gap: 10px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab.AutomatonForm .hiddenLegendFieldset .group.conditions label {
  column-span: 1/-1;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab.AutomatonForm .hiddenLegendFieldset .group.conditions .group.field1_4 {
  align-content: start;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab.AutomatonForm .hiddenLegendFieldset .group.conditions .group.field1_4 label.groupLabel {
  display: block;
  height: 20px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab.AutomatonForm .hiddenLegendFieldset .group.conditions .group.field1_4 > .group {
  padding-top: 0 !important;
  align-items: center;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab.AutomatonForm .hiddenLegendFieldset .group.conditions .group.field1_4 > .group .field.text {
  display: grid;
  grid-template-columns: 10px 1fr;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab.AutomatonForm .hiddenLegendFieldset .group.conditions .group.field1_4 > .group .field.text label {
  width: 10px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab.AutomatonForm .hiddenLegendFieldset .group.conditions .group.field1_4 > .group .field.text .inputWrapper {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  padding: 0;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab.AutomatonForm .hiddenLegendFieldset .group.conditions .group.field1_4 > .group .field.textDisplay {
  height: 45px;
  display: flex;
  align-items: center;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab.AutomatonForm .hiddenLegendFieldset .group.conditions .group.field1_4 .field {
  width: 100%;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab.AutomatonForm .hiddenLegendFieldset .group.conditions .group.field1_4 .field div:has(input) {
  padding: 5px 0;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab.AutomatonForm .hiddenLegendFieldset .group.keyWord > label.groupLabel {
  display: block;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab.AutomatonForm .hiddenLegendFieldset .group.keyWord .field.text.fullField {
  width: 100%;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab.AutomatonForm .hiddenLegendFieldset .group.keyWord .field .complexTableContainer .buttonsContainer {
  width: 100%;
  display: flex;
  justify-content: center;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab.AutomatonForm .hiddenLegendFieldset .group.keyWord .field .complexTableContainer .mainComplexDivContainer tbody tr td:has(button) {
  width: 40px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab.AutomatonForm .hiddenLegendFieldset .group.keyWord .field .complexTableContainer .mainComplexDivContainer tbody tr td:has(button) button {
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  height: 20px;
  color: #000000;
  display: flex;
  justify-content: start;
  align-items: center;
  filter: invert(21%) sepia(71%) saturate(5293%) hue-rotate(341deg) brightness(77%) contrast(121%);
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab.AutomatonForm .hiddenLegendFieldset .group.keyWord .field .complexTableContainer .mainComplexDivContainer tbody tr td:has(button) button.edit {
  background-image: url("/TMCH/ico_edit.svg");
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab.AutomatonForm .hiddenLegendFieldset .group.keyWord .field .complexTableContainer .mainComplexDivContainer tbody tr td:has(button) button.delete {
  background-image: url("/TMCH/ico_trash.svg");
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab.AutomatonForm .hiddenLegendFieldset .group.field1_3 {
  width: 33.33%;
  min-width: 450px;
  max-width: 33.33%;
  margin-bottom: 0;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab.AutomatonForm .hiddenLegendFieldset .group.field1_3 .field.complex {
  height: 100%;
  padding-top: 0;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab.AutomatonForm .hiddenLegendFieldset .group.field1_3 .field.complex .complexTableContainer {
  max-height: 535px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab.AutomatonForm .hiddenLegendFieldset .group.field1_3 .field.complex .complexTableContainer div table.mainComplexDivContainer {
  position: relative;
  height: 100%;
  overflow: auto;
  border: none;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab.AutomatonForm .hiddenLegendFieldset .group.field1_3 .field.complex .complexTableContainer div table.mainComplexDivContainer thead {
  z-index: 1;
  position: sticky;
  top: 0px;
  background-color: #E4E3E3;
  height: 100%;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab.AutomatonForm .hiddenLegendFieldset .group.field1_3 .field.complex .complexTableContainer div table.mainComplexDivContainer thead tr {
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.3);
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab.AutomatonForm .hiddenLegendFieldset .group.field1_3 .field.complex .complexTableContainer div table.mainComplexDivContainer thead tr th {
  border: none;
  border-top: 0;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab.AutomatonForm .hiddenLegendFieldset .group.field1_3 .field.complex .complexTableContainer div table.mainComplexDivContainer tbody {
  max-height: 535px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab.AutomatonForm .hiddenLegendFieldset .group.field1_3 .field.complex .complexTableContainer div table.mainComplexDivContainer tbody tr td button {
  content: "";
  background-image: url("/TMCH/ico_arrow-right.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  height: 20px;
  filter: invert(21%) sepia(71%) saturate(5293%) hue-rotate(341deg) brightness(77%) contrast(121%);
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab.AutomatonForm .hiddenLegendFieldset .group.field1_3 .field.complex .complexTableContainer div table.mainComplexDivContainer tbody tr td button.delete {
  background-image: url("/TMCH/ico_trash.svg");
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab.AutomatonForm .hiddenLegendFieldset .group.field1_3 .sfr.sfr-searchTmpl {
  margin-top: 10px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab.AutomatonForm .hiddenLegendFieldset .group.field1_3 .sfr.sfr-searchTmpl .formwrap {
  display: flex;
  justify-content: center;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab.AutomatonForm .hiddenLegendFieldset .group.definitions,
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab.AutomatonForm .hiddenLegendFieldset .group.excludedASO,
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab.AutomatonForm .hiddenLegendFieldset .group.excludedTU,
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab.AutomatonForm .hiddenLegendFieldset .group.excludedSLA {
  padding: 10px 5px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab.AutomatonForm .hiddenLegendFieldset .group.definitions > label.groupLabel,
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab.AutomatonForm .hiddenLegendFieldset .group.excludedASO > label.groupLabel,
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab.AutomatonForm .hiddenLegendFieldset .group.excludedTU > label.groupLabel,
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab.AutomatonForm .hiddenLegendFieldset .group.excludedSLA > label.groupLabel {
  display: block;
  margin: 0 5px 15px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group {
  background-color: #E4E3E3;
  margin-bottom: 20px;
  padding: 30px;
  /*MULTIPLE CHECKBOX*/
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group.multipleChoiceComplex {
  margin: 0px;
  padding: 0px !important;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group.multipleChoiceComplex .field.autocomplete > div > div:has(input) {
  position: relative;
  min-height: 35px;
  margin-top: 10px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group.multipleChoiceComplex .field.autocomplete > div > div:has(input) input {
  appearance: none;
  left: 0px;
  top: 0px;
  margin: 0px;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 9;
  line-height: 0;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group.multipleChoiceComplex .field.autocomplete > div > div:has(input) input + label {
  display: inline-flex;
  width: 100%;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group.multipleChoiceComplex .field.autocomplete > div > div:has(input) input + label:before {
  content: "";
  display: inline-flex;
  height: max(calc(35px / 2), 14px);
  width: max(calc(35px / 2), 14px);
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #9c9a9a;
  box-sizing: border-box;
  margin-right: 5px;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-shrink: 0;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group.multipleChoiceComplex .field.autocomplete > div > div:has(input) input:checked + label::before {
  background-color: #9c9a9a;
  content: "x";
  color: #FFFFFF;
}
@media screen and (max-width: 1700px) {
  .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group.SelectContractSection .field.text, .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group.SelectContractSection .sfr.sfr-searchTmpl {
    width: 33.33%;
  }
}
@media screen and (max-width: 1440px) {
  .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group.SelectContractSection .field.text, .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group.SelectContractSection .sfr.sfr-searchTmpl {
    width: calc(50% - 75px);
  }
}
@media screen and (max-width: 780px) {
  .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group.SelectContractSection .field.text, .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group.SelectContractSection .sfr.sfr-searchTmpl {
    width: 100%;
  }
}
@media screen and (max-width: 1440px) {
  .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group.SelectContractSection .field.text label, .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group.SelectContractSection .sfr.sfr-searchTmpl label {
    width: 115px;
  }
}
@media screen and (max-width: 1440px) {
  .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group.SelectContractSection .field.text .inputWrapper, .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group.SelectContractSection .sfr.sfr-searchTmpl .inputWrapper {
    width: calc(100% - 115px);
    min-width: calc(100% - 115px);
    max-width: calc(100% - 115px);
  }
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group.SelectContractSection .sfr.sfr-searchTmpl:has(.button) {
  width: auto;
}
@media screen and (max-width: 780px) {
  .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group.SelectContractSection .sfr.sfr-searchTmpl:has(.button) {
    width: 100%;
  }
}
@media screen and (max-width: 1700px) {
  .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group.SelectContractSection .sfr.sfr-searchTmpl:has(.button) .button {
    width: 100%;
  }
}
@media screen and (max-width: 1440px) {
  .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group.SelectContractSection .sfr.sfr-searchTmpl:has(.button) .button {
    width: 150px;
  }
}
@media screen and (max-width: 780px) {
  .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group.SelectContractSection .sfr.sfr-searchTmpl:has(.button) .button {
    width: 100%;
  }
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group.applicationFieldset .field.addNewApplication, .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group.applicationFieldset .field.button {
  width: auto;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group.applicationFieldset .field.addNewApplication label.value a {
  padding: 0 30px;
  width: auto;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group.applicationFieldset .field.button {
  margin-top: 0 !important;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group.applicationFieldset .field.button button {
  padding: 0 30px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group.applicationFieldset .field.complex.applicationsComplex .complexTableContainer table tbody tr td:has(.ReadOnly .inputWrapper input) .ReadOnly .inputWrapper {
  border: none;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group.applicationFieldset .field.complex.applicationsComplex .complexTableContainer table tbody tr td:has(.ReadOnly .inputWrapper input) .ReadOnly .inputWrapper input {
  width: 100%;
  height: 100%;
  border: none;
  background: transparent;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group.PopupDiv.SLAPopup .ModalContent .field.textDisplay:only-of-type {
  width: 100%;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group.PopupDiv.SLAPopup .ModalContent .field.textDisplay:only-of-type label.definition {
  font-weight: bold;
  font-size: 14px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group.gapParentGroup {
  display: flex;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group.gapParentGroup .group.gapChildGroup {
  width: 25%;
  border-top: 1px solid #1e2a32;
  border-radius: 0;
  padding: 0 10px;
  align-self: start;
  height: 240px;
  display: block;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group.gapParentGroup .group.gapChildGroup:not(:last-child) {
  border-right: 1px solid #1e2a32;
}
@media screen and (max-width: 1440px) {
  .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group.gapParentGroup .group.gapChildGroup {
    width: 50%;
  }
  .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group.gapParentGroup .group.gapChildGroup:nth-of-type(2) {
    border-right: none !important;
  }
}
@media screen and (max-width: 780px) {
  .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group.gapParentGroup .group.gapChildGroup {
    width: 100%;
    border-right: none !important;
  }
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group.gapParentGroup .group.gapChildGroup .field {
  width: 100%;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group.carDamageImgFieldset {
  background: #E4E3E3;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 780px) {
  .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group.carDamageImgFieldset {
    padding-top: 30px !important;
  }
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group.carDamageImgFieldset label.groupLabel {
  display: none;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group.carDamageDescFieldset {
  clear: left;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .field.addNewInvoice label.value a, .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .field.addNewApplication label.value a {
  height: 35px;
  padding: 0 30px;
  border-radius: 100px;
  background-color: #d2001e;
  color: #ffffff;
  display: flex;
  align-items: center;
  transition: all 0.3s;
  cursor: pointer;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .field.addNewInvoice label.value a:hover, .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .field.addNewApplication label.value a:hover {
  background-color: #73000d;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .field.complex {
  width: 100%;
  display: flex;
  justify-content: center;
  overflow: auto;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .field.complex.Default_VComplex .complexTableContainer .buttonsContainer {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .field.complex.showEditButton .complexTableContainer .mainComplexDivContainer tbody tr td > button {
  filter: none;
  background-size: cover;
  background-position: center center;
  height: 20px;
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .field.complex .complexTableContainer {
  width: 100%;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .field.complex .complexTableContainer .mainComplexDivContainer {
  border-radius: 0;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .field.complex .complexTableContainer .mainComplexDivContainer thead tr th {
  text-align: start;
  vertical-align: bottom;
  text-transform: uppercase;
  border-bottom: 2px solid rgba(0, 0, 0, 0.2);
  padding: 10px 10px 10px;
  font-size: 12px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .field.complex .complexTableContainer .mainComplexDivContainer tbody tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .field.complex .complexTableContainer .mainComplexDivContainer tbody tr td {
  border: none;
  padding: 10px !important;
  font-size: 13px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .field.complex .complexTableContainer .mainComplexDivContainer tbody tr td:has(> button ~ button) {
  display: flex;
  justify-content: end;
  gap: 3px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .field.complex .complexTableContainer .mainComplexDivContainer tbody tr td:has(> button[type=button]):not(:has(> button[type=button] ~ button[type=button])) {
  width: 20px;
  height: auto;
  padding: 0 !important;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .field.complex .complexTableContainer .mainComplexDivContainer tbody tr td .field {
  border: none;
  padding-top: 0;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .field.complex .complexTableContainer .mainComplexDivContainer tbody tr td button {
  padding: 0;
  height: 20px;
  width: 20px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .field.complex .complexTableContainer .mainComplexDivContainer tbody tr td button[type=button] {
  background-size: auto 100%;
  min-width: 20px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .field.complex .complexTableContainer .mainComplexDivContainer tbody tr td button span.ico {
  width: 20px;
  height: 20px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .field.complex .complexTableContainer .mainComplexDivContainer tbody tr td button span.ico:before {
  content: "";
  background-image: url("/TMCH/ico_arrow-right.svg");
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  width: 20px;
  height: 100%;
  height: 20px;
  color: #000000;
  display: flex;
  justify-content: start;
  align-items: center;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .field.complex .complexTableContainer .mainComplexDivContainer tbody tr td button:has(.deleteBtn) span.ico:before {
  background-image: url("/TMCH/ico_trash.svg");
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .field.complex .complexTableContainer .mainComplexDivContainer tbody tr td button:has(.deleteBtnWrapper .deleteBtn.disabled) {
  filter: grayscale(100%) !important;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .field.complex .complexTableContainer .mainComplexDivContainer tbody tr td button:has(.deleteBtnWrapper .deleteBtn.disabled) span.ico {
  filter: grayscale(100%) !important;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .field.complex .complexTableContainer .mainComplexDivContainer tbody tr td button:has(.showChangesBtn) span.ico:before {
  background-image: url("/TMCH/ico_compare.svg");
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .field.complex .complexTableContainer .mainComplexDivContainer tbody tr td button .addAsRequiredBtn {
  display: none;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .field.complex .complexTableContainer .mainComplexDivContainer tbody tr td button[value^="$edit;"],
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .field.complex .complexTableContainer .mainComplexDivContainer tbody tr td button[value^="$actions;"] {
  font-size: 0;
  background-color: transparent;
  filter: brightness(0) saturate(100%) invert(13%) sepia(95%) saturate(7481%) hue-rotate(352deg) brightness(89%) contrast(113%);
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .field.complex .complexTableContainer .mainComplexDivContainer tbody tr td button[value^="$edit;"]:hover,
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .field.complex .complexTableContainer .mainComplexDivContainer tbody tr td button[value^="$actions;"]:hover {
  filter: brightness(0) saturate(100%) invert(11%) sepia(87%) saturate(6314%) hue-rotate(349deg) brightness(72%) contrast(118%);
  box-shadow: none;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .field.complex .complexTableContainer .mainComplexDivContainer tbody tr td button[value^="$edit;"] span.ico:before {
  background-image: url("/TMCH/ico_edit.svg");
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .field.complex .complexTableContainer .mainComplexDivContainer tbody tr td span a {
  cursor: pointer;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .field.complex button {
  padding: 0 50px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .field.textarea {
  width: 100%;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .field.text label, .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .field.dictionary label {
  width: 190px;
}
@media screen and (max-width: 780px) {
  .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .field.text label, .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .field.dictionary label {
    width: 190px;
  }
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .field.text .inputWrapper, .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .field.dictionary .inputWrapper {
  width: calc(100% - 190px);
  max-width: calc(100% - 190px);
  min-width: calc(100% - 190px);
}
@media screen and (max-width: 780px) {
  .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .field.text .inputWrapper, .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .field.dictionary .inputWrapper {
    width: calc(100% - 190px);
    max-width: calc(100% - 190px);
    min-width: calc(100% - 190px);
  }
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .field.field1_8 label {
  width: 80px;
}
@media screen and (max-width: 1700px) {
  .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .field.field1_8 label {
    width: 190px;
  }
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .field.field1_8 .inputWrapper {
  width: calc(100% - 80px);
  min-width: calc(100% - 80px);
  max-width: calc(100% - 80px);
}
@media screen and (max-width: 1700px) {
  .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .field.field1_8 .inputWrapper {
    width: calc(100% - 190px);
    max-width: calc(100% - 190px);
    min-width: calc(100% - 190px);
  }
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .field.carDamageSelectorComplex table tbody tr td .field.checkbox label:before {
  background: transparent;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .field.textDisplay label.value:not(:has(a)) {
  background-color: #F0F0F0;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 5px;
  font-weight: 600;
}
@media screen and (max-width: 1700px) {
  .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .field.text,
  .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .field.dictionary,
  .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .field.textDisplay,
  .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .button:not(.buttonPopUp) {
    width: 33.33%;
  }
}
@media screen and (max-width: 1440px) {
  .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .field.text,
  .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .field.dictionary,
  .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .field.textDisplay,
  .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .button:not(.buttonPopUp) {
    width: 50%;
  }
}
@media screen and (max-width: 780px) {
  .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .field.text,
  .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .field.dictionary,
  .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .field.textDisplay,
  .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .button:not(.buttonPopUp) {
    width: 100%;
  }
}
@media screen and (max-width: 780px) {
  .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .field.checkbox:not(.perpetratorField) {
    width: 25%;
  }
}
@media screen and (max-width: 600px) {
  .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group .field.checkbox:not(.perpetratorField) {
    width: 50%;
  }
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group > .group {
  padding: 10px 0;
  border: 0;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group > .group label.groupLabel {
  width: 100%;
  text-transform: uppercase;
  font-size: 16px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group.gapChildGroup .field:not(.checkbox):not(.textDisplay) > label {
  width: 140px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .group.gapChildGroup .field:not(.checkbox):not(.textDisplay) .inputWrapper {
  width: calc(100% - 140px);
  max-width: calc(100% - 140px);
  min-width: calc(100% - 140px);
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab > .group {
  padding: 10px;
  border: 0;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab > .group label.groupLabel {
  width: 100%;
  text-transform: uppercase;
  font-size: 16px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .attachmentsFormFilterContainer .field.dictionary label {
  width: unset;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .tabContainer .tab .attachmentsFormFilterContainer .field.dictionary .inputWrapper {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group:has(.group.ClaimProgressDocumentTypes) {
  gap: 10px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group:after {
  border: none;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.Journal {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  height: 100%;
  border: none;
  padding: 0;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.Journal > .group {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  border: none;
  padding: 0;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.Journal > .group:has(~ .group) {
  height: 66.66%;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.Journal > .group:has(~ .group) ~ .group {
  height: 33.33%;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.Journal > .group .sfr {
  width: 100%;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.Journal > .group .sfr .genericlist-wrapper {
  width: 100%;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.Journal > .group .sfr .genericlist-wrapper .GLT .genericlist-container table {
  overflow: auto;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes, .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes + .group {
  width: 100% 1621px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
  padding: 10px;
  border-radius: 8px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes .complexTableContainer, .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes + .group .complexTableContainer {
  height: calc(100vh - 310px);
  min-height: 300px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes .genericlist-wrapper .AutomatsLists .genericlist-configHeader-container ~ .genericlist-container, .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes + .group .genericlist-wrapper .AutomatsLists .genericlist-configHeader-container ~ .genericlist-container {
  height: auto;
  min-height: 100px;
  max-height: 100%;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes .sfr,
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes .field.complex,
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes .complexTableContainer, .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes + .group .sfr,
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes + .group .field.complex,
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes + .group .complexTableContainer {
  width: 100%;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes .sfr table.mainComplexDivContainer thead tr th,
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes .field.complex table.mainComplexDivContainer thead tr th,
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes .complexTableContainer table.mainComplexDivContainer thead tr th, .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes + .group .sfr table.mainComplexDivContainer thead tr th,
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes + .group .field.complex table.mainComplexDivContainer thead tr th,
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes + .group .complexTableContainer table.mainComplexDivContainer thead tr th {
  text-align: start;
  text-transform: uppercase;
  border-bottom: 2px solid rgba(0, 0, 0, 0.2);
  padding: 10px 10px 10px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes .sfr table.mainComplexDivContainer tbody tr,
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes .field.complex table.mainComplexDivContainer tbody tr,
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes .complexTableContainer table.mainComplexDivContainer tbody tr, .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes + .group .sfr table.mainComplexDivContainer tbody tr,
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes + .group .field.complex table.mainComplexDivContainer tbody tr,
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes + .group .complexTableContainer table.mainComplexDivContainer tbody tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes .sfr table.mainComplexDivContainer tbody tr td,
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes .field.complex table.mainComplexDivContainer tbody tr td,
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes .complexTableContainer table.mainComplexDivContainer tbody tr td, .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes + .group .sfr table.mainComplexDivContainer tbody tr td,
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes + .group .field.complex table.mainComplexDivContainer tbody tr td,
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes + .group .complexTableContainer table.mainComplexDivContainer tbody tr td {
  border: none;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes .sfr table.mainComplexDivContainer tbody tr td:last-child,
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes .field.complex table.mainComplexDivContainer tbody tr td:last-child,
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes .complexTableContainer table.mainComplexDivContainer tbody tr td:last-child, .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes + .group .sfr table.mainComplexDivContainer tbody tr td:last-child,
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes + .group .field.complex table.mainComplexDivContainer tbody tr td:last-child,
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes + .group .complexTableContainer table.mainComplexDivContainer tbody tr td:last-child {
  display: flex;
  justify-content: end;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes .sfr table.mainComplexDivContainer tbody tr td button,
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes .field.complex table.mainComplexDivContainer tbody tr td button,
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes .complexTableContainer table.mainComplexDivContainer tbody tr td button, .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes + .group .sfr table.mainComplexDivContainer tbody tr td button,
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes + .group .field.complex table.mainComplexDivContainer tbody tr td button,
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes + .group .complexTableContainer table.mainComplexDivContainer tbody tr td button {
  padding: 0;
  height: 20px;
  width: 20px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes .sfr table.mainComplexDivContainer tbody tr td button span.ico,
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes .field.complex table.mainComplexDivContainer tbody tr td button span.ico,
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes .complexTableContainer table.mainComplexDivContainer tbody tr td button span.ico, .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes + .group .sfr table.mainComplexDivContainer tbody tr td button span.ico,
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes + .group .field.complex table.mainComplexDivContainer tbody tr td button span.ico,
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes + .group .complexTableContainer table.mainComplexDivContainer tbody tr td button span.ico {
  width: 20px;
  height: 20px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes .sfr table.mainComplexDivContainer tbody tr td button span.ico:before,
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes .field.complex table.mainComplexDivContainer tbody tr td button span.ico:before,
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes .complexTableContainer table.mainComplexDivContainer tbody tr td button span.ico:before, .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes + .group .sfr table.mainComplexDivContainer tbody tr td button span.ico:before,
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes + .group .field.complex table.mainComplexDivContainer tbody tr td button span.ico:before,
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes + .group .complexTableContainer table.mainComplexDivContainer tbody tr td button span.ico:before {
  content: "";
  background-image: url("/TMCH/ico_arrow-right.svg");
  background-size: contain;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  color: #000000;
  display: flex;
  justify-content: start;
  align-items: center;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes .sfr table.mainComplexDivContainer tbody tr td button .addAsRequiredBtn,
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes .field.complex table.mainComplexDivContainer tbody tr td button .addAsRequiredBtn,
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes .complexTableContainer table.mainComplexDivContainer tbody tr td button .addAsRequiredBtn, .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes + .group .sfr table.mainComplexDivContainer tbody tr td button .addAsRequiredBtn,
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes + .group .field.complex table.mainComplexDivContainer tbody tr td button .addAsRequiredBtn,
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes + .group .complexTableContainer table.mainComplexDivContainer tbody tr td button .addAsRequiredBtn {
  display: none;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.ClaimProgressDocumentTypes + .group {
  height: calc(calc(100vh - 310px) + 30px);
  min-height: calc(300px + 30px);
  overflow: auto;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.invoicesFieldsetNew {
  margin-top: 10px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.invoicesFieldsetNew label.groupLabel {
  padding-top: 18px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.invoicesFieldsetNew .field.button.btnVAT,
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.invoicesFieldsetNew .field.dictionary.TLPFVDictionary {
  position: absolute;
  top: 0;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.invoicesFieldsetNew .field.dictionary.TLPFVDictionary {
  left: 50%;
  transform: translateX(-50%);
  max-width: 50%;
  width: 50%;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.invoicesFieldsetNew .field.dictionary.TLPFVDictionary .inputWrapper {
  width: 100%;
  max-width: unset;
  min-width: unset;
  height: 100%;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.invoicesFieldsetNew .field.button.btnVAT {
  right: 0;
  padding-right: 10px;
  border: none;
  max-width: 180px;
}
@media screen and (max-width: 780px) {
  .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.invoicesFieldsetNew .field.button.btnVAT {
    max-width: 25%;
  }
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.invoicesFieldsetNew .field.button.btnVAT button {
  border-radius: 100px;
  padding: 0 20px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group .group:not(.prevButtons):not(.imageSliderTitleContainer):not(.nextButtons):not(.imageSliderHeaderContainer):not(.claimDescriptionGroup):not(.carDamageImgFieldset):not(.carDamageDescFieldset):not(.gapChildGroup):not(.checkboxesSection):not(.contractorsDataSection) {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.buttonWrapper {
  position: fixed;
  bottom: 0;
  left: 250px;
  border-radius: 0;
  padding: 10px;
  border: none;
}
@media screen and (max-width: 1080px) {
  .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.buttonWrapper {
    left: 0;
    margin-bottom: 10px;
  }
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.buttonWrapper:after {
  background: #ffffff;
  border: none;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group.buttonWrapper .button {
  padding-top: 0;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group .complexTableContainer table.mainComplexDivContainer tbody tr:nth-child(even) {
  background-color: #f7f6f7;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group .complexTableContainer table.mainComplexDivContainer tbody tr td {
  padding: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  text-align: start;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .formwrap .group .complexTableContainer table.mainComplexDivContainer tbody tr td button {
  border-radius: 100px;
  padding: 0 20px;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .group .field.ReadOnly.checkbox label:before {
  background-color: #F0F0F0;
  border: 1px solid #AAAAAA;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .group .field.ReadOnly .inputWrapper:has(textarea) textarea {
  background-color: #f0f0f0;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .group .field.ReadOnly .inputWrapper:after {
  content: "";
  display: block;
  width: 40px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background: url("/TMCH/ico_readOnly.svg") no-repeat center;
  background-size: 16px auto;
  caret-color: transparent;
  pointer-events: none;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .group .field.ReadOnly .inputWrapper input {
  padding-right: 28px;
  color: #414141;
  background-color: #f0f0f0;
  border: 1px solid rgba(0, 0, 0, 0.02);
  cursor: not-allowed;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .group .field.fieldsRed .inputWrapper input, .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .group .field.fieldsRed .inputWrapper textarea, .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .group .field.ReadOnly.fieldsRed .inputWrapper input, .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .group .field.ReadOnly.fieldsRed .inputWrapper textarea {
  background: #d2001e;
  color: #ffffff;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .group .field.fieldsOrange .inputWrapper input, .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .group .field.fieldsOrange .inputWrapper textarea, .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .group .field.ReadOnly.fieldsOrange .inputWrapper input, .sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .group .field.ReadOnly.fieldsOrange .inputWrapper textarea {
  background: #FF760D;
  color: #ffffff;
}
.sfr.pageFormWrapper .formwrap .tabContainer .tab .sfr .group .field.ReadOnly.fieldsRed .inputWrapper:after {
  filter: brightness(0) invert(1);
}
.sfr.pageFormWrapper .formwrap .tabContainer.communicatorGeneralData {
  display: none;
}

.GLT.AutomatsLists .genericlist-container table {
  min-width: max(100%, 750px);
}
.GLT.AutomatsLists .genericlist-container table thead tr th {
  min-width: min-content !important;
  width: max-content;
}
.GLT.AutomatsLists .genericlist-container table thead tr th.msg-list-actions {
  width: 60px;
}
.GLT.AutomatsLists .genericlist-container table tbody tr td {
  min-width: 150px;
  overflow: hidden;
}
.GLT.AutomatsLists .genericlist-container table tbody tr td:has(.tooltip) {
  overflow: visible;
}
.GLT.AutomatsLists .genericlist-container table tbody tr td a.button.goTo {
  font-size: 12px;
  white-space: nowrap;
  width: auto;
  height: auto;
  background: none;
  color: #d2001e;
  transition: color 0.3s;
}
.GLT.AutomatsLists .genericlist-container table tbody tr td a.button.goTo:hover {
  color: #73000d;
}

.field.fieldsOrange .inputWrapper:after {
  filter: brightness(0) invert(1);
}
.field.fieldsOrange .inputWrapper input {
  background-color: #F27F0C !important;
  color: white !important;
}

/*icons for buttons*/
.mainComplexDivContainer tbody tr td button {
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  height: 20px;
  color: #000000;
  display: flex;
  justify-content: start;
  align-items: center;
  filter: brightness(0) saturate(100%) invert(13%) sepia(95%) saturate(7481%) hue-rotate(352deg) brightness(89%) contrast(113%);
}
.mainComplexDivContainer tbody tr td button:hover {
  filter: brightness(0) saturate(100%) invert(11%) sepia(87%) saturate(6314%) hue-rotate(349deg) brightness(72%) contrast(118%) !important;
  box-shadow: none;
}
.mainComplexDivContainer tbody tr td button.edit {
  background-image: url("/TMCH/ico_edit.svg");
}
.mainComplexDivContainer tbody tr td button.delete {
  background-image: url("/TMCH/ico_trash.svg");
}
.mainComplexDivContainer tbody tr td button.delete.disabled {
  filter: grayscale(100%);
  opacity: 0.8;
}

/*FILTRY*/
.accor.filter-accor {
  position: absolute;
  top: -3px;
  right: 50px;
  z-index: 1;
}
.accor.filter-accor.accor-active {
  right: 0;
  min-width: 550px;
  max-width: 90vw;
  height: auto;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
  padding-left: 10px;
  padding-right: 10px;
}
.accor.filter-accor.accor-active:before {
  display: none;
}
.accor.filter-accor.accor-active button.accor-button.accor-active {
  margin-left: auto;
  right: 15px;
}
.accor.filter-accor.accor-active .accor-panel.visible {
  padding-bottom: 30px;
}
.accor.filter-accor.accor-active .accor-panel.visible .sfr {
  height: auto;
}
.accor.filter-accor.accor-active .accor-panel.visible .sfr .formwrap .tabContainer .tab {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 10px;
  padding-bottom: 6px;
}
@media screen and (max-width: 1280px) {
  .accor.filter-accor.accor-active .accor-panel.visible .sfr .formwrap .tabContainer .tab {
    grid-template-columns: repeat(1, 1fr);
  }
}
.accor.filter-accor.accor-active .accor-panel.visible .sfr .formwrap .tabContainer .tab .field {
  width: 100%;
}
.accor.filter-accor.accor-active .accor-panel.visible .sfr .formwrap .tabContainer .tab .field:not(.field1_2) {
  grid-column: 1/-1;
}
.accor.filter-accor.accor-active .accor-panel.visible .sfr .formwrap .tabContainer .tab .field:last-child {
  padding-bottom: 20px;
}
.accor.filter-accor.accor-active .accor-panel.visible .sfr .formwrap .tabContainer .tab .field label {
  width: 100px;
  font-size: 12px;
  font-weight: 400;
}
.accor.filter-accor.accor-active .accor-panel.visible .sfr .formwrap .tabContainer .tab .advancedFilterFieldset {
  padding-left: 0;
  padding-right: 0;
  margin-top: 5px;
  gap: 30px;
  grid-column: 1/-1;
  background-color: #E4E3E3;
  margin-bottom: 40px;
}
.accor.filter-accor.accor-active .accor-panel.visible .sfr .formwrap .tabContainer .tab .advancedFilterFieldset .field {
  width: 50%;
}
@media screen and (max-width: 1280px) {
  .accor.filter-accor.accor-active .accor-panel.visible .sfr .formwrap .tabContainer .tab .advancedFilterFieldset .field {
    width: 100%;
  }
}
.accor.filter-accor.accor-active .accor-panel.visible .sfr .formwrap .tabContainer .tab .advancedFilterFieldset .group {
  padding: 40px 0 0px;
  border: none;
}
.accor.filter-accor.accor-active .accor-panel.visible .sfr .formwrap .tabContainer .tab .advancedFilterFieldset .group label.groupLabel {
  display: block;
  text-transform: uppercase;
  text-align: center;
  border-bottom: 2px solid #d2001e;
  margin-bottom: 10px;
  width: 100%;
}
.accor.filter-accor.accor-active .accor-panel.visible .sfr .formwrap .tabContainer .tab .advancedFilterFieldset .group .field.checkbox {
  width: 25%;
}
@media screen and (max-width: 1280px) {
  .accor.filter-accor.accor-active .accor-panel.visible .sfr .formwrap .tabContainer .tab .advancedFilterFieldset .group .field.checkbox {
    width: 50%;
  }
}
.accor.filter-accor.accor-active .accor-panel.visible .sfr .formwrap .tabContainer .tab .button.advancedFilterButton {
  grid-column: 1/-1;
  justify-self: end;
}
.accor.filter-accor.accor-active .accor-panel.visible .sfr .formwrap .tabContainer .tab .button.advancedFilterButton button {
  border-radius: 100px;
}
.accor.filter-accor.accor-active .accor-panel.visible .button {
  border-right: none;
  border-left: none;
}
.accor.filter-accor.accor-active .accor-panel.visible .button.CRB, .accor.filter-accor.accor-active .accor-panel.visible .button.FLB.primary {
  width: 122px;
  padding-top: 0;
}
.accor.filter-accor.accor-active .accor-panel.visible .button.FLB.primary {
  margin-right: 3px;
}
.accor.filter-accor.accor-active .accor-panel.visible .button.FLB.primary input {
  width: 122px;
}
.accor.filter-accor.accor-active .accor-panel.visible .button.FLB.primary input, .accor.filter-accor.accor-active .accor-panel.visible .button.CRB button {
  border-radius: 100px;
}
.accor.filter-accor.accor-active .accor-panel.visible .button.CRB {
  margin-left: 3px;
}
.accor.filter-accor.accor-active .accor-panel.visible .button.CRB button {
  background: #ffffff;
  color: #d2001e;
  border-color: #d2001e;
  border-width: 1px;
  border-style: solid;
}
.accor.filter-accor.accor-active .accor-panel.visible .button.CRB button:hover {
  background: #73000d;
  color: #ffffff;
  border-color: #73000d;
}
.accor.filter-accor.accor-active .accor-panel.visible:has(.advancedFilterButton) .button.CRB, .accor.filter-accor.accor-active .accor-panel.visible:has(.advancedFilterButton) .button.FLB.primary {
  margin-top: -40px;
  position: relative;
  z-index: 9;
}
.accor.filter-accor button.accor-button {
  position: absolute;
  right: 40px;
  height: 25px;
  width: 25px;
  padding: 0;
  filter: none !important;
  transition: none;
}
.accor.filter-accor button.accor-button .ico {
  width: 100%;
  height: 100%;
  background-image: url("/TMCH/ico_lupa.svg");
  background-size: contain;
  filter: none;
}

/*POPUPS*/
@media screen and (min-width: 900px) {
  .JournalEntryPopup .pops-b .pops-f {
    min-width: 800px;
  }
}

.pops-b.CHClaimProgressDocumentsPopup.tabContainer .tab.pops-f, .pops-b.ForwardToServicePopup.tabContainer .tab.pops-f {
  height: auto !important;
}
.pops-b.CHClaimProgressDocumentsPopup.tabContainer .tab.pops-f .group.pops-h, .pops-b.ForwardToServicePopup.tabContainer .tab.pops-f .group.pops-h {
  background-color: #F0F0F0 !important;
}
.pops-b.CHClaimProgressDocumentsPopup.tabContainer .tab.pops-f .group.pops-h .field.textDisplay, .pops-b.ForwardToServicePopup.tabContainer .tab.pops-f .group.pops-h .field.textDisplay {
  width: 100% !important;
  padding-top: 0;
}
.pops-b.CHClaimProgressDocumentsPopup.tabContainer .tab.pops-f .group.pops-h .field.textDisplay label.value, .pops-b.ForwardToServicePopup.tabContainer .tab.pops-f .group.pops-h .field.textDisplay label.value {
  display: flex;
  justify-content: center;
}
.pops-b.CHClaimProgressDocumentsPopup.tabContainer .tab.pops-f .group.pops-c, .pops-b.CHClaimProgressDocumentsPopup.tabContainer .tab.pops-f .group.pops-t, .pops-b.ForwardToServicePopup.tabContainer .tab.pops-f .group.pops-c, .pops-b.ForwardToServicePopup.tabContainer .tab.pops-f .group.pops-t {
  background: none !important;
}
.pops-b.CHClaimProgressDocumentsPopup.tabContainer .tab.pops-f .group.pops-c .field.dictionary, .pops-b.ForwardToServicePopup.tabContainer .tab.pops-f .group.pops-c .field.dictionary {
  width: 100% !important;
}
.pops-b.CHClaimProgressDocumentsPopup.tabContainer .tab.pops-f .group.pops-c > .group, .pops-b.ForwardToServicePopup.tabContainer .tab.pops-f .group.pops-c > .group {
  background-color: #ffffff !important;
}
.pops-b.CHClaimProgressDocumentsPopup.tabContainer .tab.pops-f .group.pops-t .button, .pops-b.ForwardToServicePopup.tabContainer .tab.pops-f .group.pops-t .button {
  width: auto !important;
}
.pops-b.CHClaimProgressDocumentsPopup.tabContainer .tab.pops-f .group.pops-t .button button, .pops-b.ForwardToServicePopup.tabContainer .tab.pops-f .group.pops-t .button button {
  margin-top: 0;
  margin-bottom: 0;
  padding: 5px 10px;
}
.pops-b .pops-f:has(.pops-c .formwrap.TCHClaimWritingPopup) {
  max-width: 600px;
}
.pops-b .pops-f:has(.pops-c .formwrap.TCHClaimWritingPopup) .pops-h {
  display: none;
}
.pops-b .pops-f:has(.pops-c .formwrap.TCHClaimWritingPopup) .pops-c {
  margin: 20px 0;
}
.pops-b .pops-f:has(.pops-c .formwrap.TCHClaimWritingPopup) .pops-c .formwrap.TCHClaimWritingPopup .field.text label {
  width: 100%;
  max-width: 100%;
  padding: 0;
  display: flex;
  justify-content: center;
  font-size: 16px;
}
.pops-b .pops-f:has(.pops-c .formwrap.TCHClaimWritingPopup) .pops-c .formwrap.TCHClaimWritingPopup .field.text .inputWrapper {
  display: none;
}
.pops-b .pops-f:has(.pops-c .formwrap.TCHClaimWritingPopup) .pops-t .button button {
  padding: 5px 10px;
}
.pops-b .pops-f {
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);
  border: none !important;
  height: auto !important;
}
@media screen and (min-width: 900px) {
  .pops-b .pops-f {
    min-width: 800px;
  }
}
.pops-b .pops-f:has(.pops-c .sfr .formwrap.RejectGarageOrderForm) pops-h {
  width: calc(100% - 20px);
}
.pops-b .pops-f .pops-h {
  width: calc(100% - 30px);
  width: calc(100% - 20px);
  display: flex;
  justify-content: center;
  margin: 15px 15px 0;
  padding: 10px;
  border: none;
  background-color: #d0cece;
  border-radius: 8px;
}
.pops-b .pops-f .pops-h:after {
  border: none;
}
.pops-b .pops-f .pops-h div.field.textDisplay label.value {
  text-transform: uppercase;
  font-size: 14px;
}
.pops-b .pops-f .pops-c {
  border: none;
  padding: 15px;
}
.pops-b .pops-f .pops-c .tabContainer .tabHeader:has(> button:only-child) {
  display: none;
}
.pops-b .pops-f .pops-c .tabContainer .tabHeader button {
  border-radius: 0;
}
.pops-b .pops-f .pops-c .sfr .formwrap .tabContainer.serviceOrderPopupForm .tab {
  display: flex;
}
.pops-b .pops-f .pops-c .sfr .formwrap .tabContainer.serviceOrderPopupForm .tab .field.ServiceName:nth-child(2 of .field.ServiceName) {
  width: 100%;
}
.pops-b .pops-f .pops-c .sfr .formwrap .tabContainer.serviceOrderPopupForm .tab .sfr.sfr-searchTmpl.ServiceChoice {
  width: 33.33%;
}
.pops-b .pops-f .pops-c .sfr .formwrap .tabContainer.serviceOrderPopupForm .tab .sfr.sfr-searchTmpl.ServiceChoice .formwrap {
  display: flex;
  justify-content: end;
}
.pops-b .pops-f .pops-c .sfr .formwrap .tabContainer.serviceOrderPopupForm .tab .sfr.sfr-searchTmpl.ServiceChoice .formwrap .button button {
  padding: 0 30px;
}
.pops-b .pops-f .pops-c .sfr .formwrap .tabContainer .tab:has(.group.hiddenLegendFieldset) .group.hiddenLegendFieldset {
  padding: 10px;
  margin-top: 10px;
}
.pops-b .pops-f .pops-c .group {
  padding: 0;
  border: none;
}
.pops-b .pops-f .pops-c .group .sfr {
  width: 100%;
}
.pops-b .pops-f .pops-c .group .sfr .genericlist-wrapper {
  border: none;
}
.pops-b .pops-f .pops-c .FMError input[type=button],
.pops-b .pops-f .pops-c .FMAlert input[type=button],
.pops-b .pops-f .pops-c .FMValid input[type=button] {
  display: none;
}
.pops-b .pops-f .pops-t .button button, .pops-b .pops-f .pops-t .button input {
  padding: 0 30px;
}

.PopupDiv.SLAPopup.group,
.PopupDiv.GAPopup.group,
.PopupDiv.PolicyChoicePopup.group,
.PopupDiv.group {
  position: fixed;
  z-index: 901;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 900px;
  height: auto;
  border: none;
  padding: 15px !important;
  display: flex;
  flex-direction: column;
  margin-bottom: 0 !important;
}
.PopupDiv.SLAPopup.group.group:after,
.PopupDiv.GAPopup.group.group:after,
.PopupDiv.PolicyChoicePopup.group.group:after,
.PopupDiv.group.group:after {
  border: none;
}
.PopupDiv.SLAPopup.group:before,
.PopupDiv.GAPopup.group:before,
.PopupDiv.PolicyChoicePopup.group:before,
.PopupDiv.group:before {
  content: "";
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  background-color: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(3px);
}
.PopupDiv.SLAPopup.group:after,
.PopupDiv.GAPopup.group:after,
.PopupDiv.PolicyChoicePopup.group:after,
.PopupDiv.group:after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #ffffff;
  box-shadow: 0px 10px 30px 10px rgba(0, 0, 0, 0.07);
}
.PopupDiv.SLAPopup.group .group.hiddenLegendFieldset,
.PopupDiv.SLAPopup.group .group.hiddenLegendFieldset.ModalContent .field.textDisplay label.value,
.PopupDiv.SLAPopup.group .group.hiddenLegendFieldset .group,
.PopupDiv.GAPopup.group .group.hiddenLegendFieldset,
.PopupDiv.GAPopup.group .group.hiddenLegendFieldset.ModalContent .field.textDisplay label.value,
.PopupDiv.GAPopup.group .group.hiddenLegendFieldset .group,
.PopupDiv.PolicyChoicePopup.group .group.hiddenLegendFieldset,
.PopupDiv.PolicyChoicePopup.group .group.hiddenLegendFieldset.ModalContent .field.textDisplay label.value,
.PopupDiv.PolicyChoicePopup.group .group.hiddenLegendFieldset .group,
.PopupDiv.group .group.hiddenLegendFieldset,
.PopupDiv.group .group.hiddenLegendFieldset.ModalContent .field.textDisplay label.value,
.PopupDiv.group .group.hiddenLegendFieldset .group {
  background-color: #ffffff !important;
}
.PopupDiv.SLAPopup.group > label.groupLabel,
.PopupDiv.GAPopup.group > label.groupLabel,
.PopupDiv.PolicyChoicePopup.group > label.groupLabel,
.PopupDiv.group > label.groupLabel {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  min-height: 40px;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  border-bottom: none;
  padding-bottom: 0;
  background-color: #d0cece;
  border-radius: 8px;
  margin-bottom: 5px;
}
.PopupDiv.SLAPopup.group .ModalContent,
.PopupDiv.GAPopup.group .ModalContent,
.PopupDiv.PolicyChoicePopup.group .ModalContent,
.PopupDiv.group .ModalContent {
  height: calc(auto - (40px + auto));
  max-height: calc(auto - (40px + auto));
  width: 100%;
  overflow: auto;
  max-height: 400px;
}
.PopupDiv.SLAPopup.group .ModalContent:has(.group[class*=SLAPopup]),
.PopupDiv.GAPopup.group .ModalContent:has(.group[class*=SLAPopup]),
.PopupDiv.PolicyChoicePopup.group .ModalContent:has(.group[class*=SLAPopup]),
.PopupDiv.group .ModalContent:has(.group[class*=SLAPopup]) {
  margin-bottom: 0 !important;
}
.PopupDiv.SLAPopup.group .ModalContent .group.SLAPopupGeneralCheckboxes,
.PopupDiv.SLAPopup.group .ModalContent .group.SLAPopupNotificationCheckboxes,
.PopupDiv.GAPopup.group .ModalContent .group.SLAPopupGeneralCheckboxes,
.PopupDiv.GAPopup.group .ModalContent .group.SLAPopupNotificationCheckboxes,
.PopupDiv.PolicyChoicePopup.group .ModalContent .group.SLAPopupGeneralCheckboxes,
.PopupDiv.PolicyChoicePopup.group .ModalContent .group.SLAPopupNotificationCheckboxes,
.PopupDiv.group .ModalContent .group.SLAPopupGeneralCheckboxes,
.PopupDiv.group .ModalContent .group.SLAPopupNotificationCheckboxes {
  padding: 0 !important;
}
@media screen and (max-width: 1700px) {
  .PopupDiv.SLAPopup.group .ModalContent .field.textDisplay,
  .PopupDiv.GAPopup.group .ModalContent .field.textDisplay,
  .PopupDiv.PolicyChoicePopup.group .ModalContent .field.textDisplay,
  .PopupDiv.group .ModalContent .field.textDisplay {
    width: 100% !important;
  }
}
.PopupDiv.SLAPopup.group .ModalContent .field.textDisplay label.definition,
.PopupDiv.GAPopup.group .ModalContent .field.textDisplay label.definition,
.PopupDiv.PolicyChoicePopup.group .ModalContent .field.textDisplay label.definition,
.PopupDiv.group .ModalContent .field.textDisplay label.definition {
  top: 20px;
}
.PopupDiv.SLAPopup.group .ModalContent .field label.definition,
.PopupDiv.GAPopup.group .ModalContent .field label.definition,
.PopupDiv.PolicyChoicePopup.group .ModalContent .field label.definition,
.PopupDiv.group .ModalContent .field label.definition {
  font-weight: 600;
  font-size: 14px;
}
.PopupDiv.SLAPopup.group .ModalContent .field label.value,
.PopupDiv.GAPopup.group .ModalContent .field label.value,
.PopupDiv.PolicyChoicePopup.group .ModalContent .field label.value,
.PopupDiv.group .ModalContent .field label.value {
  font-weight: 400 !important;
  font-size: 13px;
}
.PopupDiv.SLAPopup.group .ModalContent .group[class*=SLAPopup],
.PopupDiv.GAPopup.group .ModalContent .group[class*=SLAPopup],
.PopupDiv.PolicyChoicePopup.group .ModalContent .group[class*=SLAPopup],
.PopupDiv.group .ModalContent .group[class*=SLAPopup] {
  margin-bottom: 0 !important;
}
.PopupDiv.SLAPopup.group .ModalContent .complex .complexTableContainer .mainComplexDivContainer tbody tr td button div.choiceBtn,
.PopupDiv.GAPopup.group .ModalContent .complex .complexTableContainer .mainComplexDivContainer tbody tr td button div.choiceBtn,
.PopupDiv.PolicyChoicePopup.group .ModalContent .complex .complexTableContainer .mainComplexDivContainer tbody tr td button div.choiceBtn,
.PopupDiv.group .ModalContent .complex .complexTableContainer .mainComplexDivContainer tbody tr td button div.choiceBtn {
  display: none;
}
.PopupDiv.SLAPopup.group .ModalButtonsDiv.group,
.PopupDiv.GAPopup.group .ModalButtonsDiv.group,
.PopupDiv.PolicyChoicePopup.group .ModalButtonsDiv.group,
.PopupDiv.group .ModalButtonsDiv.group {
  height: auto;
  min-height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 15px;
  margin-bottom: 0 !important;
  padding: 0;
  border: none;
}
.PopupDiv.SLAPopup.group .ModalButtonsDiv.group .button,
.PopupDiv.GAPopup.group .ModalButtonsDiv.group .button,
.PopupDiv.PolicyChoicePopup.group .ModalButtonsDiv.group .button,
.PopupDiv.group .ModalButtonsDiv.group .button {
  padding-top: 0;
  align-self: unset;
}
.PopupDiv.SLAPopup.group .ModalButtonsDiv.group .button.buttonPopUp,
.PopupDiv.GAPopup.group .ModalButtonsDiv.group .button.buttonPopUp,
.PopupDiv.PolicyChoicePopup.group .ModalButtonsDiv.group .button.buttonPopUp,
.PopupDiv.group .ModalButtonsDiv.group .button.buttonPopUp {
  width: auto;
}
.PopupDiv.SLAPopup.group .ModalButtonsDiv.group .button button,
.PopupDiv.GAPopup.group .ModalButtonsDiv.group .button button,
.PopupDiv.PolicyChoicePopup.group .ModalButtonsDiv.group .button button,
.PopupDiv.group .ModalButtonsDiv.group .button button {
  padding: 0 30px;
  border-radius: 100px;
}
.PopupDiv.SLAPopup.group .ModalButtonsDiv.group:after,
.PopupDiv.GAPopup.group .ModalButtonsDiv.group:after,
.PopupDiv.PolicyChoicePopup.group .ModalButtonsDiv.group:after,
.PopupDiv.group .ModalButtonsDiv.group:after {
  display: none;
}
.PopupDiv.SLAPopup.group .ModalButtonsDiv .groupLabel, .PopupDiv.SLAPopup.group .ModalContent .groupLabel,
.PopupDiv.GAPopup.group .ModalButtonsDiv .groupLabel,
.PopupDiv.GAPopup.group .ModalContent .groupLabel,
.PopupDiv.PolicyChoicePopup.group .ModalButtonsDiv .groupLabel,
.PopupDiv.PolicyChoicePopup.group .ModalContent .groupLabel,
.PopupDiv.group .ModalButtonsDiv .groupLabel,
.PopupDiv.group .ModalContent .groupLabel {
  display: none;
}

.PopupDiv.SLAPopup.group .ModalContent .field.widthFull {
  width: 100% !important;
}
.PopupDiv.SLAPopup.group .ModalContent .group.SLAPopupNotificationCheckboxes {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, auto);
  grid-auto-flow: column;
}
.PopupDiv.SLAPopup.group .ModalContent .group.SLAPopupNotificationCheckboxes .field {
  width: 100% !important;
}

/*GROUPS*/
.group:after {
  background: #e4e3e3;
  z-index: -1;
  border-color: #e4e3e3;
}
.group > label.groupLabel {
  border-bottom: 1px solid #0d0505;
  font-size: 1.1rem;
  padding-bottom: 5px;
}
.group.hiddenLegendFieldset, .group.hiddenLegendFieldset .group {
  background-color: #E4E3E3;
}
.group.hiddenLegendFieldset > label.groupLabel, .group.hiddenLegendFieldset .group > label.groupLabel {
  display: none;
}

/*BUTTON*/
input[type=button], input[type=submit], button, .fileupload-btn-trigger {
  border-radius: 100px;
  box-shadow: none;
}

/*INPUT*/
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper input, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper textarea {
  background: #ffffff;
}

.field.checkbox input + label::before, .field.checkboxList input + label::before {
  background: #ffffff;
}

.field.checkbox input:checked + label:before, .field.checkboxList input:checked + label:before {
  content: "✔";
  background-color: #0074e8;
  border-color: #0074e8;
}

input[type=button]:not(.tabButton):not(:disabled), input[type=submit]:not(.tabButton):not(:disabled), button:not(.tabButton):not(:disabled), .fileupload-btn-trigger:not(.tabButton):not(:disabled), .getNextResultsBtn td div:not(.tabButton):not(:disabled) {
  color: #ffffff;
}

/*FIELD*/
.field.labelRedColour > label {
  color: #d2001e;
}
.field.labelRedColour.textDisplay {
  height: auto;
  max-height: 100%;
}
.field.labelRedColour.textDisplay label {
  height: auto !important;
  max-height: 100% !important;
  text-align: justify;
}
.field.headerField {
  padding: 0px;
  margin-bottom: 1rem;
}
.field.headerField label {
  font-size: 1.5rem;
  font-weight: 600;
}

/*custom laptop width*/
@media screen and (max-width: 1600px) and (min-width: 780px) {
  html .l-width1_2 {
    width: 50%;
  }
  html .l-width1_4 {
    width: 25%;
  }
  html .l-width3_4 {
    width: 75%;
  }
}
/*v1 width fallback*/
.autoField {
  width: auto;
}

.fullField {
  width: 100%;
}

.field15_16 {
  width: 93.75%;
}

.field7_8 {
  width: 87.5%;
}

.field5_6 {
  width: 83.333%;
}

.field13_16 {
  width: 81.25%;
}

.field3_4 {
  width: 75%;
}

.field11_16 {
  width: 68.75%;
}

.field2_3 {
  width: 66.666%;
}

.field5_8 {
  width: 62.5%;
}

.field9_16 {
  width: 56.25%;
}

.field1_2 {
  width: 50%;
}

.field7_16 {
  width: 43.75%;
}

.field3_8 {
  width: 37.5%;
}

.field1_3 {
  width: 33.333%;
}

.field5_16 {
  width: 31.25%;
}

.field1_4 {
  width: 25%;
}

.field1_5 {
  width: 20%;
}

.field3_16 {
  width: 18.75%;
}

.field1_6 {
  width: 16.66%;
}

.field1_8 {
  width: 12.5%;
}

.field1_10 {
  width: 10%;
}

.field1_16 {
  width: 6.25%;
}

/*LISTS*/
.genericlist-wrapper {
  border: 10px solid transparent;
  box-shadow: none;
}
.genericlist-wrapper:has(.accor.filter-accor) .GLT .genericlist-configHeader-container {
  padding-right: 60px;
}
.genericlist-wrapper .genericlist-configHeader-container .columns-config-container .icon-button {
  border-radius: 0px;
}
.genericlist-wrapper:has(.GLT .genericlist-container table tbody tr.no-results) {
  border-bottom: none;
}
.genericlist-wrapper:has(.GLT .genericlist-container table tbody tr.no-results) .genericlist-container table {
  height: calc(100% - 20px);
}
.genericlist-wrapper:has(.GLT .genericlist-container table tbody tr.no-results) .genericlist-container table tbody {
  height: 100%;
}
.genericlist-wrapper:has(.GLT .genericlist-container table tbody tr.no-results) .genericlist-container table tbody tr {
  border-bottom: none;
}
.genericlist-wrapper .accor.accor-active + .GLT {
  width: 100%;
}
.genericlist-wrapper .GLT {
  z-index: 0;
}
.genericlist-wrapper .GLT .genericlist-container table {
  font-size: 11px;
}
.genericlist-wrapper .GLT .genericlist-container table thead {
  box-shadow: none;
  width: 100%;
  vertical-align: bottom;
}
.genericlist-wrapper .GLT .genericlist-container table thead tr {
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.9);
}
.genericlist-wrapper .GLT .genericlist-container table thead tr th {
  font-weight: 900;
  padding: 10px 10px 5px;
  text-transform: uppercase;
}
.genericlist-wrapper .GLT .genericlist-container table thead tr th .th-content {
  display: flex;
  align-items: end;
}
.genericlist-wrapper .GLT .genericlist-container table tbody {
  width: 100%;
}
.genericlist-wrapper .GLT .genericlist-container table tbody tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
.genericlist-wrapper .GLT .genericlist-container table tbody tr.no-results {
  height: 100%;
  width: 100%;
}
.genericlist-wrapper .GLT .genericlist-container table tbody tr.no-results td {
  background-image: url(/Icons/ico_noSearchResults.svg);
  background-position: center center;
}
.genericlist-wrapper .GLT .genericlist-container table tbody tr td {
  font-weight: 400;
}

.filter-accor .field {
  width: 100%;
}
.filter-accor .cleanFilter {
  display: none;
}

/*WELCOMEPAGE*/
.tabContainer.welcomePageElementsRoot .tabHeader:not(:has(> button:nth-of-type(2))) {
  display: none;
}

.welcomeMessage {
  display: none;
}

.welcomePageWrapper .UnreadMessageListWrapper {
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
  width: 100%;
  padding: 10px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.9);
  min-height: 500px;
}
.welcomePageWrapper .UnreadMessageListWrapper .sfr .genericlist-wrapper {
  height: calc(100% - 35px);
  border-left: none;
  border-right: none;
}
.welcomePageWrapper .UnreadMessageListLabel {
  display: flex;
  font-size: 13px;
  background: #e4e3e3;
  border-radius: 8px;
  padding: 0px;
  width: 100%;
  height: 35px;
}

.welcomePageWrapper .UnreadMessageListLabel .definition {
  display: none;
}

.welcomePageWrapper .UnreadMessageListLabel > .groupLabel {
  font-size: 13px;
  padding: 0 5px;
  border: initial;
  align-self: center;
}

.welcomePageWrapper .UnreadMessageListLabel div.field {
  padding: 0px;
  border: 0px;
  align-self: center;
}

a.messageBubble {
  box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0.2);
  background-color: rgba(0, 0, 0, 0.2);
  display: inline-flex;
  padding: 0px 0px 0px 5px;
  border-radius: 10px;
  margin: 0px 10px;
}

a.messageBubble .label {
  color: #000000;
  width: calc((100vw - 250px - 510px) / 5);
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

a.messageBubble[custom-event-type="1"]:before,
a.messageBubble[custom-event-type="2"]:before,
div.alertType[custom-event-type="1"]:before,
div.alertType[custom-event-type="2"]:before {
  content: "";
  display: inline-block;
  background: no-repeat center center scroll transparent;
  background-size: contain;
  height: 14px;
  width: 14px;
  margin-right: 3px;
}

a.messageBubble[custom-event-type="1"]:before,
div.alertType[custom-event-type="1"]:before {
  background-image: url(TMCH/ico_overtime.svg);
}

a.messageBubble[custom-event-type="2"]:before,
div.alertType[custom-event-type="2"]:before {
  background-image: url(TMCH/ico_envelope.svg);
}

a.messageBubble .counter {
  color: #ffffff;
  box-shadow: 0px 0px 0px 5px #d2001e;
  background-color: #d2001e;
  border-radius: 12px;
  margin-left: 10px;
  display: inline-block;
}

/*TREELIST*/
.treelist-container .treelist-items-container .treelist-item:not(.selected):hover {
  color: #0d0505;
}

/*CHANGE PASSWORD*/
.changePasswordForm > .tabContainer > .tab {
  justify-content: center;
}

.tooltip {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.tooltip-content {
  position: absolute;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);
  background: #333;
  color: #fff;
  font-size: 12px;
  border-radius: 5px;
  width: max-content;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease;
  z-index: 10;
  padding: 3px 5px;
}

.tooltip:hover .tooltip-content {
  opacity: 1;
  visibility: visible;
}

.dropZone {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  height: 30px;
  border: 1px dashed #000;
  overflow: hidden;
  background: transparent;
  font-size: 11px;
  min-width: 90px;
}

.alerts-section .alert-types-list .alertsTypeList-legend {
  display: none;
}
.alerts-section .alert-types-list .treelist-container {
  border: none;
}
.alerts-section .alert-types-list .treelist-container .treelist-items-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 11px;
}
.alerts-section .alert-types-list .treelist-container .treelist-items-table thead {
  display: none;
}
.alerts-section .alert-types-list .treelist-container .treelist-items-table .treelist-item-btn {
  display: none;
}

.genericlist-container table thead {
  z-index: 1;
}

/*DIRECT*/
#FRU-popup .pops-f .pops-c div[class^=FM] input {
  display: none;
}

form:has(#_content .formwrap .tabContainer.PanelDirect) #_pops #FRU-popup .pops-f {
  display: inline-block;
  background: #ffffff;
  padding: 0px;
  border-radius: 8px;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.5);
  min-width: 400px;
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
  z-index: 99;
}
form:has(#_content .formwrap .tabContainer.PanelDirect) #_pops #FRU-popup .pops-f .pops-h {
  display: none;
}
form:has(#_content .formwrap .tabContainer.PanelDirect) #_pops #FRU-popup .pops-f .pops-c {
  overflow: auto;
  width: 100%;
  height: auto;
  min-height: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  padding: 10px 20px;
}
form:has(#_content .formwrap .tabContainer.PanelDirect) #_pops #FRU-popup .pops-f .pops-c .FMError input {
  display: none;
}
form:has(#_content .formwrap .tabContainer.PanelDirect) #_pops #FRU-popup .pops-f .pops-t {
  padding: 15px 20px 10px 20px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  justify-content: center;
  width: 100%;
}
form:has(#_content .formwrap .tabContainer.PanelDirect) #_pops #FRU-popup .pops-f .pops-t button {
  min-height: 40px;
  background: #000000;
  color: #ffffff;
  transition: ease-in-out all 0.3s;
  border-radius: 0px;
  width: 300px;
  margin-bottom: 10px;
  text-align: center;
  justify-content: center;
}

/*TFMSMS-1442*/
#FRU-popup .pops-f .pops-c div[class^=FM] {
  padding: 5px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  margin: 5px 0px;
}
#FRU-popup .pops-f .pops-c div[class^=FM] input {
  display: none;
}
#FRU-popup .pops-f .pops-c div[class^=FM] a {
  text-decoration: underline;
}
#FRU-popup .pops-f .pops-c div[class^=FM] a:after {
  content: "↗";
}
#FRU-popup .pops-f .pops-c div[class*=Error] {
  color: #E53935;
  background-color: #E5393526;
}
#FRU-popup .pops-f .pops-c div[class*=Error] a {
  color: #E53935;
}
#FRU-popup .pops-f .pops-c div[class*=Alert] {
  color: #73000d;
  background-color: #73000d26;
}
#FRU-popup .pops-f .pops-c div[class*=Alert] a {
  color: #73000d;
}
#FRU-popup .pops-f .pops-c div[class*=FatalError] {
  color: #B71C1C;
  background-color: #B71C1C26;
}
#FRU-popup .pops-f .pops-c div[class*=FatalError] a {
  color: #B71C1C;
}
#FRU-popup .pops-f .pops-c div[class*=Warning] {
  color: #FF760D;
  background-color: #FF760D26;
}
#FRU-popup .pops-f .pops-c div[class*=Warning] a {
  color: #FF760D;
}
#FRU-popup .pops-f .pops-c div[class*=Valid] {
  color: #05BE70;
  background-color: #05BE7026;
}
#FRU-popup .pops-f .pops-c div[class*=Valid] a {
  color: #05BE70;
}

#_content:has(.formwrap .tabContainer.PanelDirect):before {
  content: "";
  background: url("Direct/bg_login.jpg") no-repeat fixed center right #ffffff;
  background-size: auto 100%;
  position: fixed;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 50%;
}
@media screen and (max-width: 500px) {
  #_content:has(.formwrap .tabContainer.PanelDirect):before {
    background: #ffffff;
  }
}
#_content:has(.formwrap .tabContainer.PanelDirect):after {
  content: "";
  background: url("Direct/Kinto/KINTO_SQ.svg") no-repeat scroll center center transparent;
  background-size: contain;
  position: fixed;
  right: 0px;
  top: 0px;
  width: 180px;
  height: 180px;
}
@media screen and (max-width: 500px) {
  #_content:has(.formwrap .tabContainer.PanelDirect):after {
    width: calc(50vw - 30px);
    max-width: 180px;
    height: calc(50vw - 30px);
    max-height: 180px;
  }
}
@media screen and (max-width: 810px) {
  #_content:has(.formwrap .tabContainer.PanelDirect):after {
    display: none;
  }
}
#_content:has(.formwrap .tabContainer.PanelDirect) > #FR:before {
  content: "";
  background: url("Direct/TLP/Logo_TLP_2020.png") no-repeat scroll left top transparent;
  background-size: contain;
  position: fixed;
  left: 60px;
  top: 50px;
  width: 325px;
  height: 80px;
}
@media screen and (max-width: 1020px) {
  #_content:has(.formwrap .tabContainer.PanelDirect) > #FR:before {
    position: absolute;
  }
}
@media screen and (max-width: 800px) {
  #_content:has(.formwrap .tabContainer.PanelDirect) > #FR:before {
    max-width: calc(50vw - 60px);
    left: 30px;
  }
}
@media screen and (max-width: 500px) {
  #_content:has(.formwrap .tabContainer.PanelDirect) > #FR:before {
    max-width: calc(50vw - 15px);
    left: 15px;
  }
}
@media screen and (max-width: 810px) {
  #_content:has(.formwrap .tabContainer.PanelDirect) > #FR:after {
    content: "";
    background: url("Direct/Kinto/KINTO_SQ.svg") no-repeat scroll center center transparent;
    background-size: contain;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 180px;
    height: 180px;
  }
}
@media screen and (max-width: 810px) and (max-width: 500px) {
  #_content:has(.formwrap .tabContainer.PanelDirect) > #FR:after {
    width: calc(50vw - 30px);
    max-width: 180px;
    height: calc(50vw - 30px);
    max-height: 180px;
  }
}
#_content:has(.formwrap .tabContainer.PanelDirect) > #FR > .sfr.pageFormWrapper {
  height: 100% !important;
  padding-top: 0;
  padding-left: 0;
}
@media screen and (max-width: 1020px) {
  #_content:has(.formwrap .tabContainer.PanelDirect) > #FR > .sfr.pageFormWrapper:has(.loginBox) {
    min-height: 100%;
    height: auto !important;
  }
}
#_content:has(.formwrap .tabContainer.PanelDirect) > #FR > .sfr.pageFormWrapper .formwrap {
  height: 100%;
}
#_content:has(.formwrap .tabContainer.PanelDirect) > #FR > .sfr.pageFormWrapper .formwrap > .sfr .formwrap.testClass {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 1020px) {
  #_content:has(.formwrap .tabContainer.PanelDirect) > #FR > .sfr.pageFormWrapper .formwrap > .sfr .formwrap.testClass:has(.loginBox) {
    position: relative;
  }
}
#_content:has(.formwrap .tabContainer.PanelDirect) > #FR > .sfr.pageFormWrapper .formwrap > .sfr .formwrap.testClass .tabContainer.PanelDirect {
  width: 100%;
  height: 100%;
}
#_content:has(.formwrap .tabContainer.PanelDirect) > #FR > .sfr.pageFormWrapper .formwrap > .sfr .formwrap.testClass .tabContainer.PanelDirect .tabHeader {
  display: none;
}
#_content:has(.formwrap .tabContainer.PanelDirect) > #FR > .sfr.pageFormWrapper .formwrap > .sfr .formwrap.testClass .tabContainer.PanelDirect .tab {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1020px) {
  #_content:has(.formwrap .tabContainer.PanelDirect) > #FR > .sfr.pageFormWrapper .formwrap > .sfr .formwrap.testClass .tabContainer.PanelDirect .tab {
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 20px;
    padding-top: 180px;
    height: auto;
    min-height: 100%;
  }
}
#_content:has(.formwrap .tabContainer.PanelDirect) > #FR > .sfr.pageFormWrapper .formwrap > .sfr .formwrap.testClass .tabContainer.PanelDirect .tab .group.loginInfoBox {
  top: 50%;
  transform: translateY(-50%);
  position: fixed;
  left: 8%;
  width: 540px;
  max-width: calc(50% - 370px);
  min-width: 200px;
  height: auto;
  max-height: 90vh;
  display: inline-flex;
  flex-direction: column;
  border-radius: 0px;
}
@media screen and (max-width: 1020px) {
  #_content:has(.formwrap .tabContainer.PanelDirect) > #FR > .sfr.pageFormWrapper .formwrap > .sfr .formwrap.testClass .tabContainer.PanelDirect .tab .group.loginInfoBox {
    position: static;
    width: 90%;
    max-width: 440px;
    margin-bottom: 100px;
    transform: none;
    height: auto;
    order: 2;
    margin-bottom: 0px;
  }
}
#_content:has(.formwrap .tabContainer.PanelDirect) > #FR > .sfr.pageFormWrapper .formwrap > .sfr .formwrap.testClass .tabContainer.PanelDirect .tab .group.loginInfoBox .field.loginInfoField, #_content:has(.formwrap .tabContainer.PanelDirect) > #FR > .sfr.pageFormWrapper .formwrap > .sfr .formwrap.testClass .tabContainer.PanelDirect .tab .group.loginInfoBox .field.claimInfoField {
  /*position: fixed;
  left: 8%;
  width: 540px;
  max-width: calc(50% - 370px);*/
  width: 100%;
}
#_content:has(.formwrap .tabContainer.PanelDirect) > #FR > .sfr.pageFormWrapper .formwrap > .sfr .formwrap.testClass .tabContainer.PanelDirect .tab .group.loginInfoBox .field.loginInfoField {
  background-color: #0a7591;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.5);
  padding: 10px 15px;
  border: none;
  width: 100%;
}
#_content:has(.formwrap .tabContainer.PanelDirect) > #FR > .sfr.pageFormWrapper .formwrap > .sfr .formwrap.testClass .tabContainer.PanelDirect .tab .group.loginInfoBox .field.loginInfoField label.value {
  display: inline-block;
  width: 100%;
  font-size: 16px;
  line-height: 18px;
  padding: 10px;
  color: #ffffff;
  visibility: visible;
  z-index: 1;
  text-align: center;
}
#_content:has(.formwrap .tabContainer.PanelDirect) > #FR > .sfr.pageFormWrapper .formwrap > .sfr .formwrap.testClass .tabContainer.PanelDirect .tab .group.loginInfoBox .field.claimInfoField {
  border-color: lightgray;
  align-content: space-between;
  height: auto;
  padding: 38px 30px 0px 30px;
  padding: 0px;
  border: 1px solid lightgrey !important;
  overflow: auto;
  border-top: none !important;
  flex-grow: 1;
}
#_content:has(.formwrap .tabContainer.PanelDirect) > #FR > .sfr.pageFormWrapper .formwrap > .sfr .formwrap.testClass .tabContainer.PanelDirect .tab .group.loginInfoBox .field.claimInfoField label.value {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1em;
  border-radius: 0;
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  white-space: normal;
}
@media screen and (max-width: 1600px) {
  #_content:has(.formwrap .tabContainer.PanelDirect) > #FR > .sfr.pageFormWrapper .formwrap > .sfr .formwrap.testClass .tabContainer.PanelDirect .tab .group.loginInfoBox .field.claimInfoField label.value {
    font-size: 12px;
  }
}
#_content:has(.formwrap .tabContainer.PanelDirect) > #FR > .sfr.pageFormWrapper .formwrap > .sfr .formwrap.testClass .tabContainer.PanelDirect .tab .group.loginInfoBox .field.claimInfoField label.value span {
  min-height: 30px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  padding: 8px 10px;
}
#_content:has(.formwrap .tabContainer.PanelDirect) > #FR > .sfr.pageFormWrapper .formwrap > .sfr .formwrap.testClass .tabContainer.PanelDirect .tab .group.loginInfoBox .field.claimInfoField label.value br {
  display: none;
}
#_content:has(.formwrap .tabContainer.PanelDirect) > #FR > .sfr.pageFormWrapper .formwrap > .sfr .formwrap.testClass .tabContainer.PanelDirect .tab .group.loginBox {
  border: none;
  border-radius: 0px;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.25);
  margin: 0px;
  width: 440px;
  padding: 130px 30px 15px 30px;
}
@media screen and (max-width: 1020px) {
  #_content:has(.formwrap .tabContainer.PanelDirect) > #FR > .sfr.pageFormWrapper .formwrap > .sfr .formwrap.testClass .tabContainer.PanelDirect .tab .group.loginBox {
    order: 1;
    margin-bottom: 0px;
    width: 90%;
    max-width: 440px;
    padding-top: 95px;
  }
}
#_content:has(.formwrap .tabContainer.PanelDirect) > #FR > .sfr.pageFormWrapper .formwrap > .sfr .formwrap.testClass .tabContainer.PanelDirect .tab .group.loginBox .field input[type=text]:focus {
  /*outline: 2px solid #000000;*/ /*materiladesign label up gets stikedthrough*/
}
#_content:has(.formwrap .tabContainer.PanelDirect) > #FR > .sfr.pageFormWrapper .formwrap > .sfr .formwrap.testClass .tabContainer.PanelDirect .tab .group.loginBox > label.groupLabel {
  background: url("Direct/ico_car_circle.svg") no-repeat scroll top center transparent;
  background-size: 61px 61px;
  padding-top: 70px;
  left: 0px;
  top: 35px;
  position: absolute;
  width: 100%;
  border: none;
  font-size: 20px;
  text-align: center;
}
@media screen and (max-width: 1020px) {
  #_content:has(.formwrap .tabContainer.PanelDirect) > #FR > .sfr.pageFormWrapper .formwrap > .sfr .formwrap.testClass .tabContainer.PanelDirect .tab .group.loginBox > label.groupLabel {
    background-size: 45px 45px;
    padding-top: 55px;
    top: 20px;
  }
}
#_content:has(.formwrap .tabContainer.PanelDirect) > #FR > .sfr.pageFormWrapper .formwrap > .sfr .formwrap.testClass .tabContainer.PanelDirect .tab .group.loginBox .field.regField, #_content:has(.formwrap .tabContainer.PanelDirect) > #FR > .sfr.pageFormWrapper .formwrap > .sfr .formwrap.testClass .tabContainer.PanelDirect .tab .group.loginBox .field.vinField {
  padding: 0px;
  position: relative;
  width: 300px;
  margin: 20px calc(50% - 150px) 0px calc(50% - 150px);
  border-left: none;
  border-right: none;
}
#_content:has(.formwrap .tabContainer.PanelDirect) > #FR > .sfr.pageFormWrapper .formwrap > .sfr .formwrap.testClass .tabContainer.PanelDirect .tab .group.loginBox .field.regField .inputWrapper, #_content:has(.formwrap .tabContainer.PanelDirect) > #FR > .sfr.pageFormWrapper .formwrap > .sfr .formwrap.testClass .tabContainer.PanelDirect .tab .group.loginBox .field.vinField .inputWrapper {
  border-radius: 0px;
}
#_content:has(.formwrap .tabContainer.PanelDirect) > #FR > .sfr.pageFormWrapper .formwrap > .sfr .formwrap.testClass .tabContainer.PanelDirect .tab .group.loginBox .field.regField .inputWrapper:before,
#_content:has(.formwrap .tabContainer.PanelDirect) > #FR > .sfr.pageFormWrapper .formwrap > .sfr .formwrap.testClass .tabContainer.PanelDirect .tab .group.loginBox .field.regField .inputWrapper .inputBorderL,
#_content:has(.formwrap .tabContainer.PanelDirect) > #FR > .sfr.pageFormWrapper .formwrap > .sfr .formwrap.testClass .tabContainer.PanelDirect .tab .group.loginBox .field.regField .inputWrapper .inputBorderR, #_content:has(.formwrap .tabContainer.PanelDirect) > #FR > .sfr.pageFormWrapper .formwrap > .sfr .formwrap.testClass .tabContainer.PanelDirect .tab .group.loginBox .field.vinField .inputWrapper:before,
#_content:has(.formwrap .tabContainer.PanelDirect) > #FR > .sfr.pageFormWrapper .formwrap > .sfr .formwrap.testClass .tabContainer.PanelDirect .tab .group.loginBox .field.vinField .inputWrapper .inputBorderL,
#_content:has(.formwrap .tabContainer.PanelDirect) > #FR > .sfr.pageFormWrapper .formwrap > .sfr .formwrap.testClass .tabContainer.PanelDirect .tab .group.loginBox .field.vinField .inputWrapper .inputBorderR {
  border: none;
}
#_content:has(.formwrap .tabContainer.PanelDirect) > #FR > .sfr.pageFormWrapper .formwrap > .sfr .formwrap.testClass .tabContainer.PanelDirect .tab .group.loginBox .field.regField .inputWrapper input, #_content:has(.formwrap .tabContainer.PanelDirect) > #FR > .sfr.pageFormWrapper .formwrap > .sfr .formwrap.testClass .tabContainer.PanelDirect .tab .group.loginBox .field.vinField .inputWrapper input {
  box-shadow: none;
  border-radius: 0px;
  border: 1px solid #000000;
  height: 40px;
  width: 100%;
  min-height: 30px;
  padding-right: 10px;
  background: #ffffff;
  padding-left: 10px !important;
}
#_content:has(.formwrap .tabContainer.PanelDirect) > #FR > .sfr.pageFormWrapper .formwrap > .sfr .formwrap.testClass .tabContainer.PanelDirect .tab .group.loginBox .field.loginBtn {
  width: 100%;
}
#_content:has(.formwrap .tabContainer.PanelDirect) > #FR > .sfr.pageFormWrapper .formwrap > .sfr .formwrap.testClass .tabContainer.PanelDirect .tab .group.loginBox .field.loginBtn button {
  min-height: 40px;
  background: #000000;
  color: #ffffff;
  transition: ease-in-out all 0.3s;
  border-radius: 0px;
  width: 300px;
  margin-left: calc(50% - 150px);
  text-align: center;
  justify-content: center;
}
#_content:has(.formwrap .tabContainer.PanelDirect) > #FR > .sfr.pageFormWrapper .formwrap > .sfr .formwrap.testClass .tabContainer.PanelDirect .tab .group.loginBox .field.vinInfoField {
  text-align: justify;
  background: url("Direct/ico_help.svg") no-repeat scroll left 15px transparent;
  background-size: 16px 16px;
  padding: 15px 0px 10px 25px;
  width: 300px;
  margin: 0px calc(50% - 150px);
}
#_content:has(.formwrap .tabContainer.PanelDirect) > #FR > .sfr.pageFormWrapper .formwrap > .sfr .formwrap.testClass .tabContainer.PanelDirect .tab .group.loginBox .field.vinInfoField label.value {
  font-size: 11px;
  line-height: 14px;
}
#_content:has(.formwrap .tabContainer.PanelDirect) > #FR > .sfr.pageFormWrapper .formwrap > .sfr .formwrap.testClass .tabContainer.PanelDirect .tab .group.loginBox .field.contactInfoField label {
  min-height: 0px;
}
#_content:has(.formwrap .tabContainer.PanelDirect) > #FR .sfr.footerFormWrapper {
  border: none;
  background: rgba(0, 0, 0, 0.5);
  height: auto;
  width: auto;
  display: inline-flex;
  align-items: center;
  padding: 0px 10px;
  width: 320px;
  justify-content: center;
  bottom: 0px;
  left: calc(50% - 160px);
}
@media screen and (max-width: 1020px) {
  #_content:has(.formwrap .tabContainer.PanelDirect) > #FR .sfr.footerFormWrapper {
    position: static;
    width: 100%;
  }
}
#_content:has(.formwrap .tabContainer.PanelDirect) > #FR .sfr.footerFormWrapper label.value {
  display: flex;
  flex-direction: row;
  font-size: 11px;
}
#_content:has(.formwrap .tabContainer.PanelDirect) > #FR .sfr.footerFormWrapper label.value span {
  white-space: nowrap;
}

/*POPUPS 2*/
.formPopup.vehicleCheckPopup {
  position: fixed;
  height: 100vh;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.1) !important;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(3px);
  z-index: 100 !important;
}
.formPopup.vehicleCheckPopup .group:after {
  background: none;
  z-index: -1;
  border: none;
}
.formPopup.vehicleCheckPopup .tab.group {
  width: max-content !important;
  max-width: 90vw !important;
  min-height: 300px;
  background-color: #ffffff;
  position: fixed;
  z-index: 100 !important;
  left: 50% !important;
  top: 50%;
  transform: translate(-50%, -50%) !important;
  box-shadow: 0px 10px 30px 10px rgba(0, 0, 0, 0.07);
}
.formPopup.vehicleCheckPopup .tab.group:has(span.KintoLogo) {
  background-color: #00708D;
  color: #ffffff;
}
.formPopup.vehicleCheckPopup .tab.group:has(.popupContent.group .field.textDisplay label.value:empty) {
  /*max-width: 550px !important;*/ /*TFMSMS-1429*/
}
.formPopup.vehicleCheckPopup .tab.group:has(.popupContent.group .field.textDisplay label.value:empty) .popupHeader.group {
  padding-top: 60px;
}
.formPopup.vehicleCheckPopup .tab.group:has(.popupContent.group .field.textDisplay label.value:empty) .popupContent.group {
  display: none;
}
.formPopup.vehicleCheckPopup .tab.group .field.textDisplay p {
  text-align: center;
}
.formPopup.vehicleCheckPopup .tab.group .popupHeader.group {
  display: flex;
  justify-content: center;
  border: none;
  border-top: none;
  border-radius: 0;
  margin-top: 10px;
}
.formPopup.vehicleCheckPopup .tab.group .popupHeader.group .field.textDisplay label.value {
  text-align: center;
}
.formPopup.vehicleCheckPopup .tab.group .popupHeader.group .field.textDisplay label.value:has(div.SearchLogo) {
  font-size: 22px;
  font-weight: 700;
}
.formPopup.vehicleCheckPopup .tab.group .popupHeader.group .field.textDisplay label.value span.SearchMail {
  color: #d2001e;
  text-decoration: underline;
  line-height: 30px;
}
.formPopup.vehicleCheckPopup .tab.group .popupHeader.group .field.textDisplay label.value div.SearchLogo span {
  display: block;
  background: url("/TMCH/logo_tfs.png") center center no-repeat transparent;
  height: 60px;
  width: 190px;
  background-size: contain;
  image-rendering: -webkit-optimize-contrast;
}
.formPopup.vehicleCheckPopup .tab.group .popupHeader.group .field.textDisplay label.value div.SearchLogo span.KintoLogo {
  background: url("/TMCH/KINTO_WHITE.svg") center center no-repeat transparent;
  width: 120px;
  background-size: cover;
}
.formPopup.vehicleCheckPopup .tab.group .popupContent.group .SearchMail {
  color: #d2001e;
  text-decoration: underline;
}
.formPopup.vehicleCheckPopup .tab.group .popupButtonBar.group {
  display: flex;
  justify-content: center;
  align-self: end;
  padding: 0 10px;
}
.formPopup.vehicleCheckPopup .tab.group .popupButtonBar.group .button {
  padding-top: 0;
}
.formPopup.vehicleCheckPopup .tab.group .popupButtonBar.group .button button {
  padding: 0 30px;
  border-radius: 100px;
  color: #FFFFFF;
}

.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).focused.customField label, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).focused.custom label, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay):not(.focused).customField label, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay):not(.focused).custom label {
  color: #ffffff;
  opacity: 1;
}
@media screen and (max-width: 1080px) {
  .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).focused.customField label, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).focused.custom label, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay):not(.focused).customField label, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay):not(.focused).custom label {
    color: #0d0505;
  }
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).focused.customField .inputWrapper:before, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).focused.custom .inputWrapper:before, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay):not(.focused).customField .inputWrapper:before, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay):not(.focused).custom .inputWrapper:before {
  /*editable*/
  border-bottom: 2px solid #ffffff;
}
@media screen and (max-width: 1080px) {
  .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).focused.customField .inputWrapper:before, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).focused.custom .inputWrapper:before, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay):not(.focused).customField .inputWrapper:before, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay):not(.focused).custom .inputWrapper:before {
    border-color: #0d0505;
  }
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).focused.customField .inputWrapper .inputBorderL, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).focused.custom .inputWrapper .inputBorderL, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay):not(.focused).customField .inputWrapper .inputBorderL, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay):not(.focused).custom .inputWrapper .inputBorderL {
  /*editable*/
  border-top: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}
@media screen and (max-width: 1080px) {
  .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).focused.customField .inputWrapper .inputBorderL, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).focused.custom .inputWrapper .inputBorderL, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay):not(.focused).customField .inputWrapper .inputBorderL, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay):not(.focused).custom .inputWrapper .inputBorderL {
    border-color: #0d0505;
  }
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).focused.customField .inputWrapper .inputBorderR, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).focused.custom .inputWrapper .inputBorderR, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay):not(.focused).customField .inputWrapper .inputBorderR, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay):not(.focused).custom .inputWrapper .inputBorderR {
  /*editable*/
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}
@media screen and (max-width: 1080px) {
  .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).focused.customField .inputWrapper .inputBorderR, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).focused.custom .inputWrapper .inputBorderR, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay):not(.focused).customField .inputWrapper .inputBorderR, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay):not(.focused).custom .inputWrapper .inputBorderR {
    border-color: #0d0505;
  }
}

.pops-c button, .pops-t button {
  color: white;
}

#_debuggerContent input, #_debuggerContent button {
  color: white;
}

/*BUTTON*/
input[type=button], input[type=submit], button, .fileupload-btn-trigger {
  color: white;
}

.field > a, .field.addNewInvoice .value > a {
  display: inline-flex;
  cursor: pointer;
  border: none;
  border-radius: 100px;
  box-shadow: none;
  color: #ffffff;
  background-color: #d2001e;
  padding: 5px 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  transition: all 0.5s 0s ease;
}
.field > a:hover, .field.addNewInvoice .value > a:hover {
  background: #73000d;
}

/*FIELDS AUTOCOMPLETE*/
.autocomplete-result {
  max-height: 400px !important;
  height: auto !important;
}

.field.text.active .inputWrapper input:focus {
  /*border: 3px solid $default-font-color !important;*/ /*materiladesign label up gets stikedthrough*/
}

.fileupload-container:has(.fileupload-btn.disabled)::after,
.progress-container:not([hidden=true])::after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(1px);
  overflow: hidden;
  display: block;
  align-items: center;
  align-content: center;
  justify-content: center;
  z-index: 100000;
  pointer-events: auto;
  cursor: not-allowed;
}

@keyframes spinLoader {
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.fileupload-container:has(.fileupload-btn.disabled)::before,
.progress-container:not([hidden=true])::before {
  content: "";
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 5px solid rgba(255, 255, 255, 0.2);
  border-top-color: #d2001e;
  z-index: 100001;
  pointer-events: none;
  animation: spinLoader 1s linear infinite;
  display: block;
}

.progress-container:not([hidden=true]) {
  position: fixed;
  z-index: 100000;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  justify-content: center;
  pointer-events: auto;
}
.progress-container:not([hidden=true]) .ico.started {
  display: none !important;
}
.progress-container:not([hidden=true]) .ico-progress {
  z-index: 100002;
  pointer-events: auto;
}
.progress-container:not([hidden=true]) .progress-count {
  z-index: 100002;
  pointer-events: auto;
}

tr.NotActiveGO, tr.notActiveRow {
  background: #949494 !important;
}
tr.NotActiveGO [class*=dropzone], tr.notActiveRow [class*=dropzone] {
  visibility: hidden;
}
tr.NotActiveGO [id*=selection], tr.notActiveRow [id*=selection] {
  cursor: not-allowed;
}
tr.NotActiveGO [id*=selection] [id*=selection-inner], tr.notActiveRow [id*=selection] [id*=selection-inner] {
  filter: grayscale(100%);
  opacity: 0.5;
  pointer-events: none;
}

tr.trOrangeBackground {
  background-color: rgba(242, 127, 12, 0.8) !important;
}

.ico.Przyszło {
  filter: none;
  background-image: url("/Layout/JournalIcons/przyszlo.png");
}

.ico.Wyszło {
  filter: none;
  background-image: url("/Layout/JournalIcons/wyszlo.png");
}

html #_content #FR .sfr.pageFormWrapper > .formwrap .field.dateField .inputWrapper input {
  background: url("/Direct/ico_calendar_a025.svg") no-repeat scroll right center transparent;
  background-size: 20px auto;
  padding-right: 23px;
  max-width: calc(100% - 23px);
  box-sizing: content-box;
  display: flex;
  align-items: center;
}
html .autocomplete-result {
  max-height: calc(50vh - 35px);
}

/*TFMSMS-1409*/
.field.textarea:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper textarea + label:not(.value) {
  display: inline-block;
  padding: 4px;
  text-align: right;
  opacity: 0.5;
  font-size: 0.8rem;
}

html .attachmentsForm .imageSliderHeaderContainer > .group.imageSliderTitleContainer, html .attachmentsTemplate .imageSliderHeaderContainer > .group.imageSliderTitleContainer {
  flex-shrink: 1;
}

html .attachmentsForm .imageViewerContainer .imageViewer .image-viewer-canvas, html .attachmentsTemplate .imageViewerContainer .imageViewer .image-viewer-canvas {
  justify-content: initial;
  align-items: initial;
}

html .attachmentsForm .imageViewerContainer .imageViewer img, html .attachmentsTemplate .imageViewerContainer .imageViewer img {
  margin: auto;
}

.readButton,
.unreadButton,
.deleteButton {
  color: #ffffff;
  font-size: 0px;
  background-color: white;
  cursor: pointer;
  border-radius: 18px;
  min-height: 28px;
  display: inline-flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  border: none;
  padding: 0px;
  text-decoration: none;
  flex-shrink: 0;
  flex-grow: 0;
}

.unreadButton:before,
.deleteButton:before {
  content: "";
  display: inline-block;
  height: 28px;
  width: 16px;
  margin-right: 0px;
  padding: 0px 6px;
  background-image: url(TMCH/ico_eye.svg);
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  background-size: 16px auto;
  filter: none;
}

.readButton:before {
  content: "";
  display: inline-block;
  height: 28px;
  width: 16px;
  margin-right: 0px;
  padding: 0px 6px;
  background-image: url(TMCH/ico_eye_out.svg);
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  background-size: 16px auto;
  filter: invert(23%) sepia(100%) saturate(6085%) hue-rotate(344deg) brightness(78%) contrast(115%);
}

.readButton:hover {
  background-color: white;
}
.readButton:hover:before {
  filter: none;
}

.unreadButton:hover,
.deleteButton:hover {
  background-color: white;
}
.unreadButton:hover:before,
.deleteButton:hover:before {
  opacity: 0.5;
}

.unreadButton:before {
  filter: invert(23%) sepia(100%) saturate(6085%) hue-rotate(344deg) brightness(78%) contrast(115%);
  background-image: url(TMCH/ico_eye_out.svg);
}

.readButton.success:before {
  filter: none;
  opacity: 0.5;
  background-image: url(TMCH/ico_eye.svg);
}

.unreadButton.success:before {
  filter: none;
  background-image: url(TMCH/ico_eye_out.svg);
}

.deleteButton:before {
  background-image: url(TMCH/ico_trash.svg);
}

.deleteButton.success:before {
  filter: invert(23%) sepia(100%) saturate(6085%) hue-rotate(344deg) brightness(78%) contrast(115%);
  background-image: url(TMCH/ico_trash.svg);
}

/*TFMSMS-1423*/
.policyWritingsList tbody tr td {
  color: #d2001e;
  cursor: pointer;
}
.policyWritingsList tbody tr td:hover {
  color: #73000d;
}

.claimDescriptionGroup {
  padding: 0px !important;
}
.claimDescriptionGroup .field.textarea {
  width: 100% !important;
}

/*TFMSMS-1435*/
.complexTableContainer table td:has(button) {
  padding-top: 5px;
  padding-bottom: 5px;
}
.complexTableContainer table td:has(button) button {
  height: 35px;
}

/*TFMSMS-1461*/
html .applicationFormData tbody {
  display: flex;
  flex-direction: column;
}
html .applicationFormData tr {
  display: inline-block;
  margin-bottom: 10px;
}
html .applicationFormData .field.checkbox {
  padding: 0;
}
html .applicationFormData .field.checkbox input {
  visibility: unset;
  margin: unset;
  height: unset;
  width: unset;
}
html .applicationFormData .field.checkbox label, html .applicationFormData .field.checkbox::before {
  display: none;
}

/*TFMSMS-1417*/
.field.ReadOnly .inputWrapper input {
  cursor: not-allowed;
}
.field.ReadOnly.fieldAlert .inputWrapper input, .field.ReadOnly.fieldError .inputWrapper input, .field.ReadOnly.fieldFatalError .inputWrapper input {
  cursor: not-allowed;
}
.field.ReadOnly:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper input {
  cursor: not-allowed;
}
.field.ReadOnly:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper:after {
  content: "";
  display: block;
  width: 40px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background: url("/TMCH/ico_readOnly.svg") no-repeat center;
  background-size: auto;
  background-size: 16px auto;
  caret-color: transparent;
  pointer-events: none;
}
.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 {
  cursor: not-allowed;
}
.field.ReadOnly:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) label {
  color: #414141;
}

.fileupload-container .fileupload-showFilesBtn.disabled {
  display: none;
}

.claimProgressTreeWrapper {
  display: flex;
}
@media screen and (max-width: 600px) {
  .claimProgressTreeWrapper {
    flex-direction: column;
  }
}
.claimProgressTreeWrapper .ClaimProgressDocumentTypes {
  max-width: 300px;
}
@media screen and (max-width: 600px) {
  .claimProgressTreeWrapper .ClaimProgressDocumentTypes {
    max-width: 100%;
  }
}
.claimProgressTreeWrapper .GLT.AutomatsLists .genericlist-container table {
  width: 100% !important;
}

@media screen and (max-width: 600px) {
  .report-container .report-files {
    flex-direction: column;
  }
}
.report-container .report-files button {
  height: 46px;
  width: 46px;
  border-radius: 0px;
}
.report-container .report-files button:hover {
  filter: none;
  background-size: auto 100%;
}
.report-container .report-files .group > label {
  font-size: 1rem;
  margin-bottom: 5px;
}
.report-container .report-files .group.reportFiles, .report-container .report-files .group.outputFiles, .report-container .report-files .group.logFiles {
  flex-grow: 1;
  justify-content: center;
}

/* VAPI */
.swagger-ui .wrapper .try-out .btn.cancel {
  color: red;
}
.swagger-ui .wrapper .try-out .btn {
  color: black;
}

.field .inputWrapper input[data-options*=dateFormat][disabled] {
  background-position-x: calc(100% - 32.5px) !important;
}
.field .inputWrapper input[data-options*=dateFormat]::-webkit-date-and-time-value {
  text-align: right;
}
.field .inputWrapper input.flatpickr-mobile {
  -webkit-appearance: none !important;
  appearance: none !important;
}
.field .inputWrapper input.flatpickr-mobile::-webkit-calendar-picker-indicator {
  display: none !important;
  -webkit-appearance: none !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
}
.field .inputWrapper input.flatpickr-mobile::-webkit-inner-spin-button,
.field .inputWrapper input.flatpickr-mobile::-webkit-clear-button {
  display: none !important;
  -webkit-appearance: none !important;
}

svg.watermark-svg {
  opacity: 0.5;
}

.field:not(.fieldsOrange, .fieldsRed) .inputWrapper input[data-options*=dateFormat]:not([disabled]) {
  background-color: white !important;
}

.field.radio .radioList .radioWrapper label {
  text-transform: capitalize;
}

button.icon-button.ai, button.icon-button.avi, button.icon-button.cbr, button.icon-button.cbz, button.icon-button.csv, button.icon-button.doc, button.icon-button.dtfs, button.icon-button.eps, button.icon-button.fb2, button.icon-button.gif, button.icon-button.html, button.icon-button.java, button.icon-button.mobi, button.icon-button.mp4, button.icon-button.pdf, button.icon-button.png, button.icon-button.ppt, button.icon-button.ps, button.icon-button.psd, button.icon-button.svg, button.icon-button.txt, button.icon-button.xls, button.icon-button .xlsx, button.icon-button.zip, button.icon-button.jpg, button.icon-button.jpeg, button.icon-button.bmp, button.icon-button.heif, button.icon-button.tiff, button.icon-button.tif, button.icon-button.htm, button.icon-button.docx, button.icon-button.msg, button.icon-button.ods, button.icon-button.odt, button.icon-button.oft, button.icon-button.odg {
  border-radius: 0px;
}
button.icon-button.ai:hover, button.icon-button.avi:hover, button.icon-button.cbr:hover, button.icon-button.cbz:hover, button.icon-button.csv:hover, button.icon-button.doc:hover, button.icon-button.dtfs:hover, button.icon-button.eps:hover, button.icon-button.fb2:hover, button.icon-button.gif:hover, button.icon-button.html:hover, button.icon-button.java:hover, button.icon-button.mobi:hover, button.icon-button.mp4:hover, button.icon-button.pdf:hover, button.icon-button.png:hover, button.icon-button.ppt:hover, button.icon-button.ps:hover, button.icon-button.psd:hover, button.icon-button.svg:hover, button.icon-button.txt:hover, button.icon-button.xls:hover, button.icon-button .xlsx:hover, button.icon-button.zip:hover, button.icon-button.jpg:hover, button.icon-button.jpeg:hover, button.icon-button.bmp:hover, button.icon-button.heif:hover, button.icon-button.tiff:hover, button.icon-button.tif:hover, button.icon-button.htm:hover, button.icon-button.docx:hover, button.icon-button.msg:hover, button.icon-button.ods:hover, button.icon-button.odt:hover, button.icon-button.oft:hover, button.icon-button.odg:hover {
  filter: none;
  background-size: auto 100%;
}
button.icon-button.jpg, button.icon-button.jpeg {
  background-image: url("/Layout/FileTypes/ico_jpg.svg");
}
button.icon-button.bmp {
  background-image: url("/Layout/FileTypes/ico_bmp.svg");
}
button.icon-button.gif {
  background-image: url("/Layout/FileTypes/ico_gif.svg");
}
button.icon-button.heif {
  background-image: url("/Layout/FileTypes/ico_heif.svg");
}
button.icon-button.tiff, button.icon-button.tif {
  background-image: url("/Layout/FileTypes/ico_tiff.svg");
}
button.icon-button.html, button.icon-button.htm {
  background-image: url("/Layout/FileTypes/ico_html.svg");
}
button.icon-button.docx, button.icon-button.doc {
  background-image: url("/Layout/FileTypes/ico_doc.svg");
}
button.icon-button.xls {
  background-image: url("/Layout/FileTypes/ico_xls.svg");
}
button.icon-button.xlsx {
  background-image: url("/Layout/FileTypes/ico_xlsx.svg");
}
button.icon-button.pdf {
  background-image: url("/Layout/FileTypes/ico_pdf.svg");
}
button.icon-button.zip {
  background-image: url("/Layout/FileTypes/ico_zip.svg");
}
button.icon-button.msg {
  background-image: url("/Layout/FileTypes/ico_msg.svg");
}
button.icon-button.ods {
  background-image: url("/Layout/FileTypes/ico_ods.svg");
}
button.icon-button.odt {
  background-image: url("/Layout/FileTypes/ico_odt.svg");
}
button.icon-button.oft {
  background-image: url("/Layout/FileTypes/ico_oft.svg");
}
button.icon-button.odg {
  background-image: url("/Layout/FileTypes/ico_odg.svg");
}