/*! 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.
 */

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;
} /*! jQuery UI - v1.14.2 - 2026-02-10
* https://jqueryui.com
* Copyright OpenJS Foundation and other contributors; Licensed MIT */

.ui-draggable-handle{touch-action:none}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{touch-action:none}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;user-select:none}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:pointer;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px} /* Widgets */
.ui-widget-content						{ background-color: var(--background-color); border: 1px solid var(--border-color); }
.ui-dialog								{ background-color: var(--background-color); }

/* States */
.ui-state-hover							{ color: var(--hover-state-contrast); background-color: var(--hover-state-color); }
.ui-state-highlight						{ color: var(--selected-state-contrast) !important; background-color: var(--selected-state-color); }
.ui-state-less-highlight				{ color: var(--hover-state-contrast) !important; background-color: var(--hover-state-color); filter: brightness(0.9); }

/* Autocomplete */
.ui-autocomplete-input 					{ line-height: normal; }
.ui-autocomplete						{ padding: 4px; }
.ui-autocomplete .ui-menu-item			{ padding: 0.125em; }
.ui-autocomplete .ui-menu-item:hover	{ color: var(--hover-state-contrast); background-color: var(--hover-state-color); }

/* JSTree */
.jstree-default .jstree-hovered			{ color: var(--hover-state-contrast); background-color: var(--hover-state-color); border-color: var(--hover-state-color); padding:0 1px 0 1px; }
.jstree-default .jstree-clicked			{ color: var(--selected-state-contrast); background-color: var(--selected-state-color); border-color: var(--selected-state-color); padding:0 1px 0 1px; }
.jstree-default.jstree-focused 			{ background: var(--background-color); }

/* Slider */
.ui-slider-handle						{ border: 1px solid var(--border-color); background: var(--background-color); }

/* Icons */
.ui-icon 								{ width: 16px; height: 16px; }
.ui-icon,
.ui-widget-content .ui-icon				{ background-image: var(--img-default-icon-map); }
.ui-widget-header .ui-icon				{ background-image: var(--img-default-icon-map); }
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon				{ background-image: var(--img-default-icon-map); }
.ui-state-active .ui-icon,
.ui-button:active .ui-icon				{ background-image: var(--img-default-icon-map); }
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon	{ background-image: var(--img-default-icon-map); }
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon			{ background-image: var(--img-default-icon-map); }
.ui-button .ui-icon						{ background-image: var(--img-default-icon-map); }

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Enterprise-style popover box */
.password-rules-box {
    display: none; /* Hidden by default */
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    margin-top: 4px;
    padding: 12px;
    background: #fff;
    border: 1px solid #e1e4e8;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    box-sizing: border-box;
    z-index: 10;
}
.password-rules-box::before {
    content: '';
    position: absolute;
    top: -6px; /* Pushes half of the square outside the box */
    left: 20px;
    width: 10px;
    height: 10px;
    background: #fff;
    /* Apply borders only to the sides sticking out */
    border-top: 1px solid #e1e4e8;
    border-left: 1px solid #e1e4e8;
    /* Rotate it to form the pointer */
    transform: rotate(45deg);
    /* Optional: A very subtle shadow casting up and left to match the box's depth */
    box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.03);
}
.rule-item {
    margin: 6px 0;
    font-size: 13px;
    display: flex;
    align-items: center;
    color: #d73a49;
    transition: color 0.2s ease;
    padding-left: 20px; /* Make room for the background icon */
    position: relative;
}

/* Default state: A red cross SVG */
.rule-item::before {
    content: '';
    position: absolute;
    left: 0;
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d73a49' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Valid state: A green checkmark SVG */
.rule-item.valid {
    color: #28a745;
}

.rule-item.valid::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2328a745' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
}
/* New styles for the entropy/strength meter */
.password-strength-container {
    margin-bottom: 12px;
}
.password-strength-label {
    font-size: 12px;
    font-weight: bold;
    color: #586069;
    margin-bottom: 4px;
    display: flex;
    justify-content: space-between;
}
.password-strength-meter {
    height: 6px;
    background-color: #e1e4e8;
    border-radius: 3px;
    overflow: hidden;
    width: 100%;
}
.password-strength-bar {
    height: 100%;
    width: 0%;
    background-color: #d73a49; /* Defaults to Red */
    transition: width 0.3s ease, background-color 0.3s ease;
}
 /* Global style definitions */
BODY		{ padding: 0; margin: 0; background-color: var(--background-color); color: var(--text-color); font-family: var(--font-family); font-size: 0.9em; line-height: 1.2; overflow-x: hidden; overflow-y:auto; background: var(--img-login-background) no-repeat center center fixed; webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
A,
A:hover,
A:link		{ color: var(--site-link-color); text-decoration: none; }
A:visited	{ color: var(--site-visited-link-color); text-decoration: none; }
A:active	{ color: var(--site-active-link-color); text-decoration: none; }

.form-label				{ color: var(--text-color); }
.form-input				{ }
.form-input-mandatory	{ }
.form-input-error		{ border-bottom-color: var(--error-color) !important; }
.form-error				{ color: var(--error-color);  }

.fas-menu-icon			{ font-size: 20px; }
.fas-banner-icon		{ font-size: 20px; color: var(--attention-color); }
.fa-user-circle:before	{ width: 36px; text-align: center; color: var(--login-title-color); font-size: 20px; }
.fa-lock:before			{ width: 36px; text-align: center; color: var(--login-title-color); font-size: 20px; }

.flex__container			{ width: 100vw; height: 100vh; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: stretch; justify-content: space-between; }

.banners					{ flex: 0 1 33%; padding: 10px; display: flex; flex-direction: column; }
.banners__box				{ max-width: 320px; padding: 24px 10px 10px 10px; margin-bottom: 12px; background: var(--login-background); border-radius: var(--border-radius-xlg); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); backdrop-filter: blur(5.9px); webkit-backdrop-filter: blur(5.9px); border: 1px solid rgba(255, 255, 255, 0.17);  }
.banners__imprint			{ display: none; }
.banners__content			{ text-align: justify; color: var(--text-color); }
.banners__content--scroll	{ height: 240px; overflow: auto; }
.banners__icon				{ }

.sidesteps					{ flex: 0 0 33%; padding: 10px; display: flex; flex-direction: column; align-items: flex-end; }
.sidesteps__item			{ flex: 0 0 auto; width: 160px; padding: 10px; margin-bottom: 12px; text-align: center; background: var(--login-background); border-radius: var(--border-radius-xlg);; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); backdrop-filter: blur(5.9px); webkit-backdrop-filter: blur(5.9px); border: 1px solid rgba(255, 255, 255, 0.17); }
.sidesteps__text			{ color: var(--text-color); }
.sidesteps__icon			{ padding: 1em; border: 1px solid transparent; }
.sidesteps__icon:hover		{ color: var(--hover-state-contrast); background-color:var(--hover-state-color); border: 1px solid var(--border-color); }
.sidesteps__item A			{ color: var(--site-link-color); }

.flags						{ flex: 1 0 auto; display: flex; flex-direction: row; flex-wrap: wrap-reverse; align-items: flex-start; }
.flags__item				{ }

/* main login element */
.login__container				{ flex: 0 0 34%; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.login__card					{ width: 380px; min-height: 500px; box-sizing: border-box; background: var(--login-background); border-radius: 16px; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); backdrop-filter: blur(5.9px); webkit-backdrop-filter: blur(5.9px); border: 1px solid rgba(255, 255, 255, 0.17); padding: 64px 40px; display: flex; flex-direction: column; align-items: center; justify-content: center; }

.login__logo					{ text-align: center; margin-bottom: 64px; }
.login__title					{ margin-bottom: 0.25em; font-size: 20px; text-align: center; color: var(--login-title-color); }
.login__subtitle				{ font-size: 16px; text-align: center; color: var(--login-title-color); }
.login__form					{ }
.login__fields					{ }
.login__messages				{ text-align: center; }
.login__success					{ color: var(--go-state-color); }
.login__error					{ color: var(--error-color); }
.login__message					{ color: var(--text-color); }
.login__footer					{ padding: 8px; margin-top: 24px; font-size: 0.6rem; color: var(--login-title-color); text-align: justify-all; }

.login__avatar					{ }
.login__avatar--anonymous		{ height: 48px; }
.login__avatar--user			{ width: 56px; height: 56px; border-radius: 50%; border: 2px solid var(--login-background); background-color: var(--background-gray); }

.login__text					{ color: var(--text-color); }

.login__element					{ margin-top: 12px; margin-bottom: 4px; position: relative; }
.login__element--centered		{ margin: 12px auto 4px auto; text-align: center; }
.login__element--hidden			{ display: none; }
.login__input					{ margin: 10px 0 0 0; padding-bottom: 6px; height: 34px; background-color: transparent;	border: 0; font-size: 18px; outline: 0; color: var(--text-color); width: 100%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: var(--border-color); min-height: 22px !important; }
.login__input::placeholder		{ font-size: 14px; }
.login__input--hidden			{ display: none; }
.login__input--iconed			{ width: calc(100% - 48px); }

.login__input--spinner				{ }
.login__input--spinner[readonly]	{ }

.login__button							{ cursor: pointer; display: block; margin: 20px auto 0 auto; width: 256px; height: 40px; border: 0; border-radius: var(--border-radius-xxlg); font-weight: 600; font-size: 14px; color: var(--button-primary-color); border: 1px solid var(--button-primary-color); }
.login__button:hover					{ color: var(--button-primary-color); background-color: var(--hover-state-color); border: 1px solid var(--button-primary-color); }
.login__button[name="btPreAuth"],
.login__button[name="btOk"]				{ color: var(--login-button-contrast); background-color: var(--login-button-color); border: 1px solid var(--login-button-color);}
.login__button[name="btPreAuth"]:hover,
.login__button[name="btOk"]:hover		{ background-color: var(--login-button-hover); }
.login__button--centered				{ margin: 12px auto 4px auto; }
.login__button--aligned					{ display: inline-block; }
.login__button--hidden					{ display: none; }

.login__link						{ color: var(--text-color); cursor: pointer; }
.login__link:hover					{ text-decoration: underline !important; }

/* Adapt layout if embedded in iframe */
.login__body--embedded				{ background: var(--background-color); }
.login__body--embedded .banners		{ display: none; }
.login__body--embedded .sidesteps	{ display: none; }
.login__body--embedded .flags		{ display: none; }
.login__body--embedded .release		{ display: none; }


#j_username_div {
    position: relative;
}

#edit_username_link {
    position: absolute;
    right: 22px;  /* link at the end of the username input box */
    top: 50%;
    transform: translateY(-27%);
    display: none;
}

#j_username[readonly] {
    cursor: not-allowed;
}

 
/* styles for CSS dialogs (iframes) */
.dialogBlanket,.ui-widget-overlay{ position : fixed; top: 0; left: 0; bottom: 0; right: 0; display: flex; justify-content: center; align-items: center; background: rgba(51, 51, 51, 0.45); z-index:100; }
.dialogContainer				{ max-width: 95%; max-height: 95%; background: var(--background-color); position: relative; display: flex; flex-direction: column; flex-wrap: nowrap; border-radius: var(--border-radius-xlg);}
.dialogBlanket--minimize		{ align-items: flex-end !important; }
.dialogContainer--minimize		{ width: 200px !important; height: auto !important; }
.dialogContainer--maximize		{ width: 100% !important; height: 100% !important; }

.ui-dialog, .dialogContainer	{ box-shadow: rgb(0 0 0 / 20%) 0 5px 5px -3px, rgb(0 0 0 / 14%) 0 8px 10px 1px, rgb(0 0 0 / 12%) 0 3px 14px 2px; border-radius: var(--border-radius-xlg);}

.dialogContainer--steppedBack	{ }
.dialogContainer--steppedBack .dialogHeader,
.dialogContainer--steppedBack .dialogLoaderIndicatorContainer		{ background: rgba(51, 51, 51, 0.3); }
.dialogContainer--steppedBack .dialogHeader:hover					{ background: rgba(51, 51, 51, 0.15); }

.dialogHeader,
.ui-dialog .ui-dialog-titlebar,
.ui-dialog .ui-widget-header	{ display: flex; flex-wrap: nowrap; align-items: center; padding: 10px; background: inherit; color: inherit; border: 0; border-radius: var(--border-radius-lg) }
.dialogTitle,
.ui-dialog .ui-dialog-title		{ flex: 1 1 auto; display: inline; color: var(--text-color); font-weight: 500; font-size: 16px; line-height: 22px; word-wrap: break-word; min-width: 100px; }
.dialogHeader{border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;}

.dialogContent 					{ width: 100%; box-sizing: border-box; flex: 1 1 auto; border: 0; position: relative; }
.dialogContent--minimize,
.dialogRestoreIcon,
.dialogMinimizeIcon--minimize,
.dialogMinimizeIcon--maximize	{ display: none !important; }
.dialogRestoreIcon--minimize,
.dialogRestoreIcon--maximize	{ display:block !important; }

.dialogIFrame					{ width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; border: 0;  border-bottom-right-radius: var(--border-radius-lg);border-bottom-left-radius: var(--border-radius-lg);}
.dialogHeaderIcon				{ width: 28px;height: 28px;box-sizing: border-box; flex: 0 0 auto; cursor: pointer; !important aspect-ratio: 1 / 1; padding: 4px; margin-right: 2px; border-radius: 50%; display: flex;align-items: center;justify-content: center;transition: background-color 0.2s ease;}
.dialogHeaderIcon > SVG			{ width: 20px !important; height: 20px !important; }
.dialogHeaderIcon:hover			{ background-color: var(--hover-state-color);  }

.dialogRestoreIcon--minimize > #dialogRestoreIconFromMax		{ display: none; }
.dialogRestoreIcon--maximize > #dialogRestoreIconFromMin		{ display: none; }

.dialogLoaderIndicatorContainer									{ height: 2px; width: 100%; box-sizing: border-box; overflow: hidden; }
.dialogLoaderIndicatorBackground								{ height: 0; transition: height 0.2s linear; }
.dialogContainer--loading .dialogLoaderIndicatorBackground		{ height: 2px; }

.ui-dialog .ui-dialog-buttonpane {
    border-bottom-left-radius: var(--radius-modal);
    border-bottom-right-radius: var(--radius-modal);
}
.ui-dialog BUTTON.ui-dialog-titlebar-close 						{ position: relative; top: auto; width: 22px; height: 22px; margin: 0; padding: 2px; background: inherit; border: 0; flex: 0 0 auto; cursor: pointer; }

.indeterminateContainer											{ display: flex; flex-direction: column; justify-content: center; align-content: center; }
.indeterminateContainer--fill									{ margin: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 48px; }
.indeterminateContainer .loader									{ position: absolute; top: 50%; left: 50%; margin-left: -24px; margin-top: -24px; width: 48px; height: 48px;  }
  

/* Global variables */
:root {

	/* font */
	--font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI","Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;

	/* neutral colors */
	--background-color: #FFFFFF;
	--background-gray-0: hsl(0, 0%, 98%);
	--background-gray-1: hsl(0, 0%, 97%);
	--background-gray-2: hsl(0, 0%, 96%);
	--background-gray-3: hsl(0, 0%, 95%);
	--background-gray: var(--background-gray-3);
	--text-color: #131313;
	--text-color-headers: #131313;
	--border-color: #B6BCC3;
	--border-light: #CED2D7;

	/* primary colors */
	--primary-bgcolor:  #FFFFFF; /* #0B2038 */
	--primary-color: #000000; /* #FFFFFF */
	--secondary-bgcolor: #F2F2F2; /* #0B3D6B */
	--secondary-color: #A1A1A1; /* #FFFFFF */
	--accent-color: #FB0436;
	--accent-contrast: #FFFFFF;

	/* semantic colors */
	--go-state-color: #5EA022;
	--go-state-contrast: #FFFFFF;
	--attention-color: #FECA34;
	--attention-contrast: #000000;
	--error-color: #BA1A1A;
	--error-contrast: #FFFFFF;
	--disabled-color: #E7EAED;
	--disabled-contrast: #131313;
    --disabled-tab-color: #767676;

	/* color variants */
	--active-state-color: #283A4F;
	--active-state-contrast: #FFFFFF;
	--selected-state-color: #22364C;
	--selected-state-contrast: #FFFFFF;

	--hover-state-color: #E7EAED;
	--hover-state-contrast: #131313;

	--button-color: #F2F2F2;
	--button-hover: #E7EAED;
	--button-contrast: #131313;

	--button-go-color: #5EA022;
	--button-go-hover: #6BA733;
	--button-go-selected: #72AC3D;
	--button-go-contrast: #FFFFFF;

	--button-primary-color: #0B3D6B;
	--button-primary-hover: #1E3148;
	--button-primary-selected: #283A4F;
	--button-primary-contrast: #FFFFFF;

	--button-secondary-color: #F2F2F2;
	--button-secondary-hover: #1E4C77;
	--button-secondary-selected: #28547C;
	--button-secondary-contrast: #131313;

	--button-special-color: #EE5B30;
	--button-special-contrast: #131313;

	/* images */
	--img-triangle-closed: url(/srm/core/images/icons/16x16/navigation_triangle_closed.png);
	--img-triangle-opened: url(/srm/core/images/icons/16x16/navigation_triangle_opened.png);
	--img-navigate-left: url(/srm/core/images/icons/16x16/navigate_left.png);
	--img-navigate-right: url(/srm/core/images/icons/16x16/navigate_right.png);
	--img-navigate-up: url(/srm/core/images/icons/16x16/navigate_up.png);
	--img-navigate-down: url(/srm/core/images/icons/16x16/navigate_down.png);
	--img-check: url(/srm/core/images/icons/16x16/check.png);
	--img-delete: url(/srm/core/images/icons/16x16/delete.png);
	--img-default-icon-map: url(/srm/core/thirdparty/jQuery/images/ui-icons_217bc0_256x240.png);

	/* customized colors */
	--site-header-background: #ffffff;
	--site-header-background-brighter: #FFFFFF;
	--site-header-color: #000000;
	--site-dialog-title-background: #F2F2F2;
	--site-dialog-title-color: #A1A1A1;
	--site-link-color: #0D78BF;
	--site-active-link-color: #4b9ccf;
	--site-visited-link-color: #0D78BF;

	/* Corner radius */
	--border-radius-none: 0px;
	--border-radius-sm: 4px;
	--border-radius-md: 8px;
	--border-radius-lg: 12px;
	--border-radius-xlg: 16px;
	--border-radius-xxlg: 20px;
	--border-radius-pill: 500px;

	/* component-specific radius */
	--radius-button: var(--border-radius-xlg);
	--radius-input: var(--border-radius-sm);
	--radius-card: var(--border-radius-lg);
	--radius-modal: var(--border-radius-xlg);
	--radius-dropdown: var(--border-radius-md);
	--radius-leftnav-item: var(--border-radius-lg);
	--radius--tooltip: var(--border-radius-sm);



	/* Spacing system */
	--space-0: 0px;
	--space-1: 2px;
	--space-2: 4px;
	--space-3: 8px;
	--space-4: 12px;
	--space-5: 16px;
	--space-6: 20px;
	--space-7: 24px;
	--space-8: 32px;
	--space-9: 40px;
	--space-10: 48px;
	--space-11: 56px;
	--space-12: 72px;
	--space-13: 96px;

	/* Component-specific spacing */
	--space-tooltip-padding-y: var(--space-2);
	--space-tooltip-padding-x: var(--space-3);
	--space-input-padding: var(--space-4);
	--space-leftnav-padding:var(--space-2);
	--space-leftnav-padding:var(--space-2);
	--space-button-padding-x: var(--space-5);
	--space-button-padding-y: var(--space-6);
	--space-section-padding: var(--space-8);
	--space-modal-padding: var(--space-7);
	--space-card-padding: var(--space-4);


	/* login stuff */
	--login-background: rgba(255, 255, 255, 0.92);
	--login-title-color: #707070;
	--login-button-color: #EE5B30;
	--login-button-contrast: #FFFFFF;
	--login-button-hover: #EF6840;
	--img-login-background: url(/srm/astras.R6/WFE/public/MAGNA/en/GB/-/logos/background);

	--auction-status-future: black;
	--auction-status-finished: darkred;
	--auction-status-running: #00a000;
	--auction-status-paused: darkorange;
	--auction-status-warning: #a0a000;

}
  form-input__row-container:has(input[name="assessmentDate"]),
.form-input__row-container:has(input[name="expiryDate"]) {
  display: none !important;
}

/* Registrierungslink verstecken*/
#sidesteps-registration {
visibility:hidden !important;
display:none;
height:0px;
}

/* Classifications Comment - Limitation of Line Height*/
td.td-chart-link.classification-comment {
  display: block;
  max-height: 90px;
  overflow-y: auto;
  overflow-x: hidden;
  white-space: normal;
  word-break: break-word;
}

:root {
--button-special-color: #E7EAED !important;
--selected-state-color: #E7EAED !important;
--selected-state-contrast: #000000!important;
--hover-state-color: #f2f2f2 !important;
--login-button-color: #5787c9 !important;
--login-button-hover: #4870a7 !important;
}

.relationTreeViewItem-currentCompany {
background-color: #EDC87E !important;
}

.adhoc-rating-row {height: 20px; font-weight:bold;}

/*ändert die Schriftfarbe der Hotline und der Release-Information (default: weiß) */

.release {
color: #383838 !important;
}

#application-banner { 
position: absolute; 
top: 230px; 
left: 10px; 
width: 600px; 
padding: 10px; 
}

#cookies-disclaimer { 
position: absolute; 
top: 10px
left: 10px; 
width: 600px; 
padding: 10px; 
}

.sidesteps {
    padding-right: 100px; 
    padding-top: 100px;
}

.ui-button {
background: linear-gradient(to bottom, #d7ebfb 0%, #d7ebfb 100%);
color: #000000 !important;
border: 1px solid #a0a0a0 !important;
}

.ui-widget-shadow{
background: rgba(170,170,170,1);
}

/* ändert die Schriftfarbe der Loginlinks (default: weiß) */
.login__link {
color: #0C152D !important;
font-weight: bold;
font-size: 1.0em;
opacity:1;
}

/*ändert div. Punkte im Login */
.login__card {   
    background-color: rgb(255 255 255 / 85%);    
}

.banners__box {    
    background-color: rgb(255 255 255 / 85%);    
}

.sidesteps__item {    
    background-color: rgb(255 255 255 / 85%);   
}

.login__footer {    
    color: #656565;    
}

.banners__content {  
    color: #656565;
}

.preferences-div > div {
position:relative !important;
float:left !important;
display: block !important;
}

.form-input-mandatory {
    border-left: 4px solid var(--attention-color);
    background-color: #fffbcf !important;
}

.astras-tagit-highlight {
color:#217BC0 !important;
}

.tax-table .forbidden {
color:#d98925 !important;
}

/* Anpassungen für Magna Ratings Overview */
/* Umrandung und Abstand für jede Rating-Karte */
td:has(.rating-card) {
  background-color: #ffffff;
  border: 1px solid var(--border-light);
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
  vertical-align: top;
  box-sizing: border-box;
  transition: box-shadow 0.3s ease;
}

td:has(.rating-card):hover {
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
}

/* Haupt-Rating */
.rating-card {
  font-weight: 600;
  text-align: center;
  padding: 14px;
  border-radius: 8px;
  margin-bottom: 16px;
  background-color: var(--secondary-bgcolor);
  font-size: 1.1em;
  color: var(--text-color);
}

/* Detailfelder */
.rating-detail {
  background-color: var(--background-gray);
  padding: 10px 12px;
  border-radius: 6px;
  margin-bottom: 8px;
  font-size: 0.95em;
  color: var(--text-color);
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Optional: Checkboxen und Dropdowns schöner */
.rating-detail input[type="checkbox"],
.rating-detail select {
  margin-left: auto;
}

/* Style ONLY the RFQ XLS template download link */
a[href*="hierTemplate/export"] {
    display: inline-block;
    background-color: #e3edff;
    color: #005ab8 !important;
    padding: 3px 10px;
    border-radius: 6px;
    font-weight: 600;
    text-decoration: none !important;
    line-height: 1.0;
    vertical-align: baseline !important;
    white-space: nowrap;
    transition: background-color 0.2s ease, color 0.2s ease;
}

/* Hover effect */
a[href*="hierTemplate/export"]:hover {
    background-color: #d2e3ff;
    color: #004a97 !important;
}

/* Adjust size of contact flags field */
.form-input[name="contactFlags"] {
    height: 210px;
}

/* DUNS field in blue */
.form-input[name="DUNS"] {
    background-color: #a4d5ff;
    border-left: 4px solid #50a7f2;
}

.activeTab {
    border-bottom: 2px solid #0D78BF;
    font-weight: 600;
    background: #f2f2f2;
}


/* ============================================================
   DUNS-FELD: Aenderung ist ein ANTRAG, keine direkte Aenderung
   ------------------------------------------------------------
   Hinweistexte: EN = Basis/Default, DE als Override.
   Chinesische Portalsprache sieht den englischen Text - die
   Zeichenkodierung des Backoffice-Stylesheets gibt chinesische
   Zeichen in "content" nicht korrekt aus. Farben und Zustand
   funktionieren dort aber.
   Die Texte laufen NICHT ueber die Sprachverwaltung von
   QAD SRM und muessen hier manuell gepflegt werden.
   ============================================================ */

/* --- 1) Feld: Warnfarbe statt Blau -------------------------
   Diese Regel ist der Indikator: bleibt das Feld blau, wird
   dieses Stylesheet nicht ausgeliefert (Cache-Reset noetig).
   Zurueck auf Blau: #a4d5ff / #50a7f2
   ----------------------------------------------------------- */
.form-input[name="DUNS"] {
    background-color: #fff4e2 !important;
    border-left: 4px solid #d98925 !important;
}

/* --- 2) Icon: weisses Symbol auf orangem Kreis ------------- */
form[action*="suppliers/preferences/company/editCompanyData"] .form-input__input-row:has(.form-input[name="DUNS"]) .form-input__addon--icon {
    background-color: #d98925 !important;
    border-radius: 50% !important;
    padding: 3px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 0 !important;
}

form[action*="suppliers/preferences/company/editCompanyData"] .form-input__input-row:has(.form-input[name="DUNS"]) .form-input__addon--icon img {
    filter: brightness(0) invert(1) !important;
    width: 18px !important;
    height: 18px !important;
}

/* --- 3) Hinweisbox: Layout + Basistext (EN) ---------------- */
form[action*="suppliers/preferences/company/editCompanyData"] .form-input__input-container:has(.form-input[name="DUNS"])::after {
    content: "Please note: changing this number is a request. The new number only becomes valid after Purchasing has approved it." !important;
    display: block !important;
    max-width: 460px !important;
    margin-top: 6px !important;
    padding: 9px 12px !important;
    border-left: 5px solid #d98925 !important;
    border-radius: 4px !important;
    background-color: #fff4e2 !important;
    color: #7a4a00 !important;
    font-size: 0.95em !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    white-space: normal !important;
}

/* --- 4) Offener Antrag: SPRACHUNABHAENGIGE Erkennung ------
   Der Tooltip enthaelt in diesem Zustand die alte und die
   neue Nummer in Anfuehrungszeichen, in jeder Sprache:
   EN  Change from "000000009" to "00-000-0009" waiting ...
   ZH  ..."000000009"..."00-000-0008"...
   Im Grundzustand kommt kein " vor. Der Selektor prueft
   daher nur auf das Vorkommen eines Anfuehrungszeichens -
   damit ist keine Pflege pro Sprache mehr noetig.
   ----------------------------------------------------------- */
form[action*="suppliers/preferences/company/editCompanyData"] .form-input__input-container:has(.form-input[name="DUNS"]):has(.form-input__addon--icon img[title*='"'])::after {
    content: "Your change has been requested and is awaiting approval by Purchasing. The previously stored number remains valid until then." !important;
    border-left-color: #b3261e !important;
    background-color: #fdecea !important;
    color: #8c1d18 !important;
}

/* Feld bei offenem Antrag rot hinterlegt */
form[action*="suppliers/preferences/company/editCompanyData"] .form-input__input-row:has(.form-input__addon--icon img[title*='"']) .form-input[name="DUNS"] {
    background-color: #fdecea !important;
    border-left-color: #b3261e !important;
}

/* Icon-Kreis bei offenem Antrag rot */
form[action*="suppliers/preferences/company/editCompanyData"] .form-input__input-row:has(.form-input[name="DUNS"]) .form-input__addon--icon:has(img[title*='"']) {
    background-color: #b3261e !important;
}


/* --- 5) SPRACHVARIANTE DEUTSCH ----------------------------
   Nur der Text wird ueberschrieben, Layout und Farben aus
   Block 3 und 4 bleiben. Reihenfolge beachten: der Text fuer
   den offenen Antrag muss NACH dem Grundtext stehen.
   ----------------------------------------------------------- */

html[lang^="de"] form[action*="suppliers/preferences/company/editCompanyData"] .form-input__input-container:has(.form-input[name="DUNS"])::after {
    content: "Achtung: Eine Änderung dieser Nummer ist ein Antrag. Die neue Nummer wird erst gültig, nachdem der Einkauf sie freigegeben hat." !important;
}

html[lang^="de"] form[action*="suppliers/preferences/company/editCompanyData"] .form-input__input-container:has(.form-input[name="DUNS"]):has(.form-input__addon--icon img[title*='"'])::after {
    content: "Ihre Änderung ist beantragt und wartet auf Freigabe durch den Einkauf. Bis zur Freigabe gilt weiterhin die bisher hinterlegte Nummer." !important;
}


/* --- 6) FALLBACK-ANKER fuer die Hinweisbox -----------------
   Nur verwenden, wenn Block 3 nicht erscheint. Dann Block 3,
   die ::after-Regel aus Block 4 sowie Block 5 auskommentieren
   und hier die Kommentarklammern entfernen. .form-text ist
   Geschwister des row-container, daher der +-Selektor.
   -------------------------------------------------------------
form[action*="suppliers/preferences/company/editCompanyData"] .form-input__row-container:has(.form-input[name="DUNS"]) + .form-text::before {
    content: "Please note: changing this number is a request. The new number only becomes valid after Purchasing has approved it." !important;
    display: block !important;
    max-width: 460px !important;
    margin: 6px 0 10px 0 !important;
    padding: 9px 12px !important;
    border-left: 5px solid #d98925 !important;
    border-radius: 4px !important;
    background-color: #fff4e2 !important;
    color: #7a4a00 !important;
    font-size: 0.95em !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
}
   ----------------------------------------------------------- */