/* VARIABLES */
:root {
  --software-title: "Proxy DDL";
  --software-version: "1.0";
  --clipboard-size: 200px;
  --clipboard-glyph: 100px;
}
body,
body.light,
body.light-rounded,
body.light-squared {
  /* --color */
  --color-scheme: only light;
  /* --main */
  --main-color: #eee;
  --main-invert: #111;
  --main-text: #333;
  --main-disable: #999;
  --main-readonly: #ddd;
  --main-separator: #ddd;
  --main-interline: #bbb;
  --main-shadow: #000;
  --main-info: #29e;
  --main-success: #3a6;
  --main-warning: #fb0;
  --main-error: #c31;
  --main-login: #85c;
  --main-progress: #29e;
  --main-files: #85c;
  /* --misc */
  --disable-overtext: #fff;
  --disable-overtextshadow: #000;
  --disable-fold: #fff;
  --success-action: #3a6;
  --success-overtext: #fff;
  --success-overtextshadow: #000;
  --success-fold: #fff;
  --warning-action: #750;
  --warning-overtext: #750;
  --warning-overtextshadow: #fff;
  --warning-fold: #750;
  --error-action: #c31;
  --error-overtext: #fff;
  --error-overtextshadow: #000;
  --error-fold: #fff;
  --progress-action: #29e;
  --progress-overtext: #fff;
  --progress-overtextshadow: #000;
  --progress-fold: #fff;
  --files-action: #85c;
  --files-overtext: #fff;
  --files-overtextshadow: #000;
  --files-fold: #fff;
  /* --moreback */
  --moreback-success-color: #ced;
  --moreback-success-text: #163;
  --moreback-warning-color: #fd9;
  --moreback-warning-text: #750;
  --moreback-error-color: #eba;
  --moreback-error-text: #720;
  /* --icon */
  --icon-color1: #29e;
  --icon-color2: #3a6;
  --icon-login-color1: #999;
  --icon-login-color2: #333;
  --icon-maintenance-color1: #fb0;
  --icon-maintenance-color2: #c31;
  --icon-degraded-color1: #999;
  --icon-degraded-color2: #333;
  /* --scroll */
  --scroll-color: #333;
  --scroll-shadow: #ccc;
  /* --toastr */
  --toastr-shadow: #999;
  --toastr-info: #29e;
  --toastr-overinfo: #fff;
  --toastr-iconinfo: url("../images/toastr/info.svg?pathColor=fff");
  --toastr-success: #3a6;
  --toastr-oversuccess: #fff;
  --toastr-iconsuccess: url("../images/toastr/success.svg?pathColor=fff");
  --toastr-warning: #fb0;
  --toastr-overwarning: #750;
  --toastr-iconwarning: url("../images/toastr/warning.svg?pathColor=750");
  --toastr-error: #c31;
  --toastr-overerror: #fff;
  --toastr-iconerror: url("../images/toastr/error.svg?pathColor=fff");
  /* tooltips */
  --tooltip-color: #eee;
  --tooltip-text: #333;
  --tooltip-info-color: #29e;
  --tooltip-info-text: #fff;
  --tooltip-success-color: #3a6;
  --tooltip-success-text: #fff;
  --tooltip-warning-color: #fb0;
  --tooltip-warning-text: #750;
  --tooltip-error-color: #c31;
  --tooltip-error-text: #fff;
  /* --snowflake */
  --flake-color: #777;
  --flake-shadow: #999;
  --snowflake-color: #6be;
  --snowflake-shadow: #fff;
  --starflake-color: #fb0;
  --starflake-shadow: #750;
  --heartflake-color: #f88;
  --heartflake-shadow: #fff;
  --giftflake-color: #c31;
  --giftflake-shadow: #fff;
  --treeflake-color: #3a6;
  --treeflake-shadow: #fff;
  --roseflake-color: #f6f;
  --roseflake-shadow: #fff;
  --shamrockflake-color: #3a6;
  --shamrockflake-shadow: #fff;
  --beerflake-color: #750;
  --beerflake-shadow: #fb0;
  --fishflake-color: #29e;
  --fishflake-shadow: #fff;
  --eggflake-color: #f6f;
  --eggflake-shadow: #fff;
  --beachballflake-color: #777;
  --beachballflake-shadow: #999;
  --beachsunflake-color: #777;
  --beachsunflake-shadow: #999;
  --bikiniflake-color: #777;
  --bikiniflake-shadow: #999;
  --cocktailflake-color: #fb0;
  --cocktailflake-shadow: #750;
  --flipflopsflake-color: #29e;
  --flipflopsflake-shadow: #fff;
  --leafflake-color: #777;
  /**/
  --leafflake-shadow: #999;
  /**/
  --acornflake-color: #777;
  /**/
  --acornflake-shadow: #999;
  /**/
  --pumpkinflake-color: #f60;
  --pumpkinflake-shadow: #750;
  --candyflake-color: #fb0;
  --candyflake-shadow: #750;
  --iceconeflake-color: #777;
  --iceconeflake-shadow: #999;
  --icemagnumflake-color: #777;
  --icemagnumflake-shadow: #999;
  /* --headfoot */
  --headfoot-color: #fff;
  --headfoot-text: #333;
  --headfoot-disable: #666;
  --headfoot-maintenance: #fb0;
  --headfoot-degraded: #c31;
  --headfoot-button: #333;
  --headfoot-shadow: #ccc;
  /* --block */
  --block-color: #fff;
  --block-border: #ccc;
  --block-shadow: #ccc;
  --block-linehover: #eee;
  /* --login */
  --login-disable: #cae;
  --login-overtext: #fff;
  /* --progress */
  --progress-barCurrent: #cef;
  --progress-barPending: rgba(204, 238, 255, 0.75);
  --progress-barFailure: #eba;
  /* --dialog */
  --dialog-color: #fff;
  --dialog-text: #333;
  --dialog-disable: #999;
  --dialog-readonly: #ddd;
  --dialog-separator: #ddd;
  --dialog-interline: #999;
  --dialog-cell: #999;
  --dialog-field: #fff;
  --dialog-shadow: #999;
  --dialog-linehover: #eee;
  --dialog-title: #666;
  --dialog-overtitle: #fff;
  --dialog-success: #3a6;
  --dialog-oversuccess: #fff;
  --dialog-warning: #e81;
  --dialog-overwarning: #750;
  --dialog-error: #c31;
  --dialog-overerror: #fff;
  /* --debug-neutral */
  --debug-neutral-color: #eee;
  --debug-neutral-text: #333;
  --debug-neutral-header-color: #ccc;
  --debug-neutral-header-text: #333;
  --debug-neutral-title-color: #999;
  --debug-neutral-title-text: #fff;
  --debug-neutral-title-shadow: #000;
  /* --debug-success */
  --debug-success-color: #dfe;
  --debug-success-text: #163;
  --debug-success-header-color: #ced;
  --debug-success-header-text: #163;
  --debug-success-title-color: #3a6;
  --debug-success-title-text: #fff;
  --debug-success-title-shadow: #000;
  /* --debug-warning */
  --debug-warning-color: #ffd;
  --debug-warning-text: #750;
  --debug-warning-header-color: #fd9;
  --debug-warning-header-text: #750;
  --debug-warning-title-color: #fb0;
  --debug-warning-title-text: #750;
  --debug-warning-title-shadow: #fff;
  /* --debug-error */
  --debug-error-color: #fed;
  --debug-error-text: #720;
  --debug-error-header-color: #eba;
  --debug-error-header-text: #720;
  --debug-error-title-color: #c31;
  --debug-error-title-text: #fff;
  --debug-error-title-shadow: #000;
}
body.dark,
body.dark-rounded,
body.dark-squared {
  /* --color */
  --color-scheme: only dark;
  /* --main */
  --main-color: #111;
  --main-invert: #eee;
  --main-text: #eee;
  --main-disable: #999;
  --main-readonly: #222;
  --main-separator: #666;
  --main-interline: #666;
  --main-shadow: #fff;
  --main-info: #16a;
  --main-success: #3a6;
  --main-warning: #fb0;
  --main-error: #c31;
  --main-login: #76b;
  --main-progress: #16a;
  --main-files: #76b;
  /* --misc */
  --disable-overtext: #eee;
  --disable-overtextshadow: #000;
  --disable-fold: #eee;
  --success-action: #3a6;
  --success-overtext: #eee;
  --success-overtextshadow: #000;
  --success-fold: #eee;
  --warning-action: #750;
  --warning-overtext: #750;
  --warning-overtextshadow: #fff;
  --warning-fold: #750;
  --error-action: #c31;
  --error-overtext: #eee;
  --error-overtextshadow: #000;
  --error-fold: #eee;
  --progress-action: #29e;
  --progress-overtext: #eee;
  --progress-overtextshadow: #000;
  --progress-fold: #eee;
  --files-action: #a7e;
  --files-overtext: #eee;
  --files-overtextshadow: #000;
  --files-fold: #eee;
  /* --moreback */
  --moreback-success-color: #163;
  --moreback-success-text: #ced;
  --moreback-warning-color: #c80;
  --moreback-warning-text: #640;
  --moreback-error-color: #720;
  --moreback-error-text: #fff;
  /* --icon */
  --icon-color1: #16a;
  --icon-color2: #3a6;
  --icon-login-color1: #999;
  --icon-login-color2: #eee;
  --icon-maintenance-color1: #fb0;
  --icon-maintenance-color2: #c31;
  --icon-degraded-color1: #999;
  --icon-degraded-color2: #eee;
  /* --scroll */
  --scroll-color: #555;
  --scroll-shadow: #222;
  /* --toastr */
  --toastr-shadow: #000;
  --toastr-info: #16a;
  --toastr-overinfo: #fff;
  --toastr-iconinfo: url("../images/toastr/info.svg?pathColor=fff");
  --toastr-success: #163;
  --toastr-oversuccess: #ced;
  --toastr-iconsuccess: url("../images/toastr/success.svg?pathColor=ced");
  --toastr-warning: #fb0;
  --toastr-overwarning: #640;
  --toastr-iconwarning: url("../images/toastr/warning.svg?pathColor=640");
  --toastr-error: #c31;
  --toastr-overerror: #fff;
  --toastr-iconerror: url("../images/toastr/error.svg?pathColor=fff");
  /* tooltips */
  --tooltip-color: #222;
  --tooltip-text: #bbb;
  --tooltip-info-color: #16a;
  --tooltip-info-text: #fff;
  --tooltip-success-color: #163;
  --tooltip-success-text: #ced;
  --tooltip-warning-color: #fb0;
  --tooltip-warning-text: #640;
  --tooltip-error-color: #c31;
  --tooltip-error-text: #fff;
  /* --snowflake */
  --flake-color: #777;
  --flake-shadow: #999;
  --snowflake-color: #ade;
  --snowflake-shadow: #fff;
  --starflake-color: #fb0;
  --starflake-shadow: #640;
  --heartflake-color: #faa;
  --heartflake-shadow: #fff;
  --giftflake-color: #c31;
  --giftflake-shadow: #fff;
  --treeflake-color: #163;
  --treeflake-shadow: #fff;
  --roseflake-color: #f8f;
  --roseflake-shadow: #fff;
  --shamrockflake-color: #163;
  --shamrockflake-shadow: #fff;
  --beerflake-color: #640;
  --beerflake-shadow: #fb0;
  --fishflake-color: #16a;
  --fishflake-shadow: #fff;
  --eggflake-color: #f8f;
  --eggflake-shadow: #fff;
  --beachballflake-color: #777;
  --beachballflake-shadow: #999;
  --beachsunflake-color: #777;
  --beachsunflake-shadow: #999;
  --bikiniflake-color: #777;
  --bikiniflake-shadow: #999;
  --cocktailflake-color: #fb0;
  --cocktailflake-shadow: #640;
  --flipflopsflake-color: #16a;
  --flipflopsflake-shadow: #fff;
  --leafflake-color: #777;
  /**/
  --leafflake-shadow: #999;
  /**/
  --acornflake-color: #777;
  /**/
  --acornflake-shadow: #999;
  /**/
  --pumpkinflake-color: #f60;
  --pumpkinflake-shadow: #640;
  --candyflake-color: #fb0;
  --candyflake-shadow: #640;
  --iceconeflake-color: #777;
  --iceconeflake-shadow: #999;
  --icemagnumflake-color: #777;
  --icemagnumflake-shadow: #999;
  /* --headfoot */
  --headfoot-color: #222;
  --headfoot-text: #fff;
  --headfoot-disable: #bbb;
  --headfoot-maintenance: #fb0;
  --headfoot-degraded: #c31;
  --headfoot-button: #ccc;
  --headfoot-shadow: #000;
  /* --block */
  --block-color: #222;
  --block-border: #000;
  --block-shadow: #000;
  --block-linehover: #333;
  /* --login */
  --login-disable: #cae;
  --login-overtext: #fff;
  /* --progress */
  --progress-barCurrent: #046;
  --progress-barPending: rgba(0, 68, 102, 0.8);
  --progress-barFailure: #610;
  /* --dialog */
  --dialog-color: #222;
  --dialog-text: #eee;
  --dialog-disable: #666;
  --dialog-readonly: #333;
  --dialog-separator: #333;
  --dialog-interline: #666;
  --dialog-cell: #666;
  --dialog-field: #111;
  --dialog-shadow: #000;
  --dialog-linehover: #333;
  --dialog-title: #000;
  --dialog-overtitle: #eee;
  --dialog-success: #163;
  --dialog-oversuccess: #ced;
  --dialog-warning: #fb0;
  --dialog-overwarning: #640;
  --dialog-error: #720;
  --dialog-overerror: #fff;
  /* --debug-neutral */
  --debug-neutral-color: #111;
  --debug-neutral-text: #eee;
  --debug-neutral-header-color: #333;
  --debug-neutral-header-text: #eee;
  --debug-neutral-title-color: #999;
  --debug-neutral-title-text: #000;
  --debug-neutral-title-shadow: #fff;
  /* --debug-success */
  --debug-success-color: #143;
  --debug-success-text: #dfe;
  --debug-success-header-color: #163;
  --debug-success-header-text: #ced;
  --debug-success-title-color: #3a6;
  --debug-success-title-text: #eee;
  --debug-success-title-shadow: #000;
  /* --debug-warning */
  --debug-warning-color: #640;
  --debug-warning-text: #feb;
  --debug-warning-header-color: #c80;
  --debug-warning-header-text: #640;
  --debug-warning-title-color: #fb0;
  --debug-warning-title-text: #640;
  --debug-warning-title-shadow: #fff;
  /* --debug-error */
  --debug-error-color: #510;
  --debug-error-text: #fff;
  --debug-error-header-color: #720;
  --debug-error-header-text: #fff;
  --debug-error-title-color: #c31;
  --debug-error-title-text: #fff;
  --debug-error-title-shadow: #000;
}
body,
body.rounded,
body.light-rounded,
body.dark-rounded {
  /* --content */
  --content-radius: 10px;
  --content-button-radius: 3px;
  /* --dialog */
  --dialog-radius: 12px;
  --dialog-shadow-box: 0px 3px 5px 1px;
  --dialog-button-radius: 3px;
  /* --clipboard */
  --clipboard-cell-radius: 5px;
  /* --scrollbar */
  --scrollbar-radius: 6px;
  /* --searchbar */
  --searchbar-radius: 3px;
  /* --button */
  --button-radius: 3px;
  /* --profile-token */
  --profile-token-radius: 10px;
}
body div.status-bar#profileTokens.squared,
body.rounded div.status-bar#profileTokens.squared,
body.light-rounded div.status-bar#profileTokens.squared,
body.dark-rounded div.status-bar#profileTokens.squared {
  --profile-token-radius: 0px;
}
body.squared,
body.light-squared,
body.dark-squared {
  /* --content */
  --content-radius: 0px;
  --content-button-radius: 0px;
  /* --dialog */
  --dialog-radius: 0px;
  --dialog-shadow-box: 6px 6px 5px -1px;
  --dialog-button-radius: 0px;
  /* --clipboard */
  --clipboard-cell-radius: 0px;
  /* --scrollbar */
  --scrollbar-radius: 0px;
  /* --searchbar */
  --searchbar-radius: 0px;
  /* --button */
  --button-radius: 0px;
  /* --profile-token */
  --profile-token-radius: 0px;
}
body.squared div.status-bar#profileTokens.rounded,
body.light-squared div.status-bar#profileTokens.rounded,
body.dark-squared div.status-bar#profileTokens.rounded {
  --profile-token-radius: 10px;
}
/* LESS ELEMENTS : FUNCTIONS/MIXINS */
/* CLASSIC ELEMENTS */
html {
  height: 100%;
  scroll-behavior: smooth;
}
body {
  font-family: Roboto, Verdana, sans-serif;
  font-weight: 300;
  line-height: 1.2;
  height: 100%;
  background: var(--main-color);
  color: var(--main-text);
  margin: 0px;
  overflow: hidden;
  transition: background 250ms ease-in-out;
}
body:not(.debug) *.displayOnDebug {
  display: none !important;
}
.hidden {
  display: none !important;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.inline-block {
  display: inline-block;
}
.text-align-left {
  text-align: left;
}
.text-align-center {
  text-align: center;
}
.text-align-right {
  text-align: right;
}
.noselect {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.cursor-pointer {
  cursor: pointer !important;
}
.float-left {
  float: left !important;
}
.float-right {
  float: right !important;
}
.clear {
  clear: both !important;
}
.underlined {
  text-decoration: underline;
}
.strong {
  font-weight: bold;
}
.italic {
  font-style: italic;
}
.striked {
  text-decoration: line-through;
}
.text-error {
  color: var(--main-error);
}
hr {
  display: block;
  clear: both;
  height: 1px;
  margin: 15px 0px;
  padding: 0px;
  border: 0px;
  background: var(--main-text);
}
pre {
  overflow: auto;
}
input[type=date],
input[type=time],
input[type=datetime-local] {
  color-scheme: var(--color-scheme);
}
/* CLASSIC ELEMENTS : FILLERS OR RADIUS */
.space-x10 {
  min-height: 1px;
  width: 10px;
}
.space-y10 {
  min-width: 1px;
  height: 10px;
}
.space-x20 {
  min-height: 1px;
  width: 20px;
}
.space-y20 {
  min-width: 1px;
  height: 20px;
}
.space-x30 {
  min-height: 1px;
  width: 30px;
}
.space-y30 {
  min-width: 1px;
  height: 30px;
}
.space-x50 {
  min-height: 1px;
  width: 50px;
}
.space-y50 {
  min-width: 1px;
  height: 50px;
}
.space-x100 {
  min-height: 1px;
  width: 100px;
}
.space-y100 {
  min-width: 1px;
  height: 100px;
}
.radius-3 {
  border-radius: 3px;
}
.radius-5 {
  border-radius: 5px;
}
.radius-10 {
  border-radius: 10px;
}
.radius-20 {
  border-radius: 20px;
}
/* CLASSIC ELEMENTS : ELLIPSIS */
.middleEllipsis {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.middleEllipsis > span {
  margin: -2px;
  padding: 2px;
}
.middleEllipsis > span:first-of-type {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-shrink: 1;
}
.middleEllipsis > span:last-of-type {
  overflow: hidden;
  white-space: nowrap;
  flex-basis: content;
  flex-grow: 0;
  flex-shrink: 0;
}
/* MAIN ELEMENTS */
div.mainBlock {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: var(--main-color);
  transition: background 250ms ease-in-out;
}
div.headerBlock {
  flex: 0 0 auto;
  background: var(--headfoot-color);
  height: 60px;
  box-shadow: 0px 3px 8px -1px var(--headfoot-shadow);
  z-index: 50;
  transition: background 250ms ease-in-out;
}
div.contentBlock {
  flex: 1 1 auto;
  position: relative;
  overflow-y: auto;
  margin: 0px;
}
div.footerBlock {
  flex: 0 0 auto;
  background: var(--headfoot-color);
  height: 50px;
  box-shadow: 0px -3px 8px -1px var(--headfoot-shadow);
  z-index: 50;
  transition: background 250ms ease-in-out;
}
div.frame {
  display: block;
  position: relative;
  min-width: 600px;
  max-width: 1280px;
  margin: auto;
  padding: 0px;
}
div.headerBlock div.frame {
  height: 60px;
}
div.contentBlock div.frame {
  height: auto;
  padding-bottom: 20px;
}
div.link {
  display: inline-block;
}
/* MAIN ELEMENTS : THEME, MAINTENANCE, AUTO-DOWNLOAD, ANNOUNCEMENTS */
div#themeSelector {
  position: absolute;
  z-index: 200;
  left: 0px;
  bottom: 0px;
  width: 50px;
  height: 50px;
  background: var(--main-color);
  border-top-right-radius: var(--content-radius);
  box-shadow: 0px 0px 3px 5px var(--main-color);
  cursor: pointer;
  transition: background 200ms ease-in-out, box-shadow 200ms ease-in-out;
}
div#themeSelector:hover {
  background: var(--main-invert);
  box-shadow: 0px 0px 3px 5px var(--main-invert);
}
div#themeSelector div.icon {
  width: 30px;
  height: 30px;
  margin: 10px;
  background: var(--main-disable);
  transition: background 200ms ease-in-out, mask 200ms ease-in-out, -webkit-mask 200ms ease-in-out;
}
body.light div#themeSelector:not(:hover) div.icon {
  -webkit-mask: url("../images/theme/light.svg") no-repeat 50% 50% / contain, url("../images/theme/light.svg") no-repeat 50% 50% / contain;
  -moz-mask: url("../images/theme/light.svg") no-repeat 50% 50% / contain, url("../images/theme/light.svg") no-repeat 50% 50% / contain;
  -ms-mask: url("../images/theme/light.svg") no-repeat 50% 50% / contain, url("../images/theme/light.svg") no-repeat 50% 50% / contain;
  -o-mask: url("../images/theme/light.svg") no-repeat 50% 50% / contain, url("../images/theme/light.svg") no-repeat 50% 50% / contain;
  mask: url("../images/theme/light.svg") no-repeat 50% 50% / contain, url("../images/theme/light.svg") no-repeat 50% 50% / contain;
}
body.dark div#themeSelector:not(:hover) div.icon {
  -webkit-mask: url("../images/theme/dark.svg") no-repeat 50% 50% / contain, url("../images/theme/dark.svg") no-repeat 50% 50% / contain;
  -moz-mask: url("../images/theme/dark.svg") no-repeat 50% 50% / contain, url("../images/theme/dark.svg") no-repeat 50% 50% / contain;
  -ms-mask: url("../images/theme/dark.svg") no-repeat 50% 50% / contain, url("../images/theme/dark.svg") no-repeat 50% 50% / contain;
  -o-mask: url("../images/theme/dark.svg") no-repeat 50% 50% / contain, url("../images/theme/dark.svg") no-repeat 50% 50% / contain;
  mask: url("../images/theme/dark.svg") no-repeat 50% 50% / contain, url("../images/theme/dark.svg") no-repeat 50% 50% / contain;
}
body.light div#themeSelector:hover div.icon {
  -webkit-mask: url("../images/theme/light.svg") no-repeat 0% 0% / 85% 85%, url("../images/theme/dark.svg") no-repeat 100% 100% / 40% 40%;
  -moz-mask: url("../images/theme/light.svg") no-repeat 0% 0% / 85% 85%, url("../images/theme/dark.svg") no-repeat 100% 100% / 40% 40%;
  -ms-mask: url("../images/theme/light.svg") no-repeat 0% 0% / 85% 85%, url("../images/theme/dark.svg") no-repeat 100% 100% / 40% 40%;
  -o-mask: url("../images/theme/light.svg") no-repeat 0% 0% / 85% 85%, url("../images/theme/dark.svg") no-repeat 100% 100% / 40% 40%;
  mask: url("../images/theme/light.svg") no-repeat 0% 0% / 85% 85%, url("../images/theme/dark.svg") no-repeat 100% 100% / 40% 40%;
}
body.dark div#themeSelector:hover div.icon {
  -webkit-mask: url("../images/theme/dark.svg") no-repeat 0% 0% / 75% 75%, url("../images/theme/light.svg") no-repeat 100% 100% / 50% 50%;
  -moz-mask: url("../images/theme/dark.svg") no-repeat 0% 0% / 75% 75%, url("../images/theme/light.svg") no-repeat 100% 100% / 50% 50%;
  -ms-mask: url("../images/theme/dark.svg") no-repeat 0% 0% / 75% 75%, url("../images/theme/light.svg") no-repeat 100% 100% / 50% 50%;
  -o-mask: url("../images/theme/dark.svg") no-repeat 0% 0% / 75% 75%, url("../images/theme/light.svg") no-repeat 100% 100% / 50% 50%;
  mask: url("../images/theme/dark.svg") no-repeat 0% 0% / 75% 75%, url("../images/theme/light.svg") no-repeat 100% 100% / 50% 50%;
}
ul#profileInfosMenu {
  min-width: 160px;
}
ul#profileInfosMenu li#profileInfosMenu_theme > div::after {
  content: "inconnu\00a0\25d0";
}
body.light ul#profileInfosMenu li#profileInfosMenu_theme > div::after {
  content: "clair\00a0\25d0";
}
body.dark ul#profileInfosMenu li#profileInfosMenu_theme > div::after {
  content: "sombre\00a0\25d0";
}
ul#profileInfosMenu li#profileInfosMenu_autoDownload > div::after {
  content: "OFF";
}
body.autoDownload ul#profileInfosMenu li#profileInfosMenu_autoDownload > div::after {
  content: "ON";
}
ul#announcementsListMenu {
  min-width: 240px;
}
ul#announcementsListMenu.nocontent li.announcement:not(.nocontent),
ul#announcementsListMenu:not(.nocontent) li.announcement.nocontent {
  display: none;
}
ul#announcementsListMenu li.announcement {
  position: relative;
}
ul#announcementsListMenu li.announcement div.ui-menu-item-wrapper::before {
  content: "\00a0\00a0\00a0";
}
ul#announcementsListMenu li.announcement::after {
  content: "";
  position: absolute;
  top: 13px;
  left: 8px;
  width: 9px;
  height: 9px;
  background-color: var(--headfoot-color);
  border-radius: 9px;
}
ul#announcementsListMenu li.announcement:hover::after {
  background-color: var(--headfoot-button);
}
ul#announcementsListMenu li.announcement[level="INFO"]::after,
ul#announcementsListMenu li.announcement[level="INFO"]:hover::after {
  background-color: var(--main-info);
}
ul#announcementsListMenu li.announcement[level="SUCCESS"]::after,
ul#announcementsListMenu li.announcement[level="SUCCESS"]:hover::after {
  background-color: var(--main-success);
}
ul#announcementsListMenu li.announcement[level="WARNING"]::after,
ul#announcementsListMenu li.announcement[level="WARNING"]:hover::after {
  background-color: var(--main-warning);
}
ul#announcementsListMenu li.announcement[level="ERROR"]::after,
ul#announcementsListMenu li.announcement[level="ERROR"]:hover::after {
  background-color: var(--main-error);
}
div.button#header_button_announcements.hasNewAnnouncements ul#announcementsListMenu li.announcement[state="unread"] {
  font-weight: bold;
}
div.button#header_button_announcements.hasNewAnnouncements ul#announcementsListMenu li.announcement[state="read"] {
  color: var(--headfoot-disable);
}
/* MAIN ELEMENTS : CLIPBOARD */
div#clipboardLauncher {
  position: absolute;
  z-index: 200;
  right: 0px;
  bottom: 0px;
  width: 50px;
  height: 50px;
  background: var(--main-color);
  border-top-left-radius: var(--content-radius);
  box-shadow: 0px 0px 3px 5px var(--main-color);
  cursor: pointer;
  transition: background 200ms ease-in-out, box-shadow 200ms ease-in-out;
}
div#clipboardLauncher:hover {
  background: var(--main-invert);
  box-shadow: 0px 0px 3px 5px var(--main-invert);
}
div#clipboardLauncher div.icon {
  width: 30px;
  height: 30px;
  margin: 10px;
  background: var(--main-disable);
  transition: background 200ms ease-in-out, mask 200ms ease-in-out, -webkit-mask 200ms ease-in-out;
  -webkit-mask: url("../images/clipboard.svg") no-repeat 50% 50% / contain;
  -moz-mask: url("../images/clipboard.svg") no-repeat 50% 50% / contain;
  -ms-mask: url("../images/clipboard.svg") no-repeat 50% 50% / contain;
  -o-mask: url("../images/clipboard.svg") no-repeat 50% 50% / contain;
  mask: url("../images/clipboard.svg") no-repeat 50% 50% / contain;
}
#modalbox.clipboard div.clipboards {
  display: grid;
  grid-template-columns: repeat(auto-fill, var(--clipboard-size));
  justify-content: space-between;
  grid-gap: 20px;
  margin-bottom: 20px;
}
#modalbox.clipboard div.clipboards div.cell {
  display: inline-flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  width: calc(var(--clipboard-size) - 20px);
  height: calc(var(--clipboard-size) + 25px - 20px);
  padding: 10px;
  border-radius: var(--clipboard-cell-radius);
  background-color: var(--dialog-color);
  border: var(--dialog-cell) 2px solid;
  transition: background-color 200ms ease-in-out, box-shadow 200ms ease-in-out;
  /* cells */
  /* Thumbs and actions */
  /* Behaviour */
  /* glyphs */
  /* Actions */
}
#modalbox.clipboard div.clipboards div.cell:not(.selected):hover {
  box-shadow: inset 0px 0px 3px 5px var(--dialog-cell);
}
#modalbox.clipboard div.clipboards div.cell.selected {
  border-color: var(--dialog-warning);
}
#modalbox.clipboard div.clipboards div.cell div.thumb {
  position: relative;
  flex: 0 0 auto;
  overflow: auto;
  width: calc(var(--clipboard-size) - 20px);
  height: calc(var(--clipboard-size) - 20px);
}
#modalbox.clipboard div.clipboards div.cell div.thumb img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
  overflow: hidden;
}
#modalbox.clipboard div.clipboards div.cell div.thumb audio {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#modalbox.clipboard div.clipboards div.cell div.thumb video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#modalbox.clipboard div.clipboards div.cell div.thumb span {
  width: 100%;
}
#modalbox.clipboard div.clipboards div.cell div.thumb div.unknown {
  width: 100%;
  text-align: center;
  font-style: italic;
  color: var(--dialog-cell);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#modalbox.clipboard div.clipboards div.cell div.actions {
  position: relative;
  flex: 1 1 auto;
  width: calc(var(--clipboard-size) - 20px);
  height: 25px;
}
#modalbox.clipboard div.clipboards div.cell div.thumb::-webkit-scrollbar,
#modalbox.clipboard div.clipboards div.cell div.thumb pre.data::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
#modalbox.clipboard div.clipboards div.cell div.thumb::-moz-scrollbar,
#modalbox.clipboard div.clipboards div.cell div.thumb pre.data::-moz-scrollbar {
  width: 8px;
  height: 8px;
}
#modalbox.clipboard div.clipboards div.cell div.thumb::-ms-scrollbar,
#modalbox.clipboard div.clipboards div.cell div.thumb pre.data::-ms-scrollbar {
  width: 8px;
  height: 8px;
}
#modalbox.clipboard div.clipboards div.cell div.thumb::-o-scrollbar,
#modalbox.clipboard div.clipboards div.cell div.thumb pre.data::-o-scrollbar {
  width: 8px;
  height: 8px;
}
#modalbox.clipboard div.clipboards div.cell div.thumb::scrollbar,
#modalbox.clipboard div.clipboards div.cell div.thumb pre.data::scrollbar {
  width: 8px;
  height: 8px;
}
#modalbox.clipboard div.clipboards div.cell div.thumb::-webkit-scrollbar-thumb,
#modalbox.clipboard div.clipboards div.cell div.thumb pre.data::-webkit-scrollbar-thumb {
  background: var(--dialog-cell);
  box-shadow: inset 0px 0px 0px 2px var(--dialog-color);
}
#modalbox.clipboard div.clipboards div.cell div.thumb::-moz-scrollbar-thumb,
#modalbox.clipboard div.clipboards div.cell div.thumb pre.data::-moz-scrollbar-thumb {
  background: var(--dialog-cell);
  box-shadow: inset 0px 0px 0px 2px var(--dialog-color);
}
#modalbox.clipboard div.clipboards div.cell div.thumb::-ms-scrollbar-thumb,
#modalbox.clipboard div.clipboards div.cell div.thumb pre.data::-ms-scrollbar-thumb {
  background: var(--dialog-cell);
  box-shadow: inset 0px 0px 0px 2px var(--dialog-color);
}
#modalbox.clipboard div.clipboards div.cell div.thumb::-o-scrollbar-thumb,
#modalbox.clipboard div.clipboards div.cell div.thumb pre.data::-o-scrollbar-thumb {
  background: var(--dialog-cell);
  box-shadow: inset 0px 0px 0px 2px var(--dialog-color);
}
#modalbox.clipboard div.clipboards div.cell div.thumb::scrollbar-thumb,
#modalbox.clipboard div.clipboards div.cell div.thumb pre.data::scrollbar-thumb {
  background: var(--dialog-cell);
  box-shadow: inset 0px 0px 0px 2px var(--dialog-color);
}
#modalbox.clipboard div.clipboards div.cell div.thumb::-webkit-scrollbar-corner,
#modalbox.clipboard div.clipboards div.cell div.thumb pre.data::-webkit-scrollbar-corner {
  background: transparent;
}
#modalbox.clipboard div.clipboards div.cell div.thumb::-moz-scrollbar-corner,
#modalbox.clipboard div.clipboards div.cell div.thumb pre.data::-moz-scrollbar-corner {
  background: transparent;
}
#modalbox.clipboard div.clipboards div.cell div.thumb::-ms-scrollbar-corner,
#modalbox.clipboard div.clipboards div.cell div.thumb pre.data::-ms-scrollbar-corner {
  background: transparent;
}
#modalbox.clipboard div.clipboards div.cell div.thumb::-o-scrollbar-corner,
#modalbox.clipboard div.clipboards div.cell div.thumb pre.data::-o-scrollbar-corner {
  background: transparent;
}
#modalbox.clipboard div.clipboards div.cell div.thumb::scrollbar-corner,
#modalbox.clipboard div.clipboards div.cell div.thumb pre.data::scrollbar-corner {
  background: transparent;
}
#modalbox.clipboard div.clipboards div.cell.newClipboard {
  border-style: dashed;
}
#modalbox.clipboard div.clipboards div.cell.newClipboard div.glyph {
  position: absolute;
  display: block;
  top: calc(50% - 100px/2);
  left: calc(50% - 100px/2);
  height: 100px;
  width: 100px;
  background-color: var(--dialog-cell);
  -webkit-mask: url("../images/clipboard/new.svg") no-repeat 50% 50% / contain;
  -moz-mask: url("../images/clipboard/new.svg") no-repeat 50% 50% / contain;
  -ms-mask: url("../images/clipboard/new.svg") no-repeat 50% 50% / contain;
  -o-mask: url("../images/clipboard/new.svg") no-repeat 50% 50% / contain;
  mask: url("../images/clipboard/new.svg") no-repeat 50% 50% / contain;
}
#modalbox.clipboard div.clipboards div.cell.newClipboard.selected div.glyph {
  background-color: var(--dialog-warning);
}
#modalbox.clipboard div.clipboards div.cell.newClipboard:hover {
  border-style: solid;
}
#modalbox.clipboard div.clipboards div.cell div.actions div.glyph {
  position: absolute;
  display: block;
  bottom: 0px;
  left: 0px;
  height: 20px;
  width: 20px;
  background-color: var(--dialog-cell);
  -webkit-mask: url("../images/types/unknown.svg") no-repeat 50% 50% / contain;
  -moz-mask: url("../images/types/unknown.svg") no-repeat 50% 50% / contain;
  -ms-mask: url("../images/types/unknown.svg") no-repeat 50% 50% / contain;
  -o-mask: url("../images/types/unknown.svg") no-repeat 50% 50% / contain;
  mask: url("../images/types/unknown.svg") no-repeat 50% 50% / contain;
}
#modalbox.clipboard div.clipboards div.cell div.actions div.glyph.glyph_application {
  -webkit-mask: url(../images/types/application.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/types/application.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/types/application.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/types/application.svg) no-repeat 50% 50% / contain;
  mask: url(../images/types/application.svg) no-repeat 50% 50% / contain;
}
#modalbox.clipboard div.clipboards div.cell div.actions div.glyph.glyph_audio {
  -webkit-mask: url(../images/types/audio.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/types/audio.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/types/audio.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/types/audio.svg) no-repeat 50% 50% / contain;
  mask: url(../images/types/audio.svg) no-repeat 50% 50% / contain;
}
#modalbox.clipboard div.clipboards div.cell div.actions div.glyph.glyph_image {
  -webkit-mask: url(../images/types/image.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/types/image.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/types/image.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/types/image.svg) no-repeat 50% 50% / contain;
  mask: url(../images/types/image.svg) no-repeat 50% 50% / contain;
}
#modalbox.clipboard div.clipboards div.cell div.actions div.glyph.glyph_text {
  -webkit-mask: url(../images/types/text.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/types/text.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/types/text.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/types/text.svg) no-repeat 50% 50% / contain;
  mask: url(../images/types/text.svg) no-repeat 50% 50% / contain;
}
#modalbox.clipboard div.clipboards div.cell div.actions div.glyph.glyph_video {
  -webkit-mask: url(../images/types/video.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/types/video.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/types/video.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/types/video.svg) no-repeat 50% 50% / contain;
  mask: url(../images/types/video.svg) no-repeat 50% 50% / contain;
}
#modalbox.clipboard div.clipboards div.cell div.actions div.action {
  position: absolute;
  display: none;
  height: 20px;
  width: 20px;
  background-color: var(--dialog-warning);
  cursor: pointer;
}
#modalbox.clipboard div.clipboards div.cell div.actions div.action.copy {
  top: 5px;
  right: 25px;
  -webkit-mask: url("../images/clipboard/copy.svg") no-repeat 50% 50% / contain;
  -moz-mask: url("../images/clipboard/copy.svg") no-repeat 50% 50% / contain;
  -ms-mask: url("../images/clipboard/copy.svg") no-repeat 50% 50% / contain;
  -o-mask: url("../images/clipboard/copy.svg") no-repeat 50% 50% / contain;
  mask: url("../images/clipboard/copy.svg") no-repeat 50% 50% / contain;
}
#modalbox.clipboard div.clipboards div.cell div.actions div.action.copy.disabled,
#modalbox.clipboard div.clipboards div.cell div.actions div.action.copy:disabled {
  pointer-events: none;
  -webkit-mask: url("../images/clipboard/wait.svg") no-repeat 50% 50% / contain;
  -moz-mask: url("../images/clipboard/wait.svg") no-repeat 50% 50% / contain;
  -ms-mask: url("../images/clipboard/wait.svg") no-repeat 50% 50% / contain;
  -o-mask: url("../images/clipboard/wait.svg") no-repeat 50% 50% / contain;
  mask: url("../images/clipboard/wait.svg") no-repeat 50% 50% / contain;
}
#modalbox.clipboard div.clipboards div.cell div.actions div.action.delete {
  top: 5px;
  right: 0px;
  -webkit-mask: url("../images/clipboard/delete.svg") no-repeat 50% 50% / contain;
  -moz-mask: url("../images/clipboard/delete.svg") no-repeat 50% 50% / contain;
  -ms-mask: url("../images/clipboard/delete.svg") no-repeat 50% 50% / contain;
  -o-mask: url("../images/clipboard/delete.svg") no-repeat 50% 50% / contain;
  mask: url("../images/clipboard/delete.svg") no-repeat 50% 50% / contain;
}
#modalbox.clipboard div.clipboards div.cell div.actions div.action.delete.disabled,
#modalbox.clipboard div.clipboards div.cell div.actions div.action.delete:disabled {
  pointer-events: none;
  -webkit-mask: url("../images/clipboard/wait.svg") no-repeat 50% 50% / contain;
  -moz-mask: url("../images/clipboard/wait.svg") no-repeat 50% 50% / contain;
  -ms-mask: url("../images/clipboard/wait.svg") no-repeat 50% 50% / contain;
  -o-mask: url("../images/clipboard/wait.svg") no-repeat 50% 50% / contain;
  mask: url("../images/clipboard/wait.svg") no-repeat 50% 50% / contain;
}
#modalbox.clipboard div.clipboards div.cell.selected div.actions div.action {
  display: block;
}
#modalbox.clipboard div.clipboards.preventCopy div.cell div.actions div.action.copy {
  pointer-events: none;
  -webkit-mask: url("../images/clipboard/wait.svg") no-repeat 50% 50% / contain;
  -moz-mask: url("../images/clipboard/wait.svg") no-repeat 50% 50% / contain;
  -ms-mask: url("../images/clipboard/wait.svg") no-repeat 50% 50% / contain;
  -o-mask: url("../images/clipboard/wait.svg") no-repeat 50% 50% / contain;
  mask: url("../images/clipboard/wait.svg") no-repeat 50% 50% / contain;
}
#modalbox.clipboard div.clipboards.preventDelete div.cell div.actions div.action.delete {
  pointer-events: none;
  -webkit-mask: url("../images/clipboard/wait.svg") no-repeat 50% 50% / contain;
  -moz-mask: url("../images/clipboard/wait.svg") no-repeat 50% 50% / contain;
  -ms-mask: url("../images/clipboard/wait.svg") no-repeat 50% 50% / contain;
  -o-mask: url("../images/clipboard/wait.svg") no-repeat 50% 50% / contain;
  mask: url("../images/clipboard/wait.svg") no-repeat 50% 50% / contain;
}
#modalbox.clipboard div.clipboards.preventPaste div.cell.newClipboard {
  pointer-events: none;
}
#modalbox.clipboard div.clipboards.preventPaste div.cell.newClipboard div.glyph {
  -webkit-mask: url("../images/clipboard/wait.svg") no-repeat 50% 50% / contain;
  -moz-mask: url("../images/clipboard/wait.svg") no-repeat 50% 50% / contain;
  -ms-mask: url("../images/clipboard/wait.svg") no-repeat 50% 50% / contain;
  -o-mask: url("../images/clipboard/wait.svg") no-repeat 50% 50% / contain;
  mask: url("../images/clipboard/wait.svg") no-repeat 50% 50% / contain;
}
/* MAIN ELEMENTS : DEBUG MODE */
div#debugLauncher {
  position: absolute;
  z-index: 200;
  right: 0px;
  bottom: 0px;
  width: 50px;
  height: 50px;
  background: var(--main-color);
  border-top-left-radius: var(--content-radius);
  box-shadow: 0px 0px 3px 5px var(--main-color);
  cursor: pointer;
  transition: background 200ms ease-in-out, box-shadow 200ms ease-in-out;
}
div#debugLauncher:hover {
  background: var(--main-invert);
  box-shadow: 0px 0px 3px 5px var(--main-invert);
}
div#debugLauncher div.icon {
  width: 30px;
  height: 30px;
  margin: 10px;
  background: var(--main-disable);
  transition: background 200ms ease-in-out, mask 200ms ease-in-out, -webkit-mask 200ms ease-in-out;
  -webkit-mask: url("../images/debug.svg") no-repeat 50% 50% / contain;
  -moz-mask: url("../images/debug.svg") no-repeat 50% 50% / contain;
  -ms-mask: url("../images/debug.svg") no-repeat 50% 50% / contain;
  -o-mask: url("../images/debug.svg") no-repeat 50% 50% / contain;
  mask: url("../images/debug.svg") no-repeat 50% 50% / contain;
}
/* MAIN ELEMENTS : SCROLLBARS */
.invisiblescrollbar {
  -webkit-overflow-style: none;
  -moz-overflow-style: none;
  -ms-overflow-style: none;
  -o-overflow-style: none;
  overflow-style: none;
  scrollbar-width: none;
  scrollbar-height: none;
}
.invisiblescrollbar::-webkit-scrollbar {
  display: none;
}
.invisiblescrollbar::-moz-scrollbar {
  display: none;
}
.invisiblescrollbar::-ms-scrollbar {
  display: none;
}
.invisiblescrollbar::-o-scrollbar {
  display: none;
}
.invisiblescrollbar::scrollbar {
  display: none;
}
.customScrollbar::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
.customScrollbar::-moz-scrollbar {
  width: 12px;
  height: 12px;
}
.customScrollbar::-ms-scrollbar {
  width: 12px;
  height: 12px;
}
.customScrollbar::-o-scrollbar {
  width: 12px;
  height: 12px;
}
.customScrollbar::scrollbar {
  width: 12px;
  height: 12px;
}
.customScrollbar::-webkit-scrollbar-track {
  border-radius: var(--scrollbar-radius);
}
.customScrollbar::-moz-scrollbar-track {
  border-radius: var(--scrollbar-radius);
}
.customScrollbar::-ms-scrollbar-track {
  border-radius: var(--scrollbar-radius);
}
.customScrollbar::-o-scrollbar-track {
  border-radius: var(--scrollbar-radius);
}
.customScrollbar::scrollbar-track {
  border-radius: var(--scrollbar-radius);
}
.customScrollbar::-webkit-scrollbar-thumb {
  border-radius: var(--scrollbar-radius);
  background: var(--scroll-color);
  box-shadow: inset 0px 0px 1px 2px var(--scroll-shadow);
}
.customScrollbar::-moz-scrollbar-thumb {
  border-radius: var(--scrollbar-radius);
  background: var(--scroll-color);
  box-shadow: inset 0px 0px 1px 2px var(--scroll-shadow);
}
.customScrollbar::-ms-scrollbar-thumb {
  border-radius: var(--scrollbar-radius);
  background: var(--scroll-color);
  box-shadow: inset 0px 0px 1px 2px var(--scroll-shadow);
}
.customScrollbar::-o-scrollbar-thumb {
  border-radius: var(--scrollbar-radius);
  background: var(--scroll-color);
  box-shadow: inset 0px 0px 1px 2px var(--scroll-shadow);
}
.customScrollbar::scrollbar-thumb {
  border-radius: var(--scrollbar-radius);
  background: var(--scroll-color);
  box-shadow: inset 0px 0px 1px 2px var(--scroll-shadow);
}
/* MAIN ELEMENTS : BLUR */
body.blurred *.blurrable {
  filter: blur(2px);
}
/* BLOCKS (HEADER) */
div.headerBlock.withNav,
div.headerBlock.withAudio {
  height: 150px;
}
div.headerBlock.withNav:not(.withNav),
div.headerBlock.withAudio:not(.withNav) {
  height: 110px;
}
div.headerBlock.withNav:not(.withAudio),
div.headerBlock.withAudio:not(.withAudio) {
  height: 100px;
}
div.headerBlock.withNav hr.separator,
div.headerBlock.withAudio hr.separator {
  background: var(--main-separator);
  margin: 10px 20px;
}
div.headerBlock:not(.withNav) .navBlock,
div.headerBlock:not(.withNav) .navBlocks {
  display: none !important;
}
div.headerBlock:not(.withAudio) .audioBlock,
div.headerBlock:not(.withAudio) .audioBlocks {
  display: none !important;
}
/* BLOCKS (HEADER) : LINK */
div.headerBlock #homelink,
div.headerBlock #homelink:visited,
div.headerBlock #homelink:hover,
div.headerBlock #homelink:focus,
div.headerBlock #homelink:focus-visible,
div.headerBlock #homelink:active {
  text-decoration: none;
  color: var(--headfoot-text);
}
/* BLOCKS (HEADER) : LOGO */
div.headerBlock div.frame {
  --logo-inner-radius: 18px;
  --logo-outer-radius: 25px;
}
div.headerBlock div.frame div.logo {
  width: 36px;
  height: 36px;
  margin: 12px 15px 12px 0px;
  border-radius: var(--logo-inner-radius);
  transition: opacity 200ms ease-in-out, filter 1000ms ease-in-out;
}
div.headerBlock div.frame div.logo.paused {
  filter: grayscale(1);
}
div.headerBlock div.frame div.logo.paused div.logo-back,
div.headerBlock div.frame div.logo.paused div.logo-front {
  animation-play-state: paused;
}
div.headerBlock div.frame div.logo-back {
  width: 36px;
  height: 36px;
  border-radius: var(--logo-inner-radius);
  background: conic-gradient(var(--icon-color1), var(--icon-color2), var(--icon-color1), var(--icon-color2), var(--icon-color1), var(--icon-color2), var(--icon-color1));
}
body.login div.headerBlock div.frame div.logo-back {
  background: conic-gradient(var(--icon-login-color1), var(--icon-login-color2), var(--icon-login-color1), var(--icon-login-color2), var(--icon-login-color1), var(--icon-login-color2), var(--icon-login-color1));
}
body.maintenance div.headerBlock div.frame div.logo-back {
  background: conic-gradient(var(--icon-maintenance-color1), var(--icon-maintenance-color2), var(--icon-maintenance-color1), var(--icon-maintenance-color2), var(--icon-maintenance-color1), var(--icon-maintenance-color2), var(--icon-maintenance-color1));
}
body.degraded div.headerBlock div.frame div.logo-back {
  background: conic-gradient(var(--icon-degraded-color1), var(--icon-degraded-color2), var(--icon-degraded-color1), var(--icon-degraded-color2), var(--icon-degraded-color1), var(--icon-degraded-color2), var(--icon-degraded-color1));
}
div.headerBlock div.frame div.logo-front {
  width: 50px;
  height: 50px;
  border-radius: var(--logo-outer-radius);
  margin: -7px;
  background: var(--headfoot-color);
  -webkit-mask: url("../images/logo_inverted.svg") no-repeat 50% 50% / 50px;
  -moz-mask: url("../images/logo_inverted.svg") no-repeat 50% 50% / 50px;
  -ms-mask: url("../images/logo_inverted.svg") no-repeat 50% 50% / 50px;
  -o-mask: url("../images/logo_inverted.svg") no-repeat 50% 50% / 50px;
  mask: url("../images/logo_inverted.svg") no-repeat 50% 50% / 50px;
}
/* BLOCKS (HEADER) : TEXT */
div.headerBlock div.frame div {
  display: inline-block;
}
div.headerBlock div.frame #homelink div.title {
  text-transform: uppercase;
  font-family: Roboto Condensed, Roboto, Verdana, sans-serif;
  font-style: normal;
  font-size: 40px;
  font-weight: bold;
  width: 200px;
  height: 40px;
  line-height: 40px;
  margin: 10px 0px;
  vertical-align: top;
}
div.headerBlock div.frame #homelink div.title::after {
  content: var(--software-title);
}
div.headerBlock div.frame *.button {
  position: relative;
  font-family: Roboto, Verdana, sans-serif;
  font-style: normal;
  font-size: 16px;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  margin: 11px 0px;
  padding: 3px 10px;
  vertical-align: top;
  box-shadow: inset 0px 0px 0px 1px var(--headfoot-button);
  cursor: pointer;
  transition: background 200ms ease-in-out, color 200ms ease-in-out;
}
div.headerBlock div.frame *.button > span {
  padding: 8px;
}
div.headerBlock div.frame *.button.float-left {
  margin: 11px 10px 11px 0px;
}
div.headerBlock div.frame *.button.float-right {
  margin: 11px 0px 11px 10px;
}
div.headerBlock div.frame *.button.button-disabled {
  color: var(--main-disable);
  box-shadow: inset 0px 0px 0px 1px var(--main-disable);
  cursor: default;
}
div.headerBlock div.frame *.button.button-disabled > span span.icon {
  background: var(--main-disable);
  cursor: default;
}
div.headerBlock div.frame *.button.button-disabled > span span.label {
  color: var(--main-disable);
}
div.headerBlock div.frame *.button:not(.button-disabled):hover {
  background: var(--headfoot-button);
  color: var(--headfoot-color);
}
div.headerBlock div.frame *.button:not(.button-disabled):hover > span span.icon {
  background: var(--headfoot-color);
}
div.headerBlock div.frame *.button:not(.button-disabled):hover > span span.label {
  color: var(--headfoot-color);
}
div.headerBlock div.frame *.button.button-noborder {
  box-shadow: none !important;
}
div.headerBlock div.frame *.button.button-noborder.float-left {
  margin-right: 0px;
}
div.headerBlock div.frame *.button.button-noborder.float-right {
  margin-left: 0px;
}
div.headerBlock div.frame *.button.button-img {
  padding: 3px;
}
div.headerBlock div.frame *.button.button-img > span span.icon {
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  background: var(--headfoot-button);
  margin: 3px;
}
div.headerBlock div.frame *.button.button-img-lbl {
  padding: 3px;
  border-radius: var(--content-button-radius);
}
div.headerBlock div.frame *.button.button-img-lbl > span span.icon {
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  background: var(--headfoot-button);
  margin-bottom: 2px;
}
div.headerBlock div.frame *.button.button-img-lbl > span span.label {
  color: var(--headfoot-text);
  margin-left: 5px;
}
div.headerBlock div.frame *.button#header_button_inject > span span.icon {
  -webkit-mask: url(../images/inject.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/inject.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/inject.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/inject.svg) no-repeat 50% 50% / contain;
  mask: url(../images/inject.svg) no-repeat 50% 50% / contain;
}
div.headerBlock div.frame *.button#header_button_upload > span span.icon {
  -webkit-mask: url(../images/upload.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/upload.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/upload.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/upload.svg) no-repeat 50% 50% / contain;
  mask: url(../images/upload.svg) no-repeat 50% 50% / contain;
}
div.headerBlock div.frame *.button#header_button_profile > span span.icon {
  -webkit-mask: url(../images/profile.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/profile.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/profile.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/profile.svg) no-repeat 50% 50% / contain;
  mask: url(../images/profile.svg) no-repeat 50% 50% / contain;
}
div.headerBlock div.frame *.button#header_button_announcements > span span.icon {
  -webkit-mask: url(../images/announcements/enabled.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/announcements/enabled.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/announcements/enabled.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/announcements/enabled.svg) no-repeat 50% 50% / contain;
  mask: url(../images/announcements/enabled.svg) no-repeat 50% 50% / contain;
}
div.headerBlock div.frame *.button#header_button_selectFolder > span span.icon {
  -webkit-mask: url(../images/folder.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/folder.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/folder.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/folder.svg) no-repeat 50% 50% / contain;
  mask: url(../images/folder.svg) no-repeat 50% 50% / contain;
}
div.headerBlock div.frame *.button#header_button_bookmark > span span.icon {
  -webkit-mask: url(../images/bookmark.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/bookmark.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/bookmark.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/bookmark.svg) no-repeat 50% 50% / contain;
  mask: url(../images/bookmark.svg) no-repeat 50% 50% / contain;
}
div.headerBlock div.frame *.button#header_button_maintenance > span span.icon {
  -webkit-mask: url(../images/maintenance.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/maintenance.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/maintenance.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/maintenance.svg) no-repeat 50% 50% / contain;
  mask: url(../images/maintenance.svg) no-repeat 50% 50% / contain;
}
div.headerBlock div.frame *.button#header_button_search > span span.icon {
  -webkit-mask: url(../images/search.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/search.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/search.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/search.svg) no-repeat 50% 50% / contain;
  mask: url(../images/search.svg) no-repeat 50% 50% / contain;
}
div.headerBlock div.frame *.button#header_button_debug > span span.icon {
  -webkit-mask: url(../images/debug.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/debug.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/debug.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/debug.svg) no-repeat 50% 50% / contain;
  mask: url(../images/debug.svg) no-repeat 50% 50% / contain;
}
/* BLOCKS (HEADER) : ANNOUNCEMENTS */
div.headerBlock div.frame div.button#header_button_announcements:not(.hasNewAnnouncements) *.needNewAnnouncements {
  display: none;
}
div.headerBlock div.frame div.button#header_button_announcements.hasNewAnnouncements > span span.icon {
  -webkit-mask: url("../images/announcements/newcontent.svg") no-repeat 50% 50% / contain;
  -moz-mask: url("../images/announcements/newcontent.svg") no-repeat 50% 50% / contain;
  -ms-mask: url("../images/announcements/newcontent.svg") no-repeat 50% 50% / contain;
  -o-mask: url("../images/announcements/newcontent.svg") no-repeat 50% 50% / contain;
  mask: url("../images/announcements/newcontent.svg") no-repeat 50% 50% / contain;
}
div.headerBlock div.frame div.button#header_button_announcements.hasNewAnnouncements::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 8px;
  height: 8px;
  background-color: var(--headfoot-color);
  border-radius: 6px;
  border: 2px solid var(--headfoot-button);
}
div.headerBlock div.frame div.button#header_button_announcements.hasNewAnnouncements:not(:hover)::after {
  animation: blinking 2s linear infinite;
}
div.headerBlock div.frame div.button#header_button_announcements.hasNewAnnouncements:hover::after {
  background-color: var(--headfoot-button);
  border-color: var(--headfoot-color);
}
div.headerBlock div.frame div.button#header_button_announcements.hasNewAnnouncements[level="INFO"]::after,
div.headerBlock div.frame div.button#header_button_announcements.hasNewAnnouncements[level="INFO"]:hover::after {
  background-color: var(--main-success);
}
div.headerBlock div.frame div.button#header_button_announcements.hasNewAnnouncements[level="SUCCESS"]::after,
div.headerBlock div.frame div.button#header_button_announcements.hasNewAnnouncements[level="SUCCESS"]:hover::after {
  background-color: var(--main-success);
}
div.headerBlock div.frame div.button#header_button_announcements.hasNewAnnouncements[level="WARNING"]::after,
div.headerBlock div.frame div.button#header_button_announcements.hasNewAnnouncements[level="WARNING"]:hover::after {
  background-color: var(--main-warning);
}
div.headerBlock div.frame div.button#header_button_announcements.hasNewAnnouncements[level="ERROR"]::after,
div.headerBlock div.frame div.button#header_button_announcements.hasNewAnnouncements[level="ERROR"]:hover::after {
  background-color: var(--main-error);
}
div.ui-tooltip[role="tooltip"] {
  background: var(--tooltip-color);
  color: var(--tooltip-text);
  max-width: 360px;
}
div.ui-tooltip[role="tooltip"] p.title {
  display: flex;
  flex-direction: row;
  width: 100%;
  font-weight: bold;
  margin: 0px;
  margin-bottom: 10px;
}
div.ui-tooltip[role="tooltip"] p.title span.level {
  flex: 0 0 auto;
  height: 14px;
  background-color: var(--tooltip-text);
  color: var(--tooltip-color);
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  padding: 3px 6px 3px 5px;
  margin: 0px 10px 0px 0px;
  border-radius: 3px;
}
div.ui-tooltip[role="tooltip"] p.title span.level[level="INFO"] {
  background-color: var(--tooltip-info-color);
  color: var(--tooltip-info-text);
}
div.ui-tooltip[role="tooltip"] p.title span.level[level="SUCCESS"] {
  background-color: var(--tooltip-success-color);
  color: var(--tooltip-success-text);
}
div.ui-tooltip[role="tooltip"] p.title span.level[level="WARNING"] {
  background-color: var(--tooltip-warning-color);
  color: var(--tooltip-warning-text);
}
div.ui-tooltip[role="tooltip"] p.title span.level[level="ERROR"] {
  background-color: var(--tooltip-error-color);
  color: var(--tooltip-error-text);
}
div.ui-tooltip[role="tooltip"] p.title span.title {
  flex: 1 1 auto;
}
div.ui-tooltip[role="tooltip"] p.title span.dates {
  flex: 0 0 auto;
  font-style: italic;
  font-size: 10px;
  margin: 0px;
  margin-left: 10px;
}
div.ui-tooltip[role="tooltip"] p.content {
  text-align: justify;
  font-weight: normal;
  margin: 0px;
}
/* BLOCKS (HEADER) : SEARCH */
div.headerBlock div#header-searchbar {
  position: absolute;
  top: 0px;
  left: calc(0% + 271px);
  /* 0% + (space-left: 20px) + (logo: 36px + 15px) + (title: 200px) */
  width: calc(100% - 312px);
  /* 100% - (left: 271px) - (padding: 10px+10px) - 1px - (space-right: 20px) */
  height: 20px;
  margin: 10px 0px;
}
div.headerBlock div#header-searchbar-inputWithIcon {
  position: relative;
  width: 100%;
}
div.headerBlock input#header-searchbar-input {
  position: absolute;
  left: 0px;
  top: 1px;
  width: calc(100% - 100px);
  height: 20px;
  line-height: 20px;
  padding: 9px 54px 9px 10px;
  border-radius: var(--searchbar-radius);
  background: var(--main-color);
  border: var(--main-text);
  font-size: 16px;
  color: var(--main-text);
  outline: none;
}
div.headerBlock input#header-searchbar-input::placeholder {
  font-style: italic;
  color: var(--main-disable);
}
div.headerBlock div#header-searchbar-icon {
  position: absolute;
  top: 7px;
  right: 46px;
  width: 24px;
  height: 24px;
  background: var(--main-text);
  -webkit-mask: url("../images/search.svg") no-repeat 50% 50% / contain;
  -moz-mask: url("../images/search.svg") no-repeat 50% 50% / contain;
  -ms-mask: url("../images/search.svg") no-repeat 50% 50% / contain;
  -o-mask: url("../images/search.svg") no-repeat 50% 50% / contain;
  mask: url("../images/search.svg") no-repeat 50% 50% / contain;
  cursor: text;
}
div.headerBlock.withAnnouncements input#header-searchbar-input {
  width: calc(100% - 154px);
}
div.headerBlock.withAnnouncements div#header-searchbar-icon {
  top: 7px;
  right: 102px;
}
div.headerBlock.on-search .hide-on-search,
div.headerBlock:not(.on-search) .show-on-search {
  display: none;
}
/* BLOCKS (HEADER) : SEARCH RESULTS */
div.headerBlock div#header-searchresults {
  position: absolute;
  z-index: 200;
  top: 50px;
  left: 70px;
  /* (space:20px) + (button-left:50px) */
  width: calc(100% - 180px);
  /* 100% - (space-left:20px) - (button-left:50px) - (padding:20px+20px) - (button-right:50px) - (space-right:20px) */
  min-height: 20px;
  overflow-y: hidden;
  background: var(--headfoot-color);
  box-shadow: -8px 8px 5px -4px var(--headfoot-shadow);
  font-family: Roboto, Verdana, sans-serif;
  font-weight: 300;
  padding: 15px 20px;
}
div.headerBlock div#header-searchresults:empty {
  display: none;
}
div.headerBlock div#header-searchresults div.title {
  font-style: normal;
  font-size: 20px;
  line-height: 20px;
  margin: 2px 0px;
}
div.headerBlock div#header-searchresults div.more {
  min-height: 50px;
  max-height: calc(100vh - 200px);
  overflow-y: auto;
}
div.headerBlock div#header-searchresults div.more div.back {
  width: 100%;
  overflow: hidden;
}
div.headerBlock div#header-searchresults div.more div.back div.item {
  width: calc(100% - 20px);
  height: 50px;
  padding: 2px 10px;
}
div.headerBlock div#header-searchresults div.more div.back div.item div.button {
  margin: 0px 5px 0px 0px;
  padding: 10px 0px 0px 0px;
}
div.headerBlock div#header-searchresults div.more div.back div.item div.text {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
div.headerBlock div#header-searchresults div.more div.back div.item div.subtext {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  height: 12px;
  line-height: 12px;
  color: var(--main-disable);
}
div.headerBlock div#header-searchresults div.more div.back div.item div.subtext span.pathStep::before {
  content: "\203a";
  padding: 0px 5px;
}
div.headerBlock div#header-searchresults div.more div.back div.item .gotohome,
div.headerBlock div#header-searchresults div.more div.back div.item .gotofolder,
div.headerBlock div#header-searchresults div.more div.back div.item .gotoexternal {
  cursor: pointer;
}
div.headerBlock div#header-searchresults div.more div.back div.item .gotohome > a,
div.headerBlock div#header-searchresults div.more div.back div.item .gotofolder > a,
div.headerBlock div#header-searchresults div.more div.back div.item .gotoexternal > a {
  text-decoration: none;
  outline: none;
}
div.headerBlock div#header-searchresults div.more div.back div.item .gotohome:hover .selectable,
div.headerBlock div#header-searchresults div.more div.back div.item .gotofolder:hover .selectable,
div.headerBlock div#header-searchresults div.more div.back div.item .gotoexternal:hover .selectable,
div.headerBlock div#header-searchresults div.more div.back div.item .gotohome.selectable:hover,
div.headerBlock div#header-searchresults div.more div.back div.item .gotofolder.selectable:hover,
div.headerBlock div#header-searchresults div.more div.back div.item .gotoexternal.selectable:hover {
  text-decoration: underline;
}
/* BLOCKS (HEADER) : NAVIGATION */
div.headerBlock div#nav_bar {
  position: relative;
  display: flex;
  flex-direction: row;
  max-width: calc(100% - 40px);
}
div.headerBlock div#nav_bar::after {
  content: "";
  position: absolute;
  z-index: 10;
  top: 0px;
  right: 0px;
  height: 100%;
  width: 20px;
  box-shadow: inset -20px 0px 10px -10px var(--headfoot-color);
}
div.headerBlock div#nav_bar div.navtohome,
div.headerBlock div#nav_bar div.navtolibraries {
  position: relative;
  flex: 0 0 auto;
  margin: 0px;
  color: var(--main-text);
}
div.headerBlock div#nav_bar div.navtohome.selectable,
div.headerBlock div#nav_bar div.navtolibraries.selectable {
  font-weight: bold;
  cursor: pointer;
}
div.headerBlock div#nav_bar div.navtohome.selectable:hover,
div.headerBlock div#nav_bar div.navtolibraries.selectable:hover {
  text-decoration: underline;
}
div.headerBlock div#nav_bar div.navtohome + div.navtolibraries,
div.headerBlock div#nav_bar div.navtohome + div.navsplit + div.navtolibraries {
  margin-left: 20px;
}
div.headerBlock div#nav_bar div.navsplit {
  position: relative;
  flex: 0 0 auto;
  margin: 0px 0px 0px 20px;
  line-height: 18px;
  font-size: 24px;
  font-weight: normal;
  color: var(--main-disable);
}
div.headerBlock div#nav_bar div.navsplit::after {
  content: "";
  position: absolute;
  z-index: 10;
  top: 0px;
  left: 100%;
  height: 100%;
  width: 20px;
  box-shadow: inset 20px 0px 10px -10px var(--headfoot-color);
}
div.headerBlock div#nav_bar div.navtoparentscroll {
  position: relative;
  flex: 1 1 auto;
  white-space: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
}
div.headerBlock div#nav_bar div.navtoparentscroll div.navtoparent {
  position: relative;
  margin: 0px 25px 0px 0px;
  color: var(--main-text);
}
div.headerBlock div#nav_bar div.navtoparentscroll div.navtoparent:first-of-type {
  margin-left: 20px;
}
div.headerBlock div#nav_bar div.navtoparentscroll div.navtoparent:last-of-type {
  margin-right: 20px;
}
div.headerBlock div#nav_bar div.navtoparentscroll div.navtoparent.selectable {
  font-weight: bold;
  cursor: pointer;
}
div.headerBlock div#nav_bar div.navtoparentscroll div.navtoparent.selectable:hover {
  text-decoration: underline;
}
div.headerBlock div#nav_bar div.navtoparentscroll div.navtoparent.selectable::after {
  content: "\203a";
  position: absolute;
  top: 0px;
  right: -15px;
  transform: translateX(50%);
  line-height: 18px;
  font-size: 24px;
  font-weight: normal;
  color: var(--main-disable);
}
/* BLOCKS (HEADER) : AUDIO */
div.headerBlock:not(.withAudio) #audio_bar {
  display: none;
}
div.headerBlock #audio_bar .audioItem {
  margin: 0px 10px auto 0px;
  height: 20px;
  position: relative;
  color: var(--main-text);
  vertical-align: top;
}
div.headerBlock #audio_bar .audioItem.icon {
  width: 30px;
  height: 30px;
  background: var(--main-disable);
}
div.headerBlock #audio_bar .audioItem.icon:not(.disabled) {
  cursor: pointer;
}
div.headerBlock #audio_bar .audioItem.icon:not(.disabled):hover {
  background: var(--main-text);
}
div.headerBlock #audio_bar #audio_previous {
  -webkit-mask: url("../images/audio/previous.svg") no-repeat 50% 50% / contain;
  -moz-mask: url("../images/audio/previous.svg") no-repeat 50% 50% / contain;
  -ms-mask: url("../images/audio/previous.svg") no-repeat 50% 50% / contain;
  -o-mask: url("../images/audio/previous.svg") no-repeat 50% 50% / contain;
  mask: url("../images/audio/previous.svg") no-repeat 50% 50% / contain;
}
div.headerBlock #audio_bar #audio_playpause {
  width: 18px;
  -webkit-mask: url("../images/audio/play.svg") no-repeat 50% 50% / contain;
  -moz-mask: url("../images/audio/play.svg") no-repeat 50% 50% / contain;
  -ms-mask: url("../images/audio/play.svg") no-repeat 50% 50% / contain;
  -o-mask: url("../images/audio/play.svg") no-repeat 50% 50% / contain;
  mask: url("../images/audio/play.svg") no-repeat 50% 50% / contain;
}
div.headerBlock #audio_bar #audio_playpause.playing {
  -webkit-mask: url("../images/audio/pause.svg") no-repeat 50% 50% / contain;
  -moz-mask: url("../images/audio/pause.svg") no-repeat 50% 50% / contain;
  -ms-mask: url("../images/audio/pause.svg") no-repeat 50% 50% / contain;
  -o-mask: url("../images/audio/pause.svg") no-repeat 50% 50% / contain;
  mask: url("../images/audio/pause.svg") no-repeat 50% 50% / contain;
}
div.headerBlock #audio_bar #audio_next {
  -webkit-mask: url("../images/audio/next.svg") no-repeat 50% 50% / contain;
  -moz-mask: url("../images/audio/next.svg") no-repeat 50% 50% / contain;
  -ms-mask: url("../images/audio/next.svg") no-repeat 50% 50% / contain;
  -o-mask: url("../images/audio/next.svg") no-repeat 50% 50% / contain;
  mask: url("../images/audio/next.svg") no-repeat 50% 50% / contain;
}
div.headerBlock #audio_bar #audio_infos #audio_titleBlock {
  width: 400px;
  height: 15px;
  position: relative;
  overflow: hidden;
}
div.headerBlock #audio_bar #audio_infos #audio_titleBlock #audio_title {
  font-size: 13px;
  height: 15px;
  font-weight: bold;
  white-space: nowrap;
}
div.headerBlock #audio_bar #audio_infos #audio_titleBlock.overflowCycle #audio_title {
  position: absolute;
  min-width: 100%;
  animation: overflowCycling 10s ease-in-out infinite;
}
div.headerBlock #audio_bar #audio_infos #audio_progressInfos {
  width: 100%;
  display: flex;
  flex-direction: row;
}
div.headerBlock #audio_bar #audio_infos #audio_progressInfos #audio_currentTime {
  font-size: 13px;
  overflow: hidden;
  white-space: nowrap;
}
div.headerBlock #audio_bar #audio_infos #audio_progressInfos #audio_progress {
  flex: 1;
  margin: 0px 5px;
  filter: grayscale(1);
  cursor: pointer;
}
div.headerBlock #audio_bar #audio_infos #audio_progressInfos #audio_remainingTime,
div.headerBlock #audio_bar #audio_infos #audio_progressInfos #audio_totalTime {
  font-size: 13px;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
}
div.headerBlock #audio_bar #audio_infos #audio_progressInfos:not(.remaining) #audio_remainingTime,
div.headerBlock #audio_bar #audio_infos #audio_progressInfos.remaining #audio_totalTime {
  display: none;
}
div.headerBlock #audio_bar #audio_close {
  width: 24px;
  -webkit-mask: url("../images/audio/close.svg") no-repeat 50% 50% / contain;
  -moz-mask: url("../images/audio/close.svg") no-repeat 50% 50% / contain;
  -ms-mask: url("../images/audio/close.svg") no-repeat 50% 50% / contain;
  -o-mask: url("../images/audio/close.svg") no-repeat 50% 50% / contain;
  mask: url("../images/audio/close.svg") no-repeat 50% 50% / contain;
}
/* BLOCKS (CONTENT) */
div.block_info,
div.block_infotemp {
  padding: 0px 20px 15px 20px;
  margin: 0px 20px;
  color: var(--main-text);
  box-shadow: 1px 2px 5px 1px var(--block-shadow);
  background: var(--block-color);
  border-radius: var(--content-radius);
  border-left: var(--block-border) 25px solid;
  position: relative;
  transition: background 250ms ease-in-out, border 200ms ease-in-out;
}
div.block_info.block_homepagemessage_info,
div.block_infotemp.block_homepagemessage_info {
  width: calc(60% - 40px);
  margin: 0px 20%;
  background: var(--block-shadow);
}
p.bodycontent {
  font-family: monospace;
  border-left: #000 1px solid;
  margin: 5px 10px;
  padding: 0px 10px;
}
/* BLOCKS (CONTENT) : LOGIN FRAME */
body.login div.headerBlock div.frame div.logo {
  margin: 12px 15px 12px 65px;
}
/* BLOCKS (CONTENT) : LOGIN FRAME */
body.login div.contentBlock #loginFrame {
  height: 50%;
  min-width: 700px;
  background: var(--block-color);
  margin: 100px 40px;
  padding: 50px;
  box-shadow: 0px 3px 5px 1px var(--block-shadow);
  border-radius: var(--content-radius);
}
body.login div.contentBlock #loginFrame p {
  display: block;
  margin-block-start: 25px;
  margin-block-end: 25px;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}
body.login div.contentBlock #loginFrame p.title {
  font-style: normal;
  font-weight: bold;
  font-size: 26px;
  line-height: 26px;
  margin: 0px 0px 45px 0px;
}
body.login div.contentBlock #loginFrame p.title:has(+ p.subtitle) {
  margin-bottom: 25px;
}
body.login div.contentBlock #loginFrame p.subtitle {
  text-align: center;
}
body.login div.contentBlock #loginFrame p:first-child {
  margin-block-start: 0px;
}
body.login div.contentBlock #loginFrame p:last-child {
  margin-block-end: 0px;
}
body.login div.contentBlock #loginFrame a,
body.login div.contentBlock #loginFrame a:visited,
body.login div.contentBlock #loginFrame a:hover,
body.login div.contentBlock #loginFrame a:focus,
body.login div.contentBlock #loginFrame a:focus-visible,
body.login div.contentBlock #loginFrame a:active {
  text-decoration: underline;
  color: var(--main-login);
  cursor: pointer;
}
body.login div.contentBlock #loginFrame label {
  display: block;
  font-weight: bold;
  font-size: 17px;
  line-height: 17px;
}
body.login div.contentBlock #loginFrame label .mandatory {
  font-weight: normal;
  color: var(--main-error);
}
body.login div.contentBlock #loginFrame #username,
body.login div.contentBlock #loginFrame #password {
  display: block;
  width: calc(100% - 20px - 4px);
  padding: 5px 10px;
  margin: 10px 0px;
  font-size: 15px;
  line-height: 18px;
  text-overflow: ellipsis;
  outline: none;
  border: var(--main-disable) 2px solid;
}
body.login div.contentBlock #loginFrame #username:focus,
body.login div.contentBlock #loginFrame #password:focus,
body.login div.contentBlock #loginFrame #username:focus-visible,
body.login div.contentBlock #loginFrame #password:focus-visible {
  outline: none;
  background: var(--block-color);
  border: var(--main-text) 2px solid;
}
body.login div.contentBlock #loginFrame #connect {
  width: 100%;
  margin: 20px 0px 0px 0px;
  padding: 7px 10px;
  font-weight: bold;
  font-size: 17px;
  outline: none;
  background: var(--main-login);
  border-radius: var(--button-radius);
  border: var(--main-login) 1px solid;
  color: var(--login-overtext);
  cursor: pointer;
}
body.login div.contentBlock #loginFrame #connect:disabled {
  background: var(--login-disable);
  border: var(--login-disable) 1px solid;
}
body.login div.contentBlock #loginFrame #drawing {
  background-image: url("../images/backgrounds/login.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 700px;
  height: 300px;
  margin: 0px 0px 0px 40px;
}
/* BLOCKS (CONTENT) : MAINTENANCE FRAME */
body.maintenance div.frame {
  max-width: 960px;
}
body.maintenance div.contentBlock #maintenanceFrame {
  height: 50%;
  min-width: 700px;
  background: var(--block-color);
  margin: 100px 40px;
  padding: 50px;
  box-shadow: 0px 3px 5px 1px var(--block-shadow);
  border-radius: var(--content-radius);
}
body.maintenance div.contentBlock #maintenanceFrame #leftPart {
  width: 300px;
}
body.maintenance div.contentBlock #maintenanceFrame .title {
  font-style: normal;
  font-weight: bold;
  font-size: 26px;
  line-height: 26px;
  margin: 0px 0px 45px 0px;
}
body.maintenance div.contentBlock #maintenanceFrame p {
  display: block;
  margin-block-start: 25px;
  margin-block-end: 25px;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}
body.maintenance div.contentBlock #maintenanceFrame p:first-child {
  margin-block-start: 0px;
}
body.maintenance div.contentBlock #maintenanceFrame p:last-child {
  margin-block-end: 0px;
}
body.maintenance div.contentBlock #maintenanceFrame p #timeout,
body.maintenance div.contentBlock #maintenanceFrame p #remaining,
body.maintenance div.contentBlock #maintenanceFrame p #reason {
  color: var(--main-login);
}
body.maintenance div.contentBlock #maintenanceFrame p #timeout.big,
body.maintenance div.contentBlock #maintenanceFrame p #remaining.big,
body.maintenance div.contentBlock #maintenanceFrame p #reason.big {
  font-size: 150%;
}
body.maintenance div.contentBlock #maintenanceFrame a,
body.maintenance div.contentBlock #maintenanceFrame a:visited,
body.maintenance div.contentBlock #maintenanceFrame a:hover,
body.maintenance div.contentBlock #maintenanceFrame a:focus,
body.maintenance div.contentBlock #maintenanceFrame a:focus-visible,
body.maintenance div.contentBlock #maintenanceFrame a:active {
  text-decoration: underline;
  color: var(--main-login);
  cursor: pointer;
}
body.maintenance div.contentBlock #maintenanceFrame #drawing {
  background-image: url("../images/backgrounds/maintenance.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 400px;
  height: 300px;
  margin: -20px 0px -20px 40px;
}
body.maintenance div.contentBlock #maintenanceFrame.maintenanceKO #drawing {
  background-image: url("../images/backgrounds/maintenance_error.svg");
}
body.maintenance div.contentBlock #maintenanceFrame.maintenanceEnd #drawing {
  background-image: url("../images/backgrounds/maintenance_ended.svg");
}
/* BLOCKS (CONTENT) : BORDER (ACTION/DEBUG COLORS) */
div.contentSubBlock div.block_info.block_debugmsg_info,
div.contentSubBlock div.block_info.block_actionmsg_info {
  border-color: var(--main-disable);
}
div.contentSubBlock div.block_info.block_debugmsg_info a.reloadButton,
div.contentSubBlock div.block_info.block_actionmsg_info a.reloadButton,
div.contentSubBlock div.block_info.block_debugmsg_info ~ a.reloadButton,
div.contentSubBlock div.block_info.block_actionmsg_info ~ a.reloadButton,
div.contentSubBlock div.block_info.block_debugmsg_info ~ a.unfoldButton,
div.contentSubBlock div.block_info.block_actionmsg_info ~ a.unfoldButton,
div.contentSubBlock div.block_info.block_debugmsg_info ~ a.foldButton,
div.contentSubBlock div.block_info.block_actionmsg_info ~ a.foldButton {
  color: var(--disable-fold) ;
}
div.contentSubBlock div.block_info.block_debugmsg_info.block_success_msg,
div.contentSubBlock div.block_info.block_actionmsg_info.block_success_msg {
  border-color: var(--main-success);
}
div.contentSubBlock div.block_info.block_debugmsg_info.block_success_msg a.reloadButton,
div.contentSubBlock div.block_info.block_actionmsg_info.block_success_msg a.reloadButton,
div.contentSubBlock div.block_info.block_debugmsg_info.block_success_msg ~ a.reloadButton,
div.contentSubBlock div.block_info.block_actionmsg_info.block_success_msg ~ a.reloadButton,
div.contentSubBlock div.block_info.block_debugmsg_info.block_success_msg ~ a.unfoldButton,
div.contentSubBlock div.block_info.block_actionmsg_info.block_success_msg ~ a.unfoldButton,
div.contentSubBlock div.block_info.block_debugmsg_info.block_success_msg ~ a.foldButton,
div.contentSubBlock div.block_info.block_actionmsg_info.block_success_msg ~ a.foldButton {
  color: var(--success-fold) ;
}
div.contentSubBlock div.block_info.block_debugmsg_info.block_warning_msg,
div.contentSubBlock div.block_info.block_actionmsg_info.block_warning_msg {
  border-color: var(--main-warning) !important;
}
div.contentSubBlock div.block_info.block_debugmsg_info.block_warning_msg a.reloadButton,
div.contentSubBlock div.block_info.block_actionmsg_info.block_warning_msg a.reloadButton,
div.contentSubBlock div.block_info.block_debugmsg_info.block_warning_msg ~ a.reloadButton,
div.contentSubBlock div.block_info.block_actionmsg_info.block_warning_msg ~ a.reloadButton,
div.contentSubBlock div.block_info.block_debugmsg_info.block_warning_msg ~ a.unfoldButton,
div.contentSubBlock div.block_info.block_actionmsg_info.block_warning_msg ~ a.unfoldButton,
div.contentSubBlock div.block_info.block_debugmsg_info.block_warning_msg ~ a.foldButton,
div.contentSubBlock div.block_info.block_actionmsg_info.block_warning_msg ~ a.foldButton {
  color: var(--warning-fold) !important;
}
div.contentSubBlock div.block_info.block_debugmsg_info.block_error_msg,
div.contentSubBlock div.block_info.block_actionmsg_info.block_error_msg {
  border-color: var(--main-error) !important;
}
div.contentSubBlock div.block_info.block_debugmsg_info.block_error_msg a.reloadButton,
div.contentSubBlock div.block_info.block_actionmsg_info.block_error_msg a.reloadButton,
div.contentSubBlock div.block_info.block_debugmsg_info.block_error_msg ~ a.reloadButton,
div.contentSubBlock div.block_info.block_actionmsg_info.block_error_msg ~ a.reloadButton,
div.contentSubBlock div.block_info.block_debugmsg_info.block_error_msg ~ a.unfoldButton,
div.contentSubBlock div.block_info.block_actionmsg_info.block_error_msg ~ a.unfoldButton,
div.contentSubBlock div.block_info.block_debugmsg_info.block_error_msg ~ a.foldButton,
div.contentSubBlock div.block_info.block_actionmsg_info.block_error_msg ~ a.foldButton {
  color: var(--error-fold) !important;
}
/* BLOCKS (CONTENT) : BORDER / ACTION BUTTONS (NBTRIES COLORS) */
div.contentSubBlock div.block_infotemp {
  display: none;
}
div.contentSubBlock div.block_info {
  border-color: var(--main-disable);
}
div.contentSubBlock div.block_info a.reloadButton,
div.contentSubBlock div.block_info ~ a.reloadButton,
div.contentSubBlock div.block_info ~ a.unfoldButton,
div.contentSubBlock div.block_info ~ a.foldButton {
  color: var(--disable-fold) ;
}
div.contentSubBlock div.block_info.reloadable:not([nbTries]) {
  border-color: var(--main-warning);
}
div.contentSubBlock div.block_info.reloadable:not([nbTries]) a.reloadButton,
div.contentSubBlock div.block_info.reloadable:not([nbTries]) ~ a.reloadButton,
div.contentSubBlock div.block_info.reloadable:not([nbTries]) ~ a.unfoldButton,
div.contentSubBlock div.block_info.reloadable:not([nbTries]) ~ a.foldButton {
  color: var(--warning-fold) ;
}
div.contentSubBlock div.block_info.block_inprogressfiles_info:not(.warningBlock) {
  border-color: var(--main-progress);
}
div.contentSubBlock div.block_info.block_inprogressfiles_info:not(.warningBlock) a.reloadButton,
div.contentSubBlock div.block_info.block_inprogressfiles_info:not(.warningBlock) ~ a.reloadButton,
div.contentSubBlock div.block_info.block_inprogressfiles_info:not(.warningBlock) ~ a.unfoldButton,
div.contentSubBlock div.block_info.block_inprogressfiles_info:not(.warningBlock) ~ a.foldButton {
  color: var(--progress-fold) ;
}
div.contentSubBlock div.block_info.block_finishedfiles_info:not(.warningBlock),
div.contentSubBlock div.block_info.block_remotefiles_info:not(.warningBlock) {
  border-color: var(--main-files);
}
div.contentSubBlock div.block_info.block_finishedfiles_info:not(.warningBlock) a.reloadButton,
div.contentSubBlock div.block_info.block_remotefiles_info:not(.warningBlock) a.reloadButton,
div.contentSubBlock div.block_info.block_finishedfiles_info:not(.warningBlock) ~ a.reloadButton,
div.contentSubBlock div.block_info.block_remotefiles_info:not(.warningBlock) ~ a.reloadButton,
div.contentSubBlock div.block_info.block_finishedfiles_info:not(.warningBlock) ~ a.unfoldButton,
div.contentSubBlock div.block_info.block_remotefiles_info:not(.warningBlock) ~ a.unfoldButton,
div.contentSubBlock div.block_info.block_finishedfiles_info:not(.warningBlock) ~ a.foldButton,
div.contentSubBlock div.block_info.block_remotefiles_info:not(.warningBlock) ~ a.foldButton {
  color: var(--files-fold) ;
}
div.contentSubBlock div.block_info.warningBlock:not(.errorBlock) {
  border-color: var(--main-warning);
}
div.contentSubBlock div.block_info.warningBlock:not(.errorBlock) a.reloadButton,
div.contentSubBlock div.block_info.warningBlock:not(.errorBlock) ~ a.reloadButton,
div.contentSubBlock div.block_info.warningBlock:not(.errorBlock) ~ a.unfoldButton,
div.contentSubBlock div.block_info.warningBlock:not(.errorBlock) ~ a.foldButton {
  color: var(--warning-fold) ;
}
div.contentSubBlock div.block_info.warningBlock.errorBlock {
  border-color: var(--main-error);
}
div.contentSubBlock div.block_info.warningBlock.errorBlock a.reloadButton,
div.contentSubBlock div.block_info.warningBlock.errorBlock ~ a.reloadButton,
div.contentSubBlock div.block_info.warningBlock.errorBlock ~ a.unfoldButton,
div.contentSubBlock div.block_info.warningBlock.errorBlock ~ a.foldButton {
  color: var(--error-fold) ;
}
/* BLOCKS (CONTENT) : FOLD/UNFOLD (BEHAVIOURS) */
div.contentSubBlock {
  display: inline-block;
  position: relative;
  margin-top: 20px;
}
div.contentSubBlock.folded {
  display: inline-block;
  max-width: fit-content;
}
div.contentSubBlock:not(.folded) {
  width: 100%;
}
div.contentSubBlock a.reloadButton {
  position: absolute;
  left: 12px;
  display: block;
  top: 0px;
  height: 100%;
  font-size: 21px;
  color: var(--disable-fold);
  cursor: pointer;
  opacity: 0.8;
  text-shadow: 0px 0px 5px var(--main-shadow);
  transition: text-shadow 200ms ease-in-out;
}
div.contentSubBlock a.unfoldButton,
div.contentSubBlock a.foldButton {
  position: absolute;
  left: 20px;
  text-align: center;
  width: 25px;
  display: block;
  top: 6px;
  padding-top: 5px;
  height: calc(100% - 5px);
  font-family: Roboto, Verdana, sans-serif;
  font-size: 25px;
  color: var(--disable-fold);
  cursor: pointer;
  text-shadow: 0px 0px 1px var(--main-shadow);
  transition: text-shadow 200ms ease-in-out;
}
div.contentSubBlock a.unfoldButton:hover,
div.contentSubBlock a.foldButton:hover {
  text-shadow: 0px 0px 3px var(--main-shadow);
  transition: text-shadow 200ms ease-in-out;
}
div.contentSubBlock:not(.folded) a.foldButton,
div.contentSubBlock.folded a.unfoldButon {
  display: block;
}
div.contentSubBlock.folded a.foldButton,
div.contentSubBlock:not(.folded) a.unfoldButton {
  display: none;
}
div.contentSubBlock.folded > div.foldable > *:not(.onlyWhenFolded),
div.contentSubBlock:not(.folded) > div.foldable > *.onlyWhenFolded {
  display: none !important;
}
/* BLOCKS (CONTENT) : FOLD/UNFOLD (ELEMENTS) */
div.contentSubBlock.folded > div.foldable > *.onlyWhenFolded {
  font-size: 14px;
  line-height: 18px;
}
div.contentSubBlock.folded > div.foldable > *.onlyWhenFolded div.size-smallbar {
  width: 50px;
  height: 5px;
  display: inline-block;
  background: var(--main-separator);
  margin-bottom: 2px;
  margin-left: 5px;
  overflow: hidden;
}
div.contentSubBlock.folded > div.foldable > *.onlyWhenFolded div.size-smallbar > div.progress {
  display: inline-block;
  width: 80px;
  height: 12px;
  line-height: 12px;
  background: var(--main-text);
  position: relative;
}
div.contentSubBlock.folded > div.foldable > *.onlyWhenFolded div.size-smallbar.inprogress > div.progress {
  background: var(--main-progress);
}
div.contentSubBlock.folded > div.foldable > *.onlyWhenFolded div.size-smallbar.unknownprogress > div.progress {
  background: linear-gradient(to right, transparent, var(--main-progress), transparent);
}
div.contentSubBlock.folded > div.foldable > *.onlyWhenFolded div.size-smallbar.size-ok > div.progress {
  background: var(--main-success);
}
div.contentSubBlock.folded > div.foldable > *.onlyWhenFolded div.size-smallbar.size-kk > div.progress {
  background: var(--main-warning);
}
div.contentSubBlock.folded > div.foldable > *.onlyWhenFolded div.size-smallbar.size-ko > div.progress {
  background: var(--main-error);
}
/* BLOCKS (CONTENT) : FOLD/UNFOLD (COLORS) */
div.contentSubBlock.folded > div.foldable {
  position: relative;
  margin: 0px 0px 0px 20px;
  padding: 10px 15px;
  overflow: hidden;
  border-radius: var(--content-radius);
  min-width: 30px;
  max-width: 300px;
}
div.contentSubBlock.folded > div.foldable.block_warning_msg {
  border-left-color: var(--main-warning) !important;
}
div.contentSubBlock.folded > div.foldable.block_error_msg {
  border-left-color: var(--main-error) !important;
}
div.contentSubBlock.folded > div.foldable.block_info {
  border-left-color: var(--main-disable);
}
div.contentSubBlock.folded > div.foldable.block_info.block_debugmsg_info {
  border-left-color: var(--main-disable);
}
div.contentSubBlock.folded > div.foldable.block_info.block_actionmsg_info {
  border-left-color: var(--main-success);
}
div.contentSubBlock.folded > div.foldable.block_info.block_inprogressfiles_info:not(.warningBlock) {
  border-left-color: var(--main-progress);
}
div.contentSubBlock.folded > div.foldable.block_info.block_finishedfiles_info:not(.warningBlock),
div.contentSubBlock.folded > div.foldable.block_info.block_remotefiles_info:not(.warningBlock) {
  border-left-color: var(--main-files) !important;
}
div.contentSubBlock.folded > div.foldable.block_info.warningBlock:not(.errorBlock) {
  border-left-color: var(--main-warning);
}
div.contentSubBlock.folded > div.foldable.block_info.warningBlock.errorBlock {
  border-left-color: var(--main-error);
}
/* BLOCKS (CONTENT) : FIRST LOAD (BEHAVIOURS) */
div.contentSubBlock.firstLoadKO div.firstLoad .loadingOK,
div.contentSubBlock:not(.firstLoadKO) div.firstLoad .loadingKO {
  display: none;
}
/* BLOCKS (CONTENT) : TEXT */
div.contentBlock div.title {
  font-style: normal;
  font-size: 20px;
  line-height: 20px;
  margin: 2px 0px;
}
div.contentBlock div.title.pause::before {
  content: "\26a0\00a0";
  font-size: 25px;
  float: left;
  color: var(--main-error);
}
div.contentBlock div.title a.url {
  width: 16px;
  height: 16px;
  display: inline-block;
  opacity: 0.01;
  background: var(--main-text);
  -webkit-mask: url("../images/bookmark.svg") no-repeat 50% 50% / contain;
  -moz-mask: url("../images/bookmark.svg") no-repeat 50% 50% / contain;
  -ms-mask: url("../images/bookmark.svg") no-repeat 50% 50% / contain;
  -o-mask: url("../images/bookmark.svg") no-repeat 50% 50% / contain;
  mask: url("../images/bookmark.svg") no-repeat 50% 50% / contain;
}
div.contentBlock div.title a.url:hover {
  opacity: 1;
}
div.contentBlock div.title.size-text {
  font-size: 16px;
  font-weight: bold;
  line-height: 16px;
  margin: 4px 0px;
}
div.contentBlock div.title.size-bar {
  width: 120px;
  height: 12px;
  font-size: 10px;
  line-height: 12px;
  margin: 6px 15px 6px 0px;
  background: var(--main-separator);
  overflow: hidden;
}
div.contentBlock div.title.size-bar > div.progress {
  display: inline-block;
  width: 80px;
  height: 12px;
  line-height: 12px;
  background: var(--main-text);
  position: relative;
}
div.contentBlock div.title.size-bar.inprogress > div.progress {
  background: var(--main-progress);
}
div.contentBlock div.title.size-bar.inprogress > div.progress.progressarrow::before {
  content: "";
  position: absolute;
  right: -3px;
  bottom: 0px;
  width: 0px;
  height: 0px;
  border-left: var(--main-progress) 3px solid;
  border-top: transparent 6px solid;
  border-bottom: transparent 6px solid;
}
div.contentBlock div.title.size-bar .unknownprogress > div.progress {
  background: linear-gradient(to right, transparent, var(--main-progress), transparent);
}
div.contentBlock div.title.size-bar.size-ok > div.progress {
  background: var(--main-success);
}
div.contentBlock div.title.size-bar.size-kk > div.progress {
  background: var(--main-warning);
}
div.contentBlock div.title.size-bar.size-ko > div.progress {
  background: var(--main-error);
}
div.contentBlock div.text {
  font-style: normal;
  font-weight: normal;
}
div.contentBlock div.details {
  font-size: 14px;
  margin-top: 10px;
}
div.contentBlock div.title,
div.contentBlock div.text {
  transition: color 200ms ease-in-out;
}
div.contentBlock div.title .titlesplit,
div.contentBlock div.text .titlesplit,
div.contentBlock div.title .textsplit,
div.contentBlock div.text .textsplit {
  margin: 0px 10px 0px 10px;
  line-height: 18px;
  font-size: 24px;
  font-weight: normal;
  color: var(--main-disable);
}
div.contentBlock div.title + div.details,
div.contentBlock div.text + div.details,
div.contentBlock div.title + div.clear + div.details,
div.contentBlock div.text + div.clear + div.details {
  margin-top: 5px;
}
div.contentBlock div.subtext {
  font-size: 0.75em;
  font-style: normal;
  font-weight: normal;
  text-align: justify;
}
div.contentBlock div:not(.float-right) .indent-1.title,
div.contentBlock div:not(.float-right) .indent-1.text,
div.contentBlock div:not(.float-right) .indent-1.subtext {
  margin-left: 37px;
  padding-left: 10px;
}
div.contentBlock div:not(.float-right) .indent-2.title,
div.contentBlock div:not(.float-right) .indent-2.text,
div.contentBlock div:not(.float-right) .indent-2.subtext {
  margin-left: 63px;
  padding-left: 10px;
}
/* BLOCKS (CONTENT) : TEXT (ANIMATION) */
div.contentBlock div.animated.title,
div.contentBlock div.animated.text,
div.contentBlock div.animated.subtext {
  transition: margin-left 200ms ease-in-out;
}
/* BLOCKS (CONTENT) : STATUSBAR */
div.contentSubBlock div.status-bar {
  margin-left: 10px;
  margin-top: 10px;
  font-size: 0.7em;
  color: var(--main-disable);
}
div.contentSubBlock div.status-bar.float-left {
  margin-right: 10px;
}
div.contentSubBlock div.status-bar.float-right {
  margin-left: 10px;
}
div.contentSubBlock div.status-bar.refreshFilesDate {
  font-size: 14px;
  min-width: 1px;
  height: 16px;
  vertical-align: bottom;
}
div.contentSubBlock div.status-bar.refreshFilesDate div.action.refreshContent::after {
  content: "Suspendre";
}
div.contentSubBlock div.status-bar.refreshFilesDate div.action.displayPending::before {
  content: "Afficher la file d'attente";
}
div.contentSubBlock div.status-bar.refreshFilesDate div.action.displayPending span.pendingSize::before {
  content: "\00a0(";
}
div.contentSubBlock div.status-bar.refreshFilesDate div.action.displayPending span.pendingSize::after {
  content: ")";
}
div.contentSubBlock div.status-bar.refreshFilesDate div.action.displayPending span.pendingSize:empty {
  display: none;
}
div.contentSubBlock div.status-bar.refreshFilesDate div.action.displayDebug::after {
  content: "Afficher le debug";
}
div.contentSubBlock div.status-bar.refreshFilesDate div.hourglass {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-top: 3px;
  margin-bottom: -4px;
  margin-right: 5px;
  background: var(--main-disable);
  -webkit-mask: url("../images/timer/normal.svg") no-repeat 50% 50% / contain;
  -moz-mask: url("../images/timer/normal.svg") no-repeat 50% 50% / contain;
  -ms-mask: url("../images/timer/normal.svg") no-repeat 50% 50% / contain;
  -o-mask: url("../images/timer/normal.svg") no-repeat 50% 50% / contain;
  mask: url("../images/timer/normal.svg") no-repeat 50% 50% / contain;
}
div.contentSubBlock.increasedTimer div.status-bar.refreshFilesDate div.hourglass,
div.contentSubBlock > .increasedTimer div.status-bar.refreshFilesDate div.hourglass {
  -webkit-mask: url("../images/timer/increased.svg") no-repeat 50% 50% / contain;
  -moz-mask: url("../images/timer/increased.svg") no-repeat 50% 50% / contain;
  -ms-mask: url("../images/timer/increased.svg") no-repeat 50% 50% / contain;
  -o-mask: url("../images/timer/increased.svg") no-repeat 50% 50% / contain;
  mask: url("../images/timer/increased.svg") no-repeat 50% 50% / contain;
}
/* BLOCKS (CONTENT) : STATUSBAR (WITH CONFIG) */
div.contentSubBlock.cfg_suspended div.status-bar.refreshFilesDate div.action.refreshContent::after {
  content: "Reprendre";
}
div.contentSubBlock.cfg_pending div.status-bar.refreshFilesDate div.action.displayPending::before {
  content: "Masquer la file d'attente";
}
div.contentSubBlock.cfg_pending div.status-bar.refreshFilesDate div.action.displayPending span.pendingSize {
  display: none;
}
div.contentSubBlock.cfg_pending div.more > div.back.pending {
  display: block;
}
div.contentSubBlock.cfg_debug div.status-bar div.action.displayDebug::after {
  content: "Masquer le debug";
}
div.contentSubBlock.cfg_debug pre.debug_text {
  display: block;
}
/* BLOCKS (CONTENT) : ACTION BUTTONS */
div.contentSubBlock div.foldedBlock div.action {
  font-weight: bold;
  display: inline-block;
  cursor: pointer;
}
div.contentSubBlock div.status-bar div.action {
  font-weight: bold;
  display: inline-block;
  cursor: pointer;
  margin-left: 10px;
}
div.contentSubBlock div.foldedBlock span.splitter {
  margin: 0px 5px;
  color: var(--main-disable);
}
div.contentSubBlock#contentSubBlock_debugmsg.debugmsg_success div.foldedBlock div.action,
div.contentSubBlock#contentSubBlock_debugmsg.debugmsg_success div.status-bar div.action {
  color: var(--main-disable);
}
div.contentSubBlock#contentSubBlock_debugmsg.debugmsg_warning div.foldedBlock div.action,
div.contentSubBlock#contentSubBlock_debugmsg.debugmsg_warning div.status-bar div.action {
  color: var(--block-color);
}
div.contentSubBlock#contentSubBlock_debugmsg.debugmsg_error div.foldedBlock div.action,
div.contentSubBlock#contentSubBlock_debugmsg.debugmsg_error div.status-bar div.action {
  color: var(--main-error);
}
div.contentSubBlock#contentSubBlock_actionmsg.actionmsg_success div.foldedBlock div.action,
div.contentSubBlock#contentSubBlock_actionmsg.actionmsg_success div.status-bar div.action {
  color: var(--success-action);
}
div.contentSubBlock#contentSubBlock_actionmsg.actionmsg_warning div.foldedBlock div.action,
div.contentSubBlock#contentSubBlock_actionmsg.actionmsg_warning div.status-bar div.action {
  color: var(--warning-action);
}
div.contentSubBlock#contentSubBlock_actionmsg.actionmsg_error div.foldedBlock div.action,
div.contentSubBlock#contentSubBlock_actionmsg.actionmsg_error div.status-bar div.action {
  color: var(--error-action);
}
/* BLOCKS (CONTENT) : ACTION BUTTONS (NBTRIES COLORS) */
div.contentSubBlock#contentSubBlock_inprogressfiles div.block_inprogressfiles_info div.foldedBlock div.action,
div.contentSubBlock#contentSubBlock_inprogressfiles div.block_inprogressfiles_info div.status-bar div.action {
  color: var(--progress-action);
}
div.contentSubBlock#contentSubBlock_inprogressfiles div.block_inprogressfiles_info:not(.warningBlock) div.foldedBlock div.action,
div.contentSubBlock#contentSubBlock_inprogressfiles div.block_inprogressfiles_info:not(.warningBlock) div.status-bar div.action {
  color: var(--progress-action);
}
div.contentSubBlock#contentSubBlock_inprogressfiles div.block_inprogressfiles_info.warningBlock:not(.errorBlock) div.foldedBlock div.action,
div.contentSubBlock#contentSubBlock_inprogressfiles div.block_inprogressfiles_info.warningBlock:not(.errorBlock) div.status-bar div.action {
  color: var(--warning-action);
}
div.contentSubBlock#contentSubBlock_inprogressfiles div.block_inprogressfiles_info.warningBlock.errorBlock div.foldedBlock div.action,
div.contentSubBlock#contentSubBlock_inprogressfiles div.block_inprogressfiles_info.warningBlock.errorBlock div.status-bar div.action {
  color: var(--error-action);
}
div.contentSubBlock#contentSubBlock_finishedfiles div.block_finishedfiles_info div.foldedBlock div.action,
div.contentSubBlock#contentSubBlock_finishedfiles div.block_finishedfiles_info div.status-bar div.action {
  color: var(--files-action);
}
div.contentSubBlock#contentSubBlock_finishedfiles div.block_finishedfiles_info:not(.warningBlock) div.foldedBlock div.action,
div.contentSubBlock#contentSubBlock_finishedfiles div.block_finishedfiles_info:not(.warningBlock) div.status-bar div.action {
  color: var(--files-action);
}
div.contentSubBlock#contentSubBlock_finishedfiles div.block_finishedfiles_info.warningBlock:not(.errorBlock) div.foldedBlock div.action,
div.contentSubBlock#contentSubBlock_finishedfiles div.block_finishedfiles_info.warningBlock:not(.errorBlock) div.status-bar div.action {
  color: var(--warning-action);
}
div.contentSubBlock#contentSubBlock_finishedfiles div.block_finishedfiles_info.warningBlock.errorBlock div.foldedBlock div.action,
div.contentSubBlock#contentSubBlock_finishedfiles div.block_finishedfiles_info.warningBlock.errorBlock div.status-bar div.action {
  color: var(--error-action);
}
div.contentSubBlock#contentSubBlock_remotefiles div.block_remotefiles_info div.foldedBlock div.action,
div.contentSubBlock#contentSubBlock_remotefiles div.block_remotefiles_info div.status-bar div.action {
  color: var(--files-action);
}
div.contentSubBlock#contentSubBlock_remotefiles div.block_remotefiles_info:not(.warningBlock) div.foldedBlock div.action,
div.contentSubBlock#contentSubBlock_remotefiles div.block_remotefiles_info:not(.warningBlock) div.status-bar div.action {
  color: var(--files-action);
}
div.contentSubBlock#contentSubBlock_remotefiles div.block_remotefiles_info.warningBlock:not(.errorBlock) div.foldedBlock div.action,
div.contentSubBlock#contentSubBlock_remotefiles div.block_remotefiles_info.warningBlock:not(.errorBlock) div.status-bar div.action {
  color: var(--warning-action);
}
div.contentSubBlock#contentSubBlock_remotefiles div.block_remotefiles_info.warningBlock.errorBlock div.foldedBlock div.action,
div.contentSubBlock#contentSubBlock_remotefiles div.block_remotefiles_info.warningBlock.errorBlock div.status-bar div.action {
  color: var(--error-action);
}
/* BLOCKS (CONTENT) : STATUSBAR (TOKENS) */
div.status-bar#profileTokens {
  padding: 3px 0px 0px 10px;
  margin: 10px 0px -7px 0px;
  background: var(--block-color);
  opacity: 1;
  display: inline-block;
}
div.status-bar#profileTokens div.token-text {
  display: inline-block;
  font-size: 14px;
  min-width: 1px;
  height: 16px;
  vertical-align: bottom;
  margin: 0px 5px 0px 5px;
}
div.status-bar#profileTokens div.token {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 1px 0px -3px 3px;
  padding: 0px;
  border-radius: var(--profile-token-radius);
  box-shadow: inset 0px 0px 0px 1.5px var(--main-disable);
}
div.status-bar#profileTokens div.token.on {
  box-shadow: inset 0px 0px 0px 1.5px var(--main-disable), inset 0px 0px 0px 3.5px var(--block-color), inset 0px 0px 0px 9px var(--main-disable);
}
div.status-bar#profileTokens div.token div.top-token {
  display: none;
}
div.status-bar#profileTokens.warning div.token.on {
  box-shadow: inset 0px 0px 0px 1.5px var(--main-disable), inset 0px 0px 0px 3.5px var(--block-color), inset 0px 0px 0px 9px var(--main-error);
}
/* BLOCKS (CONTENT) SUBBLOCKS : STICKY HEADER */
div.contentSubBlock div.stickyheader {
  position: sticky;
  display: flex;
  flex-flow: row wrap;
  top: 0px;
  width: 100%;
  min-height: 35px;
  padding-top: 15px;
  background-color: var(--block-color);
  z-index: 10;
  border-bottom: var(--main-interline) 2px solid;
}
div.contentSubBlock div.stickyheader div.stickyselector {
  flex: 0 1 auto;
}
div.contentSubBlock div.stickyheader div.blockTitle {
  flex: 1 1 auto;
}
div.contentSubBlock div.stickyheader div.blockSize {
  flex: 0 1 auto;
}
div.contentSubBlock div.stickyheader div.blockAction {
  flex: 0 1 auto;
}
/* BLOCKS (CONTENT) SUBBLOCKS : STICKY MENU */
div.contentSubBlock div.stickycontainer {
  clear: both;
  position: relative;
}
div.contentSubBlock div.stickycontainer div.stickyheader {
  box-shadow: inset 0px -2px 0px 0px var(--main-interline);
  border-bottom: none;
}
div.contentSubBlock div.stickycontainer div.stickyselector {
  position: relative;
  height: 20px;
  margin: -7px 15px 0px 0px;
  padding: 10px 10px 10px 10px;
  background: var(--main-interline);
  border-top: var(--main-interline) 2px solid;
  border-left: var(--main-interline) 2px solid;
  border-right: var(--main-interline) 2px solid;
  border-top-left-radius: var(--content-button-radius);
  border-top-right-radius: var(--content-button-radius);
}
div.contentSubBlock div.stickycontainer div.stickyselector > div,
div.contentSubBlock div.stickycontainer div.stickyselector > div.text > div {
  float: left !important;
}
div.contentSubBlock div.stickycontainer div.stickyselector > div.checkbox,
div.contentSubBlock div.stickycontainer div.stickyselector > div.text > div.checkbox {
  padding: 0px;
  margin: 0px -2px 0px -2px;
}
div.contentSubBlock div.stickycontainer div.stickyselector > div.checkbox > input[type=checkbox],
div.contentSubBlock div.stickycontainer div.stickyselector > div.text > div.checkbox > input[type=checkbox] {
  top: 0px;
}
div.contentSubBlock div.stickycontainer div.stickyselector > div.button.smartselect,
div.contentSubBlock div.stickycontainer div.stickyselector > div.text > div.button.smartselect {
  margin-left: 10px;
  margin-right: -2px;
  padding-top: 0px;
}
div.contentSubBlock div.stickycontainer div.stickyselector > div.splitter,
div.contentSubBlock div.stickycontainer div.stickyselector > div.text > div.splitter {
  margin-left: 15px;
  margin-right: 0px;
}
div.contentSubBlock div.stickycontainer div.stickyselector > div.text,
div.contentSubBlock div.stickycontainer div.stickyselector > div.text > div.text {
  margin-left: 15px;
  margin-right: -2px;
}
div.contentSubBlock div.stickycontainer div.stickyselector > div div.button.massmoremenu,
div.contentSubBlock div.stickycontainer div.stickyselector > div.text > div div.button.massmoremenu {
  padding-top: 0px;
  margin-left: 5px;
  margin-right: -5px;
}
div.contentSubBlock div.stickycontainer div.stickyselector > div div.button.moremenu,
div.contentSubBlock div.stickycontainer div.stickyselector > div.text > div div.button.moremenu {
  padding-top: 0px;
  margin-left: 5px;
  margin-right: -5px;
}
div.contentSubBlock div.stickycontainer div.more {
  margin-top: 0px;
}
div.contentSubBlock:not(.cfg_stickyselector) div.stickyselector:not(.alwaysdisplayed),
div.contentSubBlock:not(.cfg_stickyselector) div.stickyselector.alwaysdisplayed > div:not(.alwaysdisplayed) {
  display: none;
}
div.contentSubBlock div.stickyheader:not(.smartselect) div.button.smartselect {
  display: none;
}
/* BLOCKS (CONTENT) SUBBLOCKS : MORE */
div.more {
  position: relative;
  width: 100%;
  line-height: 2em;
  margin: 0px;
  font-weight: normal;
  border-top: var(--main-interline) 2px solid;
  border-bottom: var(--main-interline) 2px solid;
}
div.more.nobordertop {
  border-top: none;
}
div.more.noborderbottom {
  border-bottom: none;
}
div.more > div.back {
  border-bottom: var(--main-interline) 1px solid;
  background: var(--block-color);
  transition: background 200ms ease-in-out;
}
div.more > div.back.success {
  padding: 0px 10px;
  background: var(--moreback-success-color);
  color: var(--moreback-success-text);
}
div.more > div.back.warning {
  padding: 0px 10px;
  background: var(--moreback-warning-color);
  color: var(--moreback-warning-text);
}
div.more > div.back.error {
  padding: 0px 10px;
  background: var(--moreback-error-color);
  color: var(--moreback-error-text);
}
div.more > div.back:not(.success):not(.warning):not(.error):hover,
div.more > div.back:not(.success):not(.warning):not(.error):focus,
div.more > div.back:not(.success):not(.warning):not(.error):focus-visible,
div.more > div.back:not(.success):not(.warning):not(.error):focus-within {
  background: var(--block-linehover);
  transition: background 200ms ease-in-out;
}
div.more > div.back > div.item {
  position: relative;
  padding: 2px 10px;
  transition: background 200ms ease-in-out;
}
div.more > div.back > div.item.failed {
  color: var(--main-error);
}
div.more > div.back > div.item > div.text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
div.more.folder > div.back:last-of-type {
  border-bottom: none;
}
div.more:not(.folder) > div.back:last-of-type {
  border-bottom: none;
}
div.more > div.back.busy > div.item {
  pointer-events: none;
}
div.more > div.back.busy > div.item > div.text,
div.more > div.back.busy > div.item > div.size {
  color: var(--main-disable) !important;
  font-style: italic;
}
div.more > div.back.busy > div.item > div.button {
  background: var(--main-disable) !important;
}
div.more > div.back.pending {
  display: none;
}
div.more > div.back.pending > div.item > div.text,
div.more > div.back.pending > div.item > div.size {
  color: var(--main-disable) !important;
}
div.more > div.back.pending > div.item > div.button {
  background: var(--main-disable) !important;
}
div.contentSubBlock div.button.lastop {
  display: none;
}
div.contentSubBlock.lastop_cancel div.button.lastop.cancel {
  display: block;
}
div.contentSubBlock.lastop_delete div.button.lastop.delete {
  display: block;
}
div.contentSubBlock.lastop_download div.button.lastop.download {
  display: block;
}
div.contentSubBlock.lastop_extract div.button.lastop.extract {
  display: block;
}
div.contentSubBlock.lastop_filesplit div.button.lastop.filesplit {
  display: block;
}
div.contentSubBlock.lastop_folder div.button.lastop.folder {
  display: block;
}
div.contentSubBlock.lastop_generate div.button.lastop.generate {
  display: block;
}
div.contentSubBlock.lastop_info div.button.lastop.info {
  display: block;
}
div.contentSubBlock.lastop_inspect div.button.lastop.inspect {
  display: block;
}
div.contentSubBlock.lastop_manage div.button.lastop.manage {
  display: block;
}
div.contentSubBlock.lastop_markasread div.button.lastop.markasread {
  display: block;
}
div.contentSubBlock.lastop_massmoremenu div.button.lastop.massmoremenu {
  display: block;
}
div.contentSubBlock.lastop_moremenu div.button.lastop.moremenu {
  display: block;
}
div.contentSubBlock.lastop_rename div.button.lastop.rename {
  display: block;
}
div.contentSubBlock.lastop_resume div.button.lastop.resume {
  display: block;
}
div.contentSubBlock.lastop_autoresume div.button.lastop.autoresume {
  display: block;
}
div.contentSubBlock.lastop_selfcopy div.button.lastop.selfcopy {
  display: block;
}
div.contentSubBlock.lastop_share div.button.lastop.share {
  display: block;
}
div.contentSubBlock.lastop_smartselect div.button.lastop.smartselect {
  display: block;
}
div.contentSubBlock.lastop_stream div.button.lastop.stream {
  display: block;
}
div.contentSubBlock.lastop_tidy div.button.lastop.tidy {
  display: block;
}
div.contentSubBlock.lastop_transfer div.button.lastop.transfer {
  display: block;
}
div.contentSubBlock.lastop_wait div.button.lastop.wait {
  display: block;
}
/* BLOCKS (CONTENT) SUBBLOCKS : SIZE/SPEED */
div.more > div.back > div.item > div.size {
  display: block;
  font-style: normal;
  font-weight: bold;
  float: right;
  padding-left: 20px;
  padding-right: 5px;
}
div.more > div.back > div.item > div.size.speed {
  font-size: 12px;
  padding-top: 1px;
  line-height: 16px;
  text-align: center;
}
/* BLOCKS (CONTENT) SUBBLOCKS : BUTTON */
div.stickyselector > div.checkbox,
div.stickyselector > div.text > div.checkbox,
div.more > div.back > div.item > div.checkbox {
  padding: 10px 10px 0px 0px;
  margin-left: 0px;
}
div.stickyselector > div.checkbox > input[type=checkbox],
div.stickyselector > div.text > div.checkbox > input[type=checkbox],
div.more > div.back > div.item > div.checkbox > input[type=checkbox] {
  margin: 0px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: inline-block;
  position: relative;
  top: -4px;
  left: 0px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  transition: background 200ms ease-in-out;
  outline: none;
  background: var(--main-disable);
  -webkit-mask: url("../images/checkbox/unchecked.svg") no-repeat 50% 50% / contain;
  -moz-mask: url("../images/checkbox/unchecked.svg") no-repeat 50% 50% / contain;
  -ms-mask: url("../images/checkbox/unchecked.svg") no-repeat 50% 50% / contain;
  -o-mask: url("../images/checkbox/unchecked.svg") no-repeat 50% 50% / contain;
  mask: url("../images/checkbox/unchecked.svg") no-repeat 50% 50% / contain;
}
div.stickyselector > div.checkbox > input[type=checkbox]:indeterminate,
div.stickyselector > div.text > div.checkbox > input[type=checkbox]:indeterminate,
div.more > div.back > div.item > div.checkbox > input[type=checkbox]:indeterminate {
  background: var(--main-text);
  -webkit-mask: url("../images/checkbox/indeterminate.svg") no-repeat 50% 50% / contain;
  -moz-mask: url("../images/checkbox/indeterminate.svg") no-repeat 50% 50% / contain;
  -ms-mask: url("../images/checkbox/indeterminate.svg") no-repeat 50% 50% / contain;
  -o-mask: url("../images/checkbox/indeterminate.svg") no-repeat 50% 50% / contain;
  mask: url("../images/checkbox/indeterminate.svg") no-repeat 50% 50% / contain;
}
div.stickyselector > div.checkbox > input[type=checkbox]:checked,
div.stickyselector > div.text > div.checkbox > input[type=checkbox]:checked,
div.more > div.back > div.item > div.checkbox > input[type=checkbox]:checked {
  background: var(--main-text);
  -webkit-mask: url("../images/checkbox/checked.svg") no-repeat 50% 50% / contain;
  -moz-mask: url("../images/checkbox/checked.svg") no-repeat 50% 50% / contain;
  -ms-mask: url("../images/checkbox/checked.svg") no-repeat 50% 50% / contain;
  -o-mask: url("../images/checkbox/checked.svg") no-repeat 50% 50% / contain;
  mask: url("../images/checkbox/checked.svg") no-repeat 50% 50% / contain;
}
div.stickyselector > div.type-link,
div.stickyselector > div.text > div.type-link,
div.more > div.back > div.item > div.type-link,
div.stickyselector > div.type-filesplit,
div.stickyselector > div.text > div.type-filesplit,
div.more > div.back > div.item > div.type-filesplit,
div.stickyselector > div.type-package,
div.stickyselector > div.text > div.type-package,
div.more > div.back > div.item > div.type-package,
div.stickyselector > div.type-selfcopy,
div.stickyselector > div.text > div.type-selfcopy,
div.more > div.back > div.item > div.type-selfcopy,
div.stickyselector > div.type-tidy,
div.stickyselector > div.text > div.type-tidy,
div.more > div.back > div.item > div.type-tidy,
div.stickyselector > div.type-transfer,
div.stickyselector > div.text > div.type-transfer,
div.more > div.back > div.item > div.type-transfer,
div.stickyselector > div.mark,
div.stickyselector > div.text > div.mark,
div.more > div.back > div.item > div.mark,
div.stickyselector > div.lock,
div.stickyselector > div.text > div.lock,
div.more > div.back > div.item > div.lock {
  font-style: normal;
  font-weight: bold;
  width: 20px;
  height: 20px;
  transition: background 200ms ease-in-out;
  cursor: pointer;
  margin-right: 5px;
  padding: 12px 0px 0px 0px;
  background: var(--main-disable);
}
div.stickyselector > div.type-link,
div.stickyselector > div.text > div.type-link,
div.more > div.back > div.item > div.type-link {
  -webkit-mask: url("../images/link.svg") no-repeat 50% 50% / contain;
  -moz-mask: url("../images/link.svg") no-repeat 50% 50% / contain;
  -ms-mask: url("../images/link.svg") no-repeat 50% 50% / contain;
  -o-mask: url("../images/link.svg") no-repeat 50% 50% / contain;
  mask: url("../images/link.svg") no-repeat 50% 50% / contain;
}
div.stickyselector > div.type-filesplit,
div.stickyselector > div.text > div.type-filesplit,
div.more > div.back > div.item > div.type-filesplit {
  -webkit-mask: url("../images/filesplit.svg") no-repeat 50% 50% / contain;
  -moz-mask: url("../images/filesplit.svg") no-repeat 50% 50% / contain;
  -ms-mask: url("../images/filesplit.svg") no-repeat 50% 50% / contain;
  -o-mask: url("../images/filesplit.svg") no-repeat 50% 50% / contain;
  mask: url("../images/filesplit.svg") no-repeat 50% 50% / contain;
}
div.stickyselector > div.type-package,
div.stickyselector > div.text > div.type-package,
div.more > div.back > div.item > div.type-package {
  -webkit-mask: url("../images/package.svg") no-repeat 50% 50% / contain;
  -moz-mask: url("../images/package.svg") no-repeat 50% 50% / contain;
  -ms-mask: url("../images/package.svg") no-repeat 50% 50% / contain;
  -o-mask: url("../images/package.svg") no-repeat 50% 50% / contain;
  mask: url("../images/package.svg") no-repeat 50% 50% / contain;
}
div.stickyselector > div.type-selfcopy,
div.stickyselector > div.text > div.type-selfcopy,
div.more > div.back > div.item > div.type-selfcopy {
  -webkit-mask: url("../images/selfcopy.svg") no-repeat 50% 50% / contain;
  -moz-mask: url("../images/selfcopy.svg") no-repeat 50% 50% / contain;
  -ms-mask: url("../images/selfcopy.svg") no-repeat 50% 50% / contain;
  -o-mask: url("../images/selfcopy.svg") no-repeat 50% 50% / contain;
  mask: url("../images/selfcopy.svg") no-repeat 50% 50% / contain;
}
div.stickyselector > div.type-tidy,
div.stickyselector > div.text > div.type-tidy,
div.more > div.back > div.item > div.type-tidy {
  -webkit-mask: url("../images/tidy.svg") no-repeat 50% 50% / contain;
  -moz-mask: url("../images/tidy.svg") no-repeat 50% 50% / contain;
  -ms-mask: url("../images/tidy.svg") no-repeat 50% 50% / contain;
  -o-mask: url("../images/tidy.svg") no-repeat 50% 50% / contain;
  mask: url("../images/tidy.svg") no-repeat 50% 50% / contain;
}
div.stickyselector > div.type-transfer,
div.stickyselector > div.text > div.type-transfer,
div.more > div.back > div.item > div.type-transfer {
  -webkit-mask: url("../images/transfer.svg") no-repeat 50% 50% / contain;
  -moz-mask: url("../images/transfer.svg") no-repeat 50% 50% / contain;
  -ms-mask: url("../images/transfer.svg") no-repeat 50% 50% / contain;
  -o-mask: url("../images/transfer.svg") no-repeat 50% 50% / contain;
  mask: url("../images/transfer.svg") no-repeat 50% 50% / contain;
}
div.stickyselector > div.mark,
div.stickyselector > div.text > div.mark,
div.more > div.back > div.item > div.mark {
  -webkit-mask: url("../images/mark.svg") no-repeat 50% 50% / contain;
  -moz-mask: url("../images/mark.svg") no-repeat 50% 50% / contain;
  -ms-mask: url("../images/mark.svg") no-repeat 50% 50% / contain;
  -o-mask: url("../images/mark.svg") no-repeat 50% 50% / contain;
  mask: url("../images/mark.svg") no-repeat 50% 50% / contain;
}
div.stickyselector > div.lock,
div.stickyselector > div.text > div.lock,
div.more > div.back > div.item > div.lock {
  -webkit-mask: url("../images/lock.svg") no-repeat 50% 50% / contain;
  -moz-mask: url("../images/lock.svg") no-repeat 50% 50% / contain;
  -ms-mask: url("../images/lock.svg") no-repeat 50% 50% / contain;
  -o-mask: url("../images/lock.svg") no-repeat 50% 50% / contain;
  mask: url("../images/lock.svg") no-repeat 50% 50% / contain;
}
div.stickyselector > div.button,
div.stickyselector > div.text > div.button,
div.more > div.back > div.item > div.button {
  font-style: normal;
  font-weight: bold;
  width: 20px;
  height: 20px;
  transition: background 200ms ease-in-out;
  cursor: pointer;
  padding-top: 12px;
  background: var(--main-text);
}
div.stickyselector > div.button.button-disabled,
div.stickyselector > div.text > div.button.button-disabled,
div.more > div.back > div.item > div.button.button-disabled {
  background: var(--main-disable);
  cursor: not-allowed;
}
div.stickyselector > div.button.float-left,
div.stickyselector > div.text > div.button.float-left,
div.more > div.back > div.item > div.button.float-left {
  margin-right: 10px;
}
div.stickyselector > div.button.float-right,
div.stickyselector > div.text > div.button.float-right,
div.more > div.back > div.item > div.button.float-right {
  margin-left: 15px;
}
div.stickyselector > div.button.button-disabled {
  background: var(--main-disable);
  cursor: default;
}
div.block_inprogressfiles_info div.stickyselector:not(.failed) > div.checkbox > input[type=checkbox].highlight,
div.block_inprogressfiles_info div.stickyselector:not(.failed) > div.checkbox > input[type=checkbox]:hover,
div.block_inprogressfiles_info div.stickyselector:not(.failed) > div.mark:hover,
div.block_inprogressfiles_info div.stickyselector:not(.failed) > div.lock:hover,
div.block_inprogressfiles_info div.stickyselector:not(.failed) > div.button:not(.button-disabled):hover,
div.block_inprogressfiles_info div.stickyselector:not(.failed) > div.text:hover > div.button:not(.button-disabled) {
  background: var(--block-color);
}
div.block_inprogressfiles_info div.stickyselector:not(.failed) > div.text:hover {
  transition: color 200ms ease-in-out;
  color: var(--block-color);
}
div.block_inprogressfiles_info div.stickyselector.failed > div.checkbox > input[type=checkbox].highlight,
div.block_inprogressfiles_info div.stickyselector.failed > div.checkbox > input[type=checkbox]:hover,
div.block_inprogressfiles_info div.stickyselector.failed > div.mark:hover,
div.block_inprogressfiles_info div.stickyselector.failed > div.lock:hover,
div.block_inprogressfiles_info div.stickyselector.failed > div.button:not(.button-disabled):hover,
div.block_inprogressfiles_info div.stickyselector.failed > div.text:hover > div.button:not(.button-disabled) {
  background: var(--main-error);
}
div.block_inprogressfiles_info div.stickyselector.failed > div.text:hover {
  transition: color 200ms ease-in-out;
  color: var(--main-error);
}
div.block_finishedfiles_info div.stickyselector > div.checkbox > input[type=checkbox].highlight,
div.block_remotefiles_info div.stickyselector > div.checkbox > input[type=checkbox].highlight,
div.block_finishedfiles_info div.stickyselector > div.checkbox > input[type=checkbox]:hover,
div.block_remotefiles_info div.stickyselector > div.checkbox > input[type=checkbox]:hover,
div.block_finishedfiles_info div.stickyselector > div.mark:hover,
div.block_remotefiles_info div.stickyselector > div.mark:hover,
div.block_finishedfiles_info div.stickyselector > div.lock:hover,
div.block_remotefiles_info div.stickyselector > div.lock:hover,
div.block_finishedfiles_info div.stickyselector > div.button:not(.button-disabled):hover,
div.block_remotefiles_info div.stickyselector > div.button:not(.button-disabled):hover,
div.block_finishedfiles_info div.stickyselector > div.text:hover > div.button:not(.button-disabled),
div.block_remotefiles_info div.stickyselector > div.text:hover > div.button:not(.button-disabled) {
  background: var(--block-color);
}
div.block_finishedfiles_info div.stickyselector > div.text:hover,
div.block_remotefiles_info div.stickyselector > div.text:hover {
  transition: color 200ms ease-in-out;
  color: var(--block-color);
}
div.more > div.back > div.item > div.button.button-disabled {
  background: var(--main-disable);
  cursor: default;
}
div.block_inprogressfiles_info div.more > div.back > div.item > div.checkbox > input[type=checkbox].highlight,
div.block_inprogressfiles_info div.more > div.back > div.item > div.checkbox > input[type=checkbox]:hover,
div.block_inprogressfiles_info div.more > div.back > div.item > div.mark:hover,
div.block_inprogressfiles_info div.more > div.back > div.item > div.lock:hover,
div.block_inprogressfiles_info div.more > div.back > div.item > div.button:not(.button-disabled):hover {
  background: var(--main-progress);
}
div.block_inprogressfiles_info div.more > div.back > div.item.failed > div.checkbox > input[type=checkbox].highlight,
div.block_inprogressfiles_info div.more > div.back > div.item.failed > div.checkbox > input[type=checkbox]:hover,
div.block_inprogressfiles_info div.more > div.back > div.item.failed > div.mark:hover,
div.block_inprogressfiles_info div.more > div.back > div.item.failed > div.lock:hover,
div.block_inprogressfiles_info div.more > div.back > div.item.failed > div.button:not(.button-disabled):hover {
  background: var(--main-error);
}
div.block_finishedfiles_info div.more > div.back > div.item > div.checkbox > input[type=checkbox].highlight,
div.block_remotefiles_info div.more > div.back > div.item > div.checkbox > input[type=checkbox].highlight,
div.block_finishedfiles_info div.more > div.back > div.item > div.checkbox > input[type=checkbox]:hover,
div.block_remotefiles_info div.more > div.back > div.item > div.checkbox > input[type=checkbox]:hover,
div.block_finishedfiles_info div.more > div.back > div.item > div.mark:hover,
div.block_remotefiles_info div.more > div.back > div.item > div.mark:hover,
div.block_finishedfiles_info div.more > div.back > div.item > div.lock:hover,
div.block_remotefiles_info div.more > div.back > div.item > div.lock:hover,
div.block_finishedfiles_info div.more > div.back > div.item > div.button:not(.button-disabled):hover,
div.block_remotefiles_info div.more > div.back > div.item > div.button:not(.button-disabled):hover {
  background: var(--main-files);
}
div.stickyselector > div.button.cancel,
div.stickyselector > div.text > div.button.cancel,
div.more > div.back > div.item > div.button.cancel {
  -webkit-mask: url(../images/cancel.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/cancel.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/cancel.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/cancel.svg) no-repeat 50% 50% / contain;
  mask: url(../images/cancel.svg) no-repeat 50% 50% / contain;
}
div.stickyselector > div.button.delete,
div.stickyselector > div.text > div.button.delete,
div.more > div.back > div.item > div.button.delete {
  -webkit-mask: url(../images/delete.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/delete.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/delete.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/delete.svg) no-repeat 50% 50% / contain;
  mask: url(../images/delete.svg) no-repeat 50% 50% / contain;
}
div.stickyselector > div.button.download,
div.stickyselector > div.text > div.button.download,
div.more > div.back > div.item > div.button.download {
  -webkit-mask: url(../images/download.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/download.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/download.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/download.svg) no-repeat 50% 50% / contain;
  mask: url(../images/download.svg) no-repeat 50% 50% / contain;
}
div.stickyselector > div.button.extract,
div.stickyselector > div.text > div.button.extract,
div.more > div.back > div.item > div.button.extract {
  -webkit-mask: url(../images/extract.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/extract.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/extract.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/extract.svg) no-repeat 50% 50% / contain;
  mask: url(../images/extract.svg) no-repeat 50% 50% / contain;
}
div.stickyselector > div.button.filesplit,
div.stickyselector > div.text > div.button.filesplit,
div.more > div.back > div.item > div.button.filesplit {
  -webkit-mask: url(../images/filesplit.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/filesplit.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/filesplit.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/filesplit.svg) no-repeat 50% 50% / contain;
  mask: url(../images/filesplit.svg) no-repeat 50% 50% / contain;
}
div.stickyselector > div.button.folder,
div.stickyselector > div.text > div.button.folder,
div.more > div.back > div.item > div.button.folder {
  -webkit-mask: url(../images/folder.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/folder.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/folder.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/folder.svg) no-repeat 50% 50% / contain;
  mask: url(../images/folder.svg) no-repeat 50% 50% / contain;
}
div.stickyselector > div.button.generate,
div.stickyselector > div.text > div.button.generate,
div.more > div.back > div.item > div.button.generate {
  -webkit-mask: url(../images/generate.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/generate.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/generate.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/generate.svg) no-repeat 50% 50% / contain;
  mask: url(../images/generate.svg) no-repeat 50% 50% / contain;
}
div.stickyselector > div.button.info,
div.stickyselector > div.text > div.button.info,
div.more > div.back > div.item > div.button.info {
  -webkit-mask: url(../images/info.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/info.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/info.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/info.svg) no-repeat 50% 50% / contain;
  mask: url(../images/info.svg) no-repeat 50% 50% / contain;
}
div.stickyselector > div.button.inspect,
div.stickyselector > div.text > div.button.inspect,
div.more > div.back > div.item > div.button.inspect {
  -webkit-mask: url(../images/inspect.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/inspect.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/inspect.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/inspect.svg) no-repeat 50% 50% / contain;
  mask: url(../images/inspect.svg) no-repeat 50% 50% / contain;
}
div.stickyselector > div.button.manage,
div.stickyselector > div.text > div.button.manage,
div.more > div.back > div.item > div.button.manage {
  -webkit-mask: url(../images/manage.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/manage.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/manage.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/manage.svg) no-repeat 50% 50% / contain;
  mask: url(../images/manage.svg) no-repeat 50% 50% / contain;
}
div.stickyselector > div.button.markasread,
div.stickyselector > div.text > div.button.markasread,
div.more > div.back > div.item > div.button.markasread {
  -webkit-mask: url(../images/markasread.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/markasread.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/markasread.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/markasread.svg) no-repeat 50% 50% / contain;
  mask: url(../images/markasread.svg) no-repeat 50% 50% / contain;
}
div.stickyselector > div.button.massmoremenu,
div.stickyselector > div.text > div.button.massmoremenu,
div.more > div.back > div.item > div.button.massmoremenu {
  -webkit-mask: url(../images/massmoremenu.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/massmoremenu.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/massmoremenu.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/massmoremenu.svg) no-repeat 50% 50% / contain;
  mask: url(../images/massmoremenu.svg) no-repeat 50% 50% / contain;
}
div.stickyselector > div.button.moremenu,
div.stickyselector > div.text > div.button.moremenu,
div.more > div.back > div.item > div.button.moremenu {
  -webkit-mask: url(../images/moremenu.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/moremenu.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/moremenu.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/moremenu.svg) no-repeat 50% 50% / contain;
  mask: url(../images/moremenu.svg) no-repeat 50% 50% / contain;
}
div.stickyselector > div.button.rename,
div.stickyselector > div.text > div.button.rename,
div.more > div.back > div.item > div.button.rename {
  -webkit-mask: url(../images/rename.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/rename.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/rename.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/rename.svg) no-repeat 50% 50% / contain;
  mask: url(../images/rename.svg) no-repeat 50% 50% / contain;
}
div.stickyselector > div.button.resume,
div.stickyselector > div.text > div.button.resume,
div.more > div.back > div.item > div.button.resume {
  -webkit-mask: url(../images/resume.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/resume.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/resume.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/resume.svg) no-repeat 50% 50% / contain;
  mask: url(../images/resume.svg) no-repeat 50% 50% / contain;
}
div.stickyselector > div.button.autoresume,
div.stickyselector > div.text > div.button.autoresume,
div.more > div.back > div.item > div.button.autoresume {
  -webkit-mask: url(../images/autoresume.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/autoresume.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/autoresume.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/autoresume.svg) no-repeat 50% 50% / contain;
  mask: url(../images/autoresume.svg) no-repeat 50% 50% / contain;
}
div.stickyselector > div.button.selfcopy,
div.stickyselector > div.text > div.button.selfcopy,
div.more > div.back > div.item > div.button.selfcopy {
  -webkit-mask: url(../images/selfcopy.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/selfcopy.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/selfcopy.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/selfcopy.svg) no-repeat 50% 50% / contain;
  mask: url(../images/selfcopy.svg) no-repeat 50% 50% / contain;
}
div.stickyselector > div.button.share,
div.stickyselector > div.text > div.button.share,
div.more > div.back > div.item > div.button.share {
  -webkit-mask: url(../images/share.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/share.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/share.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/share.svg) no-repeat 50% 50% / contain;
  mask: url(../images/share.svg) no-repeat 50% 50% / contain;
}
div.stickyselector > div.button.smartselect,
div.stickyselector > div.text > div.button.smartselect,
div.more > div.back > div.item > div.button.smartselect {
  -webkit-mask: url(../images/smartselect.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/smartselect.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/smartselect.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/smartselect.svg) no-repeat 50% 50% / contain;
  mask: url(../images/smartselect.svg) no-repeat 50% 50% / contain;
}
div.stickyselector > div.button.stream,
div.stickyselector > div.text > div.button.stream,
div.more > div.back > div.item > div.button.stream {
  -webkit-mask: url(../images/stream.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/stream.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/stream.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/stream.svg) no-repeat 50% 50% / contain;
  mask: url(../images/stream.svg) no-repeat 50% 50% / contain;
}
div.stickyselector > div.button.tidy,
div.stickyselector > div.text > div.button.tidy,
div.more > div.back > div.item > div.button.tidy {
  -webkit-mask: url(../images/tidy.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/tidy.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/tidy.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/tidy.svg) no-repeat 50% 50% / contain;
  mask: url(../images/tidy.svg) no-repeat 50% 50% / contain;
}
div.stickyselector > div.button.transfer,
div.stickyselector > div.text > div.button.transfer,
div.more > div.back > div.item > div.button.transfer {
  -webkit-mask: url(../images/transfer.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/transfer.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/transfer.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/transfer.svg) no-repeat 50% 50% / contain;
  mask: url(../images/transfer.svg) no-repeat 50% 50% / contain;
}
div.stickyselector > div.button.wait,
div.stickyselector > div.text > div.button.wait,
div.more > div.back > div.item > div.button.wait {
  -webkit-mask: url(../images/wait.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/wait.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/wait.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/wait.svg) no-repeat 50% 50% / contain;
  mask: url(../images/wait.svg) no-repeat 50% 50% / contain;
}
div.stickyselector > div.button.download.downloading,
div.stickyselector > div.text > div.button.download.downloading,
div.more > div.back > div.item > div.button.download.downloading {
  background: var(--main-files);
}
div.stickyselector > div.button.selfcopy.selfcopying,
div.stickyselector > div.text > div.button.selfcopy.selfcopying,
div.more > div.back > div.item > div.button.selfcopy.selfcopying {
  background: var(--main-files);
}
div.stickyselector > div.button.stream.streaming,
div.stickyselector > div.text > div.button.stream.streaming,
div.more > div.back > div.item > div.button.stream.streaming {
  background: var(--main-files);
}
div.stickyselector > div.button.transfer.transfering,
div.stickyselector > div.text > div.button.transfer.transfering,
div.more > div.back > div.item > div.button.transfer.transfering {
  background: var(--main-progress);
}
div.stickyselector > div.button.wait,
div.stickyselector > div.text > div.button.wait,
div.more > div.back > div.item > div.button.wait {
  cursor: default;
}
/* BLOCKS (CONTENT) SUBBLOCKS : ACTION MESSAGE (FIX ACTIONS) */
div.block_info div.fixaction {
  height: min-content;
  font-size: 15px;
  font-weight: bold;
  padding: 3px 10px;
  margin-left: 10px;
  margin-top: -1px;
  border-radius: var(--button-radius);
  cursor: pointer;
}
div.block_info.block_debugmsg_info.block_success_msg div.fixaction {
  background: var(--main-disable);
  color: var(--disable-overtext);
}
div.block_info.block_debugmsg_info.block_warning_msg div.fixaction {
  background: var(--main-warning);
  color: var(--warning-overtext);
}
div.block_info.block_debugmsg_info.block_error_msg div.fixaction {
  background: var(--main-error);
  color: var(--error-overtext);
}
div.block_info.block_actionmsg_info.block_success_msg div.fixaction {
  background: var(--main-success);
  color: var(--success-overtext);
}
div.block_info.block_actionmsg_info.block_warning_msg div.fixaction {
  background: var(--main-warning);
  color: var(--warning-overtext);
}
div.block_info.block_actionmsg_info.block_error_msg div.fixaction {
  background: var(--main-error);
  color: var(--error-overtext);
}
/* BLOCKS (CONTENT) SUBBLOCKS : ACTION MESSAGE (FIX ACTIONS) - NBTRIES COLORS */
div.contentSubBlock#contentSubBlock_inprogressfiles div.block_inprogressfiles_info:not(.warningBlock) div.fixaction {
  background: var(--main-progress);
  color: var(--progress-overtext);
}
div.contentSubBlock#contentSubBlock_inprogressfiles div.block_inprogressfiles_info.warningBlock:not(.errorBlock) div.fixaction {
  background: var(--main-warning);
  color: var(--warning-overtext);
}
div.contentSubBlock#contentSubBlock_inprogressfiles div.block_inprogressfiles_info.warningBlock.errorBlock div.fixaction {
  background: var(--main-error);
  color: var(--error-overtext);
}
div.contentSubBlock#contentSubBlock_finishedfiles div.block_finishedfiles_info:not(.warningBlock) div.fixaction {
  background: var(--main-files);
  color: var(--files-overtext);
}
div.contentSubBlock#contentSubBlock_finishedfiles div.block_finishedfiles_info.warningBlock:not(.errorBlock) div.fixaction {
  background: var(--main-warning);
  color: var(--warning-overtext);
}
div.contentSubBlock#contentSubBlock_finishedfiles div.block_finishedfiles_info.warningBlock.errorBlock div.fixaction {
  background: var(--main-error);
  color: var(--error-overtext);
}
div.contentSubBlock#contentSubBlock_remotefiles div.block_remotefiles_info:not(.warningBlock) div.fixaction {
  background: var(--main-files);
  color: var(--files-overtext);
}
div.contentSubBlock#contentSubBlock_remotefiles div.block_remotefiles_info.warningBlock:not(.errorBlock) div.fixaction {
  background: var(--main-warning);
  color: var(--warning-overtext);
}
div.contentSubBlock#contentSubBlock_remotefiles div.block_remotefiles_info.warningBlock.errorBlock div.fixaction {
  background: var(--main-error);
  color: var(--error-overtext);
}
/* BLOCKS (CONTENT) SUBBLOCKS : ACTION MESSAGE (FILE INFOS) */
div.block_actionmsg_info div.more div.fileInfos.warningsign::before {
  content: "\26a0\00a0";
  color: var(--main-error);
}
div.block_actionmsg_info div.more div.text.fileInfos {
  line-height: 22px;
  margin-top: 10px;
  margin-bottom: 10px;
}
div.block_actionmsg_info div.more div.fileInfos span.unknown {
  font-style: italic;
}
div.block_actionmsg_info div.more div.fileInfos span.fileName {
  font-weight: bold;
}
div.block_actionmsg_info div.more div.fileInfos span.splitter {
  margin: 0px 10px;
  color: var(--main-interline);
}
div.block_actionmsg_info div.more div.fileInfos span.fileLink {
  text-decoration: underline;
}
div.block_actionmsg_info div.more div.fileInfos span.fileLink:not(.unknown) {
  cursor: pointer;
}
/* BLOCKS (CONTENT) SUBBLOCKS : ACTION MESSAGE (FILE INFOS) - COLORS */
div.block_actionmsg_info.block_success_msg div.more div.fileInfos span.fileLink a,
div.block_actionmsg_info.block_success_msg div.more div.fileInfos span.fileLink a:visited,
div.block_actionmsg_info.block_success_msg div.more div.fileInfos span.fileLink a:hover,
div.block_actionmsg_info.block_success_msg div.more div.fileInfos span.fileLink a:focus,
div.block_actionmsg_info.block_success_msg div.more div.fileInfos span.fileLink a:focus-visible,
div.block_actionmsg_info.block_success_msg div.more div.fileInfos span.fileLink a:active {
  color: var(--main-text) !important;
}
div.block_actionmsg_info.block_warning_msg div.more div.fileInfos span.fileLink a,
div.block_actionmsg_info.block_warning_msg div.more div.fileInfos span.fileLink a:visited,
div.block_actionmsg_info.block_warning_msg div.more div.fileInfos span.fileLink a:hover,
div.block_actionmsg_info.block_warning_msg div.more div.fileInfos span.fileLink a:focus,
div.block_actionmsg_info.block_warning_msg div.more div.fileInfos span.fileLink a:focus-visible,
div.block_actionmsg_info.block_warning_msg div.more div.fileInfos span.fileLink a:active {
  color: var(--main-disable) !important;
}
div.block_actionmsg_info.block_error_msg div.more div.fileInfos span.fileLink a,
div.block_actionmsg_info.block_error_msg div.more div.fileInfos span.fileLink a:visited,
div.block_actionmsg_info.block_error_msg div.more div.fileInfos span.fileLink a:hover,
div.block_actionmsg_info.block_error_msg div.more div.fileInfos span.fileLink a:focus,
div.block_actionmsg_info.block_error_msg div.more div.fileInfos span.fileLink a:focus-visible,
div.block_actionmsg_info.block_error_msg div.more div.fileInfos span.fileLink a:active {
  color: var(--main-disable) !important;
}
div.block_actionmsg_info.block_success_msg div.more div.fileInfos span.fileName,
div.block_actionmsg_info.block_success_msg div.more div.fileInfos span.fileSize,
div.block_actionmsg_info.block_success_msg div.more div.fileInfos span.fileLink {
  color: var(--main-text);
}
div.block_actionmsg_info.block_warning_msg div.more div.fileInfos span.fileName,
div.block_actionmsg_info.block_warning_msg div.more div.fileInfos span.fileSize,
div.block_actionmsg_info.block_warning_msg div.more div.fileInfos span.fileLink {
  color: var(--main-disable);
}
div.block_actionmsg_info.block_error_msg div.more div.fileInfos span.fileName,
div.block_actionmsg_info.block_error_msg div.more div.fileInfos span.fileSize,
div.block_actionmsg_info.block_error_msg div.more div.fileInfos span.fileLink {
  color: var(--main-disable);
}
/* BLOCKS (CONTENT) SUBBLOCKS : ACTION MESSAGE (DEBUG TABLE) */
div.block_debugmsg_info div.more table.debug,
div.block_actionmsg_info div.more table.debug {
  border-collapse: collapse;
  width: 100%;
  font-size: 13px;
  line-height: normal;
  vertical-align: baseline;
}
div.block_debugmsg_info div.more table.debug > thead > tr > td,
div.block_actionmsg_info div.more table.debug > thead > tr > td,
div.block_debugmsg_info div.more table.debug > thead > tr > th,
div.block_actionmsg_info div.more table.debug > thead > tr > th {
  vertical-align: baseline;
  padding: 5px 10px;
}
div.block_debugmsg_info div.more table.debug > thead > tr > td.debugtitle,
div.block_actionmsg_info div.more table.debug > thead > tr > td.debugtitle,
div.block_debugmsg_info div.more table.debug > thead > tr > th.debugtitle,
div.block_actionmsg_info div.more table.debug > thead > tr > th.debugtitle {
  position: relative;
  width: 40px;
  padding: 5px 20px 5px 35px;
  cursor: pointer;
  font-weight: bold;
}
div.block_debugmsg_info div.more table.debug > thead > tr > td.debugtitle div.flag,
div.block_actionmsg_info div.more table.debug > thead > tr > td.debugtitle div.flag,
div.block_debugmsg_info div.more table.debug > thead > tr > th.debugtitle div.flag,
div.block_actionmsg_info div.more table.debug > thead > tr > th.debugtitle div.flag {
  position: absolute;
  top: 1px;
  left: 15px;
  font-weight: normal;
  font-size: 19px;
  padding: 0px;
  margin: 0px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  transition: transform 200ms ease-in-out, left 200ms ease-in-out;
}
div.block_debugmsg_info div.more table.debug > tbody > tr td,
div.block_actionmsg_info div.more table.debug > tbody > tr td {
  vertical-align: baseline;
  padding: 5px 5px 5px 10px;
}
div.block_debugmsg_info div.more table.debug > tbody > tr td:first-of-type,
div.block_actionmsg_info div.more table.debug > tbody > tr td:first-of-type {
  padding: 5px 0px 5px 10px;
  font-weight: bold;
}
div.block_debugmsg_info div.more table.debug > tbody > tr td div.debugcell,
div.block_actionmsg_info div.more table.debug > tbody > tr td div.debugcell {
  font-family: monospace;
  word-break: break-all;
  white-space: break-spaces;
  max-height: 75px;
  overflow: auto;
}
div.block_debugmsg_info div.more table.debug > tbody > tr td div.debugcell.small,
div.block_actionmsg_info div.more table.debug > tbody > tr td div.debugcell.small {
  max-height: 30px;
}
div.block_debugmsg_info div.more table.debug > tbody > tr td div.debugcell.large,
div.block_actionmsg_info div.more table.debug > tbody > tr td div.debugcell.large {
  max-height: 150px;
}
div.block_debugmsg_info div.more table.debug > tbody > tr.hr td,
div.block_actionmsg_info div.more table.debug > tbody > tr.hr td {
  height: 1px;
  padding: 0px;
}
div.block_debugmsg_info div.more table.debug:not(.expanded) tbody,
div.block_actionmsg_info div.more table.debug:not(.expanded) tbody {
  display: none;
}
div.block_debugmsg_info div.more table.debug.expanded thead tr td.debugtitle div.flag,
div.block_actionmsg_info div.more table.debug.expanded thead tr td.debugtitle div.flag {
  left: 12px;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  transition: transform 200ms ease-in-out, left 200ms ease-in-out;
}
/* BLOCKS (CONTENT) SUBBLOCKS : DEBUG MESSAGE (DEBUG TABLE) - NEUTRAL COLORS */
div.block_debugmsg_info div.more table.debug {
  color: var(--debug-neutral-header-text, #333);
}
div.block_debugmsg_info div.more table.debug > thead > tr > td,
div.block_debugmsg_info div.more table.debug > thead > tr > th {
  background: var(--debug-neutral-header-color, #ccc);
  color: var(--debug-neutral-header-text, #333);
}
div.block_debugmsg_info div.more table.debug > thead > tr > td.debugtitle,
div.block_debugmsg_info div.more table.debug > thead > tr > th.debugtitle {
  background: var(--debug-neutral-title-color, #999);
  color: var(--debug-neutral-title-text, #fff);
}
div.block_debugmsg_info div.more table.debug > thead > tr > td.debugtitle div.flag,
div.block_debugmsg_info div.more table.debug > thead > tr > th.debugtitle div.flag {
  text-shadow: 0px 0px 1px var(--debug-neutral-title-shadow, #000);
}
div.block_debugmsg_info div.more table.debug > tbody > tr > td {
  background: var(--debug-neutral-color, #eee);
  color: var(--debug-neutral-text, #333);
}
div.block_debugmsg_info div.more table.debug > tbody > tr.hr > td {
  background: var(--debug-neutral-header-color, #ccc);
  color: var(--debug-neutral-header-text, #333);
}
/* BLOCKS (CONTENT) SUBBLOCKS : ACTION MESSAGE (DEBUG TABLE) - SUCCESS COLORS */
div.block_actionmsg_info.block_success_msg div.more table.debug > thead > tr > td,
div.block_actionmsg_info.block_success_msg div.more table.debug > thead > tr > th {
  background: var(--debug-success-header-color);
  color: var(--debug-success-header-text);
}
div.block_actionmsg_info.block_success_msg div.more table.debug > thead > tr > td.debugtitle,
div.block_actionmsg_info.block_success_msg div.more table.debug > thead > tr > th.debugtitle {
  background: var(--debug-success-title-color);
  color: var(--debug-success-title-text);
}
div.block_actionmsg_info.block_success_msg div.more table.debug > thead > tr > td.debugtitle div.flag,
div.block_actionmsg_info.block_success_msg div.more table.debug > thead > tr > th.debugtitle div.flag {
  text-shadow: 0px 0px 1px var(--debug-success-title-shadow);
}
div.block_actionmsg_info.block_success_msg div.more table.debug > tbody > tr > td {
  background: var(--debug-success-color);
  color: var(--debug-success-text);
}
div.block_actionmsg_info.block_success_msg div.more table.debug > tbody > tr.hr > td {
  background: var(--debug-success-header-color);
  color: var(--debug-success-header-text);
}
/* BLOCKS (CONTENT) SUBBLOCKS : ACTION MESSAGE (DEBUG TABLE) - WARNING COLORS */
div.block_actionmsg_info.block_warning_msg div.more table.debug > thead > tr > td,
div.block_actionmsg_info.block_warning_msg div.more table.debug > thead > tr > th {
  background: var(--debug-warning-header-color);
  color: var(--debug-warning-header-text);
}
div.block_actionmsg_info.block_warning_msg div.more table.debug > thead > tr > td.debugtitle,
div.block_actionmsg_info.block_warning_msg div.more table.debug > thead > tr > th.debugtitle {
  background: var(--debug-warning-title-color);
  color: var(--debug-warning-title-text);
}
div.block_actionmsg_info.block_warning_msg div.more table.debug > thead > tr > td.debugtitle div.flag,
div.block_actionmsg_info.block_warning_msg div.more table.debug > thead > tr > th.debugtitle div.flag {
  text-shadow: 0px 0px 1px var(--debug-warning-title-shadow);
}
div.block_actionmsg_info.block_warning_msg div.more table.debug > tbody > tr > td {
  background: var(--debug-warning-color);
  color: var(--debug-warning-text);
}
div.block_actionmsg_info.block_warning_msg div.more table.debug > tbody > tr.hr > td {
  background: var(--debug-warning-header-color);
  color: var(--debug-warning-header-text);
}
/* BLOCKS (CONTENT) SUBBLOCKS : ACTION MESSAGE (DEBUG TABLE) - ERROR COLORS */
div.block_actionmsg_info.block_error_msg div.more table.debug > thead > tr > td,
div.block_actionmsg_info.block_error_msg div.more table.debug > thead > tr > th {
  background: var(--debug-error-header-color);
  color: var(--debug-error-header-text);
}
div.block_actionmsg_info.block_error_msg div.more table.debug > thead > tr > td.debugtitle,
div.block_actionmsg_info.block_error_msg div.more table.debug > thead > tr > th.debugtitle {
  background: var(--debug-error-title-color);
  color: var(--debug-error-title-text);
}
div.block_actionmsg_info.block_error_msg div.more table.debug > thead > tr > td.debugtitle div.flag,
div.block_actionmsg_info.block_error_msg div.more table.debug > thead > tr > th.debugtitle div.flag {
  text-shadow: 0px 0px 1px var(--debug-error-title-shadow);
}
div.block_actionmsg_info.block_error_msg div.more table.debug > tbody > tr > td {
  background: var(--debug-error-color);
  color: var(--debug-error-text);
}
div.block_actionmsg_info.block_error_msg div.more table.debug > tbody > tr.hr > td {
  background: var(--debug-error-header-color);
  color: var(--debug-error-header-text);
}
/* BLOCKS (CONTENT) SUBBLOCKS : ACTION MESSAGE (DEBUG TABLE) - CUSTOM SCROLLBARS */
div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::-moz-scrollbar {
  width: 12px;
  height: 12px;
}
div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::-ms-scrollbar {
  width: 12px;
  height: 12px;
}
div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::-o-scrollbar {
  width: 12px;
  height: 12px;
}
div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::scrollbar {
  width: 12px;
  height: 12px;
}
div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::-webkit-scrollbar-track {
  border-radius: var(--scrollbar-radius);
}
div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::-moz-scrollbar-track {
  border-radius: var(--scrollbar-radius);
}
div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::-ms-scrollbar-track {
  border-radius: var(--scrollbar-radius);
}
div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::-o-scrollbar-track {
  border-radius: var(--scrollbar-radius);
}
div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::scrollbar-track {
  border-radius: var(--scrollbar-radius);
}
div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::-webkit-scrollbar-thumb {
  border-radius: var(--scrollbar-radius);
  background: var(--scroll-color);
  box-shadow: inset 0px 0px 1px 2px var(--scroll-shadow);
}
div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::-moz-scrollbar-thumb {
  border-radius: var(--scrollbar-radius);
  background: var(--scroll-color);
  box-shadow: inset 0px 0px 1px 2px var(--scroll-shadow);
}
div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::-ms-scrollbar-thumb {
  border-radius: var(--scrollbar-radius);
  background: var(--scroll-color);
  box-shadow: inset 0px 0px 1px 2px var(--scroll-shadow);
}
div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::-o-scrollbar-thumb {
  border-radius: var(--scrollbar-radius);
  background: var(--scroll-color);
  box-shadow: inset 0px 0px 1px 2px var(--scroll-shadow);
}
div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::scrollbar-thumb {
  border-radius: var(--scrollbar-radius);
  background: var(--scroll-color);
  box-shadow: inset 0px 0px 1px 2px var(--scroll-shadow);
}
div.block_actionmsg_info.block_success_msg div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
div.block_actionmsg_info.block_success_msg div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::-moz-scrollbar {
  width: 12px;
  height: 12px;
}
div.block_actionmsg_info.block_success_msg div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::-ms-scrollbar {
  width: 12px;
  height: 12px;
}
div.block_actionmsg_info.block_success_msg div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::-o-scrollbar {
  width: 12px;
  height: 12px;
}
div.block_actionmsg_info.block_success_msg div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::scrollbar {
  width: 12px;
  height: 12px;
}
div.block_actionmsg_info.block_success_msg div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::-webkit-scrollbar-track {
  border-radius: var(--scrollbar-radius);
}
div.block_actionmsg_info.block_success_msg div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::-moz-scrollbar-track {
  border-radius: var(--scrollbar-radius);
}
div.block_actionmsg_info.block_success_msg div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::-ms-scrollbar-track {
  border-radius: var(--scrollbar-radius);
}
div.block_actionmsg_info.block_success_msg div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::-o-scrollbar-track {
  border-radius: var(--scrollbar-radius);
}
div.block_actionmsg_info.block_success_msg div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::scrollbar-track {
  border-radius: var(--scrollbar-radius);
}
div.block_actionmsg_info.block_success_msg div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::-webkit-scrollbar-thumb {
  border-radius: var(--scrollbar-radius);
  background: var(--debug-success-title-color);
  box-shadow: inset 0px 0px 1px 2px var(--debug-success-header-color);
}
div.block_actionmsg_info.block_success_msg div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::-moz-scrollbar-thumb {
  border-radius: var(--scrollbar-radius);
  background: var(--debug-success-title-color);
  box-shadow: inset 0px 0px 1px 2px var(--debug-success-header-color);
}
div.block_actionmsg_info.block_success_msg div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::-ms-scrollbar-thumb {
  border-radius: var(--scrollbar-radius);
  background: var(--debug-success-title-color);
  box-shadow: inset 0px 0px 1px 2px var(--debug-success-header-color);
}
div.block_actionmsg_info.block_success_msg div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::-o-scrollbar-thumb {
  border-radius: var(--scrollbar-radius);
  background: var(--debug-success-title-color);
  box-shadow: inset 0px 0px 1px 2px var(--debug-success-header-color);
}
div.block_actionmsg_info.block_success_msg div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::scrollbar-thumb {
  border-radius: var(--scrollbar-radius);
  background: var(--debug-success-title-color);
  box-shadow: inset 0px 0px 1px 2px var(--debug-success-header-color);
}
div.block_actionmsg_info.block_warning_msg div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
div.block_actionmsg_info.block_warning_msg div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::-moz-scrollbar {
  width: 12px;
  height: 12px;
}
div.block_actionmsg_info.block_warning_msg div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::-ms-scrollbar {
  width: 12px;
  height: 12px;
}
div.block_actionmsg_info.block_warning_msg div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::-o-scrollbar {
  width: 12px;
  height: 12px;
}
div.block_actionmsg_info.block_warning_msg div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::scrollbar {
  width: 12px;
  height: 12px;
}
div.block_actionmsg_info.block_warning_msg div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::-webkit-scrollbar-track {
  border-radius: var(--scrollbar-radius);
}
div.block_actionmsg_info.block_warning_msg div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::-moz-scrollbar-track {
  border-radius: var(--scrollbar-radius);
}
div.block_actionmsg_info.block_warning_msg div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::-ms-scrollbar-track {
  border-radius: var(--scrollbar-radius);
}
div.block_actionmsg_info.block_warning_msg div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::-o-scrollbar-track {
  border-radius: var(--scrollbar-radius);
}
div.block_actionmsg_info.block_warning_msg div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::scrollbar-track {
  border-radius: var(--scrollbar-radius);
}
div.block_actionmsg_info.block_warning_msg div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::-webkit-scrollbar-thumb {
  border-radius: var(--scrollbar-radius);
  background: var(--debug-warning-title-color);
  box-shadow: inset 0px 0px 1px 2px var(--debug-warning-header-color);
}
div.block_actionmsg_info.block_warning_msg div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::-moz-scrollbar-thumb {
  border-radius: var(--scrollbar-radius);
  background: var(--debug-warning-title-color);
  box-shadow: inset 0px 0px 1px 2px var(--debug-warning-header-color);
}
div.block_actionmsg_info.block_warning_msg div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::-ms-scrollbar-thumb {
  border-radius: var(--scrollbar-radius);
  background: var(--debug-warning-title-color);
  box-shadow: inset 0px 0px 1px 2px var(--debug-warning-header-color);
}
div.block_actionmsg_info.block_warning_msg div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::-o-scrollbar-thumb {
  border-radius: var(--scrollbar-radius);
  background: var(--debug-warning-title-color);
  box-shadow: inset 0px 0px 1px 2px var(--debug-warning-header-color);
}
div.block_actionmsg_info.block_warning_msg div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::scrollbar-thumb {
  border-radius: var(--scrollbar-radius);
  background: var(--debug-warning-title-color);
  box-shadow: inset 0px 0px 1px 2px var(--debug-warning-header-color);
}
div.block_actionmsg_info.block_error_msg div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
div.block_actionmsg_info.block_error_msg div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::-moz-scrollbar {
  width: 12px;
  height: 12px;
}
div.block_actionmsg_info.block_error_msg div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::-ms-scrollbar {
  width: 12px;
  height: 12px;
}
div.block_actionmsg_info.block_error_msg div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::-o-scrollbar {
  width: 12px;
  height: 12px;
}
div.block_actionmsg_info.block_error_msg div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::scrollbar {
  width: 12px;
  height: 12px;
}
div.block_actionmsg_info.block_error_msg div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::-webkit-scrollbar-track {
  border-radius: var(--scrollbar-radius);
}
div.block_actionmsg_info.block_error_msg div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::-moz-scrollbar-track {
  border-radius: var(--scrollbar-radius);
}
div.block_actionmsg_info.block_error_msg div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::-ms-scrollbar-track {
  border-radius: var(--scrollbar-radius);
}
div.block_actionmsg_info.block_error_msg div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::-o-scrollbar-track {
  border-radius: var(--scrollbar-radius);
}
div.block_actionmsg_info.block_error_msg div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::scrollbar-track {
  border-radius: var(--scrollbar-radius);
}
div.block_actionmsg_info.block_error_msg div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::-webkit-scrollbar-thumb {
  border-radius: var(--scrollbar-radius);
  background: var(--debug-error-title-color);
  box-shadow: inset 0px 0px 1px 2px var(--debug-error-header-color);
}
div.block_actionmsg_info.block_error_msg div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::-moz-scrollbar-thumb {
  border-radius: var(--scrollbar-radius);
  background: var(--debug-error-title-color);
  box-shadow: inset 0px 0px 1px 2px var(--debug-error-header-color);
}
div.block_actionmsg_info.block_error_msg div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::-ms-scrollbar-thumb {
  border-radius: var(--scrollbar-radius);
  background: var(--debug-error-title-color);
  box-shadow: inset 0px 0px 1px 2px var(--debug-error-header-color);
}
div.block_actionmsg_info.block_error_msg div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::-o-scrollbar-thumb {
  border-radius: var(--scrollbar-radius);
  background: var(--debug-error-title-color);
  box-shadow: inset 0px 0px 1px 2px var(--debug-error-header-color);
}
div.block_actionmsg_info.block_error_msg div.more table.debug > tbody > tr > td > div.debugcell.customScrollbar::scrollbar-thumb {
  border-radius: var(--scrollbar-radius);
  background: var(--debug-error-title-color);
  box-shadow: inset 0px 0px 1px 2px var(--debug-error-header-color);
}
/* BLOCKS (CONTENT) SUBBLOCKS : DEBUG */
pre.debug_text {
  display: none;
  margin: 10px 0px 0px 0px;
}
/* JQUERY-UI (DIALOG) */
div.ui-widget-overlay {
  background: var(--main-disable);
  opacity: 0.1;
}
.ui-dialog.ui-widget.ui-widget-content {
  border-radius: var(--dialog-radius);
  border: none;
  padding: 0px;
  background: var(--dialog-color);
  color: var(--dialog-text);
  box-shadow: var(--dialog-shadow-box) var(--dialog-shadow);
  transition: background 250ms ease-in-out;
}
.ui-dialog.ui-widget.ui-widget-content:not(.ui-dialog-buttons) {
  padding-bottom: 20px;
}
/* JQUERY-UI (DIALOG) : TITLEBAR */
.ui-dialog .ui-dialog-titlebar {
  padding: 10px 15px;
  border-top-left-radius: var(--dialog-radius);
  border-top-right-radius: var(--dialog-radius);
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border: none;
  background: var(--dialog-title);
  color: var(--dialog-overtitle);
  transition: background 250ms ease-in-out;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
  text-transform: uppercase;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close,
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-more {
  background: var(--dialog-overtitle);
  transition: transform 200ms ease-in-out;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-more:hover {
  transform: rotate(180deg);
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon,
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-more .ui-icon {
  display: none;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
  right: 10px;
  -webkit-mask: url("../images/cancel.svg") no-repeat 50% 50% / contain;
  -moz-mask: url("../images/cancel.svg") no-repeat 50% 50% / contain;
  -ms-mask: url("../images/cancel.svg") no-repeat 50% 50% / contain;
  -o-mask: url("../images/cancel.svg") no-repeat 50% 50% / contain;
  mask: url("../images/cancel.svg") no-repeat 50% 50% / contain;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-more {
  right: 35px;
  -webkit-mask: url("../images/configure.svg") no-repeat 50% 50% / contain;
  -moz-mask: url("../images/configure.svg") no-repeat 50% 50% / contain;
  -ms-mask: url("../images/configure.svg") no-repeat 50% 50% / contain;
  -o-mask: url("../images/configure.svg") no-repeat 50% 50% / contain;
  mask: url("../images/configure.svg") no-repeat 50% 50% / contain;
}
.ui-dialog .ui-dialog-titlebar-more {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 20px;
  margin: -10px 0px 0px 0px;
  padding: 1px;
  height: 20px;
}
/* JQUERY-UI (DIALOG) : BUTTON PANE */
.ui-dialog.nobuttonpane #modalbox {
  border-bottom-left-radius: var(--dialog-radius);
  border-bottom-right-radius: var(--dialog-radius);
}
.ui-dialog.nobuttonpane .ui-dialog-buttonpane {
  display: none;
}
.ui-dialog-buttonpane {
  margin: 0px;
  padding: 20px 15px 15px 15px;
  background: var(--dialog-color);
  color: var(--dialog-text);
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: var(--dialog-radius);
  border-bottom-right-radius: var(--dialog-radius);
  border: none;
  transition: background 250ms ease-in-out;
}
.ui-dialog-buttonpane .ui-button {
  margin: 0px 0px 0px 10px;
}
/* JQUERY-UI (DIALOG) : CONTENT (COMMON) */
#modalbox {
  background: var(--dialog-color);
  color: var(--dialog-text);
  font-family: Roboto, Verdana, sans-serif;
  font-weight: 300;
  padding: 20px 20px 0px 20px;
  transition: background 250ms ease-in-out;
}
#modalbox a {
  color: var(--dialog-text);
}
#modalbox hr {
  background: var(--dialog-separator);
}
#modalbox p {
  text-overflow: ellipsis;
  text-align: justify;
  margin: 0px 0px 10px 0px;
}
#modalbox .error {
  color: var(--error-action);
}
#modalbox .warning {
  color: var(--warning-action);
}
/* JQUERY-UI (DIALOG) : LISTING (COMMON) */
#modalbox div.infos {
  width: 100%;
  box-sizing: border-box;
  border-collapse: collapse;
  /* border-spacing: 0px; */
  text-align: left;
  font-size: small;
  max-height: calc(480px - 1px);
  overflow-y: auto;
}
#modalbox div.infos > div.row,
#modalbox div.infos > header.row,
#modalbox div.infos > footer.row {
  margin: 0px;
  background-color: var(--dialog-color);
}
#modalbox div.infos > div.row.header,
#modalbox div.infos > header.row.header,
#modalbox div.infos > footer.row.header,
#modalbox div.infos > div.row.footer,
#modalbox div.infos > header.row.footer,
#modalbox div.infos > footer.row.footer {
  background-color: var(--dialog-readonly);
  font-weight: bold;
}
#modalbox div.infos > div.row.header > div.cellSize.withTotal,
#modalbox div.infos > header.row.header > div.cellSize.withTotal,
#modalbox div.infos > footer.row.header > div.cellSize.withTotal,
#modalbox div.infos > div.row.footer > div.cellSize.withTotal,
#modalbox div.infos > header.row.footer > div.cellSize.withTotal,
#modalbox div.infos > footer.row.footer > div.cellSize.withTotal {
  position: relative;
}
#modalbox div.infos > div.row.header > div.cellSize.withTotal::before,
#modalbox div.infos > header.row.header > div.cellSize.withTotal::before,
#modalbox div.infos > footer.row.header > div.cellSize.withTotal::before,
#modalbox div.infos > div.row.footer > div.cellSize.withTotal::before,
#modalbox div.infos > header.row.footer > div.cellSize.withTotal::before,
#modalbox div.infos > footer.row.footer > div.cellSize.withTotal::before {
  content: "Total";
  position: absolute;
  right: calc(100%);
}
#modalbox div.infos > div.row.groupRow,
#modalbox div.infos > header.row.groupRow,
#modalbox div.infos > footer.row.groupRow {
  background-color: var(--dialog-readonly);
}
#modalbox div.infos > div.row:not(.fullrow).sticky,
#modalbox div.infos > header.row:not(.fullrow).sticky,
#modalbox div.infos > footer.row:not(.fullrow).sticky,
#modalbox div.infos > div.row.fullrow.sticky,
#modalbox div.infos > header.row.fullrow.sticky,
#modalbox div.infos > footer.row.fullrow.sticky {
  position: sticky;
  z-index: 10;
}
#modalbox div.infos > div.row:not(.fullrow).sticky.header,
#modalbox div.infos > header.row:not(.fullrow).sticky.header,
#modalbox div.infos > footer.row:not(.fullrow).sticky.header,
#modalbox div.infos > div.row.fullrow.sticky.header,
#modalbox div.infos > header.row.fullrow.sticky.header,
#modalbox div.infos > footer.row.fullrow.sticky.header {
  top: 0px;
}
#modalbox div.infos > div.row:not(.fullrow).sticky.header > div.cell,
#modalbox div.infos > header.row:not(.fullrow).sticky.header > div.cell,
#modalbox div.infos > footer.row:not(.fullrow).sticky.header > div.cell,
#modalbox div.infos > div.row.fullrow.sticky.header > div.cell,
#modalbox div.infos > header.row.fullrow.sticky.header > div.cell,
#modalbox div.infos > footer.row.fullrow.sticky.header > div.cell {
  padding-top: 5px;
  padding-bottom: 5px;
}
#modalbox div.infos > div.row:not(.fullrow).sticky.footer,
#modalbox div.infos > header.row:not(.fullrow).sticky.footer,
#modalbox div.infos > footer.row:not(.fullrow).sticky.footer,
#modalbox div.infos > div.row.fullrow.sticky.footer,
#modalbox div.infos > header.row.fullrow.sticky.footer,
#modalbox div.infos > footer.row.fullrow.sticky.footer {
  bottom: 0px;
}
#modalbox div.infos > div.row:not(.fullrow).sticky.footer > div.cell,
#modalbox div.infos > header.row:not(.fullrow).sticky.footer > div.cell,
#modalbox div.infos > footer.row:not(.fullrow).sticky.footer > div.cell,
#modalbox div.infos > div.row.fullrow.sticky.footer > div.cell,
#modalbox div.infos > header.row.fullrow.sticky.footer > div.cell,
#modalbox div.infos > footer.row.fullrow.sticky.footer > div.cell {
  padding-top: 6px;
  padding-bottom: 4px;
}
#modalbox div.infos > div.row.fullrow,
#modalbox div.infos > header.row.fullrow,
#modalbox div.infos > footer.row.fullrow {
  width: calc(100% - 30px);
  padding: 5px 15px;
}
#modalbox div.infos > div.row:not(.fullrow),
#modalbox div.infos > header.row:not(.fullrow),
#modalbox div.infos > footer.row:not(.fullrow) {
  display: table-row;
}
#modalbox div.infos > div.row:not(.fullrow) > div.cell,
#modalbox div.infos > header.row:not(.fullrow) > div.cell,
#modalbox div.infos > footer.row:not(.fullrow) > div.cell {
  display: table-cell;
  padding: 5px 15px;
  text-wrap: nowrap;
  white-space: nowrap;
}
#modalbox div.infos > div.row:not(.fullrow) > div.cell.tight-left,
#modalbox div.infos > header.row:not(.fullrow) > div.cell.tight-left,
#modalbox div.infos > footer.row:not(.fullrow) > div.cell.tight-left {
  padding-left: 0px;
}
#modalbox div.infos > div.row:not(.fullrow) > div.cell.tight-left:not(.tight-right),
#modalbox div.infos > header.row:not(.fullrow) > div.cell.tight-left:not(.tight-right),
#modalbox div.infos > footer.row:not(.fullrow) > div.cell.tight-left:not(.tight-right) {
  padding-right: 10px;
}
#modalbox div.infos > div.row:not(.fullrow) > div.cell.tight-right,
#modalbox div.infos > header.row:not(.fullrow) > div.cell.tight-right,
#modalbox div.infos > footer.row:not(.fullrow) > div.cell.tight-right {
  padding-right: 0px;
}
#modalbox div.infos > div.row:not(.fullrow) > div.cell.tight-right:not(.tight-left),
#modalbox div.infos > header.row:not(.fullrow) > div.cell.tight-right:not(.tight-left),
#modalbox div.infos > footer.row:not(.fullrow) > div.cell.tight-right:not(.tight-left) {
  padding-left: 10px;
}
#modalbox div.infos > div.row:not(.fullrow) > div.cell.header,
#modalbox div.infos > header.row:not(.fullrow) > div.cell.header,
#modalbox div.infos > footer.row:not(.fullrow) > div.cell.header,
#modalbox div.infos > div.row:not(.fullrow) > div.cell.footer,
#modalbox div.infos > header.row:not(.fullrow) > div.cell.footer,
#modalbox div.infos > footer.row:not(.fullrow) > div.cell.footer {
  font-weight: bold;
}
#modalbox div.infos > div.row:not(.fullrow) > div.cell.nogap,
#modalbox div.infos > header.row:not(.fullrow) > div.cell.nogap,
#modalbox div.infos > footer.row:not(.fullrow) > div.cell.nogap {
  padding: 0px;
}
#modalbox div.infos > div.row:not(.fullrow) > div.cell.nogap + div.cell,
#modalbox div.infos > header.row:not(.fullrow) > div.cell.nogap + div.cell,
#modalbox div.infos > footer.row:not(.fullrow) > div.cell.nogap + div.cell {
  padding-left: 15px;
}
#modalbox div.infos > div.row:not(.fullrow) > div.cell.nogap + div.cell.tight-right,
#modalbox div.infos > header.row:not(.fullrow) > div.cell.nogap + div.cell.tight-right,
#modalbox div.infos > footer.row:not(.fullrow) > div.cell.nogap + div.cell.tight-right {
  padding-left: 10px;
}
#modalbox div.infos > div.row:not(.fullrow) > div.cell.v-center,
#modalbox div.infos > header.row:not(.fullrow) > div.cell.v-center,
#modalbox div.infos > footer.row:not(.fullrow) > div.cell.v-center {
  vertical-align: middle;
}
#modalbox div.infos > div.row:not(.fullrow) > div.cell.remaining,
#modalbox div.infos > header.row:not(.fullrow) > div.cell.remaining,
#modalbox div.infos > footer.row:not(.fullrow) > div.cell.remaining {
  text-wrap: wrap;
  word-break: break-word;
  width: 100%;
}
#modalbox div.infos > div.row:not(.fullrow) > div.cell.fileExt,
#modalbox div.infos > header.row:not(.fullrow) > div.cell.fileExt,
#modalbox div.infos > footer.row:not(.fullrow) > div.cell.fileExt {
  margin-left: 10px;
}
#modalbox div.infos > div.row:not(.fullrow) > div.cell input.field,
#modalbox div.infos > header.row:not(.fullrow) > div.cell input.field,
#modalbox div.infos > footer.row:not(.fullrow) > div.cell input.field {
  padding: 1px 5px;
}
#modalbox div.infos > div.row:not(.fullrow) > div.cell input.field.fileName,
#modalbox div.infos > header.row:not(.fullrow) > div.cell input.field.fileName,
#modalbox div.infos > footer.row:not(.fullrow) > div.cell input.field.fileName,
#modalbox div.infos > div.row:not(.fullrow) > div.cell input.field.fileExt,
#modalbox div.infos > header.row:not(.fullrow) > div.cell input.field.fileExt,
#modalbox div.infos > footer.row:not(.fullrow) > div.cell input.field.fileExt {
  width: calc(100% - 15px);
}
#modalbox div.infos:not(.nobordertop) {
  border-top: var(--dialog-interline) 2px solid;
}
#modalbox div.infos:not(.noborderbottom) {
  border-bottom: var(--dialog-interline) 2px solid;
}
#modalbox div.infos:not(.noborder) > div.row.header,
#modalbox div.infos:not(.noborder) > header.row.header {
  box-shadow: inset 0px -2px 0px 0px var(--dialog-interline);
}
#modalbox div.infos:not(.noborder) > div.row.footer,
#modalbox div.infos:not(.noborder) > footer.row.footer {
  box-shadow: inset 0px 2px 0px 0px var(--dialog-interline);
}
#modalbox div.infos:not(.noborder) > div.row:not(.header):not(.footer):not(:last-of-type) {
  border-bottom: solid 1px var(--dialog-interline);
}
#modalbox div.infos > div.row > div.cell > input[type=checkbox],
#modalbox div.infos > header.row > div.cell > input[type=checkbox],
#modalbox div.infos > footer.row > div.cell > input[type=checkbox] {
  margin: 0px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: var(--dialog-disable);
  -webkit-mask: url("../images/checkbox/unchecked.svg") no-repeat 50% 50% / contain;
  -moz-mask: url("../images/checkbox/unchecked.svg") no-repeat 50% 50% / contain;
  -ms-mask: url("../images/checkbox/unchecked.svg") no-repeat 50% 50% / contain;
  -o-mask: url("../images/checkbox/unchecked.svg") no-repeat 50% 50% / contain;
  mask: url("../images/checkbox/unchecked.svg") no-repeat 50% 50% / contain;
  display: inline-block;
  position: relative;
  top: 2px;
  left: 0px;
  width: 12px;
  height: 12px;
  cursor: pointer;
  transition: background 200ms ease-in-out;
  outline: none;
}
#modalbox div.infos > div.row > div.cell > input[type=checkbox]:indeterminate,
#modalbox div.infos > header.row > div.cell > input[type=checkbox]:indeterminate,
#modalbox div.infos > footer.row > div.cell > input[type=checkbox]:indeterminate {
  -webkit-mask: url("../images/checkbox/indeterminate.svg") no-repeat 50% 50% / contain;
  -moz-mask: url("../images/checkbox/indeterminate.svg") no-repeat 50% 50% / contain;
  -ms-mask: url("../images/checkbox/indeterminate.svg") no-repeat 50% 50% / contain;
  -o-mask: url("../images/checkbox/indeterminate.svg") no-repeat 50% 50% / contain;
  mask: url("../images/checkbox/indeterminate.svg") no-repeat 50% 50% / contain;
  transition: background 200ms ease-in-out;
}
#modalbox div.infos > div.row > div.cell > input[type=checkbox]:checked,
#modalbox div.infos > header.row > div.cell > input[type=checkbox]:checked,
#modalbox div.infos > footer.row > div.cell > input[type=checkbox]:checked {
  -webkit-mask: url("../images/checkbox/checked.svg") no-repeat 50% 50% / contain;
  -moz-mask: url("../images/checkbox/checked.svg") no-repeat 50% 50% / contain;
  -ms-mask: url("../images/checkbox/checked.svg") no-repeat 50% 50% / contain;
  -o-mask: url("../images/checkbox/checked.svg") no-repeat 50% 50% / contain;
  mask: url("../images/checkbox/checked.svg") no-repeat 50% 50% / contain;
  transition: background 200ms ease-in-out;
}
#modalbox div.infos > div.row > div.cell > input[type=checkbox]:hover,
#modalbox div.infos > header.row > div.cell > input[type=checkbox]:hover,
#modalbox div.infos > footer.row > div.cell > input[type=checkbox]:hover {
  background: var(--dialog-text);
}
#modalbox .field {
  outline: none;
  width: 95%;
  padding: 5px 10px;
  text-overflow: ellipsis;
  background: var(--dialog-field);
  color: var(--dialog-text);
  border: var(--dialog-interline) 2px solid;
  resize: vertical;
}
#modalbox .field:focus,
#modalbox .field:focus-visible {
  outline: none;
}
#modalbox .field.readonly,
#modalbox .field[readonly] {
  background: var(--dialog-readonly);
  color: var(--dialog-interline);
}
#modalbox .field.fieldError {
  background: var(--debug-error-color);
  color: var(--debug-error-text);
}
#modalbox div.row.disabled input.field,
#modalbox header.row.disabled input.field,
#modalbox footer.row.disabled input.field {
  color: var(--dialog-disable);
}
/* JQUERY-UI (DIALOG) : LISTING (SPECIFIC) */
#modalbox.massDownload div.infos > div.row:hover,
#modalbox.massDelete div.infos > div.row:hover,
#modalbox.massPackage div.infos > div.row:hover,
#modalbox.massRename div.infos > div.row:hover,
#modalbox.massTidy div.infos > div.row:hover,
#modalbox.massTransfer div.infos > div.row:hover,
#modalbox.massDownload div.infos > header.row:hover,
#modalbox.massDelete div.infos > header.row:hover,
#modalbox.massPackage div.infos > header.row:hover,
#modalbox.massRename div.infos > header.row:hover,
#modalbox.massTidy div.infos > header.row:hover,
#modalbox.massTransfer div.infos > header.row:hover,
#modalbox.massDownload div.infos > footer.row:hover,
#modalbox.massDelete div.infos > footer.row:hover,
#modalbox.massPackage div.infos > footer.row:hover,
#modalbox.massRename div.infos > footer.row:hover,
#modalbox.massTidy div.infos > footer.row:hover,
#modalbox.massTransfer div.infos > footer.row:hover,
#modalbox.massDownload div.infos > div.row.hovered,
#modalbox.massDelete div.infos > div.row.hovered,
#modalbox.massPackage div.infos > div.row.hovered,
#modalbox.massRename div.infos > div.row.hovered,
#modalbox.massTidy div.infos > div.row.hovered,
#modalbox.massTransfer div.infos > div.row.hovered,
#modalbox.massDownload div.infos > header.row.hovered,
#modalbox.massDelete div.infos > header.row.hovered,
#modalbox.massPackage div.infos > header.row.hovered,
#modalbox.massRename div.infos > header.row.hovered,
#modalbox.massTidy div.infos > header.row.hovered,
#modalbox.massTransfer div.infos > header.row.hovered,
#modalbox.massDownload div.infos > footer.row.hovered,
#modalbox.massDelete div.infos > footer.row.hovered,
#modalbox.massPackage div.infos > footer.row.hovered,
#modalbox.massRename div.infos > footer.row.hovered,
#modalbox.massTidy div.infos > footer.row.hovered,
#modalbox.massTransfer div.infos > footer.row.hovered {
  background-color: var(--dialog-linehover);
}
#modalbox.massDownload div.infos > div.row:hover.header,
#modalbox.massDelete div.infos > div.row:hover.header,
#modalbox.massPackage div.infos > div.row:hover.header,
#modalbox.massRename div.infos > div.row:hover.header,
#modalbox.massTidy div.infos > div.row:hover.header,
#modalbox.massTransfer div.infos > div.row:hover.header,
#modalbox.massDownload div.infos > header.row:hover.header,
#modalbox.massDelete div.infos > header.row:hover.header,
#modalbox.massPackage div.infos > header.row:hover.header,
#modalbox.massRename div.infos > header.row:hover.header,
#modalbox.massTidy div.infos > header.row:hover.header,
#modalbox.massTransfer div.infos > header.row:hover.header,
#modalbox.massDownload div.infos > footer.row:hover.header,
#modalbox.massDelete div.infos > footer.row:hover.header,
#modalbox.massPackage div.infos > footer.row:hover.header,
#modalbox.massRename div.infos > footer.row:hover.header,
#modalbox.massTidy div.infos > footer.row:hover.header,
#modalbox.massTransfer div.infos > footer.row:hover.header,
#modalbox.massDownload div.infos > div.row.hovered.header,
#modalbox.massDelete div.infos > div.row.hovered.header,
#modalbox.massPackage div.infos > div.row.hovered.header,
#modalbox.massRename div.infos > div.row.hovered.header,
#modalbox.massTidy div.infos > div.row.hovered.header,
#modalbox.massTransfer div.infos > div.row.hovered.header,
#modalbox.massDownload div.infos > header.row.hovered.header,
#modalbox.massDelete div.infos > header.row.hovered.header,
#modalbox.massPackage div.infos > header.row.hovered.header,
#modalbox.massRename div.infos > header.row.hovered.header,
#modalbox.massTidy div.infos > header.row.hovered.header,
#modalbox.massTransfer div.infos > header.row.hovered.header,
#modalbox.massDownload div.infos > footer.row.hovered.header,
#modalbox.massDelete div.infos > footer.row.hovered.header,
#modalbox.massPackage div.infos > footer.row.hovered.header,
#modalbox.massRename div.infos > footer.row.hovered.header,
#modalbox.massTidy div.infos > footer.row.hovered.header,
#modalbox.massTransfer div.infos > footer.row.hovered.header,
#modalbox.massDownload div.infos > div.row:hover.footer,
#modalbox.massDelete div.infos > div.row:hover.footer,
#modalbox.massPackage div.infos > div.row:hover.footer,
#modalbox.massRename div.infos > div.row:hover.footer,
#modalbox.massTidy div.infos > div.row:hover.footer,
#modalbox.massTransfer div.infos > div.row:hover.footer,
#modalbox.massDownload div.infos > header.row:hover.footer,
#modalbox.massDelete div.infos > header.row:hover.footer,
#modalbox.massPackage div.infos > header.row:hover.footer,
#modalbox.massRename div.infos > header.row:hover.footer,
#modalbox.massTidy div.infos > header.row:hover.footer,
#modalbox.massTransfer div.infos > header.row:hover.footer,
#modalbox.massDownload div.infos > footer.row:hover.footer,
#modalbox.massDelete div.infos > footer.row:hover.footer,
#modalbox.massPackage div.infos > footer.row:hover.footer,
#modalbox.massRename div.infos > footer.row:hover.footer,
#modalbox.massTidy div.infos > footer.row:hover.footer,
#modalbox.massTransfer div.infos > footer.row:hover.footer,
#modalbox.massDownload div.infos > div.row.hovered.footer,
#modalbox.massDelete div.infos > div.row.hovered.footer,
#modalbox.massPackage div.infos > div.row.hovered.footer,
#modalbox.massRename div.infos > div.row.hovered.footer,
#modalbox.massTidy div.infos > div.row.hovered.footer,
#modalbox.massTransfer div.infos > div.row.hovered.footer,
#modalbox.massDownload div.infos > header.row.hovered.footer,
#modalbox.massDelete div.infos > header.row.hovered.footer,
#modalbox.massPackage div.infos > header.row.hovered.footer,
#modalbox.massRename div.infos > header.row.hovered.footer,
#modalbox.massTidy div.infos > header.row.hovered.footer,
#modalbox.massTransfer div.infos > header.row.hovered.footer,
#modalbox.massDownload div.infos > footer.row.hovered.footer,
#modalbox.massDelete div.infos > footer.row.hovered.footer,
#modalbox.massPackage div.infos > footer.row.hovered.footer,
#modalbox.massRename div.infos > footer.row.hovered.footer,
#modalbox.massTidy div.infos > footer.row.hovered.footer,
#modalbox.massTransfer div.infos > footer.row.hovered.footer {
  background-color: var(--dialog-readonly);
}
#modalbox.massDownload div.infos > div.row > div.cell.cellCheck,
#modalbox.massDelete div.infos > div.row > div.cell.cellCheck,
#modalbox.massPackage div.infos > div.row > div.cell.cellCheck,
#modalbox.massRename div.infos > div.row > div.cell.cellCheck,
#modalbox.massTidy div.infos > div.row > div.cell.cellCheck,
#modalbox.massTransfer div.infos > div.row > div.cell.cellCheck,
#modalbox.massDownload div.infos > header.row > div.cell.cellCheck,
#modalbox.massDelete div.infos > header.row > div.cell.cellCheck,
#modalbox.massPackage div.infos > header.row > div.cell.cellCheck,
#modalbox.massRename div.infos > header.row > div.cell.cellCheck,
#modalbox.massTidy div.infos > header.row > div.cell.cellCheck,
#modalbox.massTransfer div.infos > header.row > div.cell.cellCheck,
#modalbox.massDownload div.infos > footer.row > div.cell.cellCheck,
#modalbox.massDelete div.infos > footer.row > div.cell.cellCheck,
#modalbox.massPackage div.infos > footer.row > div.cell.cellCheck,
#modalbox.massRename div.infos > footer.row > div.cell.cellCheck,
#modalbox.massTidy div.infos > footer.row > div.cell.cellCheck,
#modalbox.massTransfer div.infos > footer.row > div.cell.cellCheck {
  padding-right: 0px;
}
#modalbox.massDownload div.infos > div.row > div.cell.cellFile,
#modalbox.massDelete div.infos > div.row > div.cell.cellFile,
#modalbox.massPackage div.infos > div.row > div.cell.cellFile,
#modalbox.massRename div.infos > div.row > div.cell.cellFile,
#modalbox.massTidy div.infos > div.row > div.cell.cellFile,
#modalbox.massTransfer div.infos > div.row > div.cell.cellFile,
#modalbox.massDownload div.infos > header.row > div.cell.cellFile,
#modalbox.massDelete div.infos > header.row > div.cell.cellFile,
#modalbox.massPackage div.infos > header.row > div.cell.cellFile,
#modalbox.massRename div.infos > header.row > div.cell.cellFile,
#modalbox.massTidy div.infos > header.row > div.cell.cellFile,
#modalbox.massTransfer div.infos > header.row > div.cell.cellFile,
#modalbox.massDownload div.infos > footer.row > div.cell.cellFile,
#modalbox.massDelete div.infos > footer.row > div.cell.cellFile,
#modalbox.massPackage div.infos > footer.row > div.cell.cellFile,
#modalbox.massRename div.infos > footer.row > div.cell.cellFile,
#modalbox.massTidy div.infos > footer.row > div.cell.cellFile,
#modalbox.massTransfer div.infos > footer.row > div.cell.cellFile {
  text-wrap: wrap;
  word-break: break-word;
  width: 100%;
}
#modalbox.massDownload div.infos > div.row > div.cell.cellTendency,
#modalbox.massDelete div.infos > div.row > div.cell.cellTendency,
#modalbox.massPackage div.infos > div.row > div.cell.cellTendency,
#modalbox.massRename div.infos > div.row > div.cell.cellTendency,
#modalbox.massTidy div.infos > div.row > div.cell.cellTendency,
#modalbox.massTransfer div.infos > div.row > div.cell.cellTendency,
#modalbox.massDownload div.infos > header.row > div.cell.cellTendency,
#modalbox.massDelete div.infos > header.row > div.cell.cellTendency,
#modalbox.massPackage div.infos > header.row > div.cell.cellTendency,
#modalbox.massRename div.infos > header.row > div.cell.cellTendency,
#modalbox.massTidy div.infos > header.row > div.cell.cellTendency,
#modalbox.massTransfer div.infos > header.row > div.cell.cellTendency,
#modalbox.massDownload div.infos > footer.row > div.cell.cellTendency,
#modalbox.massDelete div.infos > footer.row > div.cell.cellTendency,
#modalbox.massPackage div.infos > footer.row > div.cell.cellTendency,
#modalbox.massRename div.infos > footer.row > div.cell.cellTendency,
#modalbox.massTidy div.infos > footer.row > div.cell.cellTendency,
#modalbox.massTransfer div.infos > footer.row > div.cell.cellTendency {
  position: relative;
  padding-left: 0px;
}
#modalbox.massDownload div.infos > div.row.header > div.cellSize,
#modalbox.massDelete div.infos > div.row.header > div.cellSize,
#modalbox.massPackage div.infos > div.row.header > div.cellSize,
#modalbox.massRename div.infos > div.row.header > div.cellSize,
#modalbox.massTidy div.infos > div.row.header > div.cellSize,
#modalbox.massTransfer div.infos > div.row.header > div.cellSize,
#modalbox.massDownload div.infos > header.row.header > div.cellSize,
#modalbox.massDelete div.infos > header.row.header > div.cellSize,
#modalbox.massPackage div.infos > header.row.header > div.cellSize,
#modalbox.massRename div.infos > header.row.header > div.cellSize,
#modalbox.massTidy div.infos > header.row.header > div.cellSize,
#modalbox.massTransfer div.infos > header.row.header > div.cellSize,
#modalbox.massDownload div.infos > footer.row.header > div.cellSize,
#modalbox.massDelete div.infos > footer.row.header > div.cellSize,
#modalbox.massPackage div.infos > footer.row.header > div.cellSize,
#modalbox.massRename div.infos > footer.row.header > div.cellSize,
#modalbox.massTidy div.infos > footer.row.header > div.cellSize,
#modalbox.massTransfer div.infos > footer.row.header > div.cellSize {
  text-align: center;
}
#modalbox.massDownload div.infos > div.row.groupRow > div.cellFile,
#modalbox.massDelete div.infos > div.row.groupRow > div.cellFile,
#modalbox.massPackage div.infos > div.row.groupRow > div.cellFile,
#modalbox.massRename div.infos > div.row.groupRow > div.cellFile,
#modalbox.massTidy div.infos > div.row.groupRow > div.cellFile,
#modalbox.massTransfer div.infos > div.row.groupRow > div.cellFile,
#modalbox.massDownload div.infos > header.row.groupRow > div.cellFile,
#modalbox.massDelete div.infos > header.row.groupRow > div.cellFile,
#modalbox.massPackage div.infos > header.row.groupRow > div.cellFile,
#modalbox.massRename div.infos > header.row.groupRow > div.cellFile,
#modalbox.massTidy div.infos > header.row.groupRow > div.cellFile,
#modalbox.massTransfer div.infos > header.row.groupRow > div.cellFile,
#modalbox.massDownload div.infos > footer.row.groupRow > div.cellFile,
#modalbox.massDelete div.infos > footer.row.groupRow > div.cellFile,
#modalbox.massPackage div.infos > footer.row.groupRow > div.cellFile,
#modalbox.massRename div.infos > footer.row.groupRow > div.cellFile,
#modalbox.massTidy div.infos > footer.row.groupRow > div.cellFile,
#modalbox.massTransfer div.infos > footer.row.groupRow > div.cellFile {
  font-weight: bold;
}
#modalbox.massDownload div.infos > div.row.groupRow.untitledRow > div.cellFile,
#modalbox.massDelete div.infos > div.row.groupRow.untitledRow > div.cellFile,
#modalbox.massPackage div.infos > div.row.groupRow.untitledRow > div.cellFile,
#modalbox.massRename div.infos > div.row.groupRow.untitledRow > div.cellFile,
#modalbox.massTidy div.infos > div.row.groupRow.untitledRow > div.cellFile,
#modalbox.massTransfer div.infos > div.row.groupRow.untitledRow > div.cellFile,
#modalbox.massDownload div.infos > header.row.groupRow.untitledRow > div.cellFile,
#modalbox.massDelete div.infos > header.row.groupRow.untitledRow > div.cellFile,
#modalbox.massPackage div.infos > header.row.groupRow.untitledRow > div.cellFile,
#modalbox.massRename div.infos > header.row.groupRow.untitledRow > div.cellFile,
#modalbox.massTidy div.infos > header.row.groupRow.untitledRow > div.cellFile,
#modalbox.massTransfer div.infos > header.row.groupRow.untitledRow > div.cellFile,
#modalbox.massDownload div.infos > footer.row.groupRow.untitledRow > div.cellFile,
#modalbox.massDelete div.infos > footer.row.groupRow.untitledRow > div.cellFile,
#modalbox.massPackage div.infos > footer.row.groupRow.untitledRow > div.cellFile,
#modalbox.massRename div.infos > footer.row.groupRow.untitledRow > div.cellFile,
#modalbox.massTidy div.infos > footer.row.groupRow.untitledRow > div.cellFile,
#modalbox.massTransfer div.infos > footer.row.groupRow.untitledRow > div.cellFile {
  font-style: italic;
}
#modalbox.massDownload div.infos > div.row:not(.groupRow) > div.cellFile,
#modalbox.massDelete div.infos > div.row:not(.groupRow) > div.cellFile,
#modalbox.massPackage div.infos > div.row:not(.groupRow) > div.cellFile,
#modalbox.massRename div.infos > div.row:not(.groupRow) > div.cellFile,
#modalbox.massTidy div.infos > div.row:not(.groupRow) > div.cellFile,
#modalbox.massTransfer div.infos > div.row:not(.groupRow) > div.cellFile,
#modalbox.massDownload div.infos > header.row:not(.groupRow) > div.cellFile,
#modalbox.massDelete div.infos > header.row:not(.groupRow) > div.cellFile,
#modalbox.massPackage div.infos > header.row:not(.groupRow) > div.cellFile,
#modalbox.massRename div.infos > header.row:not(.groupRow) > div.cellFile,
#modalbox.massTidy div.infos > header.row:not(.groupRow) > div.cellFile,
#modalbox.massTransfer div.infos > header.row:not(.groupRow) > div.cellFile,
#modalbox.massDownload div.infos > footer.row:not(.groupRow) > div.cellFile,
#modalbox.massDelete div.infos > footer.row:not(.groupRow) > div.cellFile,
#modalbox.massPackage div.infos > footer.row:not(.groupRow) > div.cellFile,
#modalbox.massRename div.infos > footer.row:not(.groupRow) > div.cellFile,
#modalbox.massTidy div.infos > footer.row:not(.groupRow) > div.cellFile,
#modalbox.massTransfer div.infos > footer.row:not(.groupRow) > div.cellFile {
  padding-left: 25px;
}
#modalbox.massDownload div.infos > div.row:not(.groupRow) > div.cellSize,
#modalbox.massDelete div.infos > div.row:not(.groupRow) > div.cellSize,
#modalbox.massPackage div.infos > div.row:not(.groupRow) > div.cellSize,
#modalbox.massRename div.infos > div.row:not(.groupRow) > div.cellSize,
#modalbox.massTidy div.infos > div.row:not(.groupRow) > div.cellSize,
#modalbox.massTransfer div.infos > div.row:not(.groupRow) > div.cellSize,
#modalbox.massDownload div.infos > header.row:not(.groupRow) > div.cellSize,
#modalbox.massDelete div.infos > header.row:not(.groupRow) > div.cellSize,
#modalbox.massPackage div.infos > header.row:not(.groupRow) > div.cellSize,
#modalbox.massRename div.infos > header.row:not(.groupRow) > div.cellSize,
#modalbox.massTidy div.infos > header.row:not(.groupRow) > div.cellSize,
#modalbox.massTransfer div.infos > header.row:not(.groupRow) > div.cellSize,
#modalbox.massDownload div.infos > footer.row:not(.groupRow) > div.cellSize,
#modalbox.massDelete div.infos > footer.row:not(.groupRow) > div.cellSize,
#modalbox.massPackage div.infos > footer.row:not(.groupRow) > div.cellSize,
#modalbox.massRename div.infos > footer.row:not(.groupRow) > div.cellSize,
#modalbox.massTidy div.infos > footer.row:not(.groupRow) > div.cellSize,
#modalbox.massTransfer div.infos > footer.row:not(.groupRow) > div.cellSize {
  text-align: right;
}
#modalbox.massDownload div.infos > div.row:not(.groupRow) > div.cellSize.cellSizeEmpty,
#modalbox.massDelete div.infos > div.row:not(.groupRow) > div.cellSize.cellSizeEmpty,
#modalbox.massPackage div.infos > div.row:not(.groupRow) > div.cellSize.cellSizeEmpty,
#modalbox.massRename div.infos > div.row:not(.groupRow) > div.cellSize.cellSizeEmpty,
#modalbox.massTidy div.infos > div.row:not(.groupRow) > div.cellSize.cellSizeEmpty,
#modalbox.massTransfer div.infos > div.row:not(.groupRow) > div.cellSize.cellSizeEmpty,
#modalbox.massDownload div.infos > header.row:not(.groupRow) > div.cellSize.cellSizeEmpty,
#modalbox.massDelete div.infos > header.row:not(.groupRow) > div.cellSize.cellSizeEmpty,
#modalbox.massPackage div.infos > header.row:not(.groupRow) > div.cellSize.cellSizeEmpty,
#modalbox.massRename div.infos > header.row:not(.groupRow) > div.cellSize.cellSizeEmpty,
#modalbox.massTidy div.infos > header.row:not(.groupRow) > div.cellSize.cellSizeEmpty,
#modalbox.massTransfer div.infos > header.row:not(.groupRow) > div.cellSize.cellSizeEmpty,
#modalbox.massDownload div.infos > footer.row:not(.groupRow) > div.cellSize.cellSizeEmpty,
#modalbox.massDelete div.infos > footer.row:not(.groupRow) > div.cellSize.cellSizeEmpty,
#modalbox.massPackage div.infos > footer.row:not(.groupRow) > div.cellSize.cellSizeEmpty,
#modalbox.massRename div.infos > footer.row:not(.groupRow) > div.cellSize.cellSizeEmpty,
#modalbox.massTidy div.infos > footer.row:not(.groupRow) > div.cellSize.cellSizeEmpty,
#modalbox.massTransfer div.infos > footer.row:not(.groupRow) > div.cellSize.cellSizeEmpty {
  text-align: center;
}
#modalbox.massDownload div.infos > div.row:not(.groupRow).untitledRow > div.cellFile,
#modalbox.massDelete div.infos > div.row:not(.groupRow).untitledRow > div.cellFile,
#modalbox.massPackage div.infos > div.row:not(.groupRow).untitledRow > div.cellFile,
#modalbox.massRename div.infos > div.row:not(.groupRow).untitledRow > div.cellFile,
#modalbox.massTidy div.infos > div.row:not(.groupRow).untitledRow > div.cellFile,
#modalbox.massTransfer div.infos > div.row:not(.groupRow).untitledRow > div.cellFile,
#modalbox.massDownload div.infos > header.row:not(.groupRow).untitledRow > div.cellFile,
#modalbox.massDelete div.infos > header.row:not(.groupRow).untitledRow > div.cellFile,
#modalbox.massPackage div.infos > header.row:not(.groupRow).untitledRow > div.cellFile,
#modalbox.massRename div.infos > header.row:not(.groupRow).untitledRow > div.cellFile,
#modalbox.massTidy div.infos > header.row:not(.groupRow).untitledRow > div.cellFile,
#modalbox.massTransfer div.infos > header.row:not(.groupRow).untitledRow > div.cellFile,
#modalbox.massDownload div.infos > footer.row:not(.groupRow).untitledRow > div.cellFile,
#modalbox.massDelete div.infos > footer.row:not(.groupRow).untitledRow > div.cellFile,
#modalbox.massPackage div.infos > footer.row:not(.groupRow).untitledRow > div.cellFile,
#modalbox.massRename div.infos > footer.row:not(.groupRow).untitledRow > div.cellFile,
#modalbox.massTidy div.infos > footer.row:not(.groupRow).untitledRow > div.cellFile,
#modalbox.massTransfer div.infos > footer.row:not(.groupRow).untitledRow > div.cellFile {
  text-decoration: line-through;
}
#modalbox.massDownload div.infos,
#modalbox.download div.infos {
  margin-bottom: 10px;
}
#modalbox.massRename div.infos > header.row div.cell.header select.selectForcedParameters {
  width: 140px;
  height: 20px;
  margin: -3px 0px -1px 10px;
  padding: 0px 5px 0px 5px;
  border-radius: 5px;
}
#modalbox.massTidy div.infos {
  margin-bottom: 10px;
}
#modalbox.massTidy div.infos > div.row.groupRow select.selectDescriptor,
#modalbox.massTidy div.infos > header.row.groupRow select.selectDescriptor,
#modalbox.massTidy div.infos > footer.row.groupRow select.selectDescriptor {
  width: 140px;
  height: 21px;
  margin: -2px 0px -2px 10px;
  padding: 0px 5px 0px 5px;
  border-radius: 5px;
}
#modalbox.massTidy div.infos > div.row.groupRow span.selectDescriptor,
#modalbox.massTidy div.infos > header.row.groupRow span.selectDescriptor,
#modalbox.massTidy div.infos > footer.row.groupRow span.selectDescriptor {
  right: 10px;
}
#modalbox.massTidy div.infos > div.row.groupRow span.selectDescriptor input[type=checkbox]:before,
#modalbox.massTidy div.infos > header.row.groupRow span.selectDescriptor input[type=checkbox]:before,
#modalbox.massTidy div.infos > footer.row.groupRow span.selectDescriptor input[type=checkbox]:before,
#modalbox.massTidy div.infos > div.row.groupRow span.selectDescriptor input[type=checkbox]:after,
#modalbox.massTidy div.infos > header.row.groupRow span.selectDescriptor input[type=checkbox]:after,
#modalbox.massTidy div.infos > footer.row.groupRow span.selectDescriptor input[type=checkbox]:after {
  content: "\00a0";
}
#modalbox.massTidy div.infos > div.row.groupRow span.selectDescriptor label.labelForCheckbox,
#modalbox.massTidy div.infos > header.row.groupRow span.selectDescriptor label.labelForCheckbox,
#modalbox.massTidy div.infos > footer.row.groupRow span.selectDescriptor label.labelForCheckbox {
  display: inline-block;
  width: 20px;
}
#modalbox.massTidy div.infos > div.row:not(.groupRow):not(.header):not(.footer) > div.cell.cellFile {
  padding-left: 25px;
}
#modalbox.massTransfer div.infos {
  margin-bottom: 10px;
}
#modalbox.massTransfer select.field#target {
  width: 140px;
  margin-left: 0px;
  padding: 2px 5px;
}
/* JQUERY-UI (DIALOG) : BUTTONS (COMMON) */
#modalbox .ui-button,
.ui-dialog-buttonpane .ui-button {
  border: var(--dialog-text) 1px solid;
  border-radius: var(--dialog-button-radius);
  font-weight: bold;
  background: var(--dialog-color);
  color: var(--dialog-text);
  transition: none;
}
#modalbox .ui-button:focus,
.ui-dialog-buttonpane .ui-button:focus,
#modalbox .ui-button:focus-visible,
.ui-dialog-buttonpane .ui-button:focus-visible {
  outline: none;
}
#modalbox .ui-button.ui-state-disabled,
.ui-dialog-buttonpane .ui-button.ui-state-disabled {
  border: var(--dialog-disable) 1px solid;
  font-weight: bold;
  background: var(--dialog-readonly);
  color: var(--dialog-disable);
}
#modalbox .ui-button:not(.ui-state-disabled):active,
.ui-dialog-buttonpane .ui-button:not(.ui-state-disabled):active,
#modalbox .ui-button:not(.ui-state-disabled):hover,
.ui-dialog-buttonpane .ui-button:not(.ui-state-disabled):hover,
#modalbox .ui-button:not(.ui-state-disabled).ui-state-active,
.ui-dialog-buttonpane .ui-button:not(.ui-state-disabled).ui-state-active {
  text-decoration: underline;
  background: var(--dialog-text);
  color: var(--dialog-color);
}
/* JQUERY-UI (DIALOG) : CONTENT (SPECIFIC) */
#modalbox div.checkbox {
  float: left;
  padding: 10px 8px 0px 0px;
}
#modalbox div.checkbox > input[type=checkbox] {
  display: inline-block;
  position: relative;
  top: -4px;
  left: 0px;
  width: 20px;
  height: 20px;
  margin: 0px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  outline: none;
  cursor: pointer;
  background: var(--dialog-disable);
  -webkit-mask: url("../images/checkbox/unchecked.svg") no-repeat 50% 50% / contain;
  -moz-mask: url("../images/checkbox/unchecked.svg") no-repeat 50% 50% / contain;
  -ms-mask: url("../images/checkbox/unchecked.svg") no-repeat 50% 50% / contain;
  -o-mask: url("../images/checkbox/unchecked.svg") no-repeat 50% 50% / contain;
  mask: url("../images/checkbox/unchecked.svg") no-repeat 50% 50% / contain;
  transition: background 200ms ease-in-out;
}
#modalbox div.checkbox > input[type=checkbox]:indeterminate {
  -webkit-mask: url("../images/checkbox/indeterminate.svg") no-repeat 50% 50% / contain;
  -moz-mask: url("../images/checkbox/indeterminate.svg") no-repeat 50% 50% / contain;
  -ms-mask: url("../images/checkbox/indeterminate.svg") no-repeat 50% 50% / contain;
  -o-mask: url("../images/checkbox/indeterminate.svg") no-repeat 50% 50% / contain;
  mask: url("../images/checkbox/indeterminate.svg") no-repeat 50% 50% / contain;
  transition: background 200ms ease-in-out;
}
#modalbox div.checkbox > input[type=checkbox]:checked {
  -webkit-mask: url("../images/checkbox/checked.svg") no-repeat 50% 50% / contain;
  -moz-mask: url("../images/checkbox/checked.svg") no-repeat 50% 50% / contain;
  -ms-mask: url("../images/checkbox/checked.svg") no-repeat 50% 50% / contain;
  -o-mask: url("../images/checkbox/checked.svg") no-repeat 50% 50% / contain;
  mask: url("../images/checkbox/checked.svg") no-repeat 50% 50% / contain;
  transition: background 200ms ease-in-out;
}
#modalbox div.checkbox > input[type=checkbox]:hover {
  background: var(--dialog-text);
}
#modalbox textarea.systemTextArea {
  padding: 10px;
  margin: 5px;
  font-family: Courier New, Lucida Console;
  white-space: pre;
  overflow: auto;
  cursor: auto;
  background: var(--dialog-field);
  color: var(--dialog-text);
  border: var(--dialog-interline) 2px solid;
  outline: none;
}
#modalbox textarea.systemTextArea::-webkit-resizer {
  background: var(--dialog-field);
}
#modalbox textarea.systemTextArea::-moz-resizer {
  background: var(--dialog-field);
}
#modalbox textarea.systemTextArea::-ms-resizer {
  background: var(--dialog-field);
}
#modalbox textarea.systemTextArea::-o-resizer {
  background: var(--dialog-field);
}
#modalbox textarea.systemTextArea::resizer {
  background: var(--dialog-field);
}
#modalbox textarea.systemTextArea::-webkit-scrollbar {
  width: 16px;
  height: 16px;
  cursor: pointer;
}
#modalbox textarea.systemTextArea::-moz-scrollbar {
  width: 16px;
  height: 16px;
  cursor: pointer;
}
#modalbox textarea.systemTextArea::-ms-scrollbar {
  width: 16px;
  height: 16px;
  cursor: pointer;
}
#modalbox textarea.systemTextArea::-o-scrollbar {
  width: 16px;
  height: 16px;
  cursor: pointer;
}
#modalbox textarea.systemTextArea::scrollbar {
  width: 16px;
  height: 16px;
  cursor: pointer;
}
#modalbox textarea.systemTextArea::-webkit-scrollbar-track {
  background: var(--dialog-field);
  border: var(--dialog-field) 2px solid;
  box-shadow: inset 0px 0px 1px 3px var(--dialog-field);
}
#modalbox textarea.systemTextArea::-moz-scrollbar-track {
  background: var(--dialog-field);
  border: var(--dialog-field) 2px solid;
  box-shadow: inset 0px 0px 1px 3px var(--dialog-field);
}
#modalbox textarea.systemTextArea::-ms-scrollbar-track {
  background: var(--dialog-field);
  border: var(--dialog-field) 2px solid;
  box-shadow: inset 0px 0px 1px 3px var(--dialog-field);
}
#modalbox textarea.systemTextArea::-o-scrollbar-track {
  background: var(--dialog-field);
  border: var(--dialog-field) 2px solid;
  box-shadow: inset 0px 0px 1px 3px var(--dialog-field);
}
#modalbox textarea.systemTextArea::scrollbar-track {
  background: var(--dialog-field);
  border: var(--dialog-field) 2px solid;
  box-shadow: inset 0px 0px 1px 3px var(--dialog-field);
}
#modalbox textarea.systemTextArea::-webkit-scrollbar-thumb {
  background: var(--dialog-interline);
  box-shadow: inset 0px 0px 1px 3px var(--dialog-field);
}
#modalbox textarea.systemTextArea::-moz-scrollbar-thumb {
  background: var(--dialog-interline);
  box-shadow: inset 0px 0px 1px 3px var(--dialog-field);
}
#modalbox textarea.systemTextArea::-ms-scrollbar-thumb {
  background: var(--dialog-interline);
  box-shadow: inset 0px 0px 1px 3px var(--dialog-field);
}
#modalbox textarea.systemTextArea::-o-scrollbar-thumb {
  background: var(--dialog-interline);
  box-shadow: inset 0px 0px 1px 3px var(--dialog-field);
}
#modalbox textarea.systemTextArea::scrollbar-thumb {
  background: var(--dialog-interline);
  box-shadow: inset 0px 0px 1px 3px var(--dialog-field);
}
#modalbox textarea.systemTextArea.disabled {
  background-color: var(--dialog-readonly);
  color: var(--dialog-disable);
  border-color: var(--dialog-disable);
}
#modalbox textarea.systemTextArea.disabled::-webkit-resizer {
  background: var(--dialog-readonly);
}
#modalbox textarea.systemTextArea.disabled::-moz-resizer {
  background: var(--dialog-readonly);
}
#modalbox textarea.systemTextArea.disabled::-ms-resizer {
  background: var(--dialog-readonly);
}
#modalbox textarea.systemTextArea.disabled::-o-resizer {
  background: var(--dialog-readonly);
}
#modalbox textarea.systemTextArea.disabled::resizer {
  background: var(--dialog-readonly);
}
#modalbox textarea.systemTextArea.disabled::-webkit-scrollbar {
  width: 16px;
  height: 16px;
  cursor: pointer;
}
#modalbox textarea.systemTextArea.disabled::-moz-scrollbar {
  width: 16px;
  height: 16px;
  cursor: pointer;
}
#modalbox textarea.systemTextArea.disabled::-ms-scrollbar {
  width: 16px;
  height: 16px;
  cursor: pointer;
}
#modalbox textarea.systemTextArea.disabled::-o-scrollbar {
  width: 16px;
  height: 16px;
  cursor: pointer;
}
#modalbox textarea.systemTextArea.disabled::scrollbar {
  width: 16px;
  height: 16px;
  cursor: pointer;
}
#modalbox textarea.systemTextArea.disabled::-webkit-scrollbar-track {
  background: var(--dialog-readonly);
  border: var(--dialog-readonly) 2px solid;
  box-shadow: inset 0px 0px 1px 3px var(--dialog-readonly);
}
#modalbox textarea.systemTextArea.disabled::-moz-scrollbar-track {
  background: var(--dialog-readonly);
  border: var(--dialog-readonly) 2px solid;
  box-shadow: inset 0px 0px 1px 3px var(--dialog-readonly);
}
#modalbox textarea.systemTextArea.disabled::-ms-scrollbar-track {
  background: var(--dialog-readonly);
  border: var(--dialog-readonly) 2px solid;
  box-shadow: inset 0px 0px 1px 3px var(--dialog-readonly);
}
#modalbox textarea.systemTextArea.disabled::-o-scrollbar-track {
  background: var(--dialog-readonly);
  border: var(--dialog-readonly) 2px solid;
  box-shadow: inset 0px 0px 1px 3px var(--dialog-readonly);
}
#modalbox textarea.systemTextArea.disabled::scrollbar-track {
  background: var(--dialog-readonly);
  border: var(--dialog-readonly) 2px solid;
  box-shadow: inset 0px 0px 1px 3px var(--dialog-readonly);
}
#modalbox textarea.systemTextArea.disabled::-webkit-scrollbar-thumb {
  background: var(--dialog-interline);
  box-shadow: inset 0px 0px 1px 3px var(--dialog-readonly);
}
#modalbox textarea.systemTextArea.disabled::-moz-scrollbar-thumb {
  background: var(--dialog-interline);
  box-shadow: inset 0px 0px 1px 3px var(--dialog-readonly);
}
#modalbox textarea.systemTextArea.disabled::-ms-scrollbar-thumb {
  background: var(--dialog-interline);
  box-shadow: inset 0px 0px 1px 3px var(--dialog-readonly);
}
#modalbox textarea.systemTextArea.disabled::-o-scrollbar-thumb {
  background: var(--dialog-interline);
  box-shadow: inset 0px 0px 1px 3px var(--dialog-readonly);
}
#modalbox textarea.systemTextArea.disabled::scrollbar-thumb {
  background: var(--dialog-interline);
  box-shadow: inset 0px 0px 1px 3px var(--dialog-readonly);
}
#modalbox.tidy input[type=checkbox] {
  margin: 0px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: var(--dialog-disable);
  -webkit-mask: url("../images/checkbox/unchecked.svg") no-repeat 50% 50% / contain;
  -moz-mask: url("../images/checkbox/unchecked.svg") no-repeat 50% 50% / contain;
  -ms-mask: url("../images/checkbox/unchecked.svg") no-repeat 50% 50% / contain;
  -o-mask: url("../images/checkbox/unchecked.svg") no-repeat 50% 50% / contain;
  mask: url("../images/checkbox/unchecked.svg") no-repeat 50% 50% / contain;
  display: inline-block;
  position: relative;
  top: 2px;
  left: 0px;
  width: 12px;
  height: 12px;
  cursor: pointer;
  transition: background 200ms ease-in-out;
  outline: none;
}
#modalbox.tidy input[type=checkbox]:indeterminate {
  -webkit-mask: url("../images/checkbox/indeterminate.svg") no-repeat 50% 50% / contain;
  -moz-mask: url("../images/checkbox/indeterminate.svg") no-repeat 50% 50% / contain;
  -ms-mask: url("../images/checkbox/indeterminate.svg") no-repeat 50% 50% / contain;
  -o-mask: url("../images/checkbox/indeterminate.svg") no-repeat 50% 50% / contain;
  mask: url("../images/checkbox/indeterminate.svg") no-repeat 50% 50% / contain;
  transition: background 200ms ease-in-out;
}
#modalbox.tidy input[type=checkbox]:checked {
  -webkit-mask: url("../images/checkbox/checked.svg") no-repeat 50% 50% / contain;
  -moz-mask: url("../images/checkbox/checked.svg") no-repeat 50% 50% / contain;
  -ms-mask: url("../images/checkbox/checked.svg") no-repeat 50% 50% / contain;
  -o-mask: url("../images/checkbox/checked.svg") no-repeat 50% 50% / contain;
  mask: url("../images/checkbox/checked.svg") no-repeat 50% 50% / contain;
  transition: background 200ms ease-in-out;
}
#modalbox.tidy input[type=checkbox]:hover {
  background: var(--dialog-text);
}
#modalbox.tidy p#overwriteWarning {
  margin-top: 5px;
}
#modalbox select.field {
  width: 35%;
  margin-left: 10px;
}
#modalbox select.field#maxTokens {
  width: 15%;
}
#modalbox select.field option:disabled {
  background: var(--dialog-readonly);
}
#modalbox input#fileName {
  width: 75%;
  padding: 5px 10px;
  margin-right: 1.2%;
}
#modalbox input#fileExt {
  width: 10%;
  padding: 5px 10px;
  margin-left: 1.2%;
}
#modalbox div#injectLink {
  margin: 0px 0px 5px 0px;
}
#modalbox div#info {
  display: none;
}
#modalbox p#shareDescription.extendable .hide-on-extendable,
#modalbox p#shareDescription:not(.extendable) .show-on-extendable {
  display: none;
}
#modalbox input#filelink {
  width: 75%;
  padding: 5px 10px;
  margin-right: 1.2%;
}
#modalbox input#fileclipboard {
  width: 10%;
  padding: 5px 10px;
  margin-left: 1.2%;
}
#modalbox div#dropzone {
  text-align: center;
  width: calc(100% - 44px);
  border: var(--dialog-readonly) 2px dashed;
  padding: 20px;
  margin: 20px 0px 10px 0px;
  cursor: pointer;
  transition: border 200ms ease-in-out, background 200ms ease-in-out;
}
#modalbox div#dropzone.dragndrop {
  border: var(--dialog-interline) 2px dashed;
  background: var(--dialog-readonly);
  transition: border 200ms ease-in-out, background 200ms ease-in-out;
}
#modalbox textarea#renameConfig {
  width: calc(100% - 34px);
  height: 480px;
  font-size: 12px;
}
#modalbox textarea#renameBackup {
  display: none;
}
.ui-dialog.inject #modalbox div#message {
  display: block;
  overflow: hidden;
  margin: 0px;
}
.ui-dialog.inject #modalbox div#message.error p {
  text-align: left;
}
.ui-dialog.inject #modalbox div#message.error p::before {
  content: "\26a0\00a0";
}
.ui-dialog.upload #modalbox div#message.error {
  color: var(--error-action);
  font-weight: bold;
}
.ui-dialog.upload #modalbox div#message.error p {
  text-align: center;
}
#modalbox div#renameRule label.forField {
  display: inline-block;
  width: 160px;
  margin-bottom: 5px;
}
#modalbox div#renameRule select#renameRuleSelect {
  width: calc(100% - 327px);
  margin-bottom: 15px;
  margin-left: 0px;
  margin-right: 0px;
}
#modalbox div#renameRule select#renameRuleSelect.changed {
  color: var(--dialog-warning);
  font-style: italic;
}
#modalbox div#renameRule select#renameRuleSelect:not(.changed) {
  color: var(--dialog-text);
  font-style: normal;
}
#modalbox div#renameRule select#renameRuleSelect option.changed {
  color: var(--dialog-warning);
  font-style: italic;
}
#modalbox div#renameRule select#renameRuleSelect option:not(.changed) {
  color: var(--dialog-text);
  font-style: normal;
}
#modalbox div#renameRule button.ui-button#renameRuleAdd,
#modalbox div#renameRule button.ui-button#renameRuleDelete {
  display: inline-block;
  width: 75px;
  height: 33px;
  top: -2px;
  margin: 0px 0px 0px 2px;
  padding: 0px 0px 0px 0px;
}
#modalbox div#renameRule div#renameRuleInfos {
  padding-top: 15px;
  border-top: var(--dialog-interline) 1px solid;
}
#modalbox div#renameRule div#renameRuleInfos input.field {
  margin-bottom: 5px;
}
#modalbox div#renameRule div#renameRuleInfos input.field#renameRuleTitle {
  width: calc(100% - 188px);
}
#modalbox div#renameRule div#renameRuleInfos input.field#renameRuleFilter {
  width: calc(100% - 218px);
}
#modalbox div#renameRule div#renameRuleInfos span#renameRuleGenerateFilter {
  display: inline-block;
  position: relative;
  width: 24px;
  height: 24px;
  top: 5px;
  background: var(--dialog-text);
  -webkit-mask: url("../images/generate.svg") no-repeat 50% 50% / contain;
  -moz-mask: url("../images/generate.svg") no-repeat 50% 50% / contain;
  -ms-mask: url("../images/generate.svg") no-repeat 50% 50% / contain;
  -o-mask: url("../images/generate.svg") no-repeat 50% 50% / contain;
  mask: url("../images/generate.svg") no-repeat 50% 50% / contain;
  cursor: pointer;
}
#modalbox div#renameRule div#renameRuleInfos span#renameRuleGenerateFilter[disabled] {
  background: var(--dialog-interline);
  cursor: default;
}
#modalbox div#announcementsConfig {
  /* Default configuration */
  /* announcement selection */
}
#modalbox div#announcementsConfig label.forField {
  display: inline-block;
  margin-bottom: 5px;
}
#modalbox div#announcementsConfig select.changed {
  color: var(--dialog-warning);
  font-style: italic;
}
#modalbox div#announcementsConfig select:not(.changed) {
  color: var(--dialog-text);
  font-style: normal;
}
#modalbox div#announcementsConfig select option.changed {
  color: var(--dialog-warning);
  font-style: italic;
}
#modalbox div#announcementsConfig select option:not(.changed) {
  color: var(--dialog-text);
  font-style: normal;
}
#modalbox div#announcementsConfig button.ui-button {
  display: inline-block;
  height: 33px;
  top: -2px;
  margin: 0px;
  padding: 0px;
}
#modalbox div#announcementsConfig select {
  height: 33px;
}
#modalbox div#announcementsConfig textarea {
  height: 130px;
}
#modalbox div#announcementsConfig input[type='date'],
#modalbox div#announcementsConfig input[type='time'] {
  height: 20px;
}
#modalbox div#announcementsConfig label[for='announcementSelect'] {
  width: 23%;
  margin-left: 1%;
}
#modalbox div#announcementsConfig select#announcementSelect {
  width: 49%;
  margin-bottom: 15px;
  margin-left: 0px;
  margin-right: 0px;
}
#modalbox div#announcementsConfig button.ui-button#announcementAdd,
#modalbox div#announcementsConfig button.ui-button#announcementDelete {
  width: 11%;
  margin-left: 1%;
}
#modalbox div#announcementsConfig div#announcementInfos {
  padding-top: 15px;
  border-top: var(--dialog-interline) 1px solid;
  /* title & content */
  /* type & sender/target */
  /* startDate/endDate & preview */
}
#modalbox div#announcementsConfig div#announcementInfos input#announcementTitle {
  width: calc(96% + 8px);
}
#modalbox div#announcementsConfig div#announcementInfos textarea#announcementContent {
  width: calc(96% + 8px);
  height: 130px;
}
#modalbox div#announcementsConfig div#announcementInfos label[for='announcementType'] {
  width: 7%;
}
#modalbox div#announcementsConfig div#announcementInfos select#announcementType {
  width: 18%;
  margin-left: 0px;
}
#modalbox div#announcementsConfig div#announcementInfos span#announcementSenderTarget {
  float: right;
  width: 66%;
  margin-right: -6px;
}
#modalbox div#announcementsConfig div#announcementInfos label[for='announcementSender'] {
  width: 19%;
}
#modalbox div#announcementsConfig div#announcementInfos select#announcementSender {
  width: 31%;
  margin-left: 1%;
}
#modalbox div#announcementsConfig div#announcementInfos label[for='announcementTarget'] {
  width: 9%;
  text-align: center;
}
#modalbox div#announcementsConfig div#announcementInfos select#announcementTarget {
  width: 39%;
  margin-left: 0px;
}
#modalbox div#announcementsConfig div#announcementInfos label[for='announcementStartDate'] {
  width: 9%;
}
#modalbox div#announcementsConfig div#announcementInfos label[for='announcementEndDate'] {
  width: 8%;
  text-align: center;
}
#modalbox div#announcementsConfig div#announcementInfos input#announcementStartDateDate,
#modalbox div#announcementsConfig div#announcementInfos input#announcementEndDateDate {
  width: 15%;
  height: 20px;
}
#modalbox div#announcementsConfig div#announcementInfos input#announcementStartDateTime,
#modalbox div#announcementsConfig div#announcementInfos input#announcementEndDateTime {
  width: 10%;
  height: 20px;
}
#modalbox div#announcementsConfig div#announcementInfos button#announcementPreview {
  float: right;
  width: 33px;
  height: 33px;
}
#modalbox div#announcementsConfig div#announcementInfos button#announcementPreview div.icon-button {
  width: 24px;
  height: 24px;
  margin: auto;
  background-color: var(--dialog-text);
  -webkit-mask: url("../images/preview.svg") no-repeat 50% 50% / contain;
  -moz-mask: url("../images/preview.svg") no-repeat 50% 50% / contain;
  -ms-mask: url("../images/preview.svg") no-repeat 50% 50% / contain;
  -o-mask: url("../images/preview.svg") no-repeat 50% 50% / contain;
  mask: url("../images/preview.svg") no-repeat 50% 50% / contain;
}
#modalbox div#announcementsConfig div#announcementInfos button#announcementPreview:hover div.icon-button {
  background-color: var(--dialog-color);
}
#modalbox textarea#txtContentData {
  width: calc(100% - 34px);
  height: 480px;
  font-size: 12px;
}
#modalbox div#imgContentBox {
  max-width: calc(100% - 34px);
  max-height: 600px;
  overflow: hidden;
  resize: both;
  border: var(--dialog-interline) 2px solid;
}
#modalbox div#imgContentBox div#imgContentZoom {
  position: relative;
}
#modalbox div#imgContentBox div#imgContentZoom img#imgContentData {
  max-width: calc(100% - 34px);
  max-height: 100%;
}
#modalbox textarea#displayLogs {
  width: calc(100% - 34px);
  height: 720px;
  font-size: 12px;
}
/* JQUERY-UI : MAINTENANCE MANAGEMENT */
div.headerBlock.maintenance div.frame #homelink div.title::after {
  color: var(--headfoot-color);
  background-image: repeating-linear-gradient(-60deg, var(--headfoot-maintenance) 0px, var(--headfoot-color) 1px, var(--headfoot-text) 2px, var(--headfoot-text) 20px, var(--headfoot-color) 21px, var(--headfoot-maintenance) 22px, var(--headfoot-maintenance) 40px);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -ms-background-clip: text;
  -o-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  -ms-text-fill-color: transparent;
  -o-text-fill-color: transparent;
  text-fill-color: transparent;
  background-size: 300% auto;
  animation: maintenanceScrolling 60s linear infinite;
}
.ui-dialog.maintenance #modalbox input {
  height: 20px;
  margin-left: 0px;
}
.ui-dialog.maintenance #modalbox input#manageMaintenanceReason {
  width: 70%;
}
.ui-dialog.maintenance #modalbox input#manageMaintenanceDate {
  width: 30%;
}
.ui-dialog.maintenance #modalbox input#manageMaintenanceTime {
  width: 20%;
}
/* JQUERY-UI : DEGRADED MANAGEMENT */
div.headerBlock.degraded div.frame #homelink div.title::after {
  color: var(--headfoot-color);
  background-image: repeating-linear-gradient(-60deg, var(--headfoot-degraded) 0px, var(--headfoot-color) 1px, var(--headfoot-text) 2px, var(--headfoot-text) 20px, var(--headfoot-color) 21px, var(--headfoot-degraded) 22px, var(--headfoot-degraded) 40px);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -ms-background-clip: text;
  -o-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  -ms-text-fill-color: transparent;
  -o-text-fill-color: transparent;
  text-fill-color: transparent;
  background-size: 300% auto;
  animation: degradedScrolling 60s linear infinite;
}
/* JQUERY-UI : PROFILE MANAGEMENT */
.ui-dialog.profile #modalbox div#profile {
  font-size: 22px;
  font-weight: bold;
  float: left;
  min-width: 60%;
  margin-top: 5px;
}
.ui-dialog.profile #modalbox div#profileMail {
  margin-bottom: 10px;
  float: left;
  min-width: 60%;
}
.ui-dialog.profile #modalbox button#profileDisconnect {
  margin-left: 15px;
  margin-top: 10px;
  float: right;
}
.ui-dialog.profile #modalbox div#profileTabs {
  background: var(--dialog-color);
  color: var(--dialog-text);
  border: none;
  margin-top: 5px;
  padding: 0px;
}
.ui-dialog.profile #modalbox div#profileTabs div.profileTab {
  background: var(--dialog-color);
  color: var(--dialog-text);
  border: none;
  border-radius: 0px;
  padding: 15px 15px;
  margin-bottom: 10px;
}
.ui-dialog.profile #modalbox div#profileTabs ul {
  background: var(--dialog-color);
  color: var(--dialog-text);
  border: none;
  border-radius: 0px;
  box-shadow: inset 0px -12px 0px -10px var(--dialog-interline);
}
.ui-dialog.profile #modalbox div#profileTabs ul li {
  background: transparent;
  color: var(--dialog-text);
  border: none;
  margin: 0px;
  padding: 0px;
  outline: none;
}
.ui-dialog.profile #modalbox div#profileTabs ul li a {
  color: var(--dialog-text);
  font-weight: bold;
  padding: 5px 10px;
  outline: none;
  cursor: pointer;
}
.ui-dialog.profile #modalbox div#profileTabs ul li.ui-tabs-active {
  background: var(--dialog-color);
  color: var(--dialog-text);
  border: var(--dialog-interline) 2px solid;
  border-bottom-width: 0px;
  border-top-left-radius: var(--dialog-button-radius);
  border-top-right-radius: var(--dialog-button-radius);
  color: #ffffff;
  margin: 0px;
  padding: 0px;
  outline: none;
}
.ui-dialog.profile #modalbox div#profileTabs ul li.ui-tabs-active a {
  cursor: default;
}
.ui-dialog.profile #modalbox #rights .right {
  float: left;
  width: 20px;
  height: 20px;
  margin: 0px;
  background: var(--dialog-text);
}
.ui-dialog.profile #modalbox #rights .right#right_admin {
  -webkit-mask: url(../images/rights/admin.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/rights/admin.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/rights/admin.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/rights/admin.svg) no-repeat 50% 50% / contain;
  mask: url(../images/rights/admin.svg) no-repeat 50% 50% / contain;
}
.ui-dialog.profile #modalbox #rights .right#right_debug {
  -webkit-mask: url(../images/rights/debug.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/rights/debug.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/rights/debug.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/rights/debug.svg) no-repeat 50% 50% / contain;
  mask: url(../images/rights/debug.svg) no-repeat 50% 50% / contain;
}
.ui-dialog.profile #modalbox #rights .right#right_delete {
  -webkit-mask: url(../images/rights/delete.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/rights/delete.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/rights/delete.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/rights/delete.svg) no-repeat 50% 50% / contain;
  mask: url(../images/rights/delete.svg) no-repeat 50% 50% / contain;
}
.ui-dialog.profile #modalbox #rights .right#right_download {
  -webkit-mask: url(../images/rights/download.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/rights/download.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/rights/download.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/rights/download.svg) no-repeat 50% 50% / contain;
  mask: url(../images/rights/download.svg) no-repeat 50% 50% / contain;
}
.ui-dialog.profile #modalbox #rights .right#right_maintenance {
  -webkit-mask: url(../images/rights/maintenance.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/rights/maintenance.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/rights/maintenance.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/rights/maintenance.svg) no-repeat 50% 50% / contain;
  mask: url(../images/rights/maintenance.svg) no-repeat 50% 50% / contain;
}
.ui-dialog.profile #modalbox #rights .right#right_manage {
  -webkit-mask: url(../images/rights/manage.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/rights/manage.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/rights/manage.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/rights/manage.svg) no-repeat 50% 50% / contain;
  mask: url(../images/rights/manage.svg) no-repeat 50% 50% / contain;
}
.ui-dialog.profile #modalbox #rights .right#right_package {
  -webkit-mask: url(../images/rights/package.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/rights/package.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/rights/package.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/rights/package.svg) no-repeat 50% 50% / contain;
  mask: url(../images/rights/package.svg) no-repeat 50% 50% / contain;
}
.ui-dialog.profile #modalbox #rights .right#right_rename {
  -webkit-mask: url(../images/rights/rename.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/rights/rename.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/rights/rename.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/rights/rename.svg) no-repeat 50% 50% / contain;
  mask: url(../images/rights/rename.svg) no-repeat 50% 50% / contain;
}
.ui-dialog.profile #modalbox #rights .right#right_speed {
  -webkit-mask: url(../images/rights/speed.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/rights/speed.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/rights/speed.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/rights/speed.svg) no-repeat 50% 50% / contain;
  mask: url(../images/rights/speed.svg) no-repeat 50% 50% / contain;
}
.ui-dialog.profile #modalbox #rights .right#right_share {
  -webkit-mask: url(../images/rights/share.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/rights/share.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/rights/share.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/rights/share.svg) no-repeat 50% 50% / contain;
  mask: url(../images/rights/share.svg) no-repeat 50% 50% / contain;
}
.ui-dialog.profile #modalbox #rights .right#right_stream {
  -webkit-mask: url(../images/rights/stream.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/rights/stream.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/rights/stream.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/rights/stream.svg) no-repeat 50% 50% / contain;
  mask: url(../images/rights/stream.svg) no-repeat 50% 50% / contain;
}
.ui-dialog.profile #modalbox #rights .right#right_synchronize {
  -webkit-mask: url(../images/rights/synchronize.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/rights/synchronize.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/rights/synchronize.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/rights/synchronize.svg) no-repeat 50% 50% / contain;
  mask: url(../images/rights/synchronize.svg) no-repeat 50% 50% / contain;
}
.ui-dialog.profile #modalbox #rights .right#right_transfer {
  -webkit-mask: url(../images/rights/transfer.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/rights/transfer.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/rights/transfer.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/rights/transfer.svg) no-repeat 50% 50% / contain;
  mask: url(../images/rights/transfer.svg) no-repeat 50% 50% / contain;
}
.ui-dialog.profile #modalbox #rights .right#right_trigger {
  -webkit-mask: url(../images/rights/inject.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/rights/inject.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/rights/inject.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/rights/inject.svg) no-repeat 50% 50% / contain;
  mask: url(../images/rights/inject.svg) no-repeat 50% 50% / contain;
}
.ui-dialog.profile #modalbox #rights .right#right_upload {
  -webkit-mask: url(../images/rights/upload.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/rights/upload.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/rights/upload.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/rights/upload.svg) no-repeat 50% 50% / contain;
  mask: url(../images/rights/upload.svg) no-repeat 50% 50% / contain;
}
.ui-dialog.profile #modalbox #rights .major .right {
  background: var(--dialog-warning);
}
.ui-dialog.profile #modalbox #rights .major .value {
  font-weight: bold;
  color: var(--dialog-warning);
}
.ui-dialog.profile #modalbox #rights .major .value a {
  color: var(--dialog-warning);
  text-decoration: underline;
  cursor: pointer;
}
.ui-dialog.profile #modalbox button#profilePassword-change {
  margin-right: -5px;
}
.ui-dialog.profile #modalbox div.profilePassword-fields {
  border-spacing: 0px 5px;
  margin: 0px 0px 10px 0px;
}
.ui-dialog.profile #modalbox div.profilePassword-fields div.profilePassword-field {
  display: table-row;
}
.ui-dialog.profile #modalbox div.profilePassword-fields div.profilePassword-field label {
  display: table-cell;
  width: 50%;
}
.ui-dialog.profile #modalbox div.profilePassword-fields div.profilePassword-field input {
  display: table-cell;
  width: 90%;
}
.ui-dialog.profile #modalbox div.profilePassword-fields div.profilePassword-field input.fieldError {
  background: var(--debug-error-color);
  color: var(--debug-error-text);
}
.ui-dialog.profile #modalbox div#profileTab-bookmarklet a#header_button_bookmark {
  display: block;
  height: 24px;
  width: 24px;
}
.ui-dialog.profile #modalbox div#profileTab-bookmarklet a#header_button_bookmark span.icon {
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-right: 10px;
  background: var(--dialog-warning);
  -webkit-mask: url("../images/bookmark.svg") no-repeat 50% 50% / contain;
  -moz-mask: url("../images/bookmark.svg") no-repeat 50% 50% / contain;
  -ms-mask: url("../images/bookmark.svg") no-repeat 50% 50% / contain;
  -o-mask: url("../images/bookmark.svg") no-repeat 50% 50% / contain;
  mask: url("../images/bookmark.svg") no-repeat 50% 50% / contain;
}
.ui-dialog.profile #modalbox div#profileTab-bookmarklet div.cell > p:last-of-type {
  margin-bottom: 0px;
}
/* JQUERY-UI (MENU) : MANAGEMENT */
input[type=button]#selectFolderButton,
input[type=button]#profileInfosButton,
input[type=button]#announcementsListButton,
input[type=button].massmoremenubutton,
input[type=button].moremenubutton,
input[type=button]#forceParametersButton {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 0px;
  height: 0px;
  padding: 0px;
  margin: -2px;
  border: none;
  opacity: 0;
  cursor: pointer;
}
ul#selectFolderMenu,
ul#profileInfosMenu,
ul#announcementsListMenu,
ul.massmoremenu,
ul.moremenu,
ul#forceParametersMenu {
  position: absolute;
  display: flex;
  flex-direction: column;
  font-weight: normal;
  z-index: 1000;
  line-height: 32px;
  border: none;
  border-radius: 0px;
  padding: 1px;
  background: var(--headfoot-color);
  color: var(--headfoot-text);
  box-shadow: inset 0px 0px 0px 1px var(--headfoot-button);
}
ul#selectFolderMenu.massmoremenu li:first-child:empty,
ul#profileInfosMenu.massmoremenu li:first-child:empty,
ul#announcementsListMenu.massmoremenu li:first-child:empty,
ul.massmoremenu.massmoremenu li:first-child:empty,
ul.moremenu.massmoremenu li:first-child:empty,
ul#forceParametersMenu.massmoremenu li:first-child:empty,
ul#selectFolderMenu.moremenu li:first-child:empty,
ul#profileInfosMenu.moremenu li:first-child:empty,
ul#announcementsListMenu.moremenu li:first-child:empty,
ul.massmoremenu.moremenu li:first-child:empty,
ul.moremenu.moremenu li:first-child:empty,
ul#forceParametersMenu.moremenu li:first-child:empty,
ul#selectFolderMenu.massmoremenu li:last-child:empty,
ul#profileInfosMenu.massmoremenu li:last-child:empty,
ul#announcementsListMenu.massmoremenu li:last-child:empty,
ul.massmoremenu.massmoremenu li:last-child:empty,
ul.moremenu.massmoremenu li:last-child:empty,
ul#forceParametersMenu.massmoremenu li:last-child:empty,
ul#selectFolderMenu.moremenu li:last-child:empty,
ul#profileInfosMenu.moremenu li:last-child:empty,
ul#announcementsListMenu.moremenu li:last-child:empty,
ul.massmoremenu.moremenu li:last-child:empty,
ul.moremenu.moremenu li:last-child:empty,
ul#forceParametersMenu.moremenu li:last-child:empty {
  display: none;
}
ul#selectFolderMenu li.cancel > div.cancel > span.icon,
ul#profileInfosMenu li.cancel > div.cancel > span.icon,
ul#announcementsListMenu li.cancel > div.cancel > span.icon,
ul.massmoremenu li.cancel > div.cancel > span.icon,
ul.moremenu li.cancel > div.cancel > span.icon,
ul#forceParametersMenu li.cancel > div.cancel > span.icon {
  -webkit-mask: url(../images/cancel.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/cancel.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/cancel.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/cancel.svg) no-repeat 50% 50% / contain;
  mask: url(../images/cancel.svg) no-repeat 50% 50% / contain;
}
ul#selectFolderMenu li.cancel > div.cancel > span.label,
ul#profileInfosMenu li.cancel > div.cancel > span.label,
ul#announcementsListMenu li.cancel > div.cancel > span.label,
ul.massmoremenu li.cancel > div.cancel > span.label,
ul.moremenu li.cancel > div.cancel > span.label,
ul#forceParametersMenu li.cancel > div.cancel > span.label {
  margin-left: 3px;
}
ul#selectFolderMenu li.delete > div.delete > span.icon,
ul#profileInfosMenu li.delete > div.delete > span.icon,
ul#announcementsListMenu li.delete > div.delete > span.icon,
ul.massmoremenu li.delete > div.delete > span.icon,
ul.moremenu li.delete > div.delete > span.icon,
ul#forceParametersMenu li.delete > div.delete > span.icon {
  -webkit-mask: url(../images/delete.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/delete.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/delete.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/delete.svg) no-repeat 50% 50% / contain;
  mask: url(../images/delete.svg) no-repeat 50% 50% / contain;
}
ul#selectFolderMenu li.delete > div.delete > span.label,
ul#profileInfosMenu li.delete > div.delete > span.label,
ul#announcementsListMenu li.delete > div.delete > span.label,
ul.massmoremenu li.delete > div.delete > span.label,
ul.moremenu li.delete > div.delete > span.label,
ul#forceParametersMenu li.delete > div.delete > span.label {
  margin-left: 3px;
}
ul#selectFolderMenu li.download > div.download > span.icon,
ul#profileInfosMenu li.download > div.download > span.icon,
ul#announcementsListMenu li.download > div.download > span.icon,
ul.massmoremenu li.download > div.download > span.icon,
ul.moremenu li.download > div.download > span.icon,
ul#forceParametersMenu li.download > div.download > span.icon {
  -webkit-mask: url(../images/download.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/download.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/download.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/download.svg) no-repeat 50% 50% / contain;
  mask: url(../images/download.svg) no-repeat 50% 50% / contain;
}
ul#selectFolderMenu li.download > div.download > span.label,
ul#profileInfosMenu li.download > div.download > span.label,
ul#announcementsListMenu li.download > div.download > span.label,
ul.massmoremenu li.download > div.download > span.label,
ul.moremenu li.download > div.download > span.label,
ul#forceParametersMenu li.download > div.download > span.label {
  margin-left: 3px;
}
ul#selectFolderMenu li.extract > div.extract > span.icon,
ul#profileInfosMenu li.extract > div.extract > span.icon,
ul#announcementsListMenu li.extract > div.extract > span.icon,
ul.massmoremenu li.extract > div.extract > span.icon,
ul.moremenu li.extract > div.extract > span.icon,
ul#forceParametersMenu li.extract > div.extract > span.icon {
  -webkit-mask: url(../images/extract.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/extract.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/extract.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/extract.svg) no-repeat 50% 50% / contain;
  mask: url(../images/extract.svg) no-repeat 50% 50% / contain;
}
ul#selectFolderMenu li.extract > div.extract > span.label,
ul#profileInfosMenu li.extract > div.extract > span.label,
ul#announcementsListMenu li.extract > div.extract > span.label,
ul.massmoremenu li.extract > div.extract > span.label,
ul.moremenu li.extract > div.extract > span.label,
ul#forceParametersMenu li.extract > div.extract > span.label {
  margin-left: 3px;
}
ul#selectFolderMenu li.filesplit > div.filesplit > span.icon,
ul#profileInfosMenu li.filesplit > div.filesplit > span.icon,
ul#announcementsListMenu li.filesplit > div.filesplit > span.icon,
ul.massmoremenu li.filesplit > div.filesplit > span.icon,
ul.moremenu li.filesplit > div.filesplit > span.icon,
ul#forceParametersMenu li.filesplit > div.filesplit > span.icon {
  -webkit-mask: url(../images/filesplit.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/filesplit.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/filesplit.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/filesplit.svg) no-repeat 50% 50% / contain;
  mask: url(../images/filesplit.svg) no-repeat 50% 50% / contain;
}
ul#selectFolderMenu li.filesplit > div.filesplit > span.label,
ul#profileInfosMenu li.filesplit > div.filesplit > span.label,
ul#announcementsListMenu li.filesplit > div.filesplit > span.label,
ul.massmoremenu li.filesplit > div.filesplit > span.label,
ul.moremenu li.filesplit > div.filesplit > span.label,
ul#forceParametersMenu li.filesplit > div.filesplit > span.label {
  margin-left: 3px;
}
ul#selectFolderMenu li.folder > div.folder > span.icon,
ul#profileInfosMenu li.folder > div.folder > span.icon,
ul#announcementsListMenu li.folder > div.folder > span.icon,
ul.massmoremenu li.folder > div.folder > span.icon,
ul.moremenu li.folder > div.folder > span.icon,
ul#forceParametersMenu li.folder > div.folder > span.icon {
  -webkit-mask: url(../images/folder.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/folder.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/folder.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/folder.svg) no-repeat 50% 50% / contain;
  mask: url(../images/folder.svg) no-repeat 50% 50% / contain;
}
ul#selectFolderMenu li.folder > div.folder > span.label,
ul#profileInfosMenu li.folder > div.folder > span.label,
ul#announcementsListMenu li.folder > div.folder > span.label,
ul.massmoremenu li.folder > div.folder > span.label,
ul.moremenu li.folder > div.folder > span.label,
ul#forceParametersMenu li.folder > div.folder > span.label {
  margin-left: 3px;
}
ul#selectFolderMenu li.generate > div.generate > span.icon,
ul#profileInfosMenu li.generate > div.generate > span.icon,
ul#announcementsListMenu li.generate > div.generate > span.icon,
ul.massmoremenu li.generate > div.generate > span.icon,
ul.moremenu li.generate > div.generate > span.icon,
ul#forceParametersMenu li.generate > div.generate > span.icon {
  -webkit-mask: url(../images/generate.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/generate.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/generate.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/generate.svg) no-repeat 50% 50% / contain;
  mask: url(../images/generate.svg) no-repeat 50% 50% / contain;
}
ul#selectFolderMenu li.generate > div.generate > span.label,
ul#profileInfosMenu li.generate > div.generate > span.label,
ul#announcementsListMenu li.generate > div.generate > span.label,
ul.massmoremenu li.generate > div.generate > span.label,
ul.moremenu li.generate > div.generate > span.label,
ul#forceParametersMenu li.generate > div.generate > span.label {
  margin-left: 3px;
}
ul#selectFolderMenu li.info > div.info > span.icon,
ul#profileInfosMenu li.info > div.info > span.icon,
ul#announcementsListMenu li.info > div.info > span.icon,
ul.massmoremenu li.info > div.info > span.icon,
ul.moremenu li.info > div.info > span.icon,
ul#forceParametersMenu li.info > div.info > span.icon {
  -webkit-mask: url(../images/info.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/info.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/info.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/info.svg) no-repeat 50% 50% / contain;
  mask: url(../images/info.svg) no-repeat 50% 50% / contain;
}
ul#selectFolderMenu li.info > div.info > span.label,
ul#profileInfosMenu li.info > div.info > span.label,
ul#announcementsListMenu li.info > div.info > span.label,
ul.massmoremenu li.info > div.info > span.label,
ul.moremenu li.info > div.info > span.label,
ul#forceParametersMenu li.info > div.info > span.label {
  margin-left: 3px;
}
ul#selectFolderMenu li.inspect > div.inspect > span.icon,
ul#profileInfosMenu li.inspect > div.inspect > span.icon,
ul#announcementsListMenu li.inspect > div.inspect > span.icon,
ul.massmoremenu li.inspect > div.inspect > span.icon,
ul.moremenu li.inspect > div.inspect > span.icon,
ul#forceParametersMenu li.inspect > div.inspect > span.icon {
  -webkit-mask: url(../images/inspect.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/inspect.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/inspect.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/inspect.svg) no-repeat 50% 50% / contain;
  mask: url(../images/inspect.svg) no-repeat 50% 50% / contain;
}
ul#selectFolderMenu li.inspect > div.inspect > span.label,
ul#profileInfosMenu li.inspect > div.inspect > span.label,
ul#announcementsListMenu li.inspect > div.inspect > span.label,
ul.massmoremenu li.inspect > div.inspect > span.label,
ul.moremenu li.inspect > div.inspect > span.label,
ul#forceParametersMenu li.inspect > div.inspect > span.label {
  margin-left: 3px;
}
ul#selectFolderMenu li.manage > div.manage > span.icon,
ul#profileInfosMenu li.manage > div.manage > span.icon,
ul#announcementsListMenu li.manage > div.manage > span.icon,
ul.massmoremenu li.manage > div.manage > span.icon,
ul.moremenu li.manage > div.manage > span.icon,
ul#forceParametersMenu li.manage > div.manage > span.icon {
  -webkit-mask: url(../images/manage.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/manage.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/manage.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/manage.svg) no-repeat 50% 50% / contain;
  mask: url(../images/manage.svg) no-repeat 50% 50% / contain;
}
ul#selectFolderMenu li.manage > div.manage > span.label,
ul#profileInfosMenu li.manage > div.manage > span.label,
ul#announcementsListMenu li.manage > div.manage > span.label,
ul.massmoremenu li.manage > div.manage > span.label,
ul.moremenu li.manage > div.manage > span.label,
ul#forceParametersMenu li.manage > div.manage > span.label {
  margin-left: 3px;
}
ul#selectFolderMenu li.markasread > div.markasread > span.icon,
ul#profileInfosMenu li.markasread > div.markasread > span.icon,
ul#announcementsListMenu li.markasread > div.markasread > span.icon,
ul.massmoremenu li.markasread > div.markasread > span.icon,
ul.moremenu li.markasread > div.markasread > span.icon,
ul#forceParametersMenu li.markasread > div.markasread > span.icon {
  -webkit-mask: url(../images/markasread.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/markasread.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/markasread.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/markasread.svg) no-repeat 50% 50% / contain;
  mask: url(../images/markasread.svg) no-repeat 50% 50% / contain;
}
ul#selectFolderMenu li.markasread > div.markasread > span.label,
ul#profileInfosMenu li.markasread > div.markasread > span.label,
ul#announcementsListMenu li.markasread > div.markasread > span.label,
ul.massmoremenu li.markasread > div.markasread > span.label,
ul.moremenu li.markasread > div.markasread > span.label,
ul#forceParametersMenu li.markasread > div.markasread > span.label {
  margin-left: 3px;
}
ul#selectFolderMenu li.massmoremenu > div.massmoremenu > span.icon,
ul#profileInfosMenu li.massmoremenu > div.massmoremenu > span.icon,
ul#announcementsListMenu li.massmoremenu > div.massmoremenu > span.icon,
ul.massmoremenu li.massmoremenu > div.massmoremenu > span.icon,
ul.moremenu li.massmoremenu > div.massmoremenu > span.icon,
ul#forceParametersMenu li.massmoremenu > div.massmoremenu > span.icon {
  -webkit-mask: url(../images/massmoremenu.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/massmoremenu.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/massmoremenu.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/massmoremenu.svg) no-repeat 50% 50% / contain;
  mask: url(../images/massmoremenu.svg) no-repeat 50% 50% / contain;
}
ul#selectFolderMenu li.massmoremenu > div.massmoremenu > span.label,
ul#profileInfosMenu li.massmoremenu > div.massmoremenu > span.label,
ul#announcementsListMenu li.massmoremenu > div.massmoremenu > span.label,
ul.massmoremenu li.massmoremenu > div.massmoremenu > span.label,
ul.moremenu li.massmoremenu > div.massmoremenu > span.label,
ul#forceParametersMenu li.massmoremenu > div.massmoremenu > span.label {
  margin-left: 3px;
}
ul#selectFolderMenu li.moremenu > div.moremenu > span.icon,
ul#profileInfosMenu li.moremenu > div.moremenu > span.icon,
ul#announcementsListMenu li.moremenu > div.moremenu > span.icon,
ul.massmoremenu li.moremenu > div.moremenu > span.icon,
ul.moremenu li.moremenu > div.moremenu > span.icon,
ul#forceParametersMenu li.moremenu > div.moremenu > span.icon {
  -webkit-mask: url(../images/moremenu.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/moremenu.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/moremenu.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/moremenu.svg) no-repeat 50% 50% / contain;
  mask: url(../images/moremenu.svg) no-repeat 50% 50% / contain;
}
ul#selectFolderMenu li.moremenu > div.moremenu > span.label,
ul#profileInfosMenu li.moremenu > div.moremenu > span.label,
ul#announcementsListMenu li.moremenu > div.moremenu > span.label,
ul.massmoremenu li.moremenu > div.moremenu > span.label,
ul.moremenu li.moremenu > div.moremenu > span.label,
ul#forceParametersMenu li.moremenu > div.moremenu > span.label {
  margin-left: 3px;
}
ul#selectFolderMenu li.rename > div.rename > span.icon,
ul#profileInfosMenu li.rename > div.rename > span.icon,
ul#announcementsListMenu li.rename > div.rename > span.icon,
ul.massmoremenu li.rename > div.rename > span.icon,
ul.moremenu li.rename > div.rename > span.icon,
ul#forceParametersMenu li.rename > div.rename > span.icon {
  -webkit-mask: url(../images/rename.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/rename.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/rename.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/rename.svg) no-repeat 50% 50% / contain;
  mask: url(../images/rename.svg) no-repeat 50% 50% / contain;
}
ul#selectFolderMenu li.rename > div.rename > span.label,
ul#profileInfosMenu li.rename > div.rename > span.label,
ul#announcementsListMenu li.rename > div.rename > span.label,
ul.massmoremenu li.rename > div.rename > span.label,
ul.moremenu li.rename > div.rename > span.label,
ul#forceParametersMenu li.rename > div.rename > span.label {
  margin-left: 3px;
}
ul#selectFolderMenu li.resume > div.resume > span.icon,
ul#profileInfosMenu li.resume > div.resume > span.icon,
ul#announcementsListMenu li.resume > div.resume > span.icon,
ul.massmoremenu li.resume > div.resume > span.icon,
ul.moremenu li.resume > div.resume > span.icon,
ul#forceParametersMenu li.resume > div.resume > span.icon {
  -webkit-mask: url(../images/resume.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/resume.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/resume.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/resume.svg) no-repeat 50% 50% / contain;
  mask: url(../images/resume.svg) no-repeat 50% 50% / contain;
}
ul#selectFolderMenu li.resume > div.resume > span.label,
ul#profileInfosMenu li.resume > div.resume > span.label,
ul#announcementsListMenu li.resume > div.resume > span.label,
ul.massmoremenu li.resume > div.resume > span.label,
ul.moremenu li.resume > div.resume > span.label,
ul#forceParametersMenu li.resume > div.resume > span.label {
  margin-left: 3px;
}
ul#selectFolderMenu li.autoresume > div.autoresume > span.icon,
ul#profileInfosMenu li.autoresume > div.autoresume > span.icon,
ul#announcementsListMenu li.autoresume > div.autoresume > span.icon,
ul.massmoremenu li.autoresume > div.autoresume > span.icon,
ul.moremenu li.autoresume > div.autoresume > span.icon,
ul#forceParametersMenu li.autoresume > div.autoresume > span.icon {
  -webkit-mask: url(../images/autoresume.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/autoresume.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/autoresume.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/autoresume.svg) no-repeat 50% 50% / contain;
  mask: url(../images/autoresume.svg) no-repeat 50% 50% / contain;
}
ul#selectFolderMenu li.autoresume > div.autoresume > span.label,
ul#profileInfosMenu li.autoresume > div.autoresume > span.label,
ul#announcementsListMenu li.autoresume > div.autoresume > span.label,
ul.massmoremenu li.autoresume > div.autoresume > span.label,
ul.moremenu li.autoresume > div.autoresume > span.label,
ul#forceParametersMenu li.autoresume > div.autoresume > span.label {
  margin-left: 3px;
}
ul#selectFolderMenu li.selfcopy > div.selfcopy > span.icon,
ul#profileInfosMenu li.selfcopy > div.selfcopy > span.icon,
ul#announcementsListMenu li.selfcopy > div.selfcopy > span.icon,
ul.massmoremenu li.selfcopy > div.selfcopy > span.icon,
ul.moremenu li.selfcopy > div.selfcopy > span.icon,
ul#forceParametersMenu li.selfcopy > div.selfcopy > span.icon {
  -webkit-mask: url(../images/selfcopy.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/selfcopy.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/selfcopy.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/selfcopy.svg) no-repeat 50% 50% / contain;
  mask: url(../images/selfcopy.svg) no-repeat 50% 50% / contain;
}
ul#selectFolderMenu li.selfcopy > div.selfcopy > span.label,
ul#profileInfosMenu li.selfcopy > div.selfcopy > span.label,
ul#announcementsListMenu li.selfcopy > div.selfcopy > span.label,
ul.massmoremenu li.selfcopy > div.selfcopy > span.label,
ul.moremenu li.selfcopy > div.selfcopy > span.label,
ul#forceParametersMenu li.selfcopy > div.selfcopy > span.label {
  margin-left: 3px;
}
ul#selectFolderMenu li.share > div.share > span.icon,
ul#profileInfosMenu li.share > div.share > span.icon,
ul#announcementsListMenu li.share > div.share > span.icon,
ul.massmoremenu li.share > div.share > span.icon,
ul.moremenu li.share > div.share > span.icon,
ul#forceParametersMenu li.share > div.share > span.icon {
  -webkit-mask: url(../images/share.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/share.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/share.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/share.svg) no-repeat 50% 50% / contain;
  mask: url(../images/share.svg) no-repeat 50% 50% / contain;
}
ul#selectFolderMenu li.share > div.share > span.label,
ul#profileInfosMenu li.share > div.share > span.label,
ul#announcementsListMenu li.share > div.share > span.label,
ul.massmoremenu li.share > div.share > span.label,
ul.moremenu li.share > div.share > span.label,
ul#forceParametersMenu li.share > div.share > span.label {
  margin-left: 3px;
}
ul#selectFolderMenu li.smartselect > div.smartselect > span.icon,
ul#profileInfosMenu li.smartselect > div.smartselect > span.icon,
ul#announcementsListMenu li.smartselect > div.smartselect > span.icon,
ul.massmoremenu li.smartselect > div.smartselect > span.icon,
ul.moremenu li.smartselect > div.smartselect > span.icon,
ul#forceParametersMenu li.smartselect > div.smartselect > span.icon {
  -webkit-mask: url(../images/smartselect.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/smartselect.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/smartselect.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/smartselect.svg) no-repeat 50% 50% / contain;
  mask: url(../images/smartselect.svg) no-repeat 50% 50% / contain;
}
ul#selectFolderMenu li.smartselect > div.smartselect > span.label,
ul#profileInfosMenu li.smartselect > div.smartselect > span.label,
ul#announcementsListMenu li.smartselect > div.smartselect > span.label,
ul.massmoremenu li.smartselect > div.smartselect > span.label,
ul.moremenu li.smartselect > div.smartselect > span.label,
ul#forceParametersMenu li.smartselect > div.smartselect > span.label {
  margin-left: 3px;
}
ul#selectFolderMenu li.stream > div.stream > span.icon,
ul#profileInfosMenu li.stream > div.stream > span.icon,
ul#announcementsListMenu li.stream > div.stream > span.icon,
ul.massmoremenu li.stream > div.stream > span.icon,
ul.moremenu li.stream > div.stream > span.icon,
ul#forceParametersMenu li.stream > div.stream > span.icon {
  -webkit-mask: url(../images/stream.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/stream.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/stream.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/stream.svg) no-repeat 50% 50% / contain;
  mask: url(../images/stream.svg) no-repeat 50% 50% / contain;
}
ul#selectFolderMenu li.stream > div.stream > span.label,
ul#profileInfosMenu li.stream > div.stream > span.label,
ul#announcementsListMenu li.stream > div.stream > span.label,
ul.massmoremenu li.stream > div.stream > span.label,
ul.moremenu li.stream > div.stream > span.label,
ul#forceParametersMenu li.stream > div.stream > span.label {
  margin-left: 3px;
}
ul#selectFolderMenu li.tidy > div.tidy > span.icon,
ul#profileInfosMenu li.tidy > div.tidy > span.icon,
ul#announcementsListMenu li.tidy > div.tidy > span.icon,
ul.massmoremenu li.tidy > div.tidy > span.icon,
ul.moremenu li.tidy > div.tidy > span.icon,
ul#forceParametersMenu li.tidy > div.tidy > span.icon {
  -webkit-mask: url(../images/tidy.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/tidy.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/tidy.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/tidy.svg) no-repeat 50% 50% / contain;
  mask: url(../images/tidy.svg) no-repeat 50% 50% / contain;
}
ul#selectFolderMenu li.tidy > div.tidy > span.label,
ul#profileInfosMenu li.tidy > div.tidy > span.label,
ul#announcementsListMenu li.tidy > div.tidy > span.label,
ul.massmoremenu li.tidy > div.tidy > span.label,
ul.moremenu li.tidy > div.tidy > span.label,
ul#forceParametersMenu li.tidy > div.tidy > span.label {
  margin-left: 3px;
}
ul#selectFolderMenu li.transfer > div.transfer > span.icon,
ul#profileInfosMenu li.transfer > div.transfer > span.icon,
ul#announcementsListMenu li.transfer > div.transfer > span.icon,
ul.massmoremenu li.transfer > div.transfer > span.icon,
ul.moremenu li.transfer > div.transfer > span.icon,
ul#forceParametersMenu li.transfer > div.transfer > span.icon {
  -webkit-mask: url(../images/transfer.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/transfer.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/transfer.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/transfer.svg) no-repeat 50% 50% / contain;
  mask: url(../images/transfer.svg) no-repeat 50% 50% / contain;
}
ul#selectFolderMenu li.transfer > div.transfer > span.label,
ul#profileInfosMenu li.transfer > div.transfer > span.label,
ul#announcementsListMenu li.transfer > div.transfer > span.label,
ul.massmoremenu li.transfer > div.transfer > span.label,
ul.moremenu li.transfer > div.transfer > span.label,
ul#forceParametersMenu li.transfer > div.transfer > span.label {
  margin-left: 3px;
}
ul#selectFolderMenu li.wait > div.wait > span.icon,
ul#profileInfosMenu li.wait > div.wait > span.icon,
ul#announcementsListMenu li.wait > div.wait > span.icon,
ul.massmoremenu li.wait > div.wait > span.icon,
ul.moremenu li.wait > div.wait > span.icon,
ul#forceParametersMenu li.wait > div.wait > span.icon {
  -webkit-mask: url(../images/wait.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/wait.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/wait.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/wait.svg) no-repeat 50% 50% / contain;
  mask: url(../images/wait.svg) no-repeat 50% 50% / contain;
}
ul#selectFolderMenu li.wait > div.wait > span.label,
ul#profileInfosMenu li.wait > div.wait > span.label,
ul#announcementsListMenu li.wait > div.wait > span.label,
ul.massmoremenu li.wait > div.wait > span.label,
ul.moremenu li.wait > div.wait > span.label,
ul#forceParametersMenu li.wait > div.wait > span.label {
  margin-left: 3px;
}
ul#selectFolderMenu li span.icon,
ul#profileInfosMenu li span.icon,
ul#announcementsListMenu li span.icon,
ul.massmoremenu li span.icon,
ul.moremenu li span.icon,
ul#forceParametersMenu li span.icon {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 3px;
  background: var(--headfoot-text);
}
ul#selectFolderMenu.ui-state-focus,
ul#profileInfosMenu.ui-state-focus,
ul#announcementsListMenu.ui-state-focus,
ul.massmoremenu.ui-state-focus,
ul.moremenu.ui-state-focus,
ul#forceParametersMenu.ui-state-focus,
ul#selectFolderMenu.ui-state-active,
ul#profileInfosMenu.ui-state-active,
ul#announcementsListMenu.ui-state-active,
ul.massmoremenu.ui-state-active,
ul.moremenu.ui-state-active,
ul#forceParametersMenu.ui-state-active {
  margin: 0px;
}
ul#selectFolderMenu li.ui-menu-item,
ul#profileInfosMenu li.ui-menu-item,
ul#announcementsListMenu li.ui-menu-item,
ul.massmoremenu li.ui-menu-item,
ul.moremenu li.ui-menu-item,
ul#forceParametersMenu li.ui-menu-item {
  white-space: nowrap;
  padding: 0px;
}
ul#selectFolderMenu li.ui-menu-item.parentfolder > div.ui-menu-item-wrapper::after,
ul#profileInfosMenu li.ui-menu-item.parentfolder > div.ui-menu-item-wrapper::after,
ul#announcementsListMenu li.ui-menu-item.parentfolder > div.ui-menu-item-wrapper::after,
ul.massmoremenu li.ui-menu-item.parentfolder > div.ui-menu-item-wrapper::after,
ul.moremenu li.ui-menu-item.parentfolder > div.ui-menu-item-wrapper::after,
ul#forceParametersMenu li.ui-menu-item.parentfolder > div.ui-menu-item-wrapper::after,
ul#selectFolderMenu li.ui-menu-item.parentexternal > div.ui-menu-item-wrapper::after,
ul#profileInfosMenu li.ui-menu-item.parentexternal > div.ui-menu-item-wrapper::after,
ul#announcementsListMenu li.ui-menu-item.parentexternal > div.ui-menu-item-wrapper::after,
ul.massmoremenu li.ui-menu-item.parentexternal > div.ui-menu-item-wrapper::after,
ul.moremenu li.ui-menu-item.parentexternal > div.ui-menu-item-wrapper::after,
ul#forceParametersMenu li.ui-menu-item.parentexternal > div.ui-menu-item-wrapper::after {
  content: "\00a0\203a";
  font-weight: bold;
}
ul#selectFolderMenu li.ui-menu-item > div.ui-menu-item-wrapper,
ul#profileInfosMenu li.ui-menu-item > div.ui-menu-item-wrapper,
ul#announcementsListMenu li.ui-menu-item > div.ui-menu-item-wrapper,
ul.massmoremenu li.ui-menu-item > div.ui-menu-item-wrapper,
ul.moremenu li.ui-menu-item > div.ui-menu-item-wrapper,
ul#forceParametersMenu li.ui-menu-item > div.ui-menu-item-wrapper {
  width: calc(100% - 20px);
  padding: 2px 10px;
  white-space: nowrap;
}
ul#selectFolderMenu li.ui-menu-item > div.ui-menu-item-wrapper a,
ul#profileInfosMenu li.ui-menu-item > div.ui-menu-item-wrapper a,
ul#announcementsListMenu li.ui-menu-item > div.ui-menu-item-wrapper a,
ul.massmoremenu li.ui-menu-item > div.ui-menu-item-wrapper a,
ul.moremenu li.ui-menu-item > div.ui-menu-item-wrapper a,
ul#forceParametersMenu li.ui-menu-item > div.ui-menu-item-wrapper a {
  display: inline-block;
  width: calc(100% - 10px);
  text-decoration: none;
  color: var(--headfoot-text);
}
ul#selectFolderMenu li.ui-menu-item > div.ui-menu-item-wrapper.broken a,
ul#profileInfosMenu li.ui-menu-item > div.ui-menu-item-wrapper.broken a,
ul#announcementsListMenu li.ui-menu-item > div.ui-menu-item-wrapper.broken a,
ul.massmoremenu li.ui-menu-item > div.ui-menu-item-wrapper.broken a,
ul.moremenu li.ui-menu-item > div.ui-menu-item-wrapper.broken a,
ul#forceParametersMenu li.ui-menu-item > div.ui-menu-item-wrapper.broken a {
  text-decoration: line-through;
}
ul#selectFolderMenu li.ui-menu-item > div.ui-menu-item-wrapper.ui-state-active a,
ul#profileInfosMenu li.ui-menu-item > div.ui-menu-item-wrapper.ui-state-active a,
ul#announcementsListMenu li.ui-menu-item > div.ui-menu-item-wrapper.ui-state-active a,
ul.massmoremenu li.ui-menu-item > div.ui-menu-item-wrapper.ui-state-active a,
ul.moremenu li.ui-menu-item > div.ui-menu-item-wrapper.ui-state-active a,
ul#forceParametersMenu li.ui-menu-item > div.ui-menu-item-wrapper.ui-state-active a,
ul#selectFolderMenu li.ui-menu-item > div.ui-menu-item-wrapper a:hover,
ul#profileInfosMenu li.ui-menu-item > div.ui-menu-item-wrapper a:hover,
ul#announcementsListMenu li.ui-menu-item > div.ui-menu-item-wrapper a:hover,
ul.massmoremenu li.ui-menu-item > div.ui-menu-item-wrapper a:hover,
ul.moremenu li.ui-menu-item > div.ui-menu-item-wrapper a:hover,
ul#forceParametersMenu li.ui-menu-item > div.ui-menu-item-wrapper a:hover {
  color: var(--headfoot-color);
}
ul#selectFolderMenu span.ui-menu-icon,
ul#profileInfosMenu span.ui-menu-icon,
ul#announcementsListMenu span.ui-menu-icon,
ul.massmoremenu span.ui-menu-icon,
ul.moremenu span.ui-menu-icon,
ul#forceParametersMenu span.ui-menu-icon {
  display: none;
}
ul#selectFolderMenu li.ui-menu-divider,
ul#profileInfosMenu li.ui-menu-divider,
ul#announcementsListMenu li.ui-menu-divider,
ul.massmoremenu li.ui-menu-divider,
ul.moremenu li.ui-menu-divider,
ul#forceParametersMenu li.ui-menu-divider {
  margin: 2px 10px;
  height: 0px;
  font-size: 0px;
  line-height: 0px;
  border: var(--main-disable) 1px solid;
}
ul#selectFolderMenu .ui-state-active,
ul#profileInfosMenu .ui-state-active,
ul#announcementsListMenu .ui-state-active,
ul.massmoremenu .ui-state-active,
ul.moremenu .ui-state-active,
ul#forceParametersMenu .ui-state-active,
ul#selectFolderMenu .ui-widget-content .ui-state-active,
ul#profileInfosMenu .ui-widget-content .ui-state-active,
ul#announcementsListMenu .ui-widget-content .ui-state-active,
ul.massmoremenu .ui-widget-content .ui-state-active,
ul.moremenu .ui-widget-content .ui-state-active,
ul#forceParametersMenu .ui-widget-content .ui-state-active,
ul#selectFolderMenu .ui-widget-header .ui-state-active,
ul#profileInfosMenu .ui-widget-header .ui-state-active,
ul#announcementsListMenu .ui-widget-header .ui-state-active,
ul.massmoremenu .ui-widget-header .ui-state-active,
ul.moremenu .ui-widget-header .ui-state-active,
ul#forceParametersMenu .ui-widget-header .ui-state-active,
ul#selectFolderMenu .ui-button:active,
ul#profileInfosMenu .ui-button:active,
ul#announcementsListMenu .ui-button:active,
ul.massmoremenu .ui-button:active,
ul.moremenu .ui-button:active,
ul#forceParametersMenu .ui-button:active,
ul#selectFolderMenu .ui-button.ui-state-active:hover,
ul#profileInfosMenu .ui-button.ui-state-active:hover,
ul#announcementsListMenu .ui-button.ui-state-active:hover,
ul.massmoremenu .ui-button.ui-state-active:hover,
ul.moremenu .ui-button.ui-state-active:hover,
ul#forceParametersMenu .ui-button.ui-state-active:hover {
  margin: 0px;
  border: none;
  background: var(--headfoot-button);
  color: var(--headfoot-color);
}
ul#selectFolderMenu .ui-state-active span.icon,
ul#profileInfosMenu .ui-state-active span.icon,
ul#announcementsListMenu .ui-state-active span.icon,
ul.massmoremenu .ui-state-active span.icon,
ul.moremenu .ui-state-active span.icon,
ul#forceParametersMenu .ui-state-active span.icon,
ul#selectFolderMenu .ui-widget-content .ui-state-active span.icon,
ul#profileInfosMenu .ui-widget-content .ui-state-active span.icon,
ul#announcementsListMenu .ui-widget-content .ui-state-active span.icon,
ul.massmoremenu .ui-widget-content .ui-state-active span.icon,
ul.moremenu .ui-widget-content .ui-state-active span.icon,
ul#forceParametersMenu .ui-widget-content .ui-state-active span.icon,
ul#selectFolderMenu .ui-widget-header .ui-state-active span.icon,
ul#profileInfosMenu .ui-widget-header .ui-state-active span.icon,
ul#announcementsListMenu .ui-widget-header .ui-state-active span.icon,
ul.massmoremenu .ui-widget-header .ui-state-active span.icon,
ul.moremenu .ui-widget-header .ui-state-active span.icon,
ul#forceParametersMenu .ui-widget-header .ui-state-active span.icon,
ul#selectFolderMenu .ui-button:active span.icon,
ul#profileInfosMenu .ui-button:active span.icon,
ul#announcementsListMenu .ui-button:active span.icon,
ul.massmoremenu .ui-button:active span.icon,
ul.moremenu .ui-button:active span.icon,
ul#forceParametersMenu .ui-button:active span.icon,
ul#selectFolderMenu .ui-button.ui-state-active:hover span.icon,
ul#profileInfosMenu .ui-button.ui-state-active:hover span.icon,
ul#announcementsListMenu .ui-button.ui-state-active:hover span.icon,
ul.massmoremenu .ui-button.ui-state-active:hover span.icon,
ul.moremenu .ui-button.ui-state-active:hover span.icon,
ul#forceParametersMenu .ui-button.ui-state-active:hover span.icon {
  background: var(--headfoot-color);
}
ul#selectFolderMenu .ui-state-active a,
ul#profileInfosMenu .ui-state-active a,
ul#announcementsListMenu .ui-state-active a,
ul.massmoremenu .ui-state-active a,
ul.moremenu .ui-state-active a,
ul#forceParametersMenu .ui-state-active a,
ul#selectFolderMenu .ui-widget-content .ui-state-active a,
ul#profileInfosMenu .ui-widget-content .ui-state-active a,
ul#announcementsListMenu .ui-widget-content .ui-state-active a,
ul.massmoremenu .ui-widget-content .ui-state-active a,
ul.moremenu .ui-widget-content .ui-state-active a,
ul#forceParametersMenu .ui-widget-content .ui-state-active a,
ul#selectFolderMenu .ui-widget-header .ui-state-active a,
ul#profileInfosMenu .ui-widget-header .ui-state-active a,
ul#announcementsListMenu .ui-widget-header .ui-state-active a,
ul.massmoremenu .ui-widget-header .ui-state-active a,
ul.moremenu .ui-widget-header .ui-state-active a,
ul#forceParametersMenu .ui-widget-header .ui-state-active a,
ul#selectFolderMenu .ui-button:active a,
ul#profileInfosMenu .ui-button:active a,
ul#announcementsListMenu .ui-button:active a,
ul.massmoremenu .ui-button:active a,
ul.moremenu .ui-button:active a,
ul#forceParametersMenu .ui-button:active a,
ul#selectFolderMenu .ui-button.ui-state-active:hover a,
ul#profileInfosMenu .ui-button.ui-state-active:hover a,
ul#announcementsListMenu .ui-button.ui-state-active:hover a,
ul.massmoremenu .ui-button.ui-state-active:hover a,
ul.moremenu .ui-button.ui-state-active:hover a,
ul#forceParametersMenu .ui-button.ui-state-active:hover a {
  background: var(--headfoot-button);
  color: var(--headfoot-color);
}
ul#selectFolderMenu div.favorite a::before,
ul#profileInfosMenu div.favorite a::before,
ul#announcementsListMenu div.favorite a::before,
ul.massmoremenu div.favorite a::before,
ul.moremenu div.favorite a::before,
ul#forceParametersMenu div.favorite a::before {
  content: "\2665\00a0";
}
ul#selectFolderMenu div.favorite.broken a::before,
ul#profileInfosMenu div.favorite.broken a::before,
ul#announcementsListMenu div.favorite.broken a::before,
ul.massmoremenu div.favorite.broken a::before,
ul.moremenu div.favorite.broken a::before,
ul#forceParametersMenu div.favorite.broken a::before {
  color: var(--main-error);
}
ul#selectFolderMenu div.favorite:not(.broken) a::before,
ul#profileInfosMenu div.favorite:not(.broken) a::before,
ul#announcementsListMenu div.favorite:not(.broken) a::before,
ul.massmoremenu div.favorite:not(.broken) a::before,
ul.moremenu div.favorite:not(.broken) a::before,
ul#forceParametersMenu div.favorite:not(.broken) a::before {
  color: var(--dialog-warning);
}
ul#selectFolderMenu div.favorite:hover a::before,
ul#profileInfosMenu div.favorite:hover a::before,
ul#announcementsListMenu div.favorite:hover a::before,
ul.massmoremenu div.favorite:hover a::before,
ul.moremenu div.favorite:hover a::before,
ul#forceParametersMenu div.favorite:hover a::before {
  color: var(--headfoot-color);
}
ul#selectFolderMenu li.ui-menu-item.gotoexternal div.ui-menu-item-wrapper::after,
ul#profileInfosMenu li.ui-menu-item.gotoexternal div.ui-menu-item-wrapper::after,
ul#announcementsListMenu li.ui-menu-item.gotoexternal div.ui-menu-item-wrapper::after,
ul.massmoremenu li.ui-menu-item.gotoexternal div.ui-menu-item-wrapper::after,
ul.moremenu li.ui-menu-item.gotoexternal div.ui-menu-item-wrapper::after,
ul#forceParametersMenu li.ui-menu-item.gotoexternal div.ui-menu-item-wrapper::after {
  content: "\2398";
  padding: 3px;
  border-radius: 15px;
}
ul#selectFolderMenu li.ui-menu-item.gotoexternal div.ui-menu-item-wrapper::after:not(:hover),
ul#profileInfosMenu li.ui-menu-item.gotoexternal div.ui-menu-item-wrapper::after:not(:hover),
ul#announcementsListMenu li.ui-menu-item.gotoexternal div.ui-menu-item-wrapper::after:not(:hover),
ul.massmoremenu li.ui-menu-item.gotoexternal div.ui-menu-item-wrapper::after:not(:hover),
ul.moremenu li.ui-menu-item.gotoexternal div.ui-menu-item-wrapper::after:not(:hover),
ul#forceParametersMenu li.ui-menu-item.gotoexternal div.ui-menu-item-wrapper::after:not(:hover) {
  background: var(--headfoot-color);
  color: var(--headfoot-text);
}
ul#selectFolderMenu li.ui-menu-item.gotoexternal div.ui-menu-item-wrapper::after:hover,
ul#profileInfosMenu li.ui-menu-item.gotoexternal div.ui-menu-item-wrapper::after:hover,
ul#announcementsListMenu li.ui-menu-item.gotoexternal div.ui-menu-item-wrapper::after:hover,
ul.massmoremenu li.ui-menu-item.gotoexternal div.ui-menu-item-wrapper::after:hover,
ul.moremenu li.ui-menu-item.gotoexternal div.ui-menu-item-wrapper::after:hover,
ul#forceParametersMenu li.ui-menu-item.gotoexternal div.ui-menu-item-wrapper::after:hover {
  background: var(--headfoot-button);
  color: var(--headfoot-color);
}
ul#selectFolderMenu li.ui-menu-item.gotoexternal div.ui-menu-item-wrapper a,
ul#profileInfosMenu li.ui-menu-item.gotoexternal div.ui-menu-item-wrapper a,
ul#announcementsListMenu li.ui-menu-item.gotoexternal div.ui-menu-item-wrapper a,
ul.massmoremenu li.ui-menu-item.gotoexternal div.ui-menu-item-wrapper a,
ul.moremenu li.ui-menu-item.gotoexternal div.ui-menu-item-wrapper a,
ul#forceParametersMenu li.ui-menu-item.gotoexternal div.ui-menu-item-wrapper a {
  width: calc(100% - 20px);
}
ul#selectFolderMenu ul.ui-menu,
ul#profileInfosMenu ul.ui-menu,
ul#announcementsListMenu ul.ui-menu,
ul.massmoremenu ul.ui-menu,
ul.moremenu ul.ui-menu,
ul#forceParametersMenu ul.ui-menu {
  border: none;
  border-radius: 0px;
  padding: 1px;
  background: var(--headfoot-color);
  color: var(--headfoot-text);
  box-shadow: inset 0px 0px 0px 1px var(--headfoot-button);
}
ul#selectFolderMenu ul.ui-menu li span.icon,
ul#profileInfosMenu ul.ui-menu li span.icon,
ul#announcementsListMenu ul.ui-menu li span.icon,
ul.massmoremenu ul.ui-menu li span.icon,
ul.moremenu ul.ui-menu li span.icon,
ul#forceParametersMenu ul.ui-menu li span.icon {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 3px;
  background: var(--headfoot-text);
}
ul#selectFolderMenu ul.ui-menu.ui-state-focus,
ul#profileInfosMenu ul.ui-menu.ui-state-focus,
ul#announcementsListMenu ul.ui-menu.ui-state-focus,
ul.massmoremenu ul.ui-menu.ui-state-focus,
ul.moremenu ul.ui-menu.ui-state-focus,
ul#forceParametersMenu ul.ui-menu.ui-state-focus,
ul#selectFolderMenu ul.ui-menu.ui-state-active,
ul#profileInfosMenu ul.ui-menu.ui-state-active,
ul#announcementsListMenu ul.ui-menu.ui-state-active,
ul.massmoremenu ul.ui-menu.ui-state-active,
ul.moremenu ul.ui-menu.ui-state-active,
ul#forceParametersMenu ul.ui-menu.ui-state-active {
  margin: 0px;
}
ul#selectFolderMenu ul.ui-menu li.ui-menu-item,
ul#profileInfosMenu ul.ui-menu li.ui-menu-item,
ul#announcementsListMenu ul.ui-menu li.ui-menu-item,
ul.massmoremenu ul.ui-menu li.ui-menu-item,
ul.moremenu ul.ui-menu li.ui-menu-item,
ul#forceParametersMenu ul.ui-menu li.ui-menu-item {
  white-space: nowrap;
  padding: 0px;
}
ul#selectFolderMenu ul.ui-menu li.ui-menu-item.parentfolder > div.ui-menu-item-wrapper::after,
ul#profileInfosMenu ul.ui-menu li.ui-menu-item.parentfolder > div.ui-menu-item-wrapper::after,
ul#announcementsListMenu ul.ui-menu li.ui-menu-item.parentfolder > div.ui-menu-item-wrapper::after,
ul.massmoremenu ul.ui-menu li.ui-menu-item.parentfolder > div.ui-menu-item-wrapper::after,
ul.moremenu ul.ui-menu li.ui-menu-item.parentfolder > div.ui-menu-item-wrapper::after,
ul#forceParametersMenu ul.ui-menu li.ui-menu-item.parentfolder > div.ui-menu-item-wrapper::after,
ul#selectFolderMenu ul.ui-menu li.ui-menu-item.parentexternal > div.ui-menu-item-wrapper::after,
ul#profileInfosMenu ul.ui-menu li.ui-menu-item.parentexternal > div.ui-menu-item-wrapper::after,
ul#announcementsListMenu ul.ui-menu li.ui-menu-item.parentexternal > div.ui-menu-item-wrapper::after,
ul.massmoremenu ul.ui-menu li.ui-menu-item.parentexternal > div.ui-menu-item-wrapper::after,
ul.moremenu ul.ui-menu li.ui-menu-item.parentexternal > div.ui-menu-item-wrapper::after,
ul#forceParametersMenu ul.ui-menu li.ui-menu-item.parentexternal > div.ui-menu-item-wrapper::after {
  content: "\00a0\203a";
  font-weight: bold;
}
ul#selectFolderMenu ul.ui-menu li.ui-menu-item > div.ui-menu-item-wrapper,
ul#profileInfosMenu ul.ui-menu li.ui-menu-item > div.ui-menu-item-wrapper,
ul#announcementsListMenu ul.ui-menu li.ui-menu-item > div.ui-menu-item-wrapper,
ul.massmoremenu ul.ui-menu li.ui-menu-item > div.ui-menu-item-wrapper,
ul.moremenu ul.ui-menu li.ui-menu-item > div.ui-menu-item-wrapper,
ul#forceParametersMenu ul.ui-menu li.ui-menu-item > div.ui-menu-item-wrapper {
  width: calc(100% - 20px);
  padding: 2px 10px;
  white-space: nowrap;
}
ul#selectFolderMenu ul.ui-menu li.ui-menu-item > div.ui-menu-item-wrapper a,
ul#profileInfosMenu ul.ui-menu li.ui-menu-item > div.ui-menu-item-wrapper a,
ul#announcementsListMenu ul.ui-menu li.ui-menu-item > div.ui-menu-item-wrapper a,
ul.massmoremenu ul.ui-menu li.ui-menu-item > div.ui-menu-item-wrapper a,
ul.moremenu ul.ui-menu li.ui-menu-item > div.ui-menu-item-wrapper a,
ul#forceParametersMenu ul.ui-menu li.ui-menu-item > div.ui-menu-item-wrapper a {
  display: inline-block;
  width: calc(100% - 10px);
  text-decoration: none;
  color: var(--headfoot-text);
}
ul#selectFolderMenu ul.ui-menu li.ui-menu-item > div.ui-menu-item-wrapper.broken a,
ul#profileInfosMenu ul.ui-menu li.ui-menu-item > div.ui-menu-item-wrapper.broken a,
ul#announcementsListMenu ul.ui-menu li.ui-menu-item > div.ui-menu-item-wrapper.broken a,
ul.massmoremenu ul.ui-menu li.ui-menu-item > div.ui-menu-item-wrapper.broken a,
ul.moremenu ul.ui-menu li.ui-menu-item > div.ui-menu-item-wrapper.broken a,
ul#forceParametersMenu ul.ui-menu li.ui-menu-item > div.ui-menu-item-wrapper.broken a {
  text-decoration: line-through;
}
ul#selectFolderMenu ul.ui-menu li.ui-menu-item > div.ui-menu-item-wrapper.ui-state-active a,
ul#profileInfosMenu ul.ui-menu li.ui-menu-item > div.ui-menu-item-wrapper.ui-state-active a,
ul#announcementsListMenu ul.ui-menu li.ui-menu-item > div.ui-menu-item-wrapper.ui-state-active a,
ul.massmoremenu ul.ui-menu li.ui-menu-item > div.ui-menu-item-wrapper.ui-state-active a,
ul.moremenu ul.ui-menu li.ui-menu-item > div.ui-menu-item-wrapper.ui-state-active a,
ul#forceParametersMenu ul.ui-menu li.ui-menu-item > div.ui-menu-item-wrapper.ui-state-active a,
ul#selectFolderMenu ul.ui-menu li.ui-menu-item > div.ui-menu-item-wrapper a:hover,
ul#profileInfosMenu ul.ui-menu li.ui-menu-item > div.ui-menu-item-wrapper a:hover,
ul#announcementsListMenu ul.ui-menu li.ui-menu-item > div.ui-menu-item-wrapper a:hover,
ul.massmoremenu ul.ui-menu li.ui-menu-item > div.ui-menu-item-wrapper a:hover,
ul.moremenu ul.ui-menu li.ui-menu-item > div.ui-menu-item-wrapper a:hover,
ul#forceParametersMenu ul.ui-menu li.ui-menu-item > div.ui-menu-item-wrapper a:hover {
  color: var(--headfoot-color);
}
ul#selectFolderMenu ul.ui-menu span.ui-menu-icon,
ul#profileInfosMenu ul.ui-menu span.ui-menu-icon,
ul#announcementsListMenu ul.ui-menu span.ui-menu-icon,
ul.massmoremenu ul.ui-menu span.ui-menu-icon,
ul.moremenu ul.ui-menu span.ui-menu-icon,
ul#forceParametersMenu ul.ui-menu span.ui-menu-icon {
  display: none;
}
ul#selectFolderMenu ul.ui-menu li.ui-menu-divider,
ul#profileInfosMenu ul.ui-menu li.ui-menu-divider,
ul#announcementsListMenu ul.ui-menu li.ui-menu-divider,
ul.massmoremenu ul.ui-menu li.ui-menu-divider,
ul.moremenu ul.ui-menu li.ui-menu-divider,
ul#forceParametersMenu ul.ui-menu li.ui-menu-divider {
  margin: 2px 10px;
  height: 0px;
  font-size: 0px;
  line-height: 0px;
  border: var(--main-disable) 1px solid;
}
ul#selectFolderMenu ul.ui-menu .ui-state-active,
ul#profileInfosMenu ul.ui-menu .ui-state-active,
ul#announcementsListMenu ul.ui-menu .ui-state-active,
ul.massmoremenu ul.ui-menu .ui-state-active,
ul.moremenu ul.ui-menu .ui-state-active,
ul#forceParametersMenu ul.ui-menu .ui-state-active,
ul#selectFolderMenu ul.ui-menu .ui-widget-content .ui-state-active,
ul#profileInfosMenu ul.ui-menu .ui-widget-content .ui-state-active,
ul#announcementsListMenu ul.ui-menu .ui-widget-content .ui-state-active,
ul.massmoremenu ul.ui-menu .ui-widget-content .ui-state-active,
ul.moremenu ul.ui-menu .ui-widget-content .ui-state-active,
ul#forceParametersMenu ul.ui-menu .ui-widget-content .ui-state-active,
ul#selectFolderMenu ul.ui-menu .ui-widget-header .ui-state-active,
ul#profileInfosMenu ul.ui-menu .ui-widget-header .ui-state-active,
ul#announcementsListMenu ul.ui-menu .ui-widget-header .ui-state-active,
ul.massmoremenu ul.ui-menu .ui-widget-header .ui-state-active,
ul.moremenu ul.ui-menu .ui-widget-header .ui-state-active,
ul#forceParametersMenu ul.ui-menu .ui-widget-header .ui-state-active,
ul#selectFolderMenu ul.ui-menu .ui-button:active,
ul#profileInfosMenu ul.ui-menu .ui-button:active,
ul#announcementsListMenu ul.ui-menu .ui-button:active,
ul.massmoremenu ul.ui-menu .ui-button:active,
ul.moremenu ul.ui-menu .ui-button:active,
ul#forceParametersMenu ul.ui-menu .ui-button:active,
ul#selectFolderMenu ul.ui-menu .ui-button.ui-state-active:hover,
ul#profileInfosMenu ul.ui-menu .ui-button.ui-state-active:hover,
ul#announcementsListMenu ul.ui-menu .ui-button.ui-state-active:hover,
ul.massmoremenu ul.ui-menu .ui-button.ui-state-active:hover,
ul.moremenu ul.ui-menu .ui-button.ui-state-active:hover,
ul#forceParametersMenu ul.ui-menu .ui-button.ui-state-active:hover {
  margin: 0px;
  border: none;
  background: var(--headfoot-button);
  color: var(--headfoot-color);
}
ul#selectFolderMenu ul.ui-menu .ui-state-active span.icon,
ul#profileInfosMenu ul.ui-menu .ui-state-active span.icon,
ul#announcementsListMenu ul.ui-menu .ui-state-active span.icon,
ul.massmoremenu ul.ui-menu .ui-state-active span.icon,
ul.moremenu ul.ui-menu .ui-state-active span.icon,
ul#forceParametersMenu ul.ui-menu .ui-state-active span.icon,
ul#selectFolderMenu ul.ui-menu .ui-widget-content .ui-state-active span.icon,
ul#profileInfosMenu ul.ui-menu .ui-widget-content .ui-state-active span.icon,
ul#announcementsListMenu ul.ui-menu .ui-widget-content .ui-state-active span.icon,
ul.massmoremenu ul.ui-menu .ui-widget-content .ui-state-active span.icon,
ul.moremenu ul.ui-menu .ui-widget-content .ui-state-active span.icon,
ul#forceParametersMenu ul.ui-menu .ui-widget-content .ui-state-active span.icon,
ul#selectFolderMenu ul.ui-menu .ui-widget-header .ui-state-active span.icon,
ul#profileInfosMenu ul.ui-menu .ui-widget-header .ui-state-active span.icon,
ul#announcementsListMenu ul.ui-menu .ui-widget-header .ui-state-active span.icon,
ul.massmoremenu ul.ui-menu .ui-widget-header .ui-state-active span.icon,
ul.moremenu ul.ui-menu .ui-widget-header .ui-state-active span.icon,
ul#forceParametersMenu ul.ui-menu .ui-widget-header .ui-state-active span.icon,
ul#selectFolderMenu ul.ui-menu .ui-button:active span.icon,
ul#profileInfosMenu ul.ui-menu .ui-button:active span.icon,
ul#announcementsListMenu ul.ui-menu .ui-button:active span.icon,
ul.massmoremenu ul.ui-menu .ui-button:active span.icon,
ul.moremenu ul.ui-menu .ui-button:active span.icon,
ul#forceParametersMenu ul.ui-menu .ui-button:active span.icon,
ul#selectFolderMenu ul.ui-menu .ui-button.ui-state-active:hover span.icon,
ul#profileInfosMenu ul.ui-menu .ui-button.ui-state-active:hover span.icon,
ul#announcementsListMenu ul.ui-menu .ui-button.ui-state-active:hover span.icon,
ul.massmoremenu ul.ui-menu .ui-button.ui-state-active:hover span.icon,
ul.moremenu ul.ui-menu .ui-button.ui-state-active:hover span.icon,
ul#forceParametersMenu ul.ui-menu .ui-button.ui-state-active:hover span.icon {
  background: var(--headfoot-color);
}
ul#selectFolderMenu ul.ui-menu .ui-state-active a,
ul#profileInfosMenu ul.ui-menu .ui-state-active a,
ul#announcementsListMenu ul.ui-menu .ui-state-active a,
ul.massmoremenu ul.ui-menu .ui-state-active a,
ul.moremenu ul.ui-menu .ui-state-active a,
ul#forceParametersMenu ul.ui-menu .ui-state-active a,
ul#selectFolderMenu ul.ui-menu .ui-widget-content .ui-state-active a,
ul#profileInfosMenu ul.ui-menu .ui-widget-content .ui-state-active a,
ul#announcementsListMenu ul.ui-menu .ui-widget-content .ui-state-active a,
ul.massmoremenu ul.ui-menu .ui-widget-content .ui-state-active a,
ul.moremenu ul.ui-menu .ui-widget-content .ui-state-active a,
ul#forceParametersMenu ul.ui-menu .ui-widget-content .ui-state-active a,
ul#selectFolderMenu ul.ui-menu .ui-widget-header .ui-state-active a,
ul#profileInfosMenu ul.ui-menu .ui-widget-header .ui-state-active a,
ul#announcementsListMenu ul.ui-menu .ui-widget-header .ui-state-active a,
ul.massmoremenu ul.ui-menu .ui-widget-header .ui-state-active a,
ul.moremenu ul.ui-menu .ui-widget-header .ui-state-active a,
ul#forceParametersMenu ul.ui-menu .ui-widget-header .ui-state-active a,
ul#selectFolderMenu ul.ui-menu .ui-button:active a,
ul#profileInfosMenu ul.ui-menu .ui-button:active a,
ul#announcementsListMenu ul.ui-menu .ui-button:active a,
ul.massmoremenu ul.ui-menu .ui-button:active a,
ul.moremenu ul.ui-menu .ui-button:active a,
ul#forceParametersMenu ul.ui-menu .ui-button:active a,
ul#selectFolderMenu ul.ui-menu .ui-button.ui-state-active:hover a,
ul#profileInfosMenu ul.ui-menu .ui-button.ui-state-active:hover a,
ul#announcementsListMenu ul.ui-menu .ui-button.ui-state-active:hover a,
ul.massmoremenu ul.ui-menu .ui-button.ui-state-active:hover a,
ul.moremenu ul.ui-menu .ui-button.ui-state-active:hover a,
ul#forceParametersMenu ul.ui-menu .ui-button.ui-state-active:hover a {
  background: var(--headfoot-button);
  color: var(--headfoot-color);
}
ul#selectFolderMenu ul.ui-menu div.favorite a::before,
ul#profileInfosMenu ul.ui-menu div.favorite a::before,
ul#announcementsListMenu ul.ui-menu div.favorite a::before,
ul.massmoremenu ul.ui-menu div.favorite a::before,
ul.moremenu ul.ui-menu div.favorite a::before,
ul#forceParametersMenu ul.ui-menu div.favorite a::before {
  content: "\2665\00a0";
}
ul#selectFolderMenu ul.ui-menu div.favorite.broken a::before,
ul#profileInfosMenu ul.ui-menu div.favorite.broken a::before,
ul#announcementsListMenu ul.ui-menu div.favorite.broken a::before,
ul.massmoremenu ul.ui-menu div.favorite.broken a::before,
ul.moremenu ul.ui-menu div.favorite.broken a::before,
ul#forceParametersMenu ul.ui-menu div.favorite.broken a::before {
  color: var(--main-error);
}
ul#selectFolderMenu ul.ui-menu div.favorite:not(.broken) a::before,
ul#profileInfosMenu ul.ui-menu div.favorite:not(.broken) a::before,
ul#announcementsListMenu ul.ui-menu div.favorite:not(.broken) a::before,
ul.massmoremenu ul.ui-menu div.favorite:not(.broken) a::before,
ul.moremenu ul.ui-menu div.favorite:not(.broken) a::before,
ul#forceParametersMenu ul.ui-menu div.favorite:not(.broken) a::before {
  color: var(--dialog-warning);
}
ul#selectFolderMenu ul.ui-menu div.favorite:hover a::before,
ul#profileInfosMenu ul.ui-menu div.favorite:hover a::before,
ul#announcementsListMenu ul.ui-menu div.favorite:hover a::before,
ul.massmoremenu ul.ui-menu div.favorite:hover a::before,
ul.moremenu ul.ui-menu div.favorite:hover a::before,
ul#forceParametersMenu ul.ui-menu div.favorite:hover a::before {
  color: var(--headfoot-color);
}
ul#selectFolderMenu ul.ui-menu li.ui-menu-item.gotoexternal div.ui-menu-item-wrapper::after,
ul#profileInfosMenu ul.ui-menu li.ui-menu-item.gotoexternal div.ui-menu-item-wrapper::after,
ul#announcementsListMenu ul.ui-menu li.ui-menu-item.gotoexternal div.ui-menu-item-wrapper::after,
ul.massmoremenu ul.ui-menu li.ui-menu-item.gotoexternal div.ui-menu-item-wrapper::after,
ul.moremenu ul.ui-menu li.ui-menu-item.gotoexternal div.ui-menu-item-wrapper::after,
ul#forceParametersMenu ul.ui-menu li.ui-menu-item.gotoexternal div.ui-menu-item-wrapper::after {
  content: "\2398";
  padding: 3px;
  border-radius: 15px;
}
ul#selectFolderMenu ul.ui-menu li.ui-menu-item.gotoexternal div.ui-menu-item-wrapper::after:not(:hover),
ul#profileInfosMenu ul.ui-menu li.ui-menu-item.gotoexternal div.ui-menu-item-wrapper::after:not(:hover),
ul#announcementsListMenu ul.ui-menu li.ui-menu-item.gotoexternal div.ui-menu-item-wrapper::after:not(:hover),
ul.massmoremenu ul.ui-menu li.ui-menu-item.gotoexternal div.ui-menu-item-wrapper::after:not(:hover),
ul.moremenu ul.ui-menu li.ui-menu-item.gotoexternal div.ui-menu-item-wrapper::after:not(:hover),
ul#forceParametersMenu ul.ui-menu li.ui-menu-item.gotoexternal div.ui-menu-item-wrapper::after:not(:hover) {
  background: var(--headfoot-color);
  color: var(--headfoot-text);
}
ul#selectFolderMenu ul.ui-menu li.ui-menu-item.gotoexternal div.ui-menu-item-wrapper::after:hover,
ul#profileInfosMenu ul.ui-menu li.ui-menu-item.gotoexternal div.ui-menu-item-wrapper::after:hover,
ul#announcementsListMenu ul.ui-menu li.ui-menu-item.gotoexternal div.ui-menu-item-wrapper::after:hover,
ul.massmoremenu ul.ui-menu li.ui-menu-item.gotoexternal div.ui-menu-item-wrapper::after:hover,
ul.moremenu ul.ui-menu li.ui-menu-item.gotoexternal div.ui-menu-item-wrapper::after:hover,
ul#forceParametersMenu ul.ui-menu li.ui-menu-item.gotoexternal div.ui-menu-item-wrapper::after:hover {
  background: var(--headfoot-button);
  color: var(--headfoot-color);
}
ul#selectFolderMenu ul.ui-menu li.ui-menu-item.gotoexternal div.ui-menu-item-wrapper a,
ul#profileInfosMenu ul.ui-menu li.ui-menu-item.gotoexternal div.ui-menu-item-wrapper a,
ul#announcementsListMenu ul.ui-menu li.ui-menu-item.gotoexternal div.ui-menu-item-wrapper a,
ul.massmoremenu ul.ui-menu li.ui-menu-item.gotoexternal div.ui-menu-item-wrapper a,
ul.moremenu ul.ui-menu li.ui-menu-item.gotoexternal div.ui-menu-item-wrapper a,
ul#forceParametersMenu ul.ui-menu li.ui-menu-item.gotoexternal div.ui-menu-item-wrapper a {
  width: calc(100% - 20px);
}
ul.limitedHeight {
  max-height: 480px;
  overflow-y: auto;
}
ul#forceParametersMenu:not(.hidden) {
  line-height: 12px;
}
ul#forceParametersMenu:not(.hidden) li.ui-menu-item > div.ui-menu-item-wrapper {
  padding: 5px 10px;
}
ul#forceParametersMenu:not(.hidden)[forcedQuality=""][forcedLanguage=""] li#forceParameterButton_default > div {
  font-style: italic;
}
ul#forceParametersMenu:not(.hidden) li#forceParameterButton_HD > div:before,
ul#forceParametersMenu:not(.hidden) li#forceParameterButton_SD > div:before,
ul#forceParametersMenu:not(.hidden) li#forceParameterButton_VF > div:before,
ul#forceParametersMenu:not(.hidden) li#forceParameterButton_VoStFr > div:before,
ul#forceParametersMenu:not(.hidden) li#forceParameterButton_Multi > div:before {
  content: "\2610\00a0";
}
ul#forceParametersMenu:not(.hidden)[forcedQuality="HD"] li#forceParameterButton_HD > div:before,
ul#forceParametersMenu:not(.hidden)[forcedQuality="SD"] li#forceParameterButton_SD > div:before,
ul#forceParametersMenu:not(.hidden)[forcedLanguage="VF"] li#forceParameterButton_VF > div:before,
ul#forceParametersMenu:not(.hidden)[forcedLanguage="VoStFr"] li#forceParameterButton_VoStFr > div:before,
ul#forceParametersMenu:not(.hidden)[forcedLanguage="Multi"] li#forceParameterButton_Multi > div:before {
  content: "\2611\00a0";
}
/* TOASTR MESSAGES */
div#toast-container.toast-bottom-right {
  right: 60px;
  bottom: 20px;
}
div#toast-container.toast-bottom-right > div.toast {
  opacity: 1;
  margin: 15px 0px 0px 0px;
}
div#toast-container > div.toast {
  box-shadow: 0px 0px 5px 2px var(--toastr-shadow);
  transition: box-shadow 200ms ease-in-out;
}
div#toast-container > div.toast.toast-info {
  color: var(--toastr-overinfo);
  background-color: var(--toastr-info);
  background-image: var(--toastr-iconinfo) !important;
}
div#toast-container > div.toast.toast-success {
  color: var(--toastr-oversuccess);
  background-color: var(--toastr-success);
  background-image: var(--toastr-iconsuccess) !important;
}
div#toast-container > div.toast.toast-warning {
  color: var(--toastr-overwarning);
  background-color: var(--toastr-warning);
  background-image: var(--toastr-iconwarning) !important;
}
div#toast-container > div.toast.toast-error {
  color: var(--toastr-overerror);
  background-color: var(--toastr-error);
  background-image: var(--toastr-iconerror) !important;
}
div#toast-container:hover > div.toast {
  box-shadow: 0px 0px 10px 5px var(--toastr-shadow);
}
/* PURESNOW ELEMENTS : ["snow", "valentine", "patrick", "fool", "", "beach", "beach", "beach", "leaf", "pumpkin", "pumpkin", "christmas"] */
body.snowfall-default div.contentSubBlock div.block_info {
  opacity: 0.98;
}
body.snowfall-default div#snowfall div.snowflake {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 0%;
}
body.snowfall-default div#snowfall div.snowflake:not(:nth-child(3n)) {
  background: var(--flake-color);
  -webkit-mask: url(../images/snow/flake.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/snow/flake.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/snow/flake.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/snow/flake.svg) no-repeat 50% 50% / contain;
  mask: url(../images/snow/flake.svg) no-repeat 50% 50% / contain;
  filter: drop-shadow(0 0 10px var(--flake-shadow));
}
body.snowfall-default div#snowfall div.snowflake:nth-child(3n) {
  background: var(--flake-color);
  -webkit-mask: url(../images/snow/flake.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/snow/flake.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/snow/flake.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/snow/flake.svg) no-repeat 50% 50% / contain;
  mask: url(../images/snow/flake.svg) no-repeat 50% 50% / contain;
  filter: drop-shadow(0 0 10px var(--flake-shadow));
}
body.snowfall-christmas div.contentSubBlock div.block_info {
  opacity: 0.98;
}
body.snowfall-christmas div#snowfall div.snowflake {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 0%;
}
body.snowfall-christmas div#snowfall div.snowflake:not(:nth-child(3n)) {
  background: var(--giftflake-color);
  -webkit-mask: url(../images/snow/giftflake.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/snow/giftflake.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/snow/giftflake.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/snow/giftflake.svg) no-repeat 50% 50% / contain;
  mask: url(../images/snow/giftflake.svg) no-repeat 50% 50% / contain;
  filter: drop-shadow(0 0 10px var(--giftflake-shadow));
}
body.snowfall-christmas div#snowfall div.snowflake:nth-child(3n) {
  background: var(--treeflake-color);
  -webkit-mask: url(../images/snow/treeflake.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/snow/treeflake.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/snow/treeflake.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/snow/treeflake.svg) no-repeat 50% 50% / contain;
  mask: url(../images/snow/treeflake.svg) no-repeat 50% 50% / contain;
  filter: drop-shadow(0 0 10px var(--treeflake-shadow));
}
body.snowfall-snow div.contentSubBlock div.block_info {
  opacity: 0.98;
}
body.snowfall-snow div#snowfall div.snowflake {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 0%;
}
body.snowfall-snow div#snowfall div.snowflake:not(:nth-child(3n)) {
  background: var(--snowflake-color);
  -webkit-mask: url(../images/snow/snowflake.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/snow/snowflake.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/snow/snowflake.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/snow/snowflake.svg) no-repeat 50% 50% / contain;
  mask: url(../images/snow/snowflake.svg) no-repeat 50% 50% / contain;
  filter: drop-shadow(0 0 10px var(--snowflake-shadow));
}
body.snowfall-snow div#snowfall div.snowflake:nth-child(3n) {
  background: var(--starflake-color);
  -webkit-mask: url(../images/snow/starflake.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/snow/starflake.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/snow/starflake.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/snow/starflake.svg) no-repeat 50% 50% / contain;
  mask: url(../images/snow/starflake.svg) no-repeat 50% 50% / contain;
  filter: drop-shadow(0 0 10px var(--starflake-shadow));
}
body.snowfall-valentine div.contentSubBlock div.block_info {
  opacity: 0.98;
}
body.snowfall-valentine div#snowfall div.snowflake {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 0%;
}
body.snowfall-valentine div#snowfall div.snowflake:not(:nth-child(3n)) {
  background: var(--heartflake-color);
  -webkit-mask: url(../images/snow/heartflake.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/snow/heartflake.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/snow/heartflake.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/snow/heartflake.svg) no-repeat 50% 50% / contain;
  mask: url(../images/snow/heartflake.svg) no-repeat 50% 50% / contain;
  filter: drop-shadow(0 0 10px var(--heartflake-shadow));
}
body.snowfall-valentine div#snowfall div.snowflake:nth-child(3n) {
  background: var(--roseflake-color);
  -webkit-mask: url(../images/snow/roseflake.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/snow/roseflake.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/snow/roseflake.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/snow/roseflake.svg) no-repeat 50% 50% / contain;
  mask: url(../images/snow/roseflake.svg) no-repeat 50% 50% / contain;
  filter: drop-shadow(0 0 10px var(--roseflake-shadow));
}
body.snowfall-patrick div.contentSubBlock div.block_info {
  opacity: 0.98;
}
body.snowfall-patrick div#snowfall div.snowflake {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 0%;
}
body.snowfall-patrick div#snowfall div.snowflake:not(:nth-child(3n)) {
  background: var(--shamrockflake-color);
  -webkit-mask: url(../images/snow/shamrockflake.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/snow/shamrockflake.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/snow/shamrockflake.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/snow/shamrockflake.svg) no-repeat 50% 50% / contain;
  mask: url(../images/snow/shamrockflake.svg) no-repeat 50% 50% / contain;
  filter: drop-shadow(0 0 10px var(--shamrockflake-shadow));
}
body.snowfall-patrick div#snowfall div.snowflake:nth-child(3n) {
  background: var(--beerflake-color);
  -webkit-mask: url(../images/snow/beerflake.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/snow/beerflake.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/snow/beerflake.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/snow/beerflake.svg) no-repeat 50% 50% / contain;
  mask: url(../images/snow/beerflake.svg) no-repeat 50% 50% / contain;
  filter: drop-shadow(0 0 10px var(--beerflake-shadow));
}
body.snowfall-fool div.contentSubBlock div.block_info {
  opacity: 0.98;
}
body.snowfall-fool div#snowfall div.snowflake {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 0%;
}
body.snowfall-fool div#snowfall div.snowflake:not(:nth-child(3n)) {
  background: var(--fishflake-color);
  -webkit-mask: url(../images/snow/fishflake.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/snow/fishflake.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/snow/fishflake.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/snow/fishflake.svg) no-repeat 50% 50% / contain;
  mask: url(../images/snow/fishflake.svg) no-repeat 50% 50% / contain;
  filter: drop-shadow(0 0 10px var(--fishflake-shadow));
}
body.snowfall-fool div#snowfall div.snowflake:nth-child(3n) {
  background: var(--eggflake-color);
  -webkit-mask: url(../images/snow/eggflake.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/snow/eggflake.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/snow/eggflake.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/snow/eggflake.svg) no-repeat 50% 50% / contain;
  mask: url(../images/snow/eggflake.svg) no-repeat 50% 50% / contain;
  filter: drop-shadow(0 0 10px var(--eggflake-shadow));
}
body.snowfall-beach div.contentSubBlock div.block_info {
  opacity: 0.98;
}
body.snowfall-beach div#snowfall div.snowflake {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 0%;
}
body.snowfall-beach div#snowfall div.snowflake:not(:nth-child(3n)) {
  background: var(--flipflopsflake-color);
  -webkit-mask: url(../images/snow/flipflopsflake.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/snow/flipflopsflake.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/snow/flipflopsflake.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/snow/flipflopsflake.svg) no-repeat 50% 50% / contain;
  mask: url(../images/snow/flipflopsflake.svg) no-repeat 50% 50% / contain;
  filter: drop-shadow(0 0 10px var(--flipflopsflake-shadow));
}
body.snowfall-beach div#snowfall div.snowflake:nth-child(3n) {
  background: var(--cocktailflake-color);
  -webkit-mask: url(../images/snow/cocktailflake.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/snow/cocktailflake.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/snow/cocktailflake.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/snow/cocktailflake.svg) no-repeat 50% 50% / contain;
  mask: url(../images/snow/cocktailflake.svg) no-repeat 50% 50% / contain;
  filter: drop-shadow(0 0 10px var(--cocktailflake-shadow));
}
body.snowfall-leaf div.contentSubBlock div.block_info {
  opacity: 0.98;
}
body.snowfall-leaf div#snowfall div.snowflake {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 0%;
}
body.snowfall-leaf div#snowfall div.snowflake:not(:nth-child(3n)) {
  background: var(--leafflake-color);
  -webkit-mask: url(../images/snow/leafflake.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/snow/leafflake.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/snow/leafflake.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/snow/leafflake.svg) no-repeat 50% 50% / contain;
  mask: url(../images/snow/leafflake.svg) no-repeat 50% 50% / contain;
  filter: drop-shadow(0 0 10px var(--leafflake-shadow));
}
body.snowfall-leaf div#snowfall div.snowflake:nth-child(3n) {
  background: var(--acornflake-color);
  -webkit-mask: url(../images/snow/acornflake.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/snow/acornflake.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/snow/acornflake.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/snow/acornflake.svg) no-repeat 50% 50% / contain;
  mask: url(../images/snow/acornflake.svg) no-repeat 50% 50% / contain;
  filter: drop-shadow(0 0 10px var(--acornflake-shadow));
}
body.snowfall-pumpkin div.contentSubBlock div.block_info {
  opacity: 0.98;
}
body.snowfall-pumpkin div#snowfall div.snowflake {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 0%;
}
body.snowfall-pumpkin div#snowfall div.snowflake:not(:nth-child(3n)) {
  background: var(--pumpkinflake-color);
  -webkit-mask: url(../images/snow/pumpkinflake.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/snow/pumpkinflake.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/snow/pumpkinflake.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/snow/pumpkinflake.svg) no-repeat 50% 50% / contain;
  mask: url(../images/snow/pumpkinflake.svg) no-repeat 50% 50% / contain;
  filter: drop-shadow(0 0 10px var(--pumpkinflake-shadow));
}
body.snowfall-pumpkin div#snowfall div.snowflake:nth-child(3n) {
  background: var(--candyflake-color);
  -webkit-mask: url(../images/snow/candyflake.svg) no-repeat 50% 50% / contain;
  -moz-mask: url(../images/snow/candyflake.svg) no-repeat 50% 50% / contain;
  -ms-mask: url(../images/snow/candyflake.svg) no-repeat 50% 50% / contain;
  -o-mask: url(../images/snow/candyflake.svg) no-repeat 50% 50% / contain;
  mask: url(../images/snow/candyflake.svg) no-repeat 50% 50% / contain;
  filter: drop-shadow(0 0 10px var(--candyflake-shadow));
}
/* ANIMATIONS */
.download.downloading,
.filesplit.filesplitting,
.selfcopy.selfcopying,
.stream.streaming,
.tidy.tidying,
.transfer.transfering {
  animation: buttonBobbing 1s linear infinite;
}
.paused {
  animation-play-state: paused;
}
.progressSlide {
  animation: progressSliding 3s linear 1;
}
.blink,
div.contentSubBlock.cfg_suspended div.status-bar.refreshFilesDate div.hourglass {
  animation: blinking 2s linear infinite;
}
.rotate {
  animation: rotating 5s linear infinite;
}
.unrotate {
  animation: rotating 5s linear infinite reverse;
}
.rotate-3,
.unrotate-3 {
  animation-name: rotating;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: 3s;
}
.unrotate-3 {
  animation-direction: reverse;
}
.rotate-5,
.unrotate-5 {
  animation-name: rotating;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: 5s;
}
.unrotate-5 {
  animation-direction: reverse;
}
.rotate-7,
.unrotate-7 {
  animation-name: rotating;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: 7s;
}
.unrotate-7 {
  animation-direction: reverse;
}
.rotate-10,
.unrotate-10 {
  animation-name: rotating;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: 10s;
}
.unrotate-10 {
  animation-direction: reverse;
}
.rotate-12,
.unrotate-12 {
  animation-name: rotating;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: 12s;
}
.unrotate-12 {
  animation-direction: reverse;
}
.rotate-15,
.unrotate-15 {
  animation-name: rotating;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: 15s;
}
.unrotate-15 {
  animation-direction: reverse;
}
.rotate-20,
.unrotate-20 {
  animation-name: rotating;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: 20s;
}
.unrotate-20 {
  animation-direction: reverse;
}
@keyframes buttonBobbing {
  25% {
    -webkit-mask-position: 50% 35%;
    -moz-mask-position: 50% 35%;
    -ms-mask-position: 50% 35%;
    -o-mask-position: 50% 35%;
    mask-position: 50% 35%;
  }
  75% {
    -webkit-mask-position: 50% 65%;
    -moz-mask-position: 50% 65%;
    -ms-mask-position: 50% 65%;
    -o-mask-position: 50% 65%;
    mask-position: 50% 65%;
  }
}
@keyframes progressSliding {
  0% {
    margin-left: -50%;
  }
  100% {
    margin-left: 100%;
  }
}
@keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes blinking {
  50% {
    opacity: 0.2;
  }
}
@keyframes overflowCycling {
  10% {
    left: 0px;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
  40% {
    left: 100%;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  60% {
    left: 100%;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  90% {
    left: 0%;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes maintenanceScrolling {
  0% {
    opacity: 0;
    background-position-x: 0%;
  }
  1% {
    opacity: 1;
    background-position-x: 1%;
  }
  99% {
    opacity: 1;
    background-position-x: 99%;
  }
  100% {
    opacity: 0;
    background-position-x: 100%;
  }
}
@keyframes degradedScrolling {
  0% {
    opacity: 0;
    background-position-x: 0%;
  }
  1% {
    opacity: 1;
    background-position-x: 1%;
  }
  99% {
    opacity: 1;
    background-position-x: 99%;
  }
  100% {
    opacity: 0;
    background-position-x: 100%;
  }
}