/*
 * Roboto
 */
/* roboto-100 - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  src: url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-100.eot"); /* IE9 Compat Modes */
  src: local(""), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-100.eot?#iefix") format("embedded-opentype"), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-100.woff2") format("woff2"), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-100.woff") format("woff"), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-100.ttf") format("truetype"), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-100.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-100italic - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100;
  src: url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-100italic.eot"); /* IE9 Compat Modes */
  src: local(""), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-100italic.eot?#iefix") format("embedded-opentype"), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-100italic.woff2") format("woff2"), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-100italic.woff") format("woff"), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-100italic.ttf") format("truetype"), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-100italic.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-300 - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.eot"); /* IE9 Compat Modes */
  src: local(""), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.eot?#iefix") format("embedded-opentype"), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.woff2") format("woff2"), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.woff") format("woff"), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.ttf") format("truetype"), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-300italic - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  src: url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300italic.eot"); /* IE9 Compat Modes */
  src: local(""), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300italic.eot?#iefix") format("embedded-opentype"), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300italic.woff2") format("woff2"), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300italic.woff") format("woff"), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300italic.ttf") format("truetype"), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300italic.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-regular - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot?#iefix") format("embedded-opentype"), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2") format("woff2"), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff") format("woff"), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.ttf") format("truetype"), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-italic - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.eot"); /* IE9 Compat Modes */
  src: local(""), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.eot?#iefix") format("embedded-opentype"), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.woff2") format("woff2"), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.woff") format("woff"), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.ttf") format("truetype"), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-500 - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.eot"); /* IE9 Compat Modes */
  src: local(""), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.eot?#iefix") format("embedded-opentype"), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.woff2") format("woff2"), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.woff") format("woff"), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.ttf") format("truetype"), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-500italic - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  src: url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500italic.eot"); /* IE9 Compat Modes */
  src: local(""), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500italic.eot?#iefix") format("embedded-opentype"), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500italic.woff2") format("woff2"), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500italic.woff") format("woff"), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500italic.ttf") format("truetype"), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500italic.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-700 - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.eot"); /* IE9 Compat Modes */
  src: local(""), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.eot?#iefix") format("embedded-opentype"), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.woff2") format("woff2"), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.woff") format("woff"), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.ttf") format("truetype"), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-700italic - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  src: url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700italic.eot"); /* IE9 Compat Modes */
  src: local(""), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700italic.eot?#iefix") format("embedded-opentype"), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700italic.woff2") format("woff2"), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700italic.woff") format("woff"), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700italic.ttf") format("truetype"), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700italic.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-900 - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  src: url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-900.eot"); /* IE9 Compat Modes */
  src: local(""), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-900.eot?#iefix") format("embedded-opentype"), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-900.woff2") format("woff2"), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-900.woff") format("woff"), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-900.ttf") format("truetype"), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-900.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-900italic - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900;
  src: url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-900italic.eot"); /* IE9 Compat Modes */
  src: local(""), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-900italic.eot?#iefix") format("embedded-opentype"), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-900italic.woff2") format("woff2"), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-900italic.woff") format("woff"), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-900italic.ttf") format("truetype"), url("/otrs-web/common/fonts/Roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-900italic.svg#Roboto") format("svg"); /* Legacy iOS */
}
/*
 * Roboto Mono
 */
/* roboto-mono-100 - vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: "Roboto Mono";
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-100.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-100.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-100.woff2") format("woff2"), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-100.woff") format("woff"), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-100.ttf") format("truetype"), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-100.svg#RobotoMono") format("svg"); /* Legacy iOS */
}
/* roboto-mono-200 - vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: "Roboto Mono";
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-200.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-200.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-200.woff2") format("woff2"), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-200.woff") format("woff"), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-200.ttf") format("truetype"), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-200.svg#RobotoMono") format("svg"); /* Legacy iOS */
}
/* roboto-mono-300 - vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: "Roboto Mono";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-300.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-300.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-300.woff2") format("woff2"), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-300.woff") format("woff"), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-300.ttf") format("truetype"), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-300.svg#RobotoMono") format("svg"); /* Legacy iOS */
}
/* roboto-mono-regular - vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: "Roboto Mono";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-regular.woff2") format("woff2"), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-regular.woff") format("woff"), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-regular.ttf") format("truetype"), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-regular.svg#RobotoMono") format("svg"); /* Legacy iOS */
}
/* roboto-mono-500 - vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: "Roboto Mono";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-500.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-500.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-500.woff2") format("woff2"), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-500.woff") format("woff"), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-500.ttf") format("truetype"), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-500.svg#RobotoMono") format("svg"); /* Legacy iOS */
}
/* roboto-mono-600 - vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: "Roboto Mono";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-600.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-600.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-600.woff2") format("woff2"), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-600.woff") format("woff"), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-600.ttf") format("truetype"), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-600.svg#RobotoMono") format("svg"); /* Legacy iOS */
}
/* roboto-mono-700 - vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: "Roboto Mono";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-700.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-700.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-700.woff2") format("woff2"), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-700.woff") format("woff"), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-700.ttf") format("truetype"), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-700.svg#RobotoMono") format("svg"); /* Legacy iOS */
}
/* roboto-mono-100italic - vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: "Roboto Mono";
  font-style: italic;
  font-weight: 100;
  src: url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-100italic.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-100italic.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-100italic.woff2") format("woff2"), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-100italic.woff") format("woff"), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-100italic.ttf") format("truetype"), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-100italic.svg#RobotoMono") format("svg"); /* Legacy iOS */
}
/* roboto-mono-200italic - vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: "Roboto Mono";
  font-style: italic;
  font-weight: 200;
  src: url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-200italic.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-200italic.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-200italic.woff2") format("woff2"), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-200italic.woff") format("woff"), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-200italic.ttf") format("truetype"), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-200italic.svg#RobotoMono") format("svg"); /* Legacy iOS */
}
/* roboto-mono-300italic - vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: "Roboto Mono";
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-300italic.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-300italic.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-300italic.woff2") format("woff2"), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-300italic.woff") format("woff"), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-300italic.ttf") format("truetype"), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-300italic.svg#RobotoMono") format("svg"); /* Legacy iOS */
}
/* roboto-mono-italic - vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: "Roboto Mono";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-italic.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-italic.woff2") format("woff2"), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-italic.woff") format("woff"), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-italic.ttf") format("truetype"), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-italic.svg#RobotoMono") format("svg"); /* Legacy iOS */
}
/* roboto-mono-500italic - vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: "Roboto Mono";
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-500italic.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-500italic.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-500italic.woff2") format("woff2"), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-500italic.woff") format("woff"), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-500italic.ttf") format("truetype"), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-500italic.svg#RobotoMono") format("svg"); /* Legacy iOS */
}
/* roboto-mono-600italic - vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: "Roboto Mono";
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-600italic.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-600italic.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-600italic.woff2") format("woff2"), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-600italic.woff") format("woff"), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-600italic.ttf") format("truetype"), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-600italic.svg#RobotoMono") format("svg"); /* Legacy iOS */
}
/* roboto-mono-700italic - vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: "Roboto Mono";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-700italic.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-700italic.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-700italic.woff2") format("woff2"), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-700italic.woff") format("woff"), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-700italic.ttf") format("truetype"), url("../fonts/roboto-mono-v21-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-700italic.svg#RobotoMono") format("svg"); /* Legacy iOS */
}
input[type=email],
input[type=password],
input[type=text],
:not(.v-text-field__slot) > input[type=text].dateTimePicker-dateInput,
:not(.v-text-field__slot) > input[type=text].dateTimePicker-timeInput {
  border: solid 1px rgba(0, 0, 0, 0.38);
  border: solid 1px #d2d2d2;
  border-radius: 4px;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.87);
  height: 32px;
  font-family: inherit;
  font-size: inherit;
  padding: 5px;
}

textarea {
  border: solid 1px #d2d2d2;
  border-radius: 4px;
  box-shadow: none;
  font-family: "Roboto Mono", monospace, fixed;
  font-size: 90%;
  padding: 5px;
}

/* From https://moderncss.dev/pure-css-custom-styled-radio-buttons/ */
input[type=radio] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  appearance: none;
  /* For iOS < 15 */
  background-color: var(--form-background);
  /* Not removed via appearance */
  margin: 0;
  border: 0.15em solid currentColor;
  border-radius: 50%;
  font: inherit;
  color: currentColor;
  height: 1.15em;
  transform: translateY(-0.075em);
  width: 1.15em;
  display: grid;
  place-content: center;
  vertical-align: middle;
}

input[type=radio]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--form-control-color);
  /* Windows High Contrast Mode */
  background-color: CanvasText;
}

input[type=radio]:checked::before {
  transform: scale(1);
}

input[type=radio]:focus {
  outline: max(2px, 0.15em) solid currentColor;
  outline-offset: max(2px, 0.15em);
}

/* --- */
input[type=radio] {
  color: rgba(0, 0, 0, 0.54);
  cursor: pointer;
  display: inline-grid;
  margin-right: 0.25em;
}

input[type=radio]::before {
  box-shadow: inset 1em 1em #f15a22;
}

input[type=radio]:checked {
  color: #f15a22;
}

input[type=radio]:hover {
  align-items: center;
  justify-items: center;
}
input[type=radio]:hover::after {
  background: #000;
  border-radius: 50%;
  content: "";
  height: 2em;
  opacity: 0.1;
  position: absolute;
  width: 2em;
}

input[type=radio]:focus {
  outline: none;
}

input[type=radio] + label {
  vertical-align: middle;
}

select {
  background: #fff;
  border: solid 1px #d2d2d2;
  border-radius: 4px;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.87);
  font-family: inherit;
  font-size: inherit;
  height: 32px;
  padding: 5px;
}
select option:hover {
  background-color: green;
}

div.InputField_InputContainer {
  align-items: center;
  display: flex;
  height: 33px;
}
div.InputField_InputContainer .InputField_Search {
  position: relative;
}
div.InputField_InputContainer .InputField_More {
  top: auto;
}

div.InputField_Selection,
fieldset.Columns .Column div.InputField_Selection {
  align-items: center;
  background: #e0e0e0;
  border-radius: 50px;
  display: inline-block;
  height: auto;
  line-height: 20px;
  padding: 2px 8px;
  position: absolute;
  top: auto;
  vertical-align: middle;
  z-index: 1;
}
div.InputField_Selection div.Remove,
fieldset.Columns .Column div.InputField_Selection div.Remove {
  background: none;
  font-family: "Material Design Icons";
  font-size: inherit;
  height: auto;
  line-height: inherit;
  overflow: hidden;
  padding-left: 0;
  vertical-align: middle;
  overflow: visible;
}
div.InputField_Selection div.Remove a,
fieldset.Columns .Column div.InputField_Selection div.Remove a {
  position: relative;
  padding: 0;
  line-height: inherit;
  font-size: 0;
  left: 4px;
}
div.InputField_Selection div.Remove a::before,
fieldset.Columns .Column div.InputField_Selection div.Remove a::before {
  color: #888;
  content: "\f1398";
  font-size: initial;
  height: 100%;
  left: 0;
  line-height: inherit;
  padding: 0;
  padding-right: 0;
  padding-left: 0;
  position: static;
  top: 0;
  vertical-align: middle;
  width: auto;
}

div.InputField_Selection div.Text {
  background: #e0e0e0;
  border-radius: 50px;
  color: rgba(0, 0, 0, 0.87);
  font-size: inherit;
  height: 22px;
  line-height: 20px;
  height: auto;
  line-height: auto;
  padding: 0 !important;
  display: inline-block;
  vertical-align: middle;
  background: none;
  border-radius: 0;
  line-height: inherit;
  height: 100%;
}

/* Modernized select boxes */
.jstree-InputField {
  font-size: 87.5%;
}
.jstree-InputField .jstree-wholerow-ul .jstree-wholerow {
  height: auto;
  line-height: initial;
}
.jstree-InputField .jstree-wholerow-ul .jstree-wholerow:hover, .jstree-InputField .jstree-wholerow-ul .jstree-wholerow.jstree-wholerow-hovered, .jstree-InputField .jstree-wholerow-ul .jstree-wholerow.jstree-wholerow-clicked:hover {
  background-color: #24408c;
  color: #fff;
}
.jstree-InputField .jstree-wholerow-ul .jstree-anchor {
  height: auto;
  line-height: initial;
}
.jstree-InputField .jstree-wholerow-ul .jstree-hovered {
  background-color: #24408c;
  color: #fff;
}
.jstree-InputField.jstree-InputField-NoTree .jstree-node {
  margin-left: 0;
  padding-left: 2px;
}
.jstree-InputField.jstree-InputField-NoTree .jstree-node .jstree-wholerow {
  line-height: inherit;
  min-height: inherit;
}
.jstree-InputField.jstree-InputField-NoTree .jstree-node .jstree-anchor {
  vertical-align: middle;
}

div.InputField_ToolbarContainer {
  font-size: 87.5%;
}
div.InputField_ToolbarContainer ul li a {
  font-size: inherit;
}

.FieldExplanation,
.AsteriskExplanation {
  font-size: 87.5%;
}
.FieldExplanation p,
.AsteriskExplanation p {
  font-size: inherit;
}

.Field.cmt-otrs-datetime-hidden::first-line,
fieldset .cmt-otrs-datetime-hidden::first-line {
  font-size: 0;
}
.Field.cmt-otrs-datetime-hidden select[name$=Day], .Field.cmt-otrs-datetime-hidden select[name$=Month], .Field.cmt-otrs-datetime-hidden select[name$=Year],
.Field.cmt-otrs-datetime-hidden div.TooltipErrorMessage,
.Field.cmt-otrs-datetime-hidden a.DatepickerIcon,
.Field.cmt-otrs-datetime-hidden select[name$=Hour], .Field.cmt-otrs-datetime-hidden select[name$=Minute],
fieldset .cmt-otrs-datetime-hidden select[name$=Day],
fieldset .cmt-otrs-datetime-hidden select[name$=Month],
fieldset .cmt-otrs-datetime-hidden select[name$=Year],
fieldset .cmt-otrs-datetime-hidden div.TooltipErrorMessage,
fieldset .cmt-otrs-datetime-hidden a.DatepickerIcon,
fieldset .cmt-otrs-datetime-hidden select[name$=Hour],
fieldset .cmt-otrs-datetime-hidden select[name$=Minute] {
  display: none;
}

.Field.__vue_datetimepicker.cmt-otrs-datetime-hidden > input[type=checkbox] {
  margin-right: 0.5em;
}
.Field.__vue_datetimepicker.cmt-otrs-datetime-hidden > div:last-child {
  display: inline-block;
}

.v-picker--date button {
  background: none;
  border: none;
}

.v-picker--date .v-date-picker-table--date .v-date-picker-table__current {
  font-weight: bold;
}
.v-picker--date .v-date-picker-table--date .v-date-picker-table__current:not(.v-btn--active) {
  background-color: rgba(36, 64, 140, 0.1);
}

.Field.cmt-otrs-color-hidden span.cmt-color-display {
  border: solid 1px #d2d2d2;
}
.Field.cmt-otrs-color-hidden div.sp-replacer,
.Field.cmt-otrs-color-hidden div.TooltipErrorMessage,
.Field.cmt-otrs-color-hidden input[type=text] {
  display: none;
}

.Flag.Small {
  height: auto;
  width: auto;
}
.Flag.Small span {
  border-radius: 0.2em;
  height: 1em;
  width: 1em;
}

.Flag span.PriorityID-1 {
  background-color: #00a000;
}

.Flag span.PriorityID-2 {
  background-color: #0059ff;
}

.Flag span.PriorityID-3 {
  background-color: #aaaaaa;
}

.Flag span.PriorityID-4 {
  background-color: #ffc940;
}

.Flag span.PriorityID-5 {
  background-color: #ff0000;
}

input[type=radio]::before {
  box-shadow: inset 1em 1em #24408c;
}

input[type=radio]:checked {
  color: #24408c;
}

.MessageBox.Error {
  background: none;
  border-radius: 4px;
  caret-color: rgb(251, 140, 0);
  color: #ff5252ff;
  margin-top: var(--pad-y, 10px);
}
.MessageBox.Error .Icon {
  color: #ff5252ff;
  display: inline;
  left: 2em;
  margin-right: 0;
  margin-top: 0;
  padding: 0;
  position: absolute;
  top: 0.375em;
  vertical-align: middle;
}
.MessageBox.Error .Icon::before {
  content: "\f0ce6";
  font-family: "Material Design Icons";
  font-size: 125%;
  opacity: 1;
  position: static;
  vertical-align: text-top;
}
.MessageBox.Error p {
  border: thin solid;
  border-color: #ff5252ff;
  border-radius: 4px;
  border-width: 1px 1px 1px 8px;
  box-shadow: 0px 1px 0px #ff525234;
  caret-color: #ff5252ff;
  color: #ff5252ff;
  margin-bottom: 0;
  margin-left: var(--pad-x, 10px);
  margin-right: var(--pad-x, 10px);
  padding: 0.75em;
}
.MessageBox.Error p::after {
  background-color: #ff5252ff;
  border-radius: inherit;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.05;
  position: absolute;
  pointer-events: none;
  right: 0;
  top: 0;
  margin: inherit;
}
.MessageBox.Error p a {
  color: #333;
  transition: color ease 0.2s;
}
.MessageBox.Error p a:hover {
  color: currentColor;
}
.MessageBox.Error .Icon + p {
  padding-left: 2.2em;
}

.MessageBox.Notice {
  background: none;
  border-radius: 4px;
  caret-color: rgb(251, 140, 0);
  color: #fb8c00ff;
  margin-top: var(--pad-y, 10px);
}
.MessageBox.Notice .Icon {
  color: #fb8c00ff;
  display: inline;
  left: 2em;
  margin-right: 0;
  margin-top: 0;
  padding: 0;
  position: absolute;
  top: 0.375em;
  vertical-align: middle;
}
.MessageBox.Notice .Icon::before {
  content: "\f11cf";
  font-family: "Material Design Icons";
  font-size: 125%;
  opacity: 1;
  position: static;
  vertical-align: text-top;
}
.MessageBox.Notice p {
  border: thin solid;
  border-color: #fb8c00ff;
  border-radius: 4px;
  border-width: 1px 1px 1px 8px;
  box-shadow: 0px 1px 0px #fb8c0034;
  caret-color: #fb8c00ff;
  color: #fb8c00ff;
  margin-bottom: 0;
  margin-left: var(--pad-x, 10px);
  margin-right: var(--pad-x, 10px);
  padding: 0.75em;
}
.MessageBox.Notice p::after {
  background-color: #fb8c00ff;
  border-radius: inherit;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.05;
  position: absolute;
  pointer-events: none;
  right: 0;
  top: 0;
  margin: inherit;
}
.MessageBox.Notice p a {
  color: #333;
  transition: color ease 0.2s;
}
.MessageBox.Notice p a:hover {
  color: currentColor;
}
.MessageBox.Notice .Icon + p {
  padding-left: 2.2em;
}

code,
.v-application code,
.v-application.theme--light code {
  font-family: "Roboto Mono", monospace, fixed;
  font-size: 90%;
  padding: 0.1em 0.2em;
  background-color: rgba(119, 136, 153, 0.15);
}

dl dt {
  font-size: initial;
  line-height: 1.5;
}
dl dd {
  line-height: 1.5;
  margin-left: 0.8em;
}

fieldset.TableLike.FixedLabelSmall > label {
  width: 8em;
}

fieldset.TableLike.FixedLabelSmall > .Field,
fieldset.TableLike.FixedLabelSmall > .Row > .Field,
fieldset.TableLike.FixedLabelSmall > .Value,
fieldset.TableLike.FixedLabelSmall > .Row > .Value {
  margin-left: 8em;
}

fieldset.TableLike .Field, fieldset.TableLike .RichTextField {
  padding-left: 0;
}
fieldset.TableLike > label, fieldset.TableLike > .Row > label {
  color: #666;
}
fieldset.TableLike > label + .Field, fieldset.TableLike > label + .RichTextField, fieldset.TableLike > .Row > label + .Field, fieldset.TableLike > .Row > label + .RichTextField {
  padding-left: var(--pad-x);
}
fieldset.TableLike p.Value {
  margin-bottom: 0;
}
fieldset.TableLike label.cmt-stacked {
  float: none;
  text-align: left;
  width: 100%;
}
fieldset.TableLike label.cmt-stacked + p.Value {
  margin-left: 0;
  padding-left: 0;
}

ul.Tablelike li.Header {
  text-transform: none;
}

body .WidgetSimple {
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.15);
  margin-bottom: var(--gap-120);
}
body .WidgetSimple > .Header h2 {
  color: #333;
  flex: 1;
  font-size: inherit;
  font-weight: bolder;
  order: 5;
  padding: 0;
  text-shadow: none;
}
body .WidgetSimple .Header {
  align-items: center;
  display: flex;
  line-height: 1;
  padding: var(--pad-y) var(--pad-x);
}
body .WidgetSimple .Header .ActionMenu {
  margin-right: var(--pad-x);
  order: 10;
  position: absolute;
  right: 0;
  top: initial;
  z-index: 1;
}
body .WidgetSimple .Header .WidgetAction {
  width: auto;
  height: auto;
}
body .WidgetSimple .Header .WidgetAction.Toggle {
  height: auto;
  margin: 0;
  width: auto;
}
body .WidgetSimple .Header .WidgetAction.Toggle::before {
  font-family: "Material Design Icons";
  font-size: 120%;
  line-height: 0.8333333333;
}
body .WidgetSimple .Header .WidgetAction.Toggle a {
  height: 100%;
  width: 100%;
}
body .WidgetSimple .Header .WidgetAction.Toggle a i.fa {
  display: none !important;
}
body .WidgetSimple .Header .WidgetAction.Toggle a:hover i.fa {
  background: none;
}
body .WidgetSimple .Header .WidgetAction a {
  font-size: initial;
  height: auto;
  display: inline-block;
}
body .WidgetSimple .Header .WidgetAction a i.fa {
  font-size: initial;
  margin: 0;
}
body .WidgetSimple .Header .WidgetAction a i.fa::before {
  font-family: "Material Design Icons";
  font-size: 110%;
}
body .WidgetSimple .Header .WidgetAction a i.fa.fa-cog::before {
  content: "\f01d9";
}
body .WidgetSimple .Header .WidgetAction a i.fa.fa-refresh::before {
  content: "\f0450";
}
body .WidgetSimple .Header .WidgetAction a i.fa.fa-times::before {
  content: "\f1398";
}
body .WidgetSimple .Header .WidgetAction a i.fa.fa-trash-o::before {
  content: "\f14ef";
}
body .WidgetSimple .Header .WidgetAction a:hover i.fa {
  color: #24408c;
  background: #ddd;
  border-radius: 50px;
}
body .WidgetSimple.Collapsed .Header .WidgetAction.Toggle::before {
  content: "\f0140";
}
body .WidgetSimple.Expanded .Header .WidgetAction.Toggle::before {
  content: "\f0143";
}
body .WidgetSimple.Collapsed.AnimationRunning .Header, body .WidgetSimple.Expanded.AnimationRunning .Header {
  line-height: 1;
  padding: var(--gap) var(--gap-120);
}
body .WidgetSimple .WidgetMenu {
  padding: var(--pad-y) var(--pad-x);
}
body .WidgetSimple .WidgetMenu a.Button,
body .WidgetSimple .WidgetMenu span.Button {
  border: solid 1px #ccc;
  border-radius: 4px;
  box-shadow: 0px 1px 10px #e4e4e4;
  color: #444;
  font-size: calc(var(--font-size-base) * 0.85);
  padding: 5px 10px;
  vertical-align: middle;
}
body .WidgetSimple .WidgetMenu a.Button.Right,
body .WidgetSimple .WidgetMenu span.Button.Right {
  float: right;
}
body .WidgetSimple .WidgetMenu a.Button .fa,
body .WidgetSimple .WidgetMenu span.Button .fa {
  font-family: "Material Design Icons";
  font-size: inherit;
}
body .WidgetSimple .WidgetMenu a.Button .fa.fa-times::before,
body .WidgetSimple .WidgetMenu span.Button .fa.fa-times::before {
  content: "\f073a";
}
body .WidgetSimple .WidgetMenu a.Button .fa.fa-check::before,
body .WidgetSimple .WidgetMenu span.Button .fa.fa-check::before {
  content: "\f012c";
}
body .WidgetSimple .WidgetMenu a.Button .fa.fa-undo::before,
body .WidgetSimple .WidgetMenu span.Button .fa.fa-undo::before {
  content: "\f054c";
}
body .WidgetSimple .WidgetMenu a.Button .fa.fa-link::before,
body .WidgetSimple .WidgetMenu span.Button .fa.fa-link::before {
  content: "\f0339";
}
body .WidgetSimple .WidgetMenu a.Button .fa.fa-star-o::before,
body .WidgetSimple .WidgetMenu span.Button .fa.fa-star-o::before {
  content: "\f04ce";
}
body .WidgetSimple .WidgetMenu a.Button .fa.fa-pencil-square,
body .WidgetSimple .WidgetMenu span.Button .fa.fa-pencil-square {
  content: "\f090c";
}
body .WidgetSimple > .Content {
  border-top: solid 1px ghostwhite;
  padding: var(--pad-y) var(--pad-x);
}

body .WidgetSimple.Setting .Header h2 {
  padding-left: 0;
}

body .WidgetSimple.Setting.IsLockedByMe .SettingWrapper > .SettingDescription {
  padding-right: 1em;
}

.WidgetSimple.Setting .SettingWrapper fieldset {
  border-right: solid 1px #ccc;
  float: left;
  width: calc(70% - 6em);
}
.WidgetSimple.Setting .SettingWrapper fieldset .SettingUpdateBox {
  background-color: transparent;
  border-left: solid 1px #ccc;
  font-size: initial;
  height: calc(100% - 2 * var(--pad-y));
  margin-right: var(--gap);
  margin-top: var(--pad-y);
  padding: 0;
  text-align: center;
  top: 0;
  width: 6em;
  width: auto;
}
.WidgetSimple.Setting .SettingWrapper fieldset .SettingUpdateBox button {
  margin: 0;
}
body .WidgetSimple.Setting .SettingWrapper > .SettingDescription {
  border: none;
  border-left: solid 1px #ccc;
  display: block;
  float: left;
  font-size: 87.5%;
  margin-left: -1px;
  padding: 0 1em;
}

body .Preferences .WidgetSimple.Setting .SettingWrapper > .SettingDescription {
  width: 30%;
}

.SettingsList .WidgetSimple.Setting.IsLockedByMe .SettingWrapper fieldset > .SettingUpdateBox {
  width: 6em;
  width: auto;
}
.SettingsList .WidgetSimple.Setting.IsLockedByMe .SettingWrapper fieldset > .SettingUpdateBox button {
  margin: 0;
  margin-left: var(--gap);
}
.SettingsList .WidgetSimple.Setting.IsLockedByMe .SettingWrapper fieldset > .SettingUpdateBox button.Cancel i.fa::before {
  content: "\f073a";
}
.SettingsList .WidgetSimple.Setting.IsLockedByMe .SettingWrapper > .SettingDescription {
  padding-right: 1em;
}

body .SettingsList.Preferences .WidgetSimple.Setting.IsLockedByMe .Content .SettingUpdateBox {
  left: calc(100% - 6.8571428571em);
}

body .MainBox {
  padding: var(--pad-y) var(--pad-x);
}
body .MainBox > h1 {
  padding-left: 0;
}

/* Action Row */
.WidgetSimple .Content > .ActionRow {
  margin-left: 0;
}
.ActionRow .Actions {
  border-radius: 4px;
  box-shadow: 0px 1px 0px #c8c8c8, 0px 1px 10px #e8e8e8;
  box-shadow: 0px 1px 10px #e8e8e8;
  box-shadow: 0px 1px 10px #e4e4e4;
  font-size: initial;
  margin-bottom: var(--gap, 8px);
  padding-left: 0;
  display: flex;
  margin-bottom: 0;
}
.ActionRow .Actions > li {
  float: left;
  font-size: smaller;
  height: auto;
  padding: 0;
  overflow: hidden;
  box-shadow: none;
  border-radius: 0;
  line-height: 1.5;
}
.ActionRow .Actions > li > a, .ActionRow .Actions > li > span.ClusterLink {
  background: #f8f8f8;
  color: #444;
  display: inline-block;
  padding: 5px 10px;
  vertical-align: middle;
  border: solid 1px #ccc;
  border-radius: 4px;
  box-shadow: 0px 1px 10px #e4e4e4;
}
.ActionRow .Actions > li:hover > a, .ActionRow .Actions > li:hover > span.ClusterLink {
  background: #24408c;
  border: solid 1px #2e53b5 !important;
  color: white;
  text-decoration: none;
}
.ActionRow .Actions > li > a, .ActionRow .Actions > li > span.ClusterLink {
  border-radius: 0;
  box-shadow: none;
}
.ActionRow .Actions > li:first-child > a, .ActionRow .Actions > li:first-child > span.ClusterLink {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  padding-left: 10px;
}
.ActionRow .Actions > li:not(:last-child) > a, .ActionRow .Actions > li:not(:last-child) > span.ClusterLink {
  border-right: none;
}
.ActionRow .Actions > li:not(:last-child):hover > a, .ActionRow .Actions > li:not(:last-child):hover > span.ClusterLink {
  border-right: none !important;
}
.ActionRow .Actions > li:last-child > a, .ActionRow .Actions > li:last-child > span.ClusterLink, .ActionRow .Actions > li.cmt-item-action-link-last > a, .ActionRow .Actions > li.cmt-item-action-link-last > span.ClusterLink {
  border-bottom-right-radius: 4px;
  border-right: solid 1px #ccc;
  border-top-right-radius: 4px;
}
.ActionRow .Actions > li:last-child:hover > a, .ActionRow .Actions > li:last-child:hover > span.ClusterLink, .ActionRow .Actions > li.cmt-item-action-link-last:hover > a, .ActionRow .Actions > li.cmt-item-action-link-last:hover > span.ClusterLink {
  border-right: solid 1px #2e53b5 !important;
}
.ActionRow .Actions > li.Selected a,
.ActionRow .Actions > li a.Active {
  color: white;
  background-color: #24408c;
  border-color: #2e53b5;
  border-right-color: #2e53b5;
  font-weight: normal;
}
.ActionRow .Actions > li::after {
  content: none;
}
.ActionRow .Actions li {
  font-size: inherit;
}
.ActionRow .Actions li::after {
  content: "";
  float: none;
  background: transparent;
  height: 2px;
  margin: 0;
  position: absolute;
  width: 100%;
}
.ActionRow .Actions > li {
  align-self: center;
  float: left;
  font-size: 85%;
  margin: 0;
}
.ActionRow .Actions > li:first-child {
  padding-left: 0;
}
.ActionRow .Actions > li[id^=nav-] {
  border-radius: 0;
  overflow: visible;
}
.ActionRow .Actions > li[id^=nav-]:first-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 0;
}
.ActionRow .Actions > li[id^=nav-]:not(:first-child) {
  border-left: none;
}
.ActionRow .Actions > li[id^=nav-] + li[id^=nav-] {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.ActionRow .Actions > li:not([id^=nav-]) {
  margin-left: 0.5em;
}
.ActionRow .Actions > li span.ClusterLink {
  color: #444;
  padding: 5px 10px;
  white-space: nowrap;
}

body .Cluster ul ul {
  border-radius: 0 0 4px 4px;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  left: 0;
  margin-top: 2px;
  top: 100%;
}
body .Cluster ul ul li {
  line-height: initial;
}
body .Cluster ul ul li a:hover {
  background-color: #24408c;
  color: white;
}

.ItemActions .Actions {
  display: flex;
}
.ItemActions .Actions li {
  font-size: 85%;
}
.ItemActions .Actions li::after {
  content: none;
}
.ItemActions .Actions > li {
  align-self: center;
  float: left;
  line-height: initial;
  margin: 0;
}
.ItemActions .Actions > li:first-child {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.ItemActions .Actions > li:not(:first-child) {
  border-left: none;
}
.ItemActions .Actions > li:last-child {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.ItemActions .Actions > li.cmt-item-action-dropdown {
  border: none;
  box-shadow: none;
  margin-left: 0.5em;
}
.ItemActions .Actions > li.cmt-item-action-dropdown label {
  display: inline-block;
}
.ItemActions .Actions > li.cmt-item-action-dropdown label::after {
  content: ":";
}
.ItemActions .Actions > li.cmt-item-action-link-last a {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.ItemActions .Actions > li a, .ItemActions .Actions > li span.ClusterLink {
  padding: 5px 10px;
}

/* Unread articles marker */
div.UnreadArticles {
  line-height: 15px;
  margin: 0;
  padding: 0 !important;
  vertical-align: initial;
  width: auto;
}
div.UnreadArticles span.UnreadArticles {
  margin: 0;
  padding: 0 !important;
  width: auto;
}
div.UnreadArticles span.UnreadArticles::before {
  color: #aaa;
  content: "\f04ce";
  font-family: "Material Design Icons";
  font-size: 150%;
}
div.UnreadArticles span.UnreadArticles.Remarkable::before {
  color: #ffc940;
}
div.UnreadArticles span.UnreadArticles i.fa {
  display: none !important;
}

/* Dialog windows */
.Dialog {
  border-radius: 4px;
  overflow: hidden;
}
.Dialog > .Header {
  align-items: center;
  display: flex;
  flex-direction: row-reverse;
  height: auto;
}
.Dialog > .Header h1 {
  flex: 1;
  font-size: inherit;
  font-weight: bold;
  margin-bottom: 0;
  padding: var(--pad-y) var(--pad-x);
}
.Dialog > .Header .Close {
  display: inline;
  flex: 1;
  height: auto;
  margin-right: var(--pad-x);
  right: auto;
  top: auto;
  width: auto;
}
.Dialog > .Header .Close i.fa {
  font-family: "Material Design Icons";
}
.Dialog > .Header .Close i.fa::before {
  content: "\f0156";
}
.Dialog .Content .ContentFooter {
  padding: 10px 0;
}

/* Action buttons */
a.CallForAction, .ProcessManagementEditScreen #ProcessElements a.CallForAction,
.v-application a.CallForAction,
button.CallForAction {
  background-color: #f15a22;
  border: none;
  border-radius: 4px;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  padding: 12px 32px;
  padding: 0.3em 1.2em;
  position: relative;
  transition: all ease-in 0.1s;
}
a.CallForAction i.fa, .ProcessManagementEditScreen #ProcessElements a.CallForAction i.fa,
.v-application a.CallForAction i.fa,
button.CallForAction i.fa {
  display: none;
}
a.CallForAction span, .ProcessManagementEditScreen #ProcessElements a.CallForAction span,
.v-application a.CallForAction span,
button.CallForAction span {
  border: none;
  color: #fff;
  font-size: inherit;
  font-weight: 500;
  text-shadow: none;
}
a.CallForAction.Fullsize span, .ProcessManagementEditScreen #ProcessElements a.Fullsize.CallForAction span,
.v-application a.CallForAction.Fullsize span,
button.CallForAction.Fullsize span {
  padding: 0;
}
a.CallForAction.Fullsize.Center span i, .ProcessManagementEditScreen #ProcessElements a.Fullsize.Center.CallForAction span i,
.v-application a.CallForAction.Fullsize.Center span i,
button.CallForAction.Fullsize.Center span i {
  left: auto;
  position: static;
  top: auto;
}
a.CallForAction::before, .ProcessManagementEditScreen #ProcessElements a.CallForAction::before,
.v-application a.CallForAction::before,
button.CallForAction::before {
  background-color: #f15a22;
  border-radius: inherit;
  bottom: 0;
  color: inherit;
  content: "";
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.6, 1);
}
a.CallForAction::before, .ProcessManagementEditScreen #ProcessElements a.CallForAction::before,
.v-application a.CallForAction::before,
button.CallForAction::before {
  content: none;
}
a.CallForAction:hover, .ProcessManagementEditScreen #ProcessElements a.CallForAction:hover,
.v-application a.CallForAction:hover,
button.CallForAction:hover {
  background-color: #f15a22;
  border: solid 1px #ff6a32;
  background-color: #24408c;
  border: solid 1px #0f1b3b;
  color: #fff;
  color: white;
}
a.CallForAction:hover::before, .ProcessManagementEditScreen #ProcessElements a.CallForAction:hover::before,
.v-application a.CallForAction:hover::before,
button.CallForAction:hover::before {
  opacity: 0.08;
}
a.CallForAction:hover span i.fa::before, .ProcessManagementEditScreen #ProcessElements a.CallForAction:hover span i.fa::before,
.v-application a.CallForAction:hover span i.fa::before,
button.CallForAction:hover span i.fa::before {
  color: #fff;
  color: white;
}
a.CallForAction:focus, .ProcessManagementEditScreen #ProcessElements a.CallForAction:focus,
.v-application a.CallForAction:focus,
button.CallForAction:focus {
  outline: none;
}
a.CallForAction:active::before, .ProcessManagementEditScreen #ProcessElements a.CallForAction:active::before,
.v-application a.CallForAction:active::before,
button.CallForAction:active::before {
  opacity: 0.08;
}
a.CallForAction.Inline, .ProcessManagementEditScreen #ProcessElements a.Inline.CallForAction,
.v-application a.CallForAction.Inline,
button.CallForAction.Inline {
  height: 32px;
  padding: 0 32px;
  top: 1px;
  vertical-align: middle;
}
a.CallForAction.Inline span, .ProcessManagementEditScreen #ProcessElements a.Inline.CallForAction span,
.v-application a.CallForAction.Inline span,
button.CallForAction.Inline span {
  line-height: inherit;
}
a.CallForAction span.v-ripple__container, .ProcessManagementEditScreen #ProcessElements a.CallForAction span.v-ripple__container,
.v-application a.CallForAction span.v-ripple__container,
button.CallForAction span.v-ripple__container {
  color: inherit;
  position: absolute;
}
a.CallForAction span.v-ripple__container span.v-ripple__animation, .ProcessManagementEditScreen #ProcessElements a.CallForAction span.v-ripple__container span.v-ripple__animation,
.v-application a.CallForAction span.v-ripple__container span.v-ripple__animation,
button.CallForAction span.v-ripple__container span.v-ripple__animation {
  color: inherit;
  position: absolute;
}

a.CallForAction, .ProcessManagementEditScreen #ProcessElements a.CallForAction,
.v-application a.CallForAction,
button.CallForAction {
  background: transparent;
  border-radius: 4px;
  color: rgba(20, 36, 79, 0.8);
  padding: 0.3em 1.2em;
  border: solid 1px rgba(36, 64, 140, 0.4);
  box-shadow: 0px 1px 0px #99a;
}
a.CallForAction:active, .ProcessManagementEditScreen #ProcessElements a.CallForAction:active,
.v-application a.CallForAction:active,
button.CallForAction:active {
  background: #24408c;
  color: white;
}
a.CallForAction.Primary, .ProcessManagementEditScreen #ProcessElements a.Primary.CallForAction,
.v-application a.CallForAction.Primary,
button.CallForAction.Primary {
  background-color: #f15a22;
  border: solid 1px #ff6a32;
  box-shadow: 0px 1px 0px #ddd, 0px 1px 10px #eee;
  color: #fff;
  padding: 0.3em 1.2em;
}
a.CallForAction.Primary:hover, .ProcessManagementEditScreen #ProcessElements a.Primary.CallForAction:hover,
.v-application a.CallForAction.Primary:hover,
button.CallForAction.Primary:hover {
  background-color: #de3e02;
}
a.CallForAction.Primary:hover span, .ProcessManagementEditScreen #ProcessElements a.Primary.CallForAction:hover span,
.v-application a.CallForAction.Primary:hover span,
button.CallForAction.Primary:hover span {
  text-shadow: 0 0 20px #fff;
  transition: all ease-in 0.1s;
}
a.CallForAction.Disabled, .ProcessManagementEditScreen #ProcessElements a.Disabled.CallForAction,
.v-application a.CallForAction.Disabled,
button.CallForAction.Disabled {
  color: #888;
  background: #d0d0d0 !important;
  border: solid 1px #d8d8d8 !important;
  border-bottom: solid 1px #d8d8d8 !important;
  box-shadow: 0px 1px 0px #c8c8c8, 0px 1px 10px #eee !important;
}
a.CallForAction.Disabled.Inline, .ProcessManagementEditScreen #ProcessElements a.Disabled.Inline.CallForAction,
.v-application a.CallForAction.Disabled.Inline,
button.CallForAction.Disabled.Inline {
  box-shadow: none !important;
}
a.CallForAction span, .ProcessManagementEditScreen #ProcessElements a.CallForAction span,
.v-application a.CallForAction span,
button.CallForAction span {
  color: inherit;
  padding: 0;
}

.WidgetSimple .Content a.CallForAction:not(.Primary), .WidgetSimple .Content .ProcessManagementEditScreen #ProcessElements a.CallForAction:not(.Primary), .ProcessManagementEditScreen #ProcessElements .WidgetSimple .Content a.CallForAction:not(.Primary),
.WidgetSimple .Content .v-application a.CallForAction:not(.Primary),
.WidgetSimple .Content button.CallForAction:not(.Primary),
.Dialog .ContentFooter a.CallForAction:not(.Primary),
.Dialog .ContentFooter .ProcessManagementEditScreen #ProcessElements a.CallForAction:not(.Primary),
.ProcessManagementEditScreen #ProcessElements .Dialog .ContentFooter a.CallForAction:not(.Primary),
.Dialog .ContentFooter .v-application a.CallForAction:not(.Primary),
.Dialog .ContentFooter button.CallForAction:not(.Primary) {
  border: solid 1px #fff;
  border: solid 1px rgba(36, 64, 140, 0.4);
  box-shadow: 0px 1px 0px #ddd, 0px 1px 10px #eee;
  box-shadow: 0px 1px 0px #99a;
}

.ProcessManagementEditScreen #ProcessElements a.CallForAction {
  width: auto;
}

#EditFormCancel.CallForAction:hover, .ProcessManagementEditScreen #ProcessElements a#EditFormCancel.CallForAction:hover,
.WidgetSettingsForm button.CallForAction[id$=_cancel]:hover {
  background-color: rgba(36, 64, 140, 0.1);
  border-color: rgba(36, 64, 140, 0.4);
  color: rgba(31, 55, 120, 0.8);
}

a.CallForAction span, .ProcessManagementEditScreen #ProcessElements a.CallForAction span,
.v-application a.CallForAction span,
button.CallForAction span {
  display: inline;
  position: static;
}
a.CallForAction span i.fa, .ProcessManagementEditScreen #ProcessElements a.CallForAction span i.fa,
.v-application a.CallForAction span i.fa,
button.CallForAction span i.fa {
  display: inline;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  margin-right: 0.15em;
}
a.CallForAction span i.fa::before, .ProcessManagementEditScreen #ProcessElements a.CallForAction span i.fa::before,
.v-application a.CallForAction span i.fa::before,
button.CallForAction span i.fa::before {
  color: rgba(20, 36, 79, 0.8);
  content: "";
  font-family: "Material Design Icons";
  font-weight: bold;
}
a.CallForAction span i.fa.fa-arrows-h::before, .ProcessManagementEditScreen #ProcessElements a.CallForAction span i.fa.fa-arrows-h::before,
.v-application a.CallForAction span i.fa.fa-arrows-h::before,
button.CallForAction span i.fa.fa-arrows-h::before {
  content: "\f0e73";
}
a.CallForAction span i.fa.fa-arrows-v::before, .ProcessManagementEditScreen #ProcessElements a.CallForAction span i.fa.fa-arrows-v::before,
.v-application a.CallForAction span i.fa.fa-arrows-v::before,
button.CallForAction span i.fa.fa-arrows-v::before {
  content: "\f0e79";
}
a.CallForAction span i.fa.fa-bar-chart::before, .ProcessManagementEditScreen #ProcessElements a.CallForAction span i.fa.fa-bar-chart::before,
.v-application a.CallForAction span i.fa.fa-bar-chart::before,
button.CallForAction span i.fa.fa-bar-chart::before {
  content: "\f0128";
}
a.CallForAction span i.fa.fa-bell-o::before, .ProcessManagementEditScreen #ProcessElements a.CallForAction span i.fa.fa-bell-o::before,
.v-application a.CallForAction span i.fa.fa-bell-o::before,
button.CallForAction span i.fa.fa-bell-o::before {
  content: "\f009a";
}
a.CallForAction span i.fa.fa-building::before, .ProcessManagementEditScreen #ProcessElements a.CallForAction span i.fa.fa-building::before,
.v-application a.CallForAction span i.fa.fa-building::before,
button.CallForAction span i.fa.fa-building::before {
  content: "\f0991";
}
a.CallForAction span i.fa.fa-building-o::before, .ProcessManagementEditScreen #ProcessElements a.CallForAction span i.fa.fa-building-o::before,
.v-application a.CallForAction span i.fa.fa-building-o::before,
button.CallForAction span i.fa.fa-building-o::before {
  content: "\f0991";
}
a.CallForAction span i.fa.fa-calendar::before, .ProcessManagementEditScreen #ProcessElements a.CallForAction span i.fa.fa-calendar::before,
.v-application a.CallForAction span i.fa.fa-calendar::before,
button.CallForAction span i.fa.fa-calendar::before {
  content: "\f00ed";
}
a.CallForAction span i.fa.fa-check::before, .ProcessManagementEditScreen #ProcessElements a.CallForAction span i.fa.fa-check::before,
.v-application a.CallForAction span i.fa.fa-check::before,
button.CallForAction span i.fa.fa-check::before {
  content: "\f012c";
}
a.CallForAction span i.fa.fa-clock-o::before, .ProcessManagementEditScreen #ProcessElements a.CallForAction span i.fa.fa-clock-o::before,
.v-application a.CallForAction span i.fa.fa-clock-o::before,
button.CallForAction span i.fa.fa-clock-o::before {
  content: "\f0954";
}
a.CallForAction span i.fa.fa-exchange::before, .ProcessManagementEditScreen #ProcessElements a.CallForAction span i.fa.fa-exchange::before,
.v-application a.CallForAction span i.fa.fa-exchange::before,
button.CallForAction span i.fa.fa-exchange::before {
  content: "\f0e73";
}
a.CallForAction span i.fa.fa-filter::before, .ProcessManagementEditScreen #ProcessElements a.CallForAction span i.fa.fa-filter::before,
.v-application a.CallForAction span i.fa.fa-filter::before,
button.CallForAction span i.fa.fa-filter::before {
  content: "\f0232";
}
a.CallForAction span i.fa.fa-paperclip::before, .ProcessManagementEditScreen #ProcessElements a.CallForAction span i.fa.fa-paperclip::before,
.v-application a.CallForAction span i.fa.fa-paperclip::before,
button.CallForAction span i.fa.fa-paperclip::before {
  content: "\f03e2";
}
a.CallForAction span i.fa.fa-plus-square::before, .ProcessManagementEditScreen #ProcessElements a.CallForAction span i.fa.fa-plus-square::before,
.v-application a.CallForAction span i.fa.fa-plus-square::before,
button.CallForAction span i.fa.fa-plus-square::before {
  content: "\f0415";
}
a.CallForAction span i.fa.fa-refresh::before, .ProcessManagementEditScreen #ProcessElements a.CallForAction span i.fa.fa-refresh::before,
.v-application a.CallForAction span i.fa.fa-refresh::before,
button.CallForAction span i.fa.fa-refresh::before {
  content: "\f0450";
}
a.CallForAction span i.fa.fa-reply::before, .ProcessManagementEditScreen #ProcessElements a.CallForAction span i.fa.fa-reply::before,
.v-application a.CallForAction span i.fa.fa-reply::before,
button.CallForAction span i.fa.fa-reply::before {
  content: "\f045a";
}
a.CallForAction span i.fa.fa-search::before, .ProcessManagementEditScreen #ProcessElements a.CallForAction span i.fa.fa-search::before,
.v-application a.CallForAction span i.fa.fa-search::before,
button.CallForAction span i.fa.fa-search::before {
  content: "\f0349";
}
a.CallForAction span i.fa.fa-star::before, .ProcessManagementEditScreen #ProcessElements a.CallForAction span i.fa.fa-star::before,
.v-application a.CallForAction span i.fa.fa-star::before,
button.CallForAction span i.fa.fa-star::before {
  content: "\f04ce";
}
a.CallForAction span i.fa.fa-user::before, .ProcessManagementEditScreen #ProcessElements a.CallForAction span i.fa.fa-user::before,
.v-application a.CallForAction span i.fa.fa-user::before,
button.CallForAction span i.fa.fa-user::before {
  content: "\f0004";
}
a.CallForAction span i.fa.fa-users::before, .ProcessManagementEditScreen #ProcessElements a.CallForAction span i.fa.fa-users::before,
.v-application a.CallForAction span i.fa.fa-users::before,
button.CallForAction span i.fa.fa-users::before {
  content: "\f0849";
}
a.CallForAction.Disabled span i.fa::before, .ProcessManagementEditScreen #ProcessElements a.Disabled.CallForAction span i.fa::before, a.CallForAction.Disabled:hover span i.fa::before,
.v-application a.CallForAction.Disabled span i.fa::before,
.v-application a.CallForAction.Disabled:hover span i.fa::before,
button.CallForAction.Disabled span i.fa::before,
button.CallForAction.Disabled:hover span i.fa::before {
  color: #888;
}

a.CallForAction.Fullsize span i.fa, .ProcessManagementEditScreen #ProcessElements a.Fullsize.CallForAction span i.fa,
.v-application a.CallForAction.Fullsize span i.fa,
button.CallForAction.Fullsize span i.fa {
  color: inherit;
  margin-right: 0.3em;
}

form fieldset .CallForAction, form fieldset .ProcessManagementEditScreen #ProcessElements a.CallForAction, .ProcessManagementEditScreen #ProcessElements form fieldset a.CallForAction {
  margin: auto calc(var(--gap, 12px) / 2);
}

/* List displayed as table */
ul.Tablelike {
  background-color: #fdfdfd;
  border-radius: 4px;
  overflow: hidden;
}
ul.Tablelike li {
  padding: 6px 10px;
}
ul.Tablelike li.Header {
  background: none;
  border: none;
  border-bottom: thin solid rgba(0, 0, 0, 0.12);
  font-size: inherit;
  font-weight: bold;
}

/* Popup windows */
.LayoutPopup > .Footer .CallForAction, .LayoutPopup > .Footer .ProcessManagementEditScreen #ProcessElements a.CallForAction, .ProcessManagementEditScreen #ProcessElements .LayoutPopup > .Footer a.CallForAction {
  padding: 0.8em 1.8em;
}

/* Miscellaneous rules */
body .cke_screen_reader_only {
  top: calc(100% - 1px);
}

/* Rules to override what Vuetify does */
.v-application ol, .v-application ul {
  padding-left: 0;
}

/* Newly introduced rules (TODO: Move to a separate file) */
.cmt-nowrap {
  white-space: nowrap;
}

hr.cmt-flex-break {
  height: 0;
  width: 100%;
}

#ToolBar {
  padding-left: 0;
}
#ToolBar li {
  height: 2em;
  line-height: 2em;
  width: 2em;
}
#ToolBar li i.fa {
  display: none !important;
}
#ToolBar li a span.Counter {
  background-color: #2e53b5;
  border-radius: 50px;
  bottom: 25%;
  box-sizing: border-box;
  color: #ffffff;
  display: block;
  left: 115%;
  line-height: 22px;
  min-width: 22px;
  font-size: 13px;
  font-weight: bold;
  padding: 0 3px;
  position: absolute;
  text-align: center;
  text-indent: 0 !important;
  width: auto;
  z-index: 1000;
}
#ToolBar li.UserAvatar {
  margin-left: 0;
}
#ToolBar li.UserAvatar div {
  border-radius: 4px;
  left: 0;
  margin-top: 0;
  top: 60px;
}
#ToolBar li.UserAvatar div::after {
  left: 4.5%;
}
#ToolBar li.UserAvatar a {
  height: 42px;
  width: 42px;
}
#ToolBar li.UserAvatar a img {
  height: 40px;
  width: 40px;
}
#ToolBar li.EmailTicket i.icon-small.icon-show-new,
#ToolBar li.EscalationView i.icon-small.icon-show-new,
#ToolBar li.Locked i.icon-small.icon-show-new,
#ToolBar li.PhoneTicket i.icon-small.icon-show-new,
#ToolBar li.ProcessTicket i.icon-small.icon-show-new,
#ToolBar li.QueueView i.icon-small.icon-show-new,
#ToolBar li.Responsible i.icon-small.icon-show-new,
#ToolBar li.ServiceView i.icon-small.icon-show-new,
#ToolBar li.StatusView i.icon-small.icon-show-new,
#ToolBar li.Watcher i.icon-small.icon-show-new {
  display: none !important;
}
#ToolBar li.EmailTicket.EmailTicket a::after,
#ToolBar li.EscalationView.EmailTicket a::after,
#ToolBar li.Locked.EmailTicket a::after,
#ToolBar li.PhoneTicket.EmailTicket a::after,
#ToolBar li.ProcessTicket.EmailTicket a::after,
#ToolBar li.QueueView.EmailTicket a::after,
#ToolBar li.Responsible.EmailTicket a::after,
#ToolBar li.ServiceView.EmailTicket a::after,
#ToolBar li.StatusView.EmailTicket a::after,
#ToolBar li.Watcher.EmailTicket a::after {
  content: "\f01ee";
}
#ToolBar li.EmailTicket.EscalationView a::after,
#ToolBar li.EscalationView.EscalationView a::after,
#ToolBar li.Locked.EscalationView a::after,
#ToolBar li.PhoneTicket.EscalationView a::after,
#ToolBar li.ProcessTicket.EscalationView a::after,
#ToolBar li.QueueView.EscalationView a::after,
#ToolBar li.Responsible.EscalationView a::after,
#ToolBar li.ServiceView.EscalationView a::after,
#ToolBar li.StatusView.EscalationView a::after,
#ToolBar li.Watcher.EscalationView a::after {
  content: "\f0dcc";
}
#ToolBar li.EmailTicket.Locked a::after,
#ToolBar li.EscalationView.Locked a::after,
#ToolBar li.Locked.Locked a::after,
#ToolBar li.PhoneTicket.Locked a::after,
#ToolBar li.ProcessTicket.Locked a::after,
#ToolBar li.QueueView.Locked a::after,
#ToolBar li.Responsible.Locked a::after,
#ToolBar li.ServiceView.Locked a::after,
#ToolBar li.StatusView.Locked a::after,
#ToolBar li.Watcher.Locked a::after {
  content: "\f033e";
}
#ToolBar li.EmailTicket.Locked.New a::after,
#ToolBar li.EscalationView.Locked.New a::after,
#ToolBar li.Locked.Locked.New a::after,
#ToolBar li.PhoneTicket.Locked.New a::after,
#ToolBar li.ProcessTicket.Locked.New a::after,
#ToolBar li.QueueView.Locked.New a::after,
#ToolBar li.Responsible.Locked.New a::after,
#ToolBar li.ServiceView.Locked.New a::after,
#ToolBar li.StatusView.Locked.New a::after,
#ToolBar li.Watcher.Locked.New a::after {
  content: "\f08ee";
}
#ToolBar li.EmailTicket.PhoneTicket a::after,
#ToolBar li.EscalationView.PhoneTicket a::after,
#ToolBar li.Locked.PhoneTicket a::after,
#ToolBar li.PhoneTicket.PhoneTicket a::after,
#ToolBar li.ProcessTicket.PhoneTicket a::after,
#ToolBar li.QueueView.PhoneTicket a::after,
#ToolBar li.Responsible.PhoneTicket a::after,
#ToolBar li.ServiceView.PhoneTicket a::after,
#ToolBar li.StatusView.PhoneTicket a::after,
#ToolBar li.Watcher.PhoneTicket a::after {
  content: "\f03f2";
}
#ToolBar li.EmailTicket.ProcessTicket a::after,
#ToolBar li.EscalationView.ProcessTicket a::after,
#ToolBar li.Locked.ProcessTicket a::after,
#ToolBar li.PhoneTicket.ProcessTicket a::after,
#ToolBar li.ProcessTicket.ProcessTicket a::after,
#ToolBar li.QueueView.ProcessTicket a::after,
#ToolBar li.Responsible.ProcessTicket a::after,
#ToolBar li.ServiceView.ProcessTicket a::after,
#ToolBar li.StatusView.ProcessTicket a::after,
#ToolBar li.Watcher.ProcessTicket a::after {
  content: "\f0bd3";
}
#ToolBar li.EmailTicket.QueueView a::after,
#ToolBar li.EscalationView.QueueView a::after,
#ToolBar li.Locked.QueueView a::after,
#ToolBar li.PhoneTicket.QueueView a::after,
#ToolBar li.ProcessTicket.QueueView a::after,
#ToolBar li.QueueView.QueueView a::after,
#ToolBar li.Responsible.QueueView a::after,
#ToolBar li.ServiceView.QueueView a::after,
#ToolBar li.StatusView.QueueView a::after,
#ToolBar li.Watcher.QueueView a::after {
  content: "\f0c82";
}
#ToolBar li.EmailTicket.Responsible a::after,
#ToolBar li.EscalationView.Responsible a::after,
#ToolBar li.Locked.Responsible a::after,
#ToolBar li.PhoneTicket.Responsible a::after,
#ToolBar li.ProcessTicket.Responsible a::after,
#ToolBar li.QueueView.Responsible a::after,
#ToolBar li.Responsible.Responsible a::after,
#ToolBar li.ServiceView.Responsible a::after,
#ToolBar li.StatusView.Responsible a::after,
#ToolBar li.Watcher.Responsible a::after {
  content: "\f0004";
}
#ToolBar li.EmailTicket.Responsible.New a::after,
#ToolBar li.EscalationView.Responsible.New a::after,
#ToolBar li.Locked.Responsible.New a::after,
#ToolBar li.PhoneTicket.Responsible.New a::after,
#ToolBar li.ProcessTicket.Responsible.New a::after,
#ToolBar li.QueueView.Responsible.New a::after,
#ToolBar li.Responsible.Responsible.New a::after,
#ToolBar li.ServiceView.Responsible.New a::after,
#ToolBar li.StatusView.Responsible.New a::after,
#ToolBar li.Watcher.Responsible.New a::after {
  content: "\f0005";
}
#ToolBar li.EmailTicket.ServiceView a::after,
#ToolBar li.EscalationView.ServiceView a::after,
#ToolBar li.Locked.ServiceView a::after,
#ToolBar li.PhoneTicket.ServiceView a::after,
#ToolBar li.ProcessTicket.ServiceView a::after,
#ToolBar li.QueueView.ServiceView a::after,
#ToolBar li.Responsible.ServiceView a::after,
#ToolBar li.ServiceView.ServiceView a::after,
#ToolBar li.StatusView.ServiceView a::after,
#ToolBar li.Watcher.ServiceView a::after {
  content: "\f08d6";
}
#ToolBar li.EmailTicket.StatusView a::after,
#ToolBar li.EscalationView.StatusView a::after,
#ToolBar li.Locked.StatusView a::after,
#ToolBar li.PhoneTicket.StatusView a::after,
#ToolBar li.ProcessTicket.StatusView a::after,
#ToolBar li.QueueView.StatusView a::after,
#ToolBar li.Responsible.StatusView a::after,
#ToolBar li.ServiceView.StatusView a::after,
#ToolBar li.StatusView.StatusView a::after,
#ToolBar li.Watcher.StatusView a::after {
  content: "\f0756";
}
#ToolBar li.EmailTicket.Watcher a::after,
#ToolBar li.EscalationView.Watcher a::after,
#ToolBar li.Locked.Watcher a::after,
#ToolBar li.PhoneTicket.Watcher a::after,
#ToolBar li.ProcessTicket.Watcher a::after,
#ToolBar li.QueueView.Watcher a::after,
#ToolBar li.Responsible.Watcher a::after,
#ToolBar li.ServiceView.Watcher a::after,
#ToolBar li.StatusView.Watcher a::after,
#ToolBar li.Watcher.Watcher a::after {
  content: "\f0208";
}
#ToolBar li.EmailTicket.Watcher.New a::after,
#ToolBar li.EscalationView.Watcher.New a::after,
#ToolBar li.Locked.Watcher.New a::after,
#ToolBar li.PhoneTicket.Watcher.New a::after,
#ToolBar li.ProcessTicket.Watcher.New a::after,
#ToolBar li.QueueView.Watcher.New a::after,
#ToolBar li.Responsible.Watcher.New a::after,
#ToolBar li.ServiceView.Watcher.New a::after,
#ToolBar li.StatusView.Watcher.New a::after,
#ToolBar li.Watcher.Watcher.New a::after {
  content: "\f0208";
}
#ToolBar li.EmailTicket a::after,
#ToolBar li.EscalationView a::after,
#ToolBar li.Locked a::after,
#ToolBar li.PhoneTicket a::after,
#ToolBar li.ProcessTicket a::after,
#ToolBar li.QueueView a::after,
#ToolBar li.Responsible a::after,
#ToolBar li.ServiceView a::after,
#ToolBar li.StatusView a::after,
#ToolBar li.Watcher a::after {
  color: #f15a22;
  font-family: "Material Design Icons";
  font-size: 225%;
  left: 9999px;
  position: absolute;
}

:root {
  --scale-s: 0.85;
  --scale-m: 1;
  --scale-l: 1.2;
  --font-size-base: calc(var(--scale) * 16px);
  --gap: calc(var(--scale) * 5/8 * 1.2em);
  --gap-120: calc(var(--gap) * 1.2);
  --pad-x: var(--gap-120);
  --pad-y: var(--gap);
}

body {
  font-family: Roboto, sans-serif;
  font-size: var(--font-size-base);
}

a,
.v-application a {
  color: #2e53b5;
}

select {
  -moz-appearance: auto !important;
  -webkit-appearance: auto !important;
}
select.Modernize {
  padding-left: 8px;
  padding-right: 8px;
}

.v-application {
  font-family: inherit;
}
.v-application p {
  margin-bottom: initial;
}

#Header {
  background: #04050e;
  box-sizing: content-box;
  height: 86px;
  padding: var(--pad-y) var(--pad-x);
}

@media only screen and (min-width: 0px) and (max-width: 1024px) {
  #Header {
    height: 60px;
  }
  #AppWrapper .ResponsiveHandle {
    border-radius: 50%;
    font-size: initial;
    height: auto;
    left: auto;
    line-height: 1;
    padding: 0;
    padding: calc(var(--pad-x) * 0.75);
    margin: calc(var(--pad-x) * 0.25);
    top: 0;
    width: auto;
  }
  #AppWrapper .ResponsiveHandle i.fa {
    font-family: "Material Design Icons";
    font-size: 30px;
  }
  #AppWrapper .ResponsiveHandle i.fa.fa-navicon::before {
    content: "\f035c";
  }
  #AppWrapper .ResponsiveHandle i.fa.fa-caret-square-o-left::before {
    content: "\f037b";
  }
}
#NavigationContainer {
  top: 69px;
}

#Navigation {
  box-sizing: content-box;
  font-family: Roboto, sans-serif;
  padding-left: 0;
}
#Navigation > li > a {
  font-size: 14px;
  font-size: inherit;
  padding: 8px 14px 4px 14px;
}
#Navigation > li > a::after {
  background-color: #f15a22;
}
#Navigation ul {
  padding-left: 0;
}
#Navigation li::before {
  background-color: #fff;
  border-radius: inherit;
  bottom: 0;
  color: inherit;
  content: "";
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.6, 1);
}
#Navigation li.Selected::before {
  opacity: 0.18;
}
#Navigation > .Active > ul > li {
  font-size: inherit;
}
#Navigation > .Active > ul > li:hover {
  background-color: #f15a22;
}
#Navigation > .Active > ul > li:hover > a {
  color: #000;
}
#Navigation > .Active > ul > li > a {
  font-size: 90%;
  padding: 10px 14px;
}

ul.BreadCrumb {
  background: #eee;
  border-radius: 4px;
  box-shadow: none;
  margin-right: 0;
  padding-bottom: 0.35em;
  padding-left: 0;
  padding-top: 0.35em;
}

ul.BreadCrumb li:before, ul.BreadCrumb li:after {
  margin-top: -23px;
}

ul.BreadCrumb li::before {
  border-left-color: #eee;
}

ul.BreadCrumb li > a, .BreadCrumb li > span {
  color: #333;
  line-height: normal;
  padding: 0 2px;
}

.WidgetSimple {
  background: #eee;
  border-radius: 4px;
  margin-right: 0;
}

.Expanded.AnimationRunning > .Header > .WidgetAction.Toggle {
  height: auto;
  float: left;
  margin: 0;
  width: auto;
}

.WidgetSimple .Content {
  color: #333;
  padding: 10px;
}
.WidgetSimple .Content ul.ActionList {
  padding-left: 0;
}

form label.Mandatory span.Marker {
  top: initial;
}

.FormScreen .cmt-form-wrapper {
  margin-left: 286px;
}

.SearchBox input[type=text] {
  border: solid 1px #d2d2d2;
  border-right: solid 1px rgba(0, 0, 0, 0.38);
  border-right: solid 1px #d2d2d2;
  box-sizing: border-box;
  font-family: inherit;
  font-size: inherit;
  height: auto;
  height: 32px;
  padding: 0 12px;
  width: 100%;
}

.SearchBox button[type=submit] {
  background: none;
  border: none;
  font: inherit;
  height: 32px;
  position: absolute;
  right: 0;
  top: 0;
  width: 32px;
}

.LayoutFixedSidebar.SidebarFirst > .SidebarColumn {
  margin-right: var(--pad-x);
}

.LayoutFixedSidebar.SidebarLast > .SidebarColumn {
  width: 20em;
}

.SidebarColumn .WidgetSimple .InputField_Container,
.SidebarColumn .WidgetSimple .InputField_InputContainer,
.SidebarColumn .WidgetSimple .InputField_Search {
  width: 100% !important;
}

.SidebarColumn .WidgetSimple .InputField_Search {
  box-sizing: border-box;
}

.SidebarColumn .WidgetSimple .ActionList .CallForAction:not(:first-child), .SidebarColumn .WidgetSimple .ActionList .ProcessManagementEditScreen #ProcessElements a.CallForAction:not(:first-child), .ProcessManagementEditScreen #ProcessElements .SidebarColumn .WidgetSimple .ActionList a.CallForAction:not(:first-child) {
  margin-top: var(--gap);
}

div.InputField_ListContainer {
  z-index: 9999;
}

.DataTable {
  border-radius: 4px;
  border-spacing: 0;
}
.DataTable thead {
  background: none;
}
.DataTable thead th {
  background: none;
  border: none;
  border-bottom: thin solid rgba(0, 0, 0, 0.12);
  font-size: inherit;
  font-weight: 500;
  text-transform: none;
  padding: 10px 10px;
}
.DataTable thead th.UnreadArticles {
  padding: 10px 10px;
}
.DataTable tbody td a.Pencil, .DataTable tbody td a.TrashCan {
  vertical-align: initial;
}
.DataTable tbody td a.Pencil i.fa, .DataTable tbody td a.TrashCan i.fa {
  font-family: "Material Design Icons";
  top: auto;
}
.DataTable tbody td a.Pencil i.fa.fa-edit::before, .DataTable tbody td a.TrashCan i.fa.fa-edit::before {
  content: "\f03eb";
}
.DataTable tbody td a.Pencil i.fa.fa-trash-o::before, .DataTable tbody td a.TrashCan i.fa.fa-trash-o::before {
  content: "\f01b4";
}
.DataTable p.TableEmpty {
  color: #666;
  padding: 2.6em 0;
  text-align: center;
}

#Footer a {
  display: initial;
}

#Footer img {
  display: inline-block;
  filter: grayscale(1);
  margin: auto;
  margin-top: 1.4em;
  opacity: 0.5;
  width: 110px;
}

#Footer a:hover img {
  filter: none;
  opacity: 0.8;
}

/* Login */
.LoginScreen {
  height: 100vh;
  padding-top: 0;
}
.LoginScreen #AppWrapper {
  display: flex;
  flex-direction: column;
}
.LoginScreen #AppWrapper .MainBox {
  border-top: solid 80px #000;
  padding-top: 40px;
}
.LoginScreen #LoginLogo {
  margin-bottom: 40px;
}
.LoginScreen #Footer {
  background-color: #000;
  margin-top: auto;
}
.LoginScreen #Footer a {
  color: #999;
  text-shadow: none;
}
.LoginScreen #Footer img {
  display: inline-block;
  filter: grayscale(1) invert(100%);
  margin: auto;
  margin-top: 1.4em;
  opacity: 0.5;
  width: 110px;
}
.LoginScreen #Footer a:hover img {
  filter: none;
  opacity: 0.8;
}

.LoginScreen #LoginBox fieldset div input {
  border: solid 1px rgba(0, 0, 0, 0.38);
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.87);
  font-family: inherit;
  font-size: inherit;
  height: 42px;
  margin-top: 15px;
  padding: 0 12px;
  width: 100%;
}
.LoginScreen #LoginBox fieldset div:first-child input {
  margin-top: 0;
}
.LoginScreen #LoginBox .TooltipErrorMessage {
  margin-bottom: 15px;
}
.LoginScreen #LoginBox button[type=submit] {
  margin-top: 25px;
}

/* Dashboard */
div.AllocationListContainer {
  margin-left: calc(10em + 10px);
  padding: 10px;
}
div.AllocationListContainer div.Size1of2 {
  position: relative;
}
div.AllocationListContainer div.Size1of2 ul.Tablelike {
  background-color: transparent;
  border: none;
}
div.AllocationListContainer div.Size1of2 ul.Tablelike li.Header {
  background: transparent;
  border: none;
  border-bottom: solid 1px #bbb;
  font-size: inherit;
  line-height: 1.9em;
  margin-bottom: 10px;
  padding-bottom: 0.3em;
  padding-top: calc(0.3em - 10px);
}
div.AllocationListContainer div.Size1of2 div.FilterInputContainer {
  background: none;
  border: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
}
div.AllocationListContainer div.Size1of2 div.FilterInputContainer input {
  margin: 0;
}
div.AllocationListContainer div.Size1of2 ul.AllocationList {
  background: #fff;
  border: solid 1px #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  height: 155px;
  max-height: 155px;
  min-height: 155px;
  overflow-y: auto;
  padding: 4px;
}
div.AllocationListContainer div.Size1of2 ul.AllocationList li {
  background: #eee;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  color: #555;
  font-size: 90%;
  margin-bottom: 4px;
  padding-left: 10px;
}
div.AllocationListContainer div.Size1of2 ul.AllocationList li.ui-sortable-helper {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), 3px 3px 1px rgba(0, 0, 0, 0.15);
}

.WidgetSimple .Buttons {
  font-size: inherit;
}
.WidgetSimple .Buttons button {
  padding: 6px 16px;
}

.DataTable,
.Sortable.DataTable,
.TableSmall {
  border-radius: 4px;
  border-spacing: 0;
  font-size: inherit;
}
.DataTable thead tr,
.Sortable.DataTable thead tr,
.TableSmall thead tr {
  background: none;
}
.DataTable thead th,
.Sortable.DataTable thead th,
.TableSmall thead th {
  background: none;
  border: none;
  border-bottom: thin solid rgba(0, 0, 0, 0.12);
  font-size: inherit;
  font-weight: 500;
  font-weight: bolder;
  padding: 10px 10px;
  text-transform: none;
}
.DataTable thead th.SortAscending, .DataTable thead th.SortDescending, .DataTable thead th.DashboardHeader, .DataTable thead th.DashboardHeader.SortAscendingLarge, .DataTable thead th.DashboardHeader.SortDescendingLarge, .DataTable thead th.OverviewHeader, .DataTable thead th.OverviewHeader.SortAscendingLarge, .DataTable thead th.OverviewHeader.SortDescendingLarge,
.Sortable.DataTable thead th.SortAscending,
.Sortable.DataTable thead th.SortDescending,
.Sortable.DataTable thead th.DashboardHeader,
.Sortable.DataTable thead th.DashboardHeader.SortAscendingLarge,
.Sortable.DataTable thead th.DashboardHeader.SortDescendingLarge,
.Sortable.DataTable thead th.OverviewHeader,
.Sortable.DataTable thead th.OverviewHeader.SortAscendingLarge,
.Sortable.DataTable thead th.OverviewHeader.SortDescendingLarge,
.TableSmall thead th.SortAscending,
.TableSmall thead th.SortDescending,
.TableSmall thead th.DashboardHeader,
.TableSmall thead th.DashboardHeader.SortAscendingLarge,
.TableSmall thead th.DashboardHeader.SortDescendingLarge,
.TableSmall thead th.OverviewHeader,
.TableSmall thead th.OverviewHeader.SortAscendingLarge,
.TableSmall thead th.OverviewHeader.SortDescendingLarge {
  border-bottom-color: rgba(0, 0, 0, 0.12);
  padding: 10px 20px 10px 1px;
  padding-left: 1px;
  white-space: nowrap;
}
.DataTable thead th a,
.DataTable thead th span,
.Sortable.DataTable thead th a,
.Sortable.DataTable thead th span,
.TableSmall thead th a,
.TableSmall thead th span {
  background: none;
  display: inline;
  font-size: inherit;
  font-weight: inherit;
  padding-left: 0;
  text-transform: none;
}
.DataTable thead th a.ColumnSettingsTrigger::after, .DataTable thead th.SortAscending a::after, .DataTable thead th.SortDescending a::after, .DataTable thead th.SortAscendingLarge a::after, .DataTable thead th.SortDescendingLarge a::after,
.Sortable.DataTable thead th a.ColumnSettingsTrigger::after,
.Sortable.DataTable thead th.SortAscending a::after,
.Sortable.DataTable thead th.SortDescending a::after,
.Sortable.DataTable thead th.SortAscendingLarge a::after,
.Sortable.DataTable thead th.SortDescendingLarge a::after,
.TableSmall thead th a.ColumnSettingsTrigger::after,
.TableSmall thead th.SortAscending a::after,
.TableSmall thead th.SortDescending a::after,
.TableSmall thead th.SortAscendingLarge a::after,
.TableSmall thead th.SortDescendingLarge a::after {
  background: #ddd;
  border-radius: 50%;
  display: inline-block;
  font-family: "Material Design Icons";
  font-size: 110%;
  height: 1.5em;
  left: initial;
  line-height: 150%;
  margin-left: 0.4em;
  position: static;
  text-align: center;
  text-shadow: none;
  vertical-align: middle;
  width: 1.5em;
}
.DataTable thead th.DashboardHeader a.ColumnSettingsTrigger, .DataTable thead th.OverviewHeader a.ColumnSettingsTrigger,
.Sortable.DataTable thead th.DashboardHeader a.ColumnSettingsTrigger,
.Sortable.DataTable thead th.OverviewHeader a.ColumnSettingsTrigger,
.TableSmall thead th.DashboardHeader a.ColumnSettingsTrigger,
.TableSmall thead th.OverviewHeader a.ColumnSettingsTrigger {
  display: initial;
  float: none;
  font-size: 100%;
  height: 0;
  margin-left: -0.4em;
  opacity: 1;
  position: relative;
  width: 0;
  z-index: 1000;
}
.DataTable thead th.DashboardHeader a.ColumnSettingsTrigger::after, .DataTable thead th.OverviewHeader a.ColumnSettingsTrigger::after,
.Sortable.DataTable thead th.DashboardHeader a.ColumnSettingsTrigger::after,
.Sortable.DataTable thead th.OverviewHeader a.ColumnSettingsTrigger::after,
.TableSmall thead th.DashboardHeader a.ColumnSettingsTrigger::after,
.TableSmall thead th.OverviewHeader a.ColumnSettingsTrigger::after {
  content: "\f0232";
}
.DataTable thead th.DashboardHeader a.ColumnSettingsTrigger i.fa, .DataTable thead th.OverviewHeader a.ColumnSettingsTrigger i.fa,
.Sortable.DataTable thead th.DashboardHeader a.ColumnSettingsTrigger i.fa,
.Sortable.DataTable thead th.OverviewHeader a.ColumnSettingsTrigger i.fa,
.TableSmall thead th.DashboardHeader a.ColumnSettingsTrigger i.fa,
.TableSmall thead th.OverviewHeader a.ColumnSettingsTrigger i.fa {
  display: none;
}
.DataTable thead th.SortAscending a::after, .DataTable thead th.SortAscendingLarge a:not(.ColumnSettingsTrigger)::after,
.Sortable.DataTable thead th.SortAscending a::after,
.Sortable.DataTable thead th.SortAscendingLarge a:not(.ColumnSettingsTrigger)::after,
.TableSmall thead th.SortAscending a::after,
.TableSmall thead th.SortAscendingLarge a:not(.ColumnSettingsTrigger)::after {
  content: "\f0143";
}
.DataTable thead th.SortDescending a::after, .DataTable thead th.SortDescendingLarge a:not(.ColumnSettingsTrigger)::after,
.Sortable.DataTable thead th.SortDescending a::after,
.Sortable.DataTable thead th.SortDescendingLarge a:not(.ColumnSettingsTrigger)::after,
.TableSmall thead th.SortDescending a::after,
.TableSmall thead th.SortDescendingLarge a:not(.ColumnSettingsTrigger)::after {
  content: "\f0140";
}
.DataTable thead th.SortAscendingLarge a:not(.ColumnSettingsTrigger)::after, .DataTable thead th.SortDescendingLarge a:not(.ColumnSettingsTrigger)::after,
.Sortable.DataTable thead th.SortAscendingLarge a:not(.ColumnSettingsTrigger)::after,
.Sortable.DataTable thead th.SortDescendingLarge a:not(.ColumnSettingsTrigger)::after,
.TableSmall thead th.SortAscendingLarge a:not(.ColumnSettingsTrigger)::after,
.TableSmall thead th.SortDescendingLarge a:not(.ColumnSettingsTrigger)::after {
  position: static;
  text-shadow: none;
}
.DataTable thead th.SortAscendingLarge a.ColumnSettingsTrigger::after, .DataTable thead th.SortDescendingLarge a.ColumnSettingsTrigger::after,
.Sortable.DataTable thead th.SortAscendingLarge a.ColumnSettingsTrigger::after,
.Sortable.DataTable thead th.SortDescendingLarge a.ColumnSettingsTrigger::after,
.TableSmall thead th.SortAscendingLarge a.ColumnSettingsTrigger::after,
.TableSmall thead th.SortDescendingLarge a.ColumnSettingsTrigger::after {
  content: "\f0232";
}
.DataTable thead th.OverviewHeader a.ColumnSettingsTrigger:hover,
.DataTable thead th.OverviewHeader a.ColumnSettingsTrigger.Active, .DataTable thead th.OverviewHeader.FilterActive a.ColumnSettingsTrigger, .DataTable thead th.DashboardHeader a.ColumnSettingsTrigger:hover,
.DataTable thead th.DashboardHeader a.ColumnSettingsTrigger.Active, .DataTable thead th.DashboardHeader.FilterActive a.ColumnSettingsTrigger,
.Sortable.DataTable thead th.OverviewHeader a.ColumnSettingsTrigger:hover,
.Sortable.DataTable thead th.OverviewHeader a.ColumnSettingsTrigger.Active,
.Sortable.DataTable thead th.OverviewHeader.FilterActive a.ColumnSettingsTrigger,
.Sortable.DataTable thead th.DashboardHeader a.ColumnSettingsTrigger:hover,
.Sortable.DataTable thead th.DashboardHeader a.ColumnSettingsTrigger.Active,
.Sortable.DataTable thead th.DashboardHeader.FilterActive a.ColumnSettingsTrigger,
.TableSmall thead th.OverviewHeader a.ColumnSettingsTrigger:hover,
.TableSmall thead th.OverviewHeader a.ColumnSettingsTrigger.Active,
.TableSmall thead th.OverviewHeader.FilterActive a.ColumnSettingsTrigger,
.TableSmall thead th.DashboardHeader a.ColumnSettingsTrigger:hover,
.TableSmall thead th.DashboardHeader a.ColumnSettingsTrigger.Active,
.TableSmall thead th.DashboardHeader.FilterActive a.ColumnSettingsTrigger {
  box-shadow: none;
}
.DataTable thead th.SortAscendingLarge a:not(.ColumnSettingsTrigger)::after, .DataTable thead th.SortDescendingLarge a:not(.ColumnSettingsTrigger)::after, .DataTable thead th.FilterActive a.ColumnSettingsTrigger::after,
.Sortable.DataTable thead th.SortAscendingLarge a:not(.ColumnSettingsTrigger)::after,
.Sortable.DataTable thead th.SortDescendingLarge a:not(.ColumnSettingsTrigger)::after,
.Sortable.DataTable thead th.FilterActive a.ColumnSettingsTrigger::after,
.TableSmall thead th.SortAscendingLarge a:not(.ColumnSettingsTrigger)::after,
.TableSmall thead th.SortDescendingLarge a:not(.ColumnSettingsTrigger)::after,
.TableSmall thead th.FilterActive a.ColumnSettingsTrigger::after {
  background-color: #24408c;
  color: white;
}
.DataTable thead th.OverviewHeader .ColumnSettingsContainer, .DataTable thead th.DashboardHeader .ColumnSettingsContainer,
.Sortable.DataTable thead th.OverviewHeader .ColumnSettingsContainer,
.Sortable.DataTable thead th.DashboardHeader .ColumnSettingsContainer,
.TableSmall thead th.OverviewHeader .ColumnSettingsContainer,
.TableSmall thead th.DashboardHeader .ColumnSettingsContainer {
  position: relative;
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0px;
  vertical-align: bottom;
  z-index: 999;
}
.DataTable thead th.OverviewHeader .ColumnSettingsContainer .ColumnSettingsBox, .DataTable thead th.DashboardHeader .ColumnSettingsContainer .ColumnSettingsBox,
.Sortable.DataTable thead th.OverviewHeader .ColumnSettingsContainer .ColumnSettingsBox,
.Sortable.DataTable thead th.DashboardHeader .ColumnSettingsContainer .ColumnSettingsBox,
.TableSmall thead th.OverviewHeader .ColumnSettingsContainer .ColumnSettingsBox,
.TableSmall thead th.DashboardHeader .ColumnSettingsContainer .ColumnSettingsBox {
  top: calc(100% + 14px) !important;
  right: -19px;
  z-index: 1000;
  background-color: white;
  border-radius: 4px;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.DataTable thead th.OverviewHeader .ColumnSettingsContainer .ColumnSettingsBox::before, .DataTable thead th.DashboardHeader .ColumnSettingsContainer .ColumnSettingsBox::before,
.Sortable.DataTable thead th.OverviewHeader .ColumnSettingsContainer .ColumnSettingsBox::before,
.Sortable.DataTable thead th.DashboardHeader .ColumnSettingsContainer .ColumnSettingsBox::before,
.TableSmall thead th.OverviewHeader .ColumnSettingsContainer .ColumnSettingsBox::before,
.TableSmall thead th.DashboardHeader .ColumnSettingsContainer .ColumnSettingsBox::before {
  color: #fff;
  content: "\f0360";
  font-family: "Material Design Icons";
  font-size: 32px;
  height: 28px;
  line-height: 50px;
  position: absolute;
  right: 3px;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.65);
  top: 0;
  transform: translateY(-100%);
  width: 30px;
  /* z-index: auto; */
  text-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.DataTable thead th.OverviewHeader .ColumnSettingsContainer .ColumnSettingsBox::after, .DataTable thead th.DashboardHeader .ColumnSettingsContainer .ColumnSettingsBox::after,
.Sortable.DataTable thead th.OverviewHeader .ColumnSettingsContainer .ColumnSettingsBox::after,
.Sortable.DataTable thead th.DashboardHeader .ColumnSettingsContainer .ColumnSettingsBox::after,
.TableSmall thead th.OverviewHeader .ColumnSettingsContainer .ColumnSettingsBox::after,
.TableSmall thead th.DashboardHeader .ColumnSettingsContainer .ColumnSettingsBox::after {
  background-color: white;
  border-top-right-radius: 4px;
  content: "";
  height: 10px;
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
}
.DataTable thead th a,
.Sortable.DataTable thead th a,
.TableSmall thead th a {
  font-size: inherit;
}
.DataTable thead th.DashboardHeader > a, .DataTable thead th.DashboardHeader > span, .DataTable thead th.OverviewHeader > a, .DataTable thead th.OverviewHeader > span,
.Sortable.DataTable thead th.DashboardHeader > a,
.Sortable.DataTable thead th.DashboardHeader > span,
.Sortable.DataTable thead th.OverviewHeader > a,
.Sortable.DataTable thead th.OverviewHeader > span,
.TableSmall thead th.DashboardHeader > a,
.TableSmall thead th.DashboardHeader > span,
.TableSmall thead th.OverviewHeader > a,
.TableSmall thead th.OverviewHeader > span {
  float: none;
  height: initial;
  line-height: 150%;
}
.DataTable tbody tr:hover td,
.Sortable.DataTable tbody tr:hover td,
.TableSmall tbody tr:hover td {
  background-color: #fb8c00;
}
.DataTable tbody tr td,
.Sortable.DataTable tbody tr td,
.TableSmall tbody tr td {
  border-right: solid 1px #ddd;
  padding: 6px 10px;
}
.DataTable tbody tr td:last-child,
.Sortable.DataTable tbody tr td:last-child,
.TableSmall tbody tr td:last-child {
  border-right: none;
}
.DataTable tbody tr.Row td.QueueOverviewTotals,
.Sortable.DataTable tbody tr.Row td.QueueOverviewTotals,
.TableSmall tbody tr.Row td.QueueOverviewTotals {
  border-top: solid 2px #ddd;
}
.DataTable tbody tr.MasterAction:hover span.UnreadArticles.Remarkable::before,
.Sortable.DataTable tbody tr.MasterAction:hover span.UnreadArticles.Remarkable::before,
.TableSmall tbody tr.MasterAction:hover span.UnreadArticles.Remarkable::before {
  text-shadow: -1px 0px 0px rgba(0, 0, 0, 0.35), 0px -1px 0px rgba(0, 0, 0, 0.35), 1px 0px 0px rgba(0, 0, 0, 0.35), 0px 1px 0px rgba(0, 0, 0, 0.35);
}

.TableSmall .ColumnFilter {
  font-size: 13.3px;
}

.Tab.Actions {
  border-radius: 4px;
  box-shadow: 0px 1px 0px #c8c8c8, 0px 1px 10px #e8e8e8;
  box-shadow: 0px 1px 10px #e8e8e8;
  box-shadow: 0px 1px 10px #e4e4e4;
  font-size: initial;
  margin-bottom: var(--gap, 8px);
  padding-left: 0;
}
.Tab.Actions > li {
  float: left;
  font-size: smaller;
  height: auto;
  padding: 0;
  overflow: hidden;
  box-shadow: none;
  border-radius: 0;
  line-height: 1.5;
}
.Tab.Actions > li > a, .Tab.Actions > li > span.ClusterLink {
  background: #f8f8f8;
  color: #444;
  display: inline-block;
  padding: 5px 10px;
  vertical-align: middle;
  border: solid 1px #ccc;
  border-radius: 4px;
  box-shadow: 0px 1px 10px #e4e4e4;
}
.Tab.Actions > li:hover > a, .Tab.Actions > li:hover > span.ClusterLink {
  background: #24408c;
  border: solid 1px #2e53b5 !important;
  color: white;
  text-decoration: none;
}
.Tab.Actions > li > a, .Tab.Actions > li > span.ClusterLink {
  border-radius: 0;
  box-shadow: none;
}
.Tab.Actions > li:first-child > a, .Tab.Actions > li:first-child > span.ClusterLink {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  padding-left: 10px;
}
.Tab.Actions > li:not(:last-child) > a, .Tab.Actions > li:not(:last-child) > span.ClusterLink {
  border-right: none;
}
.Tab.Actions > li:not(:last-child):hover > a, .Tab.Actions > li:not(:last-child):hover > span.ClusterLink {
  border-right: none !important;
}
.Tab.Actions > li:last-child > a, .Tab.Actions > li:last-child > span.ClusterLink, .Tab.Actions > li.cmt-item-action-link-last > a, .Tab.Actions > li.cmt-item-action-link-last > span.ClusterLink {
  border-bottom-right-radius: 4px;
  border-right: solid 1px #ccc;
  border-top-right-radius: 4px;
}
.Tab.Actions > li:last-child:hover > a, .Tab.Actions > li:last-child:hover > span.ClusterLink, .Tab.Actions > li.cmt-item-action-link-last:hover > a, .Tab.Actions > li.cmt-item-action-link-last:hover > span.ClusterLink {
  border-right: solid 1px #2e53b5 !important;
}
.Tab.Actions > li.Selected a,
.Tab.Actions > li a.Active {
  color: white;
  background-color: #24408c;
  border-color: #2e53b5;
  border-right-color: #2e53b5;
  font-weight: normal;
}
.Tab.Actions > li::after {
  content: none;
}

p.FieldExplanation {
  margin: 5px 0;
}

/* New Ticket */
.CustomerContainer {
  box-shadow: none;
  border-radius: 4px;
}
.CustomerContainer .CustomerTicketText {
  border: none;
  font-size: 85%;
  padding-left: 10px;
}
.CustomerContainer .CustomerTicketText.MainCustomer {
  background-color: #b3e5fc;
  border: none;
}

/* Ticket status view */
.OverviewBox {
  margin-left: 10px;
  margin-right: 10px;
}
.OverviewBox .OverviewControl {
  border-radius: 4px;
  overflow: hidden;
}
.OverviewBox .OverviewControl > div {
  padding: 0;
}

.OverviewLarge {
  margin-left: 10px;
  margin-right: 10px;
}

/* Agent preferences view */
label + .v-input--switch {
  margin-top: 0;
}

.ItemListGrid.WithIcons > li a[href*="?Action=AgentPreferences"][href*="Group=NotificationSettings"] .Icons i.fa::before {
  content: "\f0026";
}
.ItemListGrid.WithIcons > li a[href*="?Action=AgentPreferences"][href*="Group=Miscellaneous"] .Icons i.fa::before {
  content: "\f062e";
}

body .ItemListGrid {
  display: grid;
  gap: 10px 10px;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  padding-top: 0;
}
body .ItemListGrid > li {
  border: solid 1px #e0e0e0;
  border-radius: 4px;
  display: block;
  float: none;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  max-width: none;
  min-width: none;
  width: auto;
}
body .ItemListGrid > li > a {
  background: #e0e0e0;
  background: #f6f6f6;
  background-size: 11%;
  background-repeat: no-repeat;
  border: none;
  border-radius: 4px;
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.2);
  padding: 0.8em;
  padding-top: 0.8em;
  text-align: left;
  transition: all ease 0.2s;
}
body .ItemListGrid > li > a:not(.Disabled):hover {
  background: #fff;
}
body .ItemListGrid > li span.Title {
  font-size: inherit;
  font-weight: 500;
  margin: 0;
  margin-left: 15%;
}
body .ItemListGrid > li span.Description {
  font-size: 90%;
  margin: 0;
  margin-left: 15%;
}

.ItemListGrid.WithIcons > li {
  background: #f0f0f0;
  height: auto;
  min-width: auto;
}
.ItemListGrid.WithIcons > li span.Icons {
  border: none;
  display: block;
  float: left;
  height: auto;
  left: 0;
  margin: 0;
  margin-right: var(--pad-x);
  padding: 0;
  position: static;
  top: 0;
  width: 10%;
}
.ItemListGrid.WithIcons > li span.Icons i.fa {
  font-size: 150%;
  line-height: inherit;
}
.ItemListGrid.WithIcons > li span.Icons i.fa::before {
  font-family: "Material Design Icons";
  content: "";
  transition: all ease 0.2s;
}
.ItemListGrid.WithIcons > li span.Icons i.fa.Icon2 {
  background: transparent;
  border: none;
  left: 50%;
  top: 25%;
  padding: 0;
  font-size: 100% !important;
  position: relative;
  left: -10%;
  top: 12%;
  margin-left: -0.5em;
}
.ItemListGrid.WithIcons > li span.Icons i.fa.Icon2::before {
  color: #a9b3bd !important;
}
.ItemListGrid.WithIcons > li span.Icons i.fa.fa-arrows-h::before {
  content: "\f0e73";
}
.ItemListGrid.WithIcons > li span.Icons i.fa.fa-arrows-v::before {
  content: "\f0e79";
}
.ItemListGrid.WithIcons > li span.Icons i.fa.fa-bar-chart::before {
  content: "\f0128";
}
.ItemListGrid.WithIcons > li span.Icons i.fa.fa-bell-o::before {
  content: "\f009a";
}
.ItemListGrid.WithIcons > li span.Icons i.fa.fa-building::before {
  content: "\f0991";
}
.ItemListGrid.WithIcons > li span.Icons i.fa.fa-building-o::before {
  content: "\f0991";
}
.ItemListGrid.WithIcons > li span.Icons i.fa.fa-calendar::before {
  content: "\f00ed";
}
.ItemListGrid.WithIcons > li span.Icons i.fa.fa-check::before {
  content: "\f012c";
}
.ItemListGrid.WithIcons > li span.Icons i.fa.fa-clock-o::before {
  content: "\f0954";
}
.ItemListGrid.WithIcons > li span.Icons i.fa.fa-exchange::before {
  content: "\f0e73";
}
.ItemListGrid.WithIcons > li span.Icons i.fa.fa-filter::before {
  content: "\f0232";
}
.ItemListGrid.WithIcons > li span.Icons i.fa.fa-paperclip::before {
  content: "\f03e2";
}
.ItemListGrid.WithIcons > li span.Icons i.fa.fa-plus-square::before {
  content: "\f0415";
}
.ItemListGrid.WithIcons > li span.Icons i.fa.fa-refresh::before {
  content: "\f0450";
}
.ItemListGrid.WithIcons > li span.Icons i.fa.fa-reply::before {
  content: "\f045a";
}
.ItemListGrid.WithIcons > li span.Icons i.fa.fa-search::before {
  content: "\f0349";
}
.ItemListGrid.WithIcons > li span.Icons i.fa.fa-star::before {
  content: "\f04ce";
}
.ItemListGrid.WithIcons > li span.Icons i.fa.fa-user::before {
  content: "\f0004";
}
.ItemListGrid.WithIcons > li span.Icons i.fa.fa-users::before {
  content: "\f0849";
}
.ItemListGrid.WithIcons > li > a {
  padding: var(--pad-y) var(--pad-x);
}
.ItemListGrid.WithIcons > li > a:not(.Disabled):hover span.Icons {
  background: none;
}
.ItemListGrid.WithIcons > li > a:not(.Disabled):hover span.Icons i.fa::before {
  color: #f15a22 !important;
  color: #f15a22 !important;
}
.ItemListGrid.WithIcons > li > a:not(.Disabled):hover span.Icons i.fa.Icon2 {
  background: transparent;
}
.ItemListGrid.WithIcons > li > a:not(.Disabled):hover span.Icons i.fa.Icon2::before {
  color: #ff9a62 !important;
  color: #f7a282 !important;
}

.ItemListGrid.WithIcons > li > a {
  background: linear-gradient(90deg, #fff 15%, #ccc 15.2%, transparent 15.4%);
}
.ItemListGrid.WithIcons > li span.Title,
.ItemListGrid.WithIcons > li span.Description {
  margin-left: 34pt;
  margin-left: auto;
}
.ItemListGrid.WithIcons > li span.Description {
  display: inline-block;
}

.ItemListGrid.WithIcons > li > a {
  background: #e9e9e9;
}
.ItemListGrid.WithIcons > li span.Icons {
  background: #fff;
  border: solid 1px #f0f0f0;
  border-radius: 50%;
  height: 2.8em;
  width: 2.8em;
  text-align: center;
  line-height: 2.8em;
  top: 0.4em;
  left: 0.4em;
}

.ItemListGrid.WithIcons > li > a {
  background: #f2f2f2;
}
.ItemListGrid.WithIcons > li span.Title {
  color: #f15a22;
}

.ItemListGrid.WithIcons > li > a {
  background: #f2f2f2;
}
.ItemListGrid.WithIcons > li span.Title {
  color: #333;
}

.ItemListGrid.WithIcons > li > a {
  background: transparent;
  border: solid 1px rgba(36, 64, 140, 0.4);
  box-shadow: 0px 1px 0px #99a;
  color: #444;
}
.ItemListGrid.WithIcons > li > a span.Icons i.fa::before {
  color: slategray !important;
}
.ItemListGrid.WithIcons > li > a span.Title {
  color: #333;
}
.ItemListGrid.WithIcons > li > a:not(.Disabled):hover {
  border: solid 1px rgba(36, 64, 140, 0.4);
}
.ItemListGrid.WithIcons > li > a:not(.Disabled):hover span.Icons {
  border-color: #f15a22;
  background-color: #f15a22;
}
.ItemListGrid.WithIcons > li > a:not(.Disabled):hover span.Icons i.fa::before {
  color: white !important;
}
.ItemListGrid.WithIcons > li > a:not(.Disabled):hover span.Icons i.fa.Icon2::before {
  color: #e6e6e6 !important;
  color: #f9b49a !important;
}

.ItemListGrid.WithIcons li[data-module=AdminACL] span.Icons i.fa::before {
  content: "\f05c7";
}
.ItemListGrid.WithIcons li[data-module=AdminAppointmentNotificationEvent] span.Icons i.fa::before {
  content: "\f0a31";
}
.ItemListGrid.WithIcons li[data-module=AdminAttachment] span.Icons i.fa::before {
  content: "\f03e2";
}
.ItemListGrid.WithIcons li[data-module=AdminAutoResponse] span.Icons i.fa::before {
  content: "\f045a";
}
.ItemListGrid.WithIcons li[data-module=AdminCalendarManage] span.Icons i.fa::before {
  content: "\f00ed";
}
.ItemListGrid.WithIcons li[data-module=AdminCommunicationLog] span.Icons i.fa::before {
  content: "\f0961";
}
.ItemListGrid.WithIcons li[data-module=AdminCustomerCompany] span.Icons i.fa::before {
  content: "\f0991";
}
.ItemListGrid.WithIcons li[data-module=AdminCustomerGroup] span.Icons i.fa::before {
  content: "\f0991";
}
.ItemListGrid.WithIcons li[data-module=AdminCustomerGroup] span.Icons {
  line-height: 2.4em;
}
.ItemListGrid.WithIcons li[data-module=AdminCustomerGroup] span.Icons i.fa.Icon2::before {
  content: "\f0849";
}
.ItemListGrid.WithIcons li[data-module=AdminCustomerUser] span.Icons i.fa::before {
  content: "\f0013";
}
.ItemListGrid.WithIcons li[data-module=AdminCustomerUserCustomer] span.Icons i.fa::before {
  content: "\f0013";
}
.ItemListGrid.WithIcons li[data-module=AdminCustomerUserCustomer] span.Icons {
  line-height: 2.4em;
}
.ItemListGrid.WithIcons li[data-module=AdminCustomerUserCustomer] span.Icons i.fa.Icon2::before {
  content: "\f0991";
}
.ItemListGrid.WithIcons li[data-module=AdminCustomerUserGroup] span.Icons i.fa::before {
  content: "\f0013";
}
.ItemListGrid.WithIcons li[data-module=AdminCustomerUserGroup] span.Icons {
  line-height: 2.4em;
}
.ItemListGrid.WithIcons li[data-module=AdminCustomerUserGroup] span.Icons i.fa.Icon2::before {
  content: "\f0849";
}
.ItemListGrid.WithIcons li[data-module=AdminCustomerUserService] span.Icons i.fa::before {
  content: "\f0013";
}
.ItemListGrid.WithIcons li[data-module=AdminCustomerUserService] span.Icons {
  line-height: 2.4em;
}
.ItemListGrid.WithIcons li[data-module=AdminCustomerUserService] span.Icons i.fa.Icon2::before {
  content: "\f08d6";
}
.ItemListGrid.WithIcons li[data-module=AdminDynamicField] span.Icons i.fa::before {
  content: "\f1400";
}
.ItemListGrid.WithIcons li[data-module=AdminEmail] span.Icons i.fa::before {
  content: "\f06cf";
}
.ItemListGrid.WithIcons li[data-module=AdminGenericAgent] span.Icons i.fa::before {
  content: "\f06a9";
}
.ItemListGrid.WithIcons li[data-module=AdminGenericInterfaceWebservice] span.Icons i.fa::before {
  content: "\f105b";
}
.ItemListGrid.WithIcons li[data-module=AdminGroup] span.Icons i.fa::before {
  content: "\f0849";
}
.ItemListGrid.WithIcons li[data-module=AdminLog] span.Icons i.fa::before {
  content: "\f0279";
}
.ItemListGrid.WithIcons li[data-module=AdminMailAccount] span.Icons i.fa::before {
  content: "\f0ee7";
}
.ItemListGrid.WithIcons li[data-module=AdminNotificationEvent] span.Icons i.fa::before {
  content: "\f0026";
}
.ItemListGrid.WithIcons li[data-module=AdminOAuth2TokenConfig] span.Icons i.fa::before {
  content: "\f0306";
}
.ItemListGrid.WithIcons li[data-module=AdminPackageManager] span.Icons i.fa::before {
  content: "\f03d3";
}
.ItemListGrid.WithIcons li[data-module=AdminPerformanceLog] span.Icons i.fa::before {
  content: "\f0128";
}
.ItemListGrid.WithIcons li[data-module=AdminPGP] span.Icons i.fa::before {
  content: "\f1184";
}
.ItemListGrid.WithIcons li[data-module=AdminPostMasterFilter] span.Icons i.fa::before {
  content: "\f0232";
}
.ItemListGrid.WithIcons li[data-module=AdminPriority] span.Icons i.fa {
  transform: rotate(180deg) scaleX(-1);
}
.ItemListGrid.WithIcons li[data-module=AdminPriority] span.Icons i.fa::before {
  content: "\f04bc";
}
.ItemListGrid.WithIcons li[data-module=AdminProcessManagement] span.Icons i.fa::before {
  content: "\f0bd3";
}
.ItemListGrid.WithIcons li[data-module=AdminQueue] span.Icons i.fa::before {
  content: "\f0c82";
}
.ItemListGrid.WithIcons li[data-module=AdminQueueAutoResponse] span.Icons i.fa::before {
  content: "\f0c82";
}
.ItemListGrid.WithIcons li[data-module=AdminQueueAutoResponse] span.Icons {
  line-height: 2.4em;
}
.ItemListGrid.WithIcons li[data-module=AdminQueueAutoResponse] span.Icons i.fa.Icon2::before {
  content: "\f045a";
}
.ItemListGrid.WithIcons li[data-module=AdminQueueTemplates] span.Icons i.fa::before {
  content: "\f0219";
}
.ItemListGrid.WithIcons li[data-module=AdminQueueTemplates] span.Icons {
  line-height: 2.4em;
}
.ItemListGrid.WithIcons li[data-module=AdminQueueTemplates] span.Icons i.fa.Icon2::before {
  content: "\f0c82";
}
.ItemListGrid.WithIcons li[data-module=AdminRole] span.Icons i.fa::before {
  content: "\f0006";
}
.ItemListGrid.WithIcons li[data-module=AdminRoleGroup] span.Icons i.fa::before {
  content: "\f0006";
}
.ItemListGrid.WithIcons li[data-module=AdminRoleGroup] span.Icons {
  line-height: 2.4em;
}
.ItemListGrid.WithIcons li[data-module=AdminRoleGroup] span.Icons i.fa.Icon2::before {
  content: "\f0849";
}
.ItemListGrid.WithIcons li[data-module=AdminRoleUser] span.Icons i.fa::before {
  content: "\f0004";
}
.ItemListGrid.WithIcons li[data-module=AdminRoleUser] span.Icons {
  line-height: 2.4em;
}
.ItemListGrid.WithIcons li[data-module=AdminRoleUser] span.Icons i.fa.Icon2::before {
  content: "\f0006";
}
.ItemListGrid.WithIcons li[data-module=AdminSalutation] span.Icons i.fa::before {
  content: "\f0369";
}
.ItemListGrid.WithIcons li[data-module=AdminSelectBox] span.Icons i.fa::before {
  content: "\f0866";
}
.ItemListGrid.WithIcons li[data-module=AdminService] span.Icons i.fa::before {
  content: "\f08d6";
}
.ItemListGrid.WithIcons li[data-module=AdminSession] span.Icons i.fa::before {
  content: "\f0b56";
}
.ItemListGrid.WithIcons li[data-module=AdminSignature] span.Icons i.fa::before {
  content: "\f03ea";
}
.ItemListGrid.WithIcons li[data-module=AdminSLA] span.Icons i.fa::before {
  content: "\f1186";
}
.ItemListGrid.WithIcons li[data-module=AdminSMIME] span.Icons i.fa::before {
  content: "\f0124";
}
.ItemListGrid.WithIcons li[data-module=AdminState] span.Icons i.fa::before {
  content: "\f0756";
}
.ItemListGrid.WithIcons li[data-module=AdminSupportDataCollector] span.Icons i.fa::before {
  content: "\f014e";
}
.ItemListGrid.WithIcons li[data-module=AdminSystemAddress] span.Icons i.fa::before {
  content: "\f0065";
}
.ItemListGrid.WithIcons li[data-module=AdminSystemConfiguration] span.Icons i.fa::before {
  content: "\f05b7";
}
.ItemListGrid.WithIcons li[data-module=AdminSystemMaintenance] span.Icons i.fa::before {
  content: "\f0cbd";
}
.ItemListGrid.WithIcons li[data-module=AdminTemplate] span.Icons i.fa::before {
  content: "\f0219";
}
.ItemListGrid.WithIcons li[data-module=AdminTemplateAttachment] span.Icons i.fa::before {
  content: "\f0219";
}
.ItemListGrid.WithIcons li[data-module=AdminTemplateAttachment] span.Icons {
  line-height: 2.4em;
}
.ItemListGrid.WithIcons li[data-module=AdminTemplateAttachment] span.Icons i.fa.Icon2::before {
  content: "\f03e2";
}
.ItemListGrid.WithIcons li[data-module=AdminType] span.Icons i.fa::before {
  content: "\f0315";
}
.ItemListGrid.WithIcons li[data-module=AdminUser] span.Icons i.fa::before {
  content: "\f0004";
}
.ItemListGrid.WithIcons li[data-module=AdminUserGroup] span.Icons i.fa::before {
  content: "\f0004";
}
.ItemListGrid.WithIcons li[data-module=AdminUserGroup] span.Icons {
  line-height: 2.4em;
}
.ItemListGrid.WithIcons li[data-module=AdminUserGroup] span.Icons i.fa.Icon2::before {
  content: "\f0849";
}

.ItemListGrid.WithIcons a[href*="Action=AdminCommunicationLog;"] .Icons .fa {
  font-family: "Material Design Icons";
}
.ItemListGrid.WithIcons a[href*="Action=AdminCommunicationLog;"] .Icons .fa.fa-exclamation::before {
  content: "\f1238";
}
.ItemListGrid.WithIcons a[href*="Action=AdminCommunicationLog;"] .Icons .fa.fa-question::before {
  content: "\f02d6";
}
.ItemListGrid.WithIcons a[href*="Action=AdminCommunicationLog;"] .Icons .fa.fa-times::before {
  content: "\f1398";
}

.Flag.Small {
  height: auto;
  width: auto;
}
.Flag.Small span {
  border-radius: 0.2em;
  height: 1em;
  width: 1em;
}

.Flag span.PriorityID-1 {
  background-color: #00a000;
}

.Flag span.PriorityID-2 {
  background-color: #0059ff;
}

.Flag span.PriorityID-3 {
  background-color: #aaaaaa;
}

.Flag span.PriorityID-4 {
  background-color: #ffc940;
}

.Flag span.PriorityID-5 {
  background-color: #ff0000;
}

input[type=radio]::before {
  box-shadow: inset 1em 1em #24408c;
}

input[type=radio]:checked {
  color: #24408c;
}

.MessageBox.Error {
  background: none;
  border-radius: 4px;
  caret-color: rgb(251, 140, 0);
  color: #ff5252ff;
  margin-top: var(--pad-y, 10px);
}
.MessageBox.Error .Icon {
  color: #ff5252ff;
  display: inline;
  left: 2em;
  margin-right: 0;
  margin-top: 0;
  padding: 0;
  position: absolute;
  top: 0.375em;
  vertical-align: middle;
}
.MessageBox.Error .Icon::before {
  content: "\f0ce6";
  font-family: "Material Design Icons";
  font-size: 125%;
  opacity: 1;
  position: static;
  vertical-align: text-top;
}
.MessageBox.Error p {
  border: thin solid;
  border-color: #ff5252ff;
  border-radius: 4px;
  border-width: 1px 1px 1px 8px;
  box-shadow: 0px 1px 0px #ff525234;
  caret-color: #ff5252ff;
  color: #ff5252ff;
  margin-bottom: 0;
  margin-left: var(--pad-x, 10px);
  margin-right: var(--pad-x, 10px);
  padding: 0.75em;
}
.MessageBox.Error p::after {
  background-color: #ff5252ff;
  border-radius: inherit;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.05;
  position: absolute;
  pointer-events: none;
  right: 0;
  top: 0;
  margin: inherit;
}
.MessageBox.Error p a {
  color: #333;
  transition: color ease 0.2s;
}
.MessageBox.Error p a:hover {
  color: currentColor;
}
.MessageBox.Error .Icon + p {
  padding-left: 2.2em;
}

.MessageBox.Notice {
  background: none;
  border-radius: 4px;
  caret-color: rgb(251, 140, 0);
  color: #fb8c00ff;
  margin-top: var(--pad-y, 10px);
}
.MessageBox.Notice .Icon {
  color: #fb8c00ff;
  display: inline;
  left: 2em;
  margin-right: 0;
  margin-top: 0;
  padding: 0;
  position: absolute;
  top: 0.375em;
  vertical-align: middle;
}
.MessageBox.Notice .Icon::before {
  content: "\f11cf";
  font-family: "Material Design Icons";
  font-size: 125%;
  opacity: 1;
  position: static;
  vertical-align: text-top;
}
.MessageBox.Notice p {
  border: thin solid;
  border-color: #fb8c00ff;
  border-radius: 4px;
  border-width: 1px 1px 1px 8px;
  box-shadow: 0px 1px 0px #fb8c0034;
  caret-color: #fb8c00ff;
  color: #fb8c00ff;
  margin-bottom: 0;
  margin-left: var(--pad-x, 10px);
  margin-right: var(--pad-x, 10px);
  padding: 0.75em;
}
.MessageBox.Notice p::after {
  background-color: #fb8c00ff;
  border-radius: inherit;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.05;
  position: absolute;
  pointer-events: none;
  right: 0;
  top: 0;
  margin: inherit;
}
.MessageBox.Notice p a {
  color: #333;
  transition: color ease 0.2s;
}
.MessageBox.Notice p a:hover {
  color: currentColor;
}
.MessageBox.Notice .Icon + p {
  padding-left: 2.2em;
}

code,
.v-application code,
.v-application.theme--light code {
  font-family: "Roboto Mono", monospace, fixed;
  font-size: 90%;
  padding: 0.1em 0.2em;
  background-color: rgba(119, 136, 153, 0.15);
}

dl dt {
  font-size: initial;
  line-height: 1.5;
}
dl dd {
  line-height: 1.5;
  margin-left: 0.8em;
}

fieldset.TableLike.FixedLabelSmall > label {
  width: 8em;
}

fieldset.TableLike.FixedLabelSmall > .Field,
fieldset.TableLike.FixedLabelSmall > .Row > .Field,
fieldset.TableLike.FixedLabelSmall > .Value,
fieldset.TableLike.FixedLabelSmall > .Row > .Value {
  margin-left: 8em;
}

fieldset.TableLike .Field, fieldset.TableLike .RichTextField {
  padding-left: 0;
}
fieldset.TableLike > label, fieldset.TableLike > .Row > label {
  color: #666;
}
fieldset.TableLike > label + .Field, fieldset.TableLike > label + .RichTextField, fieldset.TableLike > .Row > label + .Field, fieldset.TableLike > .Row > label + .RichTextField {
  padding-left: var(--pad-x);
}
fieldset.TableLike p.Value {
  margin-bottom: 0;
}
fieldset.TableLike label.cmt-stacked {
  float: none;
  text-align: left;
  width: 100%;
}
fieldset.TableLike label.cmt-stacked + p.Value {
  margin-left: 0;
  padding-left: 0;
}

ul.Tablelike li.Header {
  text-transform: none;
}

body .WidgetSimple {
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.15);
  margin-bottom: var(--gap-120);
}
body .WidgetSimple > .Header h2 {
  color: #333;
  flex: 1;
  font-size: inherit;
  font-weight: bolder;
  order: 5;
  padding: 0;
  text-shadow: none;
}
body .WidgetSimple .Header {
  align-items: center;
  display: flex;
  line-height: 1;
  padding: var(--pad-y) var(--pad-x);
}
body .WidgetSimple .Header .ActionMenu {
  margin-right: var(--pad-x);
  order: 10;
  position: absolute;
  right: 0;
  top: initial;
  z-index: 1;
}
body .WidgetSimple .Header .WidgetAction {
  width: auto;
  height: auto;
}
body .WidgetSimple .Header .WidgetAction.Toggle {
  height: auto;
  margin: 0;
  width: auto;
}
body .WidgetSimple .Header .WidgetAction.Toggle::before {
  font-family: "Material Design Icons";
  font-size: 120%;
  line-height: 0.8333333333;
}
body .WidgetSimple .Header .WidgetAction.Toggle a {
  height: 100%;
  width: 100%;
}
body .WidgetSimple .Header .WidgetAction.Toggle a i.fa {
  display: none !important;
}
body .WidgetSimple .Header .WidgetAction.Toggle a:hover i.fa {
  background: none;
}
body .WidgetSimple .Header .WidgetAction a {
  font-size: initial;
  height: auto;
  display: inline-block;
}
body .WidgetSimple .Header .WidgetAction a i.fa {
  font-size: initial;
  margin: 0;
}
body .WidgetSimple .Header .WidgetAction a i.fa::before {
  font-family: "Material Design Icons";
  font-size: 110%;
}
body .WidgetSimple .Header .WidgetAction a i.fa.fa-cog::before {
  content: "\f01d9";
}
body .WidgetSimple .Header .WidgetAction a i.fa.fa-refresh::before {
  content: "\f0450";
}
body .WidgetSimple .Header .WidgetAction a i.fa.fa-times::before {
  content: "\f1398";
}
body .WidgetSimple .Header .WidgetAction a i.fa.fa-trash-o::before {
  content: "\f14ef";
}
body .WidgetSimple .Header .WidgetAction a:hover i.fa {
  color: #24408c;
  background: #ddd;
  border-radius: 50px;
}
body .WidgetSimple.Collapsed .Header .WidgetAction.Toggle::before {
  content: "\f0140";
}
body .WidgetSimple.Expanded .Header .WidgetAction.Toggle::before {
  content: "\f0143";
}
body .WidgetSimple.Collapsed.AnimationRunning .Header, body .WidgetSimple.Expanded.AnimationRunning .Header {
  line-height: 1;
  padding: var(--gap) var(--gap-120);
}
body .WidgetSimple .WidgetMenu {
  padding: var(--pad-y) var(--pad-x);
}
body .WidgetSimple .WidgetMenu a.Button,
body .WidgetSimple .WidgetMenu span.Button {
  border: solid 1px #ccc;
  border-radius: 4px;
  box-shadow: 0px 1px 10px #e4e4e4;
  color: #444;
  font-size: calc(var(--font-size-base) * 0.85);
  padding: 5px 10px;
  vertical-align: middle;
}
body .WidgetSimple .WidgetMenu a.Button.Right,
body .WidgetSimple .WidgetMenu span.Button.Right {
  float: right;
}
body .WidgetSimple .WidgetMenu a.Button .fa,
body .WidgetSimple .WidgetMenu span.Button .fa {
  font-family: "Material Design Icons";
  font-size: inherit;
}
body .WidgetSimple .WidgetMenu a.Button .fa.fa-times::before,
body .WidgetSimple .WidgetMenu span.Button .fa.fa-times::before {
  content: "\f073a";
}
body .WidgetSimple .WidgetMenu a.Button .fa.fa-check::before,
body .WidgetSimple .WidgetMenu span.Button .fa.fa-check::before {
  content: "\f012c";
}
body .WidgetSimple .WidgetMenu a.Button .fa.fa-undo::before,
body .WidgetSimple .WidgetMenu span.Button .fa.fa-undo::before {
  content: "\f054c";
}
body .WidgetSimple .WidgetMenu a.Button .fa.fa-link::before,
body .WidgetSimple .WidgetMenu span.Button .fa.fa-link::before {
  content: "\f0339";
}
body .WidgetSimple .WidgetMenu a.Button .fa.fa-star-o::before,
body .WidgetSimple .WidgetMenu span.Button .fa.fa-star-o::before {
  content: "\f04ce";
}
body .WidgetSimple .WidgetMenu a.Button .fa.fa-pencil-square,
body .WidgetSimple .WidgetMenu span.Button .fa.fa-pencil-square {
  content: "\f090c";
}
body .WidgetSimple > .Content {
  border-top: solid 1px ghostwhite;
  padding: var(--pad-y) var(--pad-x);
}

body .WidgetSimple.Setting .Header h2 {
  padding-left: 0;
}

body .WidgetSimple.Setting.IsLockedByMe .SettingWrapper > .SettingDescription {
  padding-right: 1em;
}

.WidgetSimple.Setting .SettingWrapper fieldset {
  border-right: solid 1px #ccc;
  float: left;
  width: calc(70% - 6em);
}
.WidgetSimple.Setting .SettingWrapper fieldset .SettingUpdateBox {
  background-color: transparent;
  border-left: solid 1px #ccc;
  font-size: initial;
  height: calc(100% - 2 * var(--pad-y));
  margin-right: var(--gap);
  margin-top: var(--pad-y);
  padding: 0;
  text-align: center;
  top: 0;
  width: 6em;
  width: auto;
}
.WidgetSimple.Setting .SettingWrapper fieldset .SettingUpdateBox button {
  margin: 0;
}
body .WidgetSimple.Setting .SettingWrapper > .SettingDescription {
  border: none;
  border-left: solid 1px #ccc;
  display: block;
  float: left;
  font-size: 87.5%;
  margin-left: -1px;
  padding: 0 1em;
}

body .Preferences .WidgetSimple.Setting .SettingWrapper > .SettingDescription {
  width: 30%;
}

.SettingsList .WidgetSimple.Setting.IsLockedByMe .SettingWrapper fieldset > .SettingUpdateBox {
  width: 6em;
  width: auto;
}
.SettingsList .WidgetSimple.Setting.IsLockedByMe .SettingWrapper fieldset > .SettingUpdateBox button {
  margin: 0;
  margin-left: var(--gap);
}
.SettingsList .WidgetSimple.Setting.IsLockedByMe .SettingWrapper fieldset > .SettingUpdateBox button.Cancel i.fa::before {
  content: "\f073a";
}
.SettingsList .WidgetSimple.Setting.IsLockedByMe .SettingWrapper > .SettingDescription {
  padding-right: 1em;
}

body .SettingsList.Preferences .WidgetSimple.Setting.IsLockedByMe .Content .SettingUpdateBox {
  left: calc(100% - 6.8571428571em);
}

body .MainBox {
  padding: var(--pad-y) var(--pad-x);
}
body .MainBox > h1 {
  padding-left: 0;
}

/* Action Row */
.WidgetSimple .Content > .ActionRow {
  margin-left: 0;
}
.ActionRow .Actions {
  border-radius: 4px;
  box-shadow: 0px 1px 0px #c8c8c8, 0px 1px 10px #e8e8e8;
  box-shadow: 0px 1px 10px #e8e8e8;
  box-shadow: 0px 1px 10px #e4e4e4;
  font-size: initial;
  margin-bottom: var(--gap, 8px);
  padding-left: 0;
  display: flex;
  margin-bottom: 0;
}
.ActionRow .Actions > li {
  float: left;
  font-size: smaller;
  height: auto;
  padding: 0;
  overflow: hidden;
  box-shadow: none;
  border-radius: 0;
  line-height: 1.5;
}
.ActionRow .Actions > li > a, .ActionRow .Actions > li > span.ClusterLink {
  background: #f8f8f8;
  color: #444;
  display: inline-block;
  padding: 5px 10px;
  vertical-align: middle;
  border: solid 1px #ccc;
  border-radius: 4px;
  box-shadow: 0px 1px 10px #e4e4e4;
}
.ActionRow .Actions > li:hover > a, .ActionRow .Actions > li:hover > span.ClusterLink {
  background: #24408c;
  border: solid 1px #2e53b5 !important;
  color: white;
  text-decoration: none;
}
.ActionRow .Actions > li > a, .ActionRow .Actions > li > span.ClusterLink {
  border-radius: 0;
  box-shadow: none;
}
.ActionRow .Actions > li:first-child > a, .ActionRow .Actions > li:first-child > span.ClusterLink {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  padding-left: 10px;
}
.ActionRow .Actions > li:not(:last-child) > a, .ActionRow .Actions > li:not(:last-child) > span.ClusterLink {
  border-right: none;
}
.ActionRow .Actions > li:not(:last-child):hover > a, .ActionRow .Actions > li:not(:last-child):hover > span.ClusterLink {
  border-right: none !important;
}
.ActionRow .Actions > li:last-child > a, .ActionRow .Actions > li:last-child > span.ClusterLink, .ActionRow .Actions > li.cmt-item-action-link-last > a, .ActionRow .Actions > li.cmt-item-action-link-last > span.ClusterLink {
  border-bottom-right-radius: 4px;
  border-right: solid 1px #ccc;
  border-top-right-radius: 4px;
}
.ActionRow .Actions > li:last-child:hover > a, .ActionRow .Actions > li:last-child:hover > span.ClusterLink, .ActionRow .Actions > li.cmt-item-action-link-last:hover > a, .ActionRow .Actions > li.cmt-item-action-link-last:hover > span.ClusterLink {
  border-right: solid 1px #2e53b5 !important;
}
.ActionRow .Actions > li.Selected a,
.ActionRow .Actions > li a.Active {
  color: white;
  background-color: #24408c;
  border-color: #2e53b5;
  border-right-color: #2e53b5;
  font-weight: normal;
}
.ActionRow .Actions > li::after {
  content: none;
}
.ActionRow .Actions li {
  font-size: inherit;
}
.ActionRow .Actions li::after {
  content: "";
  float: none;
  background: transparent;
  height: 2px;
  margin: 0;
  position: absolute;
  width: 100%;
}
.ActionRow .Actions > li {
  align-self: center;
  float: left;
  font-size: 85%;
  margin: 0;
}
.ActionRow .Actions > li:first-child {
  padding-left: 0;
}
.ActionRow .Actions > li[id^=nav-] {
  border-radius: 0;
  overflow: visible;
}
.ActionRow .Actions > li[id^=nav-]:first-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 0;
}
.ActionRow .Actions > li[id^=nav-]:not(:first-child) {
  border-left: none;
}
.ActionRow .Actions > li[id^=nav-] + li[id^=nav-] {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.ActionRow .Actions > li:not([id^=nav-]) {
  margin-left: 0.5em;
}
.ActionRow .Actions > li span.ClusterLink {
  color: #444;
  padding: 5px 10px;
  white-space: nowrap;
}

body .Cluster ul ul {
  border-radius: 0 0 4px 4px;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  left: 0;
  margin-top: 2px;
  top: 100%;
}
body .Cluster ul ul li {
  line-height: initial;
}
body .Cluster ul ul li a:hover {
  background-color: #24408c;
  color: white;
}

.ItemActions .Actions {
  display: flex;
}
.ItemActions .Actions li {
  font-size: 85%;
}
.ItemActions .Actions li::after {
  content: none;
}
.ItemActions .Actions > li {
  align-self: center;
  float: left;
  line-height: initial;
  margin: 0;
}
.ItemActions .Actions > li:first-child {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.ItemActions .Actions > li:not(:first-child) {
  border-left: none;
}
.ItemActions .Actions > li:last-child {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.ItemActions .Actions > li.cmt-item-action-dropdown {
  border: none;
  box-shadow: none;
  margin-left: 0.5em;
}
.ItemActions .Actions > li.cmt-item-action-dropdown label {
  display: inline-block;
}
.ItemActions .Actions > li.cmt-item-action-dropdown label::after {
  content: ":";
}
.ItemActions .Actions > li.cmt-item-action-link-last a {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.ItemActions .Actions > li a, .ItemActions .Actions > li span.ClusterLink {
  padding: 5px 10px;
}

/* Unread articles marker */
div.UnreadArticles {
  line-height: 15px;
  margin: 0;
  padding: 0 !important;
  vertical-align: initial;
  width: auto;
}
div.UnreadArticles span.UnreadArticles {
  margin: 0;
  padding: 0 !important;
  width: auto;
}
div.UnreadArticles span.UnreadArticles::before {
  color: #aaa;
  content: "\f04ce";
  font-family: "Material Design Icons";
  font-size: 150%;
}
div.UnreadArticles span.UnreadArticles.Remarkable::before {
  color: #ffc940;
}
div.UnreadArticles span.UnreadArticles i.fa {
  display: none !important;
}

/* Dialog windows */
.Dialog {
  border-radius: 4px;
  overflow: hidden;
}
.Dialog > .Header {
  align-items: center;
  display: flex;
  flex-direction: row-reverse;
  height: auto;
}
.Dialog > .Header h1 {
  flex: 1;
  font-size: inherit;
  font-weight: bold;
  margin-bottom: 0;
  padding: var(--pad-y) var(--pad-x);
}
.Dialog > .Header .Close {
  display: inline;
  flex: 1;
  height: auto;
  margin-right: var(--pad-x);
  right: auto;
  top: auto;
  width: auto;
}
.Dialog > .Header .Close i.fa {
  font-family: "Material Design Icons";
}
.Dialog > .Header .Close i.fa::before {
  content: "\f0156";
}
.Dialog .Content .ContentFooter {
  padding: 10px 0;
}

/* Action buttons */
a.CallForAction, .ProcessManagementEditScreen #ProcessElements a.CallForAction,
.v-application a.CallForAction,
button.CallForAction {
  background-color: #f15a22;
  border: none;
  border-radius: 4px;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  padding: 12px 32px;
  padding: 0.3em 1.2em;
  position: relative;
  transition: all ease-in 0.1s;
}
a.CallForAction i.fa, .ProcessManagementEditScreen #ProcessElements a.CallForAction i.fa,
.v-application a.CallForAction i.fa,
button.CallForAction i.fa {
  display: none;
}
a.CallForAction span, .ProcessManagementEditScreen #ProcessElements a.CallForAction span,
.v-application a.CallForAction span,
button.CallForAction span {
  border: none;
  color: #fff;
  font-size: inherit;
  font-weight: 500;
  text-shadow: none;
}
a.CallForAction.Fullsize span, .ProcessManagementEditScreen #ProcessElements a.Fullsize.CallForAction span,
.v-application a.CallForAction.Fullsize span,
button.CallForAction.Fullsize span {
  padding: 0;
}
a.CallForAction.Fullsize.Center span i, .ProcessManagementEditScreen #ProcessElements a.Fullsize.Center.CallForAction span i,
.v-application a.CallForAction.Fullsize.Center span i,
button.CallForAction.Fullsize.Center span i {
  left: auto;
  position: static;
  top: auto;
}
a.CallForAction::before, .ProcessManagementEditScreen #ProcessElements a.CallForAction::before,
.v-application a.CallForAction::before,
button.CallForAction::before {
  background-color: #f15a22;
  border-radius: inherit;
  bottom: 0;
  color: inherit;
  content: "";
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.6, 1);
}
a.CallForAction::before, .ProcessManagementEditScreen #ProcessElements a.CallForAction::before,
.v-application a.CallForAction::before,
button.CallForAction::before {
  content: none;
}
a.CallForAction:hover, .ProcessManagementEditScreen #ProcessElements a.CallForAction:hover,
.v-application a.CallForAction:hover,
button.CallForAction:hover {
  background-color: #f15a22;
  border: solid 1px #ff6a32;
  background-color: #24408c;
  border: solid 1px #0f1b3b;
  color: #fff;
  color: white;
}
a.CallForAction:hover::before, .ProcessManagementEditScreen #ProcessElements a.CallForAction:hover::before,
.v-application a.CallForAction:hover::before,
button.CallForAction:hover::before {
  opacity: 0.08;
}
a.CallForAction:hover span i.fa::before, .ProcessManagementEditScreen #ProcessElements a.CallForAction:hover span i.fa::before,
.v-application a.CallForAction:hover span i.fa::before,
button.CallForAction:hover span i.fa::before {
  color: #fff;
  color: white;
}
a.CallForAction:focus, .ProcessManagementEditScreen #ProcessElements a.CallForAction:focus,
.v-application a.CallForAction:focus,
button.CallForAction:focus {
  outline: none;
}
a.CallForAction:active::before, .ProcessManagementEditScreen #ProcessElements a.CallForAction:active::before,
.v-application a.CallForAction:active::before,
button.CallForAction:active::before {
  opacity: 0.08;
}
a.CallForAction.Inline, .ProcessManagementEditScreen #ProcessElements a.Inline.CallForAction,
.v-application a.CallForAction.Inline,
button.CallForAction.Inline {
  height: 32px;
  padding: 0 32px;
  top: 1px;
  vertical-align: middle;
}
a.CallForAction.Inline span, .ProcessManagementEditScreen #ProcessElements a.Inline.CallForAction span,
.v-application a.CallForAction.Inline span,
button.CallForAction.Inline span {
  line-height: inherit;
}
a.CallForAction span.v-ripple__container, .ProcessManagementEditScreen #ProcessElements a.CallForAction span.v-ripple__container,
.v-application a.CallForAction span.v-ripple__container,
button.CallForAction span.v-ripple__container {
  color: inherit;
  position: absolute;
}
a.CallForAction span.v-ripple__container span.v-ripple__animation, .ProcessManagementEditScreen #ProcessElements a.CallForAction span.v-ripple__container span.v-ripple__animation,
.v-application a.CallForAction span.v-ripple__container span.v-ripple__animation,
button.CallForAction span.v-ripple__container span.v-ripple__animation {
  color: inherit;
  position: absolute;
}

a.CallForAction, .ProcessManagementEditScreen #ProcessElements a.CallForAction,
.v-application a.CallForAction,
button.CallForAction {
  background: transparent;
  border-radius: 4px;
  color: rgba(20, 36, 79, 0.8);
  padding: 0.3em 1.2em;
  border: solid 1px rgba(36, 64, 140, 0.4);
  box-shadow: 0px 1px 0px #99a;
}
a.CallForAction:active, .ProcessManagementEditScreen #ProcessElements a.CallForAction:active,
.v-application a.CallForAction:active,
button.CallForAction:active {
  background: #24408c;
  color: white;
}
a.CallForAction.Primary, .ProcessManagementEditScreen #ProcessElements a.Primary.CallForAction,
.v-application a.CallForAction.Primary,
button.CallForAction.Primary {
  background-color: #f15a22;
  border: solid 1px #ff6a32;
  box-shadow: 0px 1px 0px #ddd, 0px 1px 10px #eee;
  color: #fff;
  padding: 0.3em 1.2em;
}
a.CallForAction.Primary:hover, .ProcessManagementEditScreen #ProcessElements a.Primary.CallForAction:hover,
.v-application a.CallForAction.Primary:hover,
button.CallForAction.Primary:hover {
  background-color: #de3e02;
}
a.CallForAction.Primary:hover span, .ProcessManagementEditScreen #ProcessElements a.Primary.CallForAction:hover span,
.v-application a.CallForAction.Primary:hover span,
button.CallForAction.Primary:hover span {
  text-shadow: 0 0 20px #fff;
  transition: all ease-in 0.1s;
}
a.CallForAction.Disabled, .ProcessManagementEditScreen #ProcessElements a.Disabled.CallForAction,
.v-application a.CallForAction.Disabled,
button.CallForAction.Disabled {
  color: #888;
  background: #d0d0d0 !important;
  border: solid 1px #d8d8d8 !important;
  border-bottom: solid 1px #d8d8d8 !important;
  box-shadow: 0px 1px 0px #c8c8c8, 0px 1px 10px #eee !important;
}
a.CallForAction.Disabled.Inline, .ProcessManagementEditScreen #ProcessElements a.Disabled.Inline.CallForAction,
.v-application a.CallForAction.Disabled.Inline,
button.CallForAction.Disabled.Inline {
  box-shadow: none !important;
}
a.CallForAction span, .ProcessManagementEditScreen #ProcessElements a.CallForAction span,
.v-application a.CallForAction span,
button.CallForAction span {
  color: inherit;
  padding: 0;
}

.WidgetSimple .Content a.CallForAction:not(.Primary), .WidgetSimple .Content .ProcessManagementEditScreen #ProcessElements a.CallForAction:not(.Primary), .ProcessManagementEditScreen #ProcessElements .WidgetSimple .Content a.CallForAction:not(.Primary),
.WidgetSimple .Content .v-application a.CallForAction:not(.Primary),
.WidgetSimple .Content button.CallForAction:not(.Primary),
.Dialog .ContentFooter a.CallForAction:not(.Primary),
.Dialog .ContentFooter .ProcessManagementEditScreen #ProcessElements a.CallForAction:not(.Primary),
.ProcessManagementEditScreen #ProcessElements .Dialog .ContentFooter a.CallForAction:not(.Primary),
.Dialog .ContentFooter .v-application a.CallForAction:not(.Primary),
.Dialog .ContentFooter button.CallForAction:not(.Primary) {
  border: solid 1px #fff;
  border: solid 1px rgba(36, 64, 140, 0.4);
  box-shadow: 0px 1px 0px #ddd, 0px 1px 10px #eee;
  box-shadow: 0px 1px 0px #99a;
}

.ProcessManagementEditScreen #ProcessElements a.CallForAction {
  width: auto;
}

#EditFormCancel.CallForAction:hover, .ProcessManagementEditScreen #ProcessElements a#EditFormCancel.CallForAction:hover,
.WidgetSettingsForm button.CallForAction[id$=_cancel]:hover {
  background-color: rgba(36, 64, 140, 0.1);
  border-color: rgba(36, 64, 140, 0.4);
  color: rgba(31, 55, 120, 0.8);
}

a.CallForAction span, .ProcessManagementEditScreen #ProcessElements a.CallForAction span,
.v-application a.CallForAction span,
button.CallForAction span {
  display: inline;
  position: static;
}
a.CallForAction span i.fa, .ProcessManagementEditScreen #ProcessElements a.CallForAction span i.fa,
.v-application a.CallForAction span i.fa,
button.CallForAction span i.fa {
  display: inline;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  margin-right: 0.15em;
}
a.CallForAction span i.fa::before, .ProcessManagementEditScreen #ProcessElements a.CallForAction span i.fa::before,
.v-application a.CallForAction span i.fa::before,
button.CallForAction span i.fa::before {
  color: rgba(20, 36, 79, 0.8);
  content: "";
  font-family: "Material Design Icons";
  font-weight: bold;
}
a.CallForAction span i.fa.fa-arrows-h::before, .ProcessManagementEditScreen #ProcessElements a.CallForAction span i.fa.fa-arrows-h::before,
.v-application a.CallForAction span i.fa.fa-arrows-h::before,
button.CallForAction span i.fa.fa-arrows-h::before {
  content: "\f0e73";
}
a.CallForAction span i.fa.fa-arrows-v::before, .ProcessManagementEditScreen #ProcessElements a.CallForAction span i.fa.fa-arrows-v::before,
.v-application a.CallForAction span i.fa.fa-arrows-v::before,
button.CallForAction span i.fa.fa-arrows-v::before {
  content: "\f0e79";
}
a.CallForAction span i.fa.fa-bar-chart::before, .ProcessManagementEditScreen #ProcessElements a.CallForAction span i.fa.fa-bar-chart::before,
.v-application a.CallForAction span i.fa.fa-bar-chart::before,
button.CallForAction span i.fa.fa-bar-chart::before {
  content: "\f0128";
}
a.CallForAction span i.fa.fa-bell-o::before, .ProcessManagementEditScreen #ProcessElements a.CallForAction span i.fa.fa-bell-o::before,
.v-application a.CallForAction span i.fa.fa-bell-o::before,
button.CallForAction span i.fa.fa-bell-o::before {
  content: "\f009a";
}
a.CallForAction span i.fa.fa-building::before, .ProcessManagementEditScreen #ProcessElements a.CallForAction span i.fa.fa-building::before,
.v-application a.CallForAction span i.fa.fa-building::before,
button.CallForAction span i.fa.fa-building::before {
  content: "\f0991";
}
a.CallForAction span i.fa.fa-building-o::before, .ProcessManagementEditScreen #ProcessElements a.CallForAction span i.fa.fa-building-o::before,
.v-application a.CallForAction span i.fa.fa-building-o::before,
button.CallForAction span i.fa.fa-building-o::before {
  content: "\f0991";
}
a.CallForAction span i.fa.fa-calendar::before, .ProcessManagementEditScreen #ProcessElements a.CallForAction span i.fa.fa-calendar::before,
.v-application a.CallForAction span i.fa.fa-calendar::before,
button.CallForAction span i.fa.fa-calendar::before {
  content: "\f00ed";
}
a.CallForAction span i.fa.fa-check::before, .ProcessManagementEditScreen #ProcessElements a.CallForAction span i.fa.fa-check::before,
.v-application a.CallForAction span i.fa.fa-check::before,
button.CallForAction span i.fa.fa-check::before {
  content: "\f012c";
}
a.CallForAction span i.fa.fa-clock-o::before, .ProcessManagementEditScreen #ProcessElements a.CallForAction span i.fa.fa-clock-o::before,
.v-application a.CallForAction span i.fa.fa-clock-o::before,
button.CallForAction span i.fa.fa-clock-o::before {
  content: "\f0954";
}
a.CallForAction span i.fa.fa-exchange::before, .ProcessManagementEditScreen #ProcessElements a.CallForAction span i.fa.fa-exchange::before,
.v-application a.CallForAction span i.fa.fa-exchange::before,
button.CallForAction span i.fa.fa-exchange::before {
  content: "\f0e73";
}
a.CallForAction span i.fa.fa-filter::before, .ProcessManagementEditScreen #ProcessElements a.CallForAction span i.fa.fa-filter::before,
.v-application a.CallForAction span i.fa.fa-filter::before,
button.CallForAction span i.fa.fa-filter::before {
  content: "\f0232";
}
a.CallForAction span i.fa.fa-paperclip::before, .ProcessManagementEditScreen #ProcessElements a.CallForAction span i.fa.fa-paperclip::before,
.v-application a.CallForAction span i.fa.fa-paperclip::before,
button.CallForAction span i.fa.fa-paperclip::before {
  content: "\f03e2";
}
a.CallForAction span i.fa.fa-plus-square::before, .ProcessManagementEditScreen #ProcessElements a.CallForAction span i.fa.fa-plus-square::before,
.v-application a.CallForAction span i.fa.fa-plus-square::before,
button.CallForAction span i.fa.fa-plus-square::before {
  content: "\f0415";
}
a.CallForAction span i.fa.fa-refresh::before, .ProcessManagementEditScreen #ProcessElements a.CallForAction span i.fa.fa-refresh::before,
.v-application a.CallForAction span i.fa.fa-refresh::before,
button.CallForAction span i.fa.fa-refresh::before {
  content: "\f0450";
}
a.CallForAction span i.fa.fa-reply::before, .ProcessManagementEditScreen #ProcessElements a.CallForAction span i.fa.fa-reply::before,
.v-application a.CallForAction span i.fa.fa-reply::before,
button.CallForAction span i.fa.fa-reply::before {
  content: "\f045a";
}
a.CallForAction span i.fa.fa-search::before, .ProcessManagementEditScreen #ProcessElements a.CallForAction span i.fa.fa-search::before,
.v-application a.CallForAction span i.fa.fa-search::before,
button.CallForAction span i.fa.fa-search::before {
  content: "\f0349";
}
a.CallForAction span i.fa.fa-star::before, .ProcessManagementEditScreen #ProcessElements a.CallForAction span i.fa.fa-star::before,
.v-application a.CallForAction span i.fa.fa-star::before,
button.CallForAction span i.fa.fa-star::before {
  content: "\f04ce";
}
a.CallForAction span i.fa.fa-user::before, .ProcessManagementEditScreen #ProcessElements a.CallForAction span i.fa.fa-user::before,
.v-application a.CallForAction span i.fa.fa-user::before,
button.CallForAction span i.fa.fa-user::before {
  content: "\f0004";
}
a.CallForAction span i.fa.fa-users::before, .ProcessManagementEditScreen #ProcessElements a.CallForAction span i.fa.fa-users::before,
.v-application a.CallForAction span i.fa.fa-users::before,
button.CallForAction span i.fa.fa-users::before {
  content: "\f0849";
}
a.CallForAction.Disabled span i.fa::before, .ProcessManagementEditScreen #ProcessElements a.Disabled.CallForAction span i.fa::before, a.CallForAction.Disabled:hover span i.fa::before,
.v-application a.CallForAction.Disabled span i.fa::before,
.v-application a.CallForAction.Disabled:hover span i.fa::before,
button.CallForAction.Disabled span i.fa::before,
button.CallForAction.Disabled:hover span i.fa::before {
  color: #888;
}

a.CallForAction.Fullsize span i.fa, .ProcessManagementEditScreen #ProcessElements a.Fullsize.CallForAction span i.fa,
.v-application a.CallForAction.Fullsize span i.fa,
button.CallForAction.Fullsize span i.fa {
  color: inherit;
  margin-right: 0.3em;
}

form fieldset .CallForAction, form fieldset .ProcessManagementEditScreen #ProcessElements a.CallForAction, .ProcessManagementEditScreen #ProcessElements form fieldset a.CallForAction {
  margin: auto calc(var(--gap, 12px) / 2);
}

/* List displayed as table */
ul.Tablelike {
  background-color: #fdfdfd;
  border-radius: 4px;
  overflow: hidden;
}
ul.Tablelike li {
  padding: 6px 10px;
}
ul.Tablelike li.Header {
  background: none;
  border: none;
  border-bottom: thin solid rgba(0, 0, 0, 0.12);
  font-size: inherit;
  font-weight: bold;
}

/* Popup windows */
.LayoutPopup > .Footer .CallForAction, .LayoutPopup > .Footer .ProcessManagementEditScreen #ProcessElements a.CallForAction, .ProcessManagementEditScreen #ProcessElements .LayoutPopup > .Footer a.CallForAction {
  padding: 0.8em 1.8em;
}

/* Miscellaneous rules */
body .cke_screen_reader_only {
  top: calc(100% - 1px);
}

/* Rules to override what Vuetify does */
.v-application ol, .v-application ul {
  padding-left: 0;
}

/* Newly introduced rules (TODO: Move to a separate file) */
.cmt-nowrap {
  white-space: nowrap;
}

hr.cmt-flex-break {
  height: 0;
  width: 100%;
}

.fc .fc-button-group {
  border-radius: 4px;
  box-shadow: 0px 1px 0px #c8c8c8, 0px 1px 10px #e8e8e8;
  box-shadow: 0px 1px 10px #e8e8e8;
  box-shadow: 0px 1px 10px #e4e4e4;
  font-size: initial;
  margin-bottom: var(--gap, 8px);
  padding-left: 0;
}
.fc .fc-button-group > button {
  float: left;
  font-size: smaller;
  height: auto;
  padding: 0;
  overflow: hidden;
  box-shadow: none;
  border-radius: 0;
  line-height: 1.5;
}
.fc .fc-button-group > button > a, .fc .fc-button-group > button > span.ClusterLink {
  background: #f8f8f8;
  color: #444;
  display: inline-block;
  padding: 5px 10px;
  vertical-align: middle;
  border: solid 1px #ccc;
  border-radius: 4px;
  box-shadow: 0px 1px 10px #e4e4e4;
}
.fc .fc-button-group > button:hover > a, .fc .fc-button-group > button:hover > span.ClusterLink {
  background: #24408c;
  border: solid 1px #2e53b5 !important;
  color: white;
  text-decoration: none;
}
.fc .fc-button-group > button > a, .fc .fc-button-group > button > span.ClusterLink {
  border-radius: 0;
  box-shadow: none;
}
.fc .fc-button-group > button:first-child > a, .fc .fc-button-group > button:first-child > span.ClusterLink {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  padding-left: 10px;
}
.fc .fc-button-group > button:not(:last-child) > a, .fc .fc-button-group > button:not(:last-child) > span.ClusterLink {
  border-right: none;
}
.fc .fc-button-group > button:not(:last-child):hover > a, .fc .fc-button-group > button:not(:last-child):hover > span.ClusterLink {
  border-right: none !important;
}
.fc .fc-button-group > button:last-child > a, .fc .fc-button-group > button:last-child > span.ClusterLink, .fc .fc-button-group > button.cmt-item-action-link-last > a, .fc .fc-button-group > button.cmt-item-action-link-last > span.ClusterLink {
  border-bottom-right-radius: 4px;
  border-right: solid 1px #ccc;
  border-top-right-radius: 4px;
}
.fc .fc-button-group > button:last-child:hover > a, .fc .fc-button-group > button:last-child:hover > span.ClusterLink, .fc .fc-button-group > button.cmt-item-action-link-last:hover > a, .fc .fc-button-group > button.cmt-item-action-link-last:hover > span.ClusterLink {
  border-right: solid 1px #2e53b5 !important;
}
.fc .fc-button-group > button.Selected a,
.fc .fc-button-group > button a.Active {
  color: white;
  background-color: #24408c;
  border-color: #2e53b5;
  border-right-color: #2e53b5;
  font-weight: normal;
}
.fc .fc-button-group > button::after {
  content: none;
}
.fc .fc-button-group > button {
  border-radius: 0;
  color: #444;
  line-height: 18px;
  margin-left: 0;
  padding: 5px 10px;
}
.fc .fc-button-group > button:hover, .fc .fc-button-group > button.fc-state-hover {
  background-color: transparent !important;
  border-color: #d8d8d8 #d8d8d8 #fff #d8d8d8 !important;
  color: #444;
  text-decoration: underline;
}
.fc .fc-button-group > button:first-child {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.fc .fc-button-group > button:last-child {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.fc .fc-button-group > button.fc-state-active {
  background-color: #fff !important;
  border-color: #d8d8d8 #d8d8d8 #fff #d8d8d8 !important;
  font-weight: bold;
}
.fc .fc-button-group > button.fc-state-disabled, .fc .fc-button-group > button.fc-state-disabled:hover, .fc .fc-button-group > button.fc-state-disabled.fc-state-hover {
  background-color: #ddd !important;
  border-color: #ccc #ccc #ddd #ccc !important;
}
.fc .fc-button-group > button:after {
  content: none;
}

.fc-toolbar h2 {
  font-size: 16px;
}

.fc-view-container {
  border: solid 1px #ddd;
  border-radius: 4px;
  overflow: hidden;
}
.fc-view-container td.fc-head-container.fc-widget-header {
  border-left: none;
  border-right: none;
  border-top: none;
}
.fc-view-container tbody.fc-body > tr > td.fc-widget-content {
  border-bottom: none;
  border-left: none;
  border-right: none;
}

.fc-view table thead.fc-head td.fc-widget-header,
.fc-view table thead.fc-head th.fc-widget-header {
  font-size: 13.3px;
  font-weight: bold;
}
.fc-view table thead.fc-head td.fc-time-area.fc-widget-header {
  border-width: 0 0 1px 0;
}
.fc-view table tbody.fc-body {
  font-size: 13.3px;
}

.AppointmentTooltip {
  border-radius: 4px;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

[id$=TicketStats-box] [id$=-TicketStats] svg {
  margin-left: -0.3em;
}
[id$=TicketStats-box] [id$=-TicketStats] svg text {
  font: 11px Roboto !important;
}

.SidebarColumn .SettingsWidget .Content {
  padding-top: 0;
}
.SidebarColumn .SettingsWidget .Content > form > ul {
  font-size: var(--font-size-base);
  padding-bottom: 0.4em;
  padding-left: 0;
}
.SidebarColumn .SettingsWidget .Content > form > ul li {
  padding-left: 0;
}
.SidebarColumn .SettingsWidget .Content > form > ul li label {
  padding: 0;
}
.SidebarColumn .SettingsWidget .Content > form > ul li label:hover {
  background-color: inherit;
  border: none;
  color: inherit;
  padding: unset;
}
.SidebarColumn .SettingsWidget .Content > form > ul li label.Checked {
  color: rgba(0, 0, 0, 0.6);
}
.SidebarColumn .SettingsWidget .Content > form > ul li input[type=checkbox] {
  display: none;
}
.SidebarColumn .SettingsWidget .Content > form > ul li .v-input--switch {
  font-size: inherit;
  margin-top: calc(0.4 * var(--font-size-base));
}
.SidebarColumn .SettingsWidget .Content > form > ul li .v-input__slot {
  align-items: normal;
}
.SidebarColumn .SettingsWidget .Content > form > ul li .v-input__slot .v-input--selection-controls__input {
  transform: scale(0.75);
  margin-right: 0.2em;
}
.SidebarColumn .SettingsWidget .Content > form > ul li .v-label {
  font-size: var(--font-size-base);
  line-height: 120%;
  margin-bottom: 0;
}
.SidebarColumn .SettingsWidget .Content .Buttons {
  margin: 0;
  padding-bottom: 0;
  padding-top: var(--pad-y);
}
.SidebarColumn a.CallForAction + .DashboardActions, .SidebarColumn .ProcessManagementEditScreen #ProcessElements a.CallForAction + .DashboardActions, .ProcessManagementEditScreen #ProcessElements .SidebarColumn a.CallForAction + .DashboardActions {
  margin-top: var(--pad-y);
}

.LoginScreen .SuccessBox,
.LoginScreen .ErrorBox {
  background: none;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px 1px 1px 8px;
  margin-bottom: 1em;
  padding-left: 17px;
  position: relative;
}
.LoginScreen .SuccessBox span,
.LoginScreen .ErrorBox span {
  display: flex;
}
.LoginScreen .SuccessBox span::before,
.LoginScreen .ErrorBox span::before {
  margin-right: 0.2em;
}
.LoginScreen .SuccessBox span::after,
.LoginScreen .ErrorBox span::after {
  border-radius: inherit;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.12;
  position: absolute;
  pointer-events: none;
  right: 0;
  top: 0;
  margin: inherit;
}
.LoginScreen .SuccessBox {
  background: none;
  border-radius: 4px;
  caret-color: rgb(251, 140, 0);
  color: #4caf50ff;
  margin-top: var(--pad-y, 10px);
  border-color: #4caf50ff;
}
.LoginScreen .SuccessBox .Icon {
  color: #4caf50ff;
  display: inline;
  left: 2em;
  margin-right: 0;
  margin-top: 0;
  padding: 0;
  position: absolute;
  top: 0.375em;
  vertical-align: middle;
}
.LoginScreen .SuccessBox .Icon::before {
  content: "\f05e1";
  font-family: "Material Design Icons";
  font-size: 125%;
  opacity: 1;
  position: static;
  vertical-align: text-top;
}
.LoginScreen .SuccessBox p {
  border: thin solid;
  border-color: #4caf50ff;
  border-radius: 4px;
  border-width: 1px 1px 1px 8px;
  box-shadow: 0px 1px 0px #4caf5034;
  caret-color: #4caf50ff;
  color: #4caf50ff;
  margin-bottom: 0;
  margin-left: var(--pad-x, 10px);
  margin-right: var(--pad-x, 10px);
  padding: 0.75em;
}
.LoginScreen .SuccessBox p::after {
  background-color: #4caf50ff;
  border-radius: inherit;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.05;
  position: absolute;
  pointer-events: none;
  right: 0;
  top: 0;
  margin: inherit;
}
.LoginScreen .SuccessBox p a {
  color: #333;
  transition: color ease 0.2s;
}
.LoginScreen .SuccessBox p a:hover {
  color: currentColor;
}
.LoginScreen .SuccessBox .Icon + p {
  padding-left: 2.2em;
}
.LoginScreen .SuccessBox span::before {
  content: "\f05e1";
  font-family: "Material Design Icons";
  font-size: 125%;
  opacity: 1;
  position: static;
  vertical-align: text-top;
}
.LoginScreen .SuccessBox span::after {
  background-color: #4caf50ff;
}
.LoginScreen .ErrorBox {
  background: none;
  border-radius: 4px;
  caret-color: rgb(251, 140, 0);
  color: #ff5252ff;
  margin-top: var(--pad-y, 10px);
  border-color: #ff5252ff;
}
.LoginScreen .ErrorBox .Icon {
  color: #ff5252ff;
  display: inline;
  left: 2em;
  margin-right: 0;
  margin-top: 0;
  padding: 0;
  position: absolute;
  top: 0.375em;
  vertical-align: middle;
}
.LoginScreen .ErrorBox .Icon::before {
  content: "\f0ce6";
  font-family: "Material Design Icons";
  font-size: 125%;
  opacity: 1;
  position: static;
  vertical-align: text-top;
}
.LoginScreen .ErrorBox p {
  border: thin solid;
  border-color: #ff5252ff;
  border-radius: 4px;
  border-width: 1px 1px 1px 8px;
  box-shadow: 0px 1px 0px #ff525234;
  caret-color: #ff5252ff;
  color: #ff5252ff;
  margin-bottom: 0;
  margin-left: var(--pad-x, 10px);
  margin-right: var(--pad-x, 10px);
  padding: 0.75em;
}
.LoginScreen .ErrorBox p::after {
  background-color: #ff5252ff;
  border-radius: inherit;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.05;
  position: absolute;
  pointer-events: none;
  right: 0;
  top: 0;
  margin: inherit;
}
.LoginScreen .ErrorBox p a {
  color: #333;
  transition: color ease 0.2s;
}
.LoginScreen .ErrorBox p a:hover {
  color: currentColor;
}
.LoginScreen .ErrorBox .Icon + p {
  padding-left: 2.2em;
}
.LoginScreen .ErrorBox span::before {
  content: "\f0ce6";
  font-family: "Material Design Icons";
  font-size: 125%;
  opacity: 1;
  position: static;
  vertical-align: text-top;
}
.LoginScreen .ErrorBox span::after {
  background-color: #ff5252ff;
}
.LoginScreen .WidgetSimple > .Content {
  border-top: none;
}
.LoginScreen #LoginButton {
  line-height: 1.9em;
  margin-left: 0;
  margin-right: 0;
}

form#NewEmailTicket fieldset.TableLike label,
form#NewPhoneTicket fieldset.TableLike label {
  width: 22%;
}
form#NewEmailTicket fieldset.TableLike .Field, form#NewEmailTicket fieldset.TableLike .RichTextField,
form#NewPhoneTicket fieldset.TableLike .Field,
form#NewPhoneTicket fieldset.TableLike .RichTextField {
  margin-left: 22%;
}

.CustomerContainer {
  font-size: 13pt;
  padding: 0 0.8em;
  width: 75%;
}
.CustomerContainer .CustomerTicketText {
  padding-left: 0.25em;
}
.CustomerContainer .CustomerTicketText.Radio, .CustomerContainer .CustomerTicketText.MainCustomer {
  background-color: transparent;
  text-overflow: ellipsis;
  width: 90%;
}
.CustomerContainer .CustomerTicketText.MainCustomer {
  font-weight: bold;
}
.CustomerContainer .CustomerTicketRemove {
  color: #888;
  float: right;
}
.CustomerContainer .CustomerTicketRemove::after {
  content: "\f1398";
  font-family: "Material Design Icons";
}
.CustomerContainer .CustomerTicketRemove i.fa {
  display: none;
}

button#SelectionCustomerID {
  padding: 0 1em;
  top: initial;
  vertical-align: top;
}

a#OwnerSelectionGetAll::after {
  content: "\f0450";
  font-family: "Material Design Icons";
  font-size: 22px;
  vertical-align: middle;
}
a#OwnerSelectionGetAll i.fa {
  display: none;
}

input#Subject {
  font-size: initial;
  font-weight: 500;
}

#OptionCustomer {
  background: #eee;
  border: solid 1px #ccc;
  border-radius: 4px;
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), 0px 1px 0px rgba(0, 0, 0, 0.2);
  color: #444;
  font-size: 14px;
  padding: 0.1em 0.5em;
}
#OptionCustomer::before {
  content: "\f0013";
  font-family: "Material Design Icons";
  margin-right: 0.2em;
}

#RichTextField #cke_RichText {
  border-radius: 4px !important;
}
#RichTextField #cke_RichText .cke_inner {
  background: none;
}
#RichTextField #cke_RichText .cke_inner .cke_top {
  border-radius: 4px 4px 0 0;
}
#RichTextField #cke_RichText .cke_inner .cke_bottom {
  border-radius: 0 0 4px 4px;
}

.DnDUpload {
  border-radius: 4px;
}
.DnDUpload i.fa.fa-download::before {
  content: "\f01da";
  font-family: "Material Design Icons";
}
.DnDUpload .ReadyForUpload {
  font-size: 14px;
}

.Field.SpacingTop:last-child {
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}

#CustomerInfo fieldset.TableLike.FixedLabelSmall label {
  width: 6em;
}
#CustomerInfo fieldset.TableLike.FixedLabelSmall p.Value {
  margin-left: 6em;
  width: auto;
}
#CustomerInfo fieldset i.NoOpenTicket,
#CustomerInfo fieldset a.NoOpenTicket {
  margin-top: 1em;
}
#CustomerInfo fieldset i.NoOpenTicket::before {
  color: rgb(25, 118, 210);
  content: "\f04fb";
  font-family: "Material Design Icons";
}
#CustomerInfo fieldset a.NoOpenTicket {
  text-decoration: none;
}

/* Rules specific to process tickets */
.FormScreen .cmt-form-wrapper .WidgetSimple > .Content:first-child {
  border-top: none;
}

#ActivityDialogContent .LayoutPopup > .Content {
  background-color: inherit;
}

#DiagramTooltip {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.ActionList a[href*="Subaction=Import"].CallForAction i.fa-upload, .ActionList .ProcessManagementEditScreen #ProcessElements a[href*="Subaction=Import"].CallForAction i.fa-upload, .ProcessManagementEditScreen #ProcessElements .ActionList a[href*="Subaction=Import"].CallForAction i.fa-upload {
  color: inherit;
}
.ActionList a[href*="Subaction=Import"].CallForAction i.fa-upload::before, .ActionList .ProcessManagementEditScreen #ProcessElements a[href*="Subaction=Import"].CallForAction i.fa-upload::before, .ProcessManagementEditScreen #ProcessElements .ActionList a[href*="Subaction=Import"].CallForAction i.fa-upload::before {
  content: "\f02fa";
  display: inline;
  font-family: "Material Design Icons";
}

.PreviewContainer .CallForAction, .PreviewContainer .ProcessManagementEditScreen #ProcessElements a.CallForAction, .ProcessManagementEditScreen #ProcessElements .PreviewContainer a.CallForAction {
  width: auto;
}

.ContentColumn .GettingStarted {
  display: flex;
  justify-content: center;
}
.ContentColumn .GettingStarted li {
  border-radius: 4px;
  height: auto;
  padding: var(--gap);
}
.ContentColumn .GettingStarted li i.fa {
  font-family: "Material Design Icons";
  position: static;
  text-shadow: none;
}
.ContentColumn .GettingStarted li i.fa.fa-code-fork::before {
  content: "\f0645";
}
.ContentColumn .GettingStarted li i.fa.fa-search::before {
  content: "\f0349";
}
.ContentColumn .GettingStarted li i.fa.fa-lightbulb-o::before {
  content: "\f14f7";
}
.ContentColumn .GettingStarted li p {
  font-size: calc(var(--font-size-base) * 0.85);
  margin: 0;
  margin-top: var(--gap);
  padding-top: 0;
  padding-bottom: 0;
  text-shadow: none;
}
.ContentColumn .GettingStarted li p::before {
  content: none;
}

form.SearchBox {
  position: relative;
}
form.SearchBox#SearchBoxAutoComplete > span {
  position: static;
}
.GettingStarted + form.SearchBox input[type=text] {
  height: auto;
  padding: 5px;
}
.GettingStarted + form.SearchBox button[type=submit] {
  padding: 0;
  right: initial;
}
form.SearchBox button i.fa.fa-search {
  font-family: "Material Design Icons";
}
form.SearchBox button i.fa.fa-search::before {
  content: "\f0349";
}

#UserWidgetState_SystemConfiguration_Actions .ActionList li a.CallForAction {
  padding-left: 0.3em;
  padding-right: 0.3em;
}
#UserWidgetState_SystemConfiguration_Actions .ActionList li i.fa.fa-rocket {
  font-family: "Material Design Icons";
}
#UserWidgetState_SystemConfiguration_Actions .ActionList li i.fa.fa-rocket::before {
  content: "\f0e1e";
}
#UserWidgetState_SystemConfiguration_Actions .ActionList li i.fa.fa-edit {
  font-family: "Material Design Icons";
}
#UserWidgetState_SystemConfiguration_Actions .ActionList li i.fa.fa-edit::before {
  content: "\f03eb";
}

#UserWidgetState_SystemConfiguration_Sticky .CallForAction, #UserWidgetState_SystemConfiguration_Sticky .ProcessManagementEditScreen #ProcessElements a.CallForAction, .ProcessManagementEditScreen #ProcessElements #UserWidgetState_SystemConfiguration_Sticky a.CallForAction {
  padding-left: 0.1em;
  padding-right: 0.1em;
}

body #ConfigTree {
  font-size: inherit;
}
body #ConfigTree li.jstree-node {
  background-image: none;
}
body #ConfigTree li.jstree-node.jstree-closed::before, body #ConfigTree li.jstree-node.jstree-open::before {
  visibility: visible;
}
body #ConfigTree li.jstree-node .jstree-icon {
  background: none;
  font-style: normal;
}
body #ConfigTree li.jstree-node .jstree-icon::before {
  content: "\f035f";
  display: inline-block;
  font-family: "Material Design Icons";
  font-size: 150%;
  transform: rotate(0deg);
  transition: all ease 0.2s;
}
body #ConfigTree li.jstree-node.jstree-open > .jstree-icon::before {
  transform: rotate(90deg);
}
body #ConfigTree li.jstree-node .jstree-wholerow-hovered {
  color: inherit;
}
body #ConfigTree li.jstree-node .jstree-anchor.jstree-hovered {
  color: inherit;
}
body #ConfigTree > ul > .jstree-node {
  margin-left: 0;
}
body #ConfigTree .jstree-node {
  margin-left: 14px;
}

.SettingsList .WidgetSimple.Setting {
  font-size: inherit;
}
.SettingsList .WidgetSimple.Setting .Header {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.SettingsList .WidgetSimple.Setting .Header .Icon {
  height: auto;
}
.SettingsList .WidgetSimple.Setting .Header .Icon i.fa {
  margin-left: 0;
  margin-right: calc(var(--gap) / 2);
}
.SettingsList .WidgetSimple.Setting .Header .Icon i.fa.fa-ban::before {
  content: "\f073a";
  font-family: "Material Design Icons";
}
.SettingsList .WidgetSimple.Setting .Header p.HeaderMessage {
  font-size: calc(var(--font-size-base) * 0.85);
  margin: 0;
  margin-bottom: 0;
  order: 6;
}
.SettingsList .WidgetSimple.Setting .SettingWrapper form {
  border-right: solid 1px #ccc;
  font-size: inherit;
  padding-right: var(--gap);
}
.SettingsList .WidgetSimple.Setting .SettingWrapper form .SettingContainer {
  padding-right: var(--gap);
}
.SettingsList .WidgetSimple.Setting .SettingWrapper form fieldset.TableLike {
  border-right: none;
  font-size: inherit;
  float: none;
  width: auto;
}
.SettingsList .WidgetSimple.Setting .SettingWrapper > .SettingDescription {
  width: 100%;
}
.SettingsList .WidgetSimple.Setting.IsLockedByMe .SettingDescription {
  width: calc(100% - 11.4285714286em);
}
.SettingsList .WidgetSimple.Setting.IsLockedByMe .Content .SettingUpdateBox {
  left: calc(100% - 11.4285714286em);
}
.SettingsList .WidgetSimple.Setting.IsLockedByMe.MenuExpanded .Content .SettingUpdateBox {
  left: 100%;
  right: 0;
}
.SettingsList .WidgetSimple.Setting .Setting .Array, .SettingsList .WidgetSimple.Setting .Setting .Hash {
  border-radius: 4px;
  margin-left: 0;
}
.SettingsList .WidgetSimple.Setting .Setting .Array .SettingContent input, .SettingsList .WidgetSimple.Setting .Setting .Hash .SettingContent input {
  box-shadow: none;
}
.SettingsList .WidgetSimple.Setting .Setting .Array button.AddArrayItem i.fa,
.SettingsList .WidgetSimple.Setting .Setting .Array button.AddHashKey i.fa, .SettingsList .WidgetSimple.Setting .Setting .Hash button.AddArrayItem i.fa,
.SettingsList .WidgetSimple.Setting .Setting .Hash button.AddHashKey i.fa {
  font-family: "Material Design Icons";
}
.SettingsList .WidgetSimple.Setting .Setting .Array button.AddArrayItem i.fa::before,
.SettingsList .WidgetSimple.Setting .Setting .Array button.AddHashKey i.fa::before, .SettingsList .WidgetSimple.Setting .Setting .Hash button.AddArrayItem i.fa::before,
.SettingsList .WidgetSimple.Setting .Setting .Hash button.AddHashKey i.fa::before {
  content: "\f0704";
}
.SettingsList .WidgetSimple.Setting .Setting .Array button.RemoveButton i.fa, .SettingsList .WidgetSimple.Setting .Setting .Hash button.RemoveButton i.fa {
  font-family: "Material Design Icons";
}
.SettingsList .WidgetSimple.Setting .Setting .Array button.RemoveButton i.fa::before, .SettingsList .WidgetSimple.Setting .Setting .Hash button.RemoveButton i.fa::before {
  content: "\f06f2";
}
.SettingsList .WidgetSimple.Setting .Setting .Hash .HashItem {
  font-size: initial;
}
.SettingsList .WidgetSimple.Setting .Setting .Hash .HashItem > .SettingContent {
  align-items: center;
  display: flex;
}
.SettingsList .WidgetSimple.Setting .Setting .Hash .HashItem > .SettingContent::before {
  content: "\f0054";
  font-family: "Material Design Icons";
  font-size: initial;
  margin-left: calc(var(--gap) / 2);
  margin-right: calc(var(--gap) / 2);
}
.SettingsList .WidgetSimple.Setting .Setting .Hash button.AddHashKey {
  background: none;
}
.SettingsList .WidgetSimple.Setting .SettingContent {
  padding-left: 0;
}
.SettingsList .WidgetSimple.Setting .SettingContent .AlreadyDisabled div.InputField_Selection {
  background-color: #d0d0d0;
}
.SettingsList .WidgetSimple.Setting .SettingContent .AlreadyDisabled div.InputField_Selection div.Text {
  background-color: transparent;
  color: #666;
}

.Array button.AddArrayItem,
.Hash button.AddHashKey {
  width: 100%;
  position: static;
}
.Array button.AddArrayItem span.InvisibleText,
.Hash button.AddHashKey span.InvisibleText {
  width: auto;
  height: auto;
  text-indent: initial;
  position: static !important;
  left: auto;
  top: auto;
}

.OverviewBox h1 {
  font-size: 110%;
  padding-left: 0;
}
body .QueueOverview {
  margin: var(--gap-y) var(--gap-x);
  padding: 0;
}

.WidgetSimple.QueueOverview > .Content {
  padding-bottom: var(--pad-y);
}

.QueueOverview .QueueOverviewList {
  border-radius: 4px;
  box-shadow: 0px 1px 0px #c8c8c8, 0px 1px 10px #e8e8e8;
  box-shadow: 0px 1px 10px #e8e8e8;
  box-shadow: 0px 1px 10px #e4e4e4;
  font-size: initial;
  margin-bottom: var(--gap, 8px);
  padding-left: 0;
  float: left;
  margin-bottom: 0;
}
.QueueOverview .QueueOverviewList > li {
  float: left;
  font-size: smaller;
  height: auto;
  padding: 0;
  overflow: hidden;
  box-shadow: none;
  border-radius: 0;
  line-height: 1.5;
}
.QueueOverview .QueueOverviewList > li > a, .QueueOverview .QueueOverviewList > li > span.ClusterLink {
  background: #f8f8f8;
  color: #444;
  display: inline-block;
  padding: 5px 10px;
  vertical-align: middle;
  border: solid 1px #ccc;
  border-radius: 4px;
  box-shadow: 0px 1px 10px #e4e4e4;
}
.QueueOverview .QueueOverviewList > li:hover > a, .QueueOverview .QueueOverviewList > li:hover > span.ClusterLink {
  background: #24408c;
  border: solid 1px #2e53b5 !important;
  color: white;
  text-decoration: none;
}
.QueueOverview .QueueOverviewList > li > a, .QueueOverview .QueueOverviewList > li > span.ClusterLink {
  border-radius: 0;
  box-shadow: none;
}
.QueueOverview .QueueOverviewList > li:first-child > a, .QueueOverview .QueueOverviewList > li:first-child > span.ClusterLink {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  padding-left: 10px;
}
.QueueOverview .QueueOverviewList > li:not(:last-child) > a, .QueueOverview .QueueOverviewList > li:not(:last-child) > span.ClusterLink {
  border-right: none;
}
.QueueOverview .QueueOverviewList > li:not(:last-child):hover > a, .QueueOverview .QueueOverviewList > li:not(:last-child):hover > span.ClusterLink {
  border-right: none !important;
}
.QueueOverview .QueueOverviewList > li:last-child > a, .QueueOverview .QueueOverviewList > li:last-child > span.ClusterLink, .QueueOverview .QueueOverviewList > li.cmt-item-action-link-last > a, .QueueOverview .QueueOverviewList > li.cmt-item-action-link-last > span.ClusterLink {
  border-bottom-right-radius: 4px;
  border-right: solid 1px #ccc;
  border-top-right-radius: 4px;
}
.QueueOverview .QueueOverviewList > li:last-child:hover > a, .QueueOverview .QueueOverviewList > li:last-child:hover > span.ClusterLink, .QueueOverview .QueueOverviewList > li.cmt-item-action-link-last:hover > a, .QueueOverview .QueueOverviewList > li.cmt-item-action-link-last:hover > span.ClusterLink {
  border-right: solid 1px #2e53b5 !important;
}
.QueueOverview .QueueOverviewList > li.Selected a,
.QueueOverview .QueueOverviewList > li a.Active {
  color: white;
  background-color: #24408c;
  border-color: #2e53b5;
  border-right-color: #2e53b5;
  font-weight: normal;
}
.QueueOverview .QueueOverviewList > li::after {
  content: none;
}
.QueueOverview .QueueOverviewList a.Active {
  background-color: #24408c;
  border-color: #2e53b5;
  border-right: solid 1px #2e53b5;
  color: white;
  font-weight: initial;
}

.OverviewControl,
.Content.Overview {
  font-size: inherit;
}
.OverviewControl .ControlRow,
.Content.Overview .ControlRow {
  background-color: #eee;
  padding: 10px;
}
.OverviewControl .ControlRow .Tabs,
.Content.Overview .ControlRow .Tabs {
  border-radius: 4px;
  box-shadow: 0px 1px 0px #c8c8c8, 0px 1px 10px #e8e8e8;
  box-shadow: 0px 1px 10px #e8e8e8;
  box-shadow: 0px 1px 10px #e4e4e4;
  font-size: initial;
  margin-bottom: var(--gap, 8px);
  padding-left: 0;
  float: left;
  margin-bottom: 0;
}
.OverviewControl .ControlRow .Tabs > li,
.Content.Overview .ControlRow .Tabs > li {
  float: left;
  font-size: smaller;
  height: auto;
  padding: 0;
  overflow: hidden;
  box-shadow: none;
  border-radius: 0;
  line-height: 1.5;
}
.OverviewControl .ControlRow .Tabs > li > a, .OverviewControl .ControlRow .Tabs > li > span.ClusterLink,
.Content.Overview .ControlRow .Tabs > li > a,
.Content.Overview .ControlRow .Tabs > li > span.ClusterLink {
  background: #f8f8f8;
  color: #444;
  display: inline-block;
  padding: 5px 10px;
  vertical-align: middle;
  border: solid 1px #ccc;
  border-radius: 4px;
  box-shadow: 0px 1px 10px #e4e4e4;
}
.OverviewControl .ControlRow .Tabs > li:hover > a, .OverviewControl .ControlRow .Tabs > li:hover > span.ClusterLink,
.Content.Overview .ControlRow .Tabs > li:hover > a,
.Content.Overview .ControlRow .Tabs > li:hover > span.ClusterLink {
  background: #24408c;
  border: solid 1px #2e53b5 !important;
  color: white;
  text-decoration: none;
}
.OverviewControl .ControlRow .Tabs > li > a, .OverviewControl .ControlRow .Tabs > li > span.ClusterLink,
.Content.Overview .ControlRow .Tabs > li > a,
.Content.Overview .ControlRow .Tabs > li > span.ClusterLink {
  border-radius: 0;
  box-shadow: none;
}
.OverviewControl .ControlRow .Tabs > li:first-child > a, .OverviewControl .ControlRow .Tabs > li:first-child > span.ClusterLink,
.Content.Overview .ControlRow .Tabs > li:first-child > a,
.Content.Overview .ControlRow .Tabs > li:first-child > span.ClusterLink {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  padding-left: 10px;
}
.OverviewControl .ControlRow .Tabs > li:not(:last-child) > a, .OverviewControl .ControlRow .Tabs > li:not(:last-child) > span.ClusterLink,
.Content.Overview .ControlRow .Tabs > li:not(:last-child) > a,
.Content.Overview .ControlRow .Tabs > li:not(:last-child) > span.ClusterLink {
  border-right: none;
}
.OverviewControl .ControlRow .Tabs > li:not(:last-child):hover > a, .OverviewControl .ControlRow .Tabs > li:not(:last-child):hover > span.ClusterLink,
.Content.Overview .ControlRow .Tabs > li:not(:last-child):hover > a,
.Content.Overview .ControlRow .Tabs > li:not(:last-child):hover > span.ClusterLink {
  border-right: none !important;
}
.OverviewControl .ControlRow .Tabs > li:last-child > a, .OverviewControl .ControlRow .Tabs > li:last-child > span.ClusterLink, .OverviewControl .ControlRow .Tabs > li.cmt-item-action-link-last > a, .OverviewControl .ControlRow .Tabs > li.cmt-item-action-link-last > span.ClusterLink,
.Content.Overview .ControlRow .Tabs > li:last-child > a,
.Content.Overview .ControlRow .Tabs > li:last-child > span.ClusterLink,
.Content.Overview .ControlRow .Tabs > li.cmt-item-action-link-last > a,
.Content.Overview .ControlRow .Tabs > li.cmt-item-action-link-last > span.ClusterLink {
  border-bottom-right-radius: 4px;
  border-right: solid 1px #ccc;
  border-top-right-radius: 4px;
}
.OverviewControl .ControlRow .Tabs > li:last-child:hover > a, .OverviewControl .ControlRow .Tabs > li:last-child:hover > span.ClusterLink, .OverviewControl .ControlRow .Tabs > li.cmt-item-action-link-last:hover > a, .OverviewControl .ControlRow .Tabs > li.cmt-item-action-link-last:hover > span.ClusterLink,
.Content.Overview .ControlRow .Tabs > li:last-child:hover > a,
.Content.Overview .ControlRow .Tabs > li:last-child:hover > span.ClusterLink,
.Content.Overview .ControlRow .Tabs > li.cmt-item-action-link-last:hover > a,
.Content.Overview .ControlRow .Tabs > li.cmt-item-action-link-last:hover > span.ClusterLink {
  border-right: solid 1px #2e53b5 !important;
}
.OverviewControl .ControlRow .Tabs > li.Selected a,
.OverviewControl .ControlRow .Tabs > li a.Active,
.Content.Overview .ControlRow .Tabs > li.Selected a,
.Content.Overview .ControlRow .Tabs > li a.Active {
  color: white;
  background-color: #24408c;
  border-color: #2e53b5;
  border-right-color: #2e53b5;
  font-weight: normal;
}
.OverviewControl .ControlRow .Tabs > li::after,
.Content.Overview .ControlRow .Tabs > li::after {
  content: none;
}
.OverviewControl .ControlRow .Tabs li.Active,
.Content.Overview .ControlRow .Tabs li.Active {
  background-color: transparent;
}
.OverviewControl .ControlRow .Tabs li.Active > a,
.Content.Overview .ControlRow .Tabs li.Active > a {
  background-color: #24408c;
  border-color: #2e53b5;
  border-right-color: #2e53b5;
  color: white;
}
.OverviewControl .ControlRow .Tabs li > a,
.Content.Overview .ControlRow .Tabs li > a {
  font-size: inherit;
}
.OverviewControl .ControlRow .Tabs li:not(.Active):hover,
.Content.Overview .ControlRow .Tabs li:not(.Active):hover {
  background-color: transparent;
}
.OverviewControl .ControlRow .Tabs li:not(.Active):hover a,
.Content.Overview .ControlRow .Tabs li:not(.Active):hover a {
  background-color: #24408c;
}
.OverviewControl .ControlRow .Tabs li a span::before,
.Content.Overview .ControlRow .Tabs li a span::before {
  content: "(";
}
.OverviewControl .ControlRow .Tabs li a span::after,
.Content.Overview .ControlRow .Tabs li a span::after {
  content: ")";
}
.OverviewControl .ActionRow,
.Content.Overview .ActionRow {
  border-top: solid 1px ghostwhite;
  padding-top: 10px;
  padding-bottom: 10px;
}
.OverviewControl .ActionRow ul.Actions li.AlwaysPresent,
.Content.Overview .ActionRow ul.Actions li.AlwaysPresent {
  margin-left: 10px;
}
.OverviewControl .ActionRow ul.Actions li.AlwaysPresent span,
.Content.Overview .ActionRow ul.Actions li.AlwaysPresent span {
  font-size: initial;
  text-align: center;
  width: 2.4em;
}
.OverviewControl .ActionRow ul.Actions li.AlwaysPresent span input#SelectAllTickets,
.Content.Overview .ActionRow ul.Actions li.AlwaysPresent span input#SelectAllTickets {
  margin: 0;
}
.OverviewControl .ActionRow ul.Actions li.AlwaysPresent:first-child,
.Content.Overview .ActionRow ul.Actions li.AlwaysPresent:first-child {
  margin-left: 6px;
}
.OverviewControl .ActionRow ul.Actions li.AlwaysPresent:first-child span,
.Content.Overview .ActionRow ul.Actions li.AlwaysPresent:first-child span {
  padding: 0;
}
.OverviewControl .ActionRow ul.Actions li#BulkAction,
.Content.Overview .ActionRow ul.Actions li#BulkAction {
  float: left;
  font-size: smaller;
  height: auto;
  padding: 0;
  overflow: hidden;
}
.OverviewControl .ActionRow ul.Actions li#BulkAction > a, .OverviewControl .ActionRow ul.Actions li#BulkAction > span.ClusterLink,
.Content.Overview .ActionRow ul.Actions li#BulkAction > a,
.Content.Overview .ActionRow ul.Actions li#BulkAction > span.ClusterLink {
  background: #f8f8f8;
  color: #444;
  display: inline-block;
  padding: 5px 10px;
  vertical-align: middle;
  border: solid 1px #ccc;
  border-radius: 4px;
  box-shadow: 0px 1px 10px #e4e4e4;
}
.OverviewControl .ActionRow ul.Actions li#BulkAction:hover > a, .OverviewControl .ActionRow ul.Actions li#BulkAction:hover > span.ClusterLink,
.Content.Overview .ActionRow ul.Actions li#BulkAction:hover > a,
.Content.Overview .ActionRow ul.Actions li#BulkAction:hover > span.ClusterLink {
  background: #24408c;
  border: solid 1px #2e53b5 !important;
  color: white;
  text-decoration: none;
}
.OverviewControl .ActionRow ul.Actions li#BulkAction.Inactive a,
.Content.Overview .ActionRow ul.Actions li#BulkAction.Inactive a {
  background-color: rgba(120, 120, 120, 0.4);
  opacity: 0.6;
  border: solid 1px #999;
}
.OverviewControl .ActionRow ul.Actions li#BulkAction.Inactive a:hover,
.Content.Overview .ActionRow ul.Actions li#BulkAction.Inactive a:hover {
  text-decoration: none;
}
.OverviewControl .ActionRow ul.Actions li#BulkAction,
.Content.Overview .ActionRow ul.Actions li#BulkAction {
  margin-left: 10px;
}
.OverviewControl .ActionRow ul.Actions li.SortBy,
.Content.Overview .ActionRow ul.Actions li.SortBy {
  float: left;
  font-size: smaller;
  height: auto;
  padding: 0;
  overflow: hidden;
  border: solid 1px #ccc;
  border-radius: 4px;
}
.OverviewControl .ActionRow ul.Actions li.SortBy > a, .OverviewControl .ActionRow ul.Actions li.SortBy > span.ClusterLink,
.Content.Overview .ActionRow ul.Actions li.SortBy > a,
.Content.Overview .ActionRow ul.Actions li.SortBy > span.ClusterLink {
  background: #f8f8f8;
  color: #444;
  display: inline-block;
  padding: 5px 10px;
  vertical-align: middle;
  border: solid 1px #ccc;
  border-radius: 4px;
  box-shadow: 0px 1px 10px #e4e4e4;
}
.OverviewControl .ActionRow ul.Actions li.SortBy:hover > a, .OverviewControl .ActionRow ul.Actions li.SortBy:hover > span.ClusterLink,
.Content.Overview .ActionRow ul.Actions li.SortBy:hover > a,
.Content.Overview .ActionRow ul.Actions li.SortBy:hover > span.ClusterLink {
  background: #24408c;
  border: solid 1px #2e53b5 !important;
  color: white;
  text-decoration: none;
}
.OverviewControl .ActionRow ul.Actions li.SortBy select,
.Content.Overview .ActionRow ul.Actions li.SortBy select {
  border-left: solid 8px transparent;
  border-right: solid 8px transparent;
  font-size: inherit;
  margin-top: 0;
  padding: 5px 0;
  background: #f8f8f8;
  box-shadow: none;
  border-spacing: 10px;
}

.Overview.TicketList table.TableSmall thead tr th.Checkbox,
.Overview.TicketList table.TableSmall thead tr td.Checkbox,
.Overview.TicketList table.TableSmall tbody tr th.Checkbox,
.Overview.TicketList table.TableSmall tbody tr td.Checkbox {
  text-align: center;
}
.Overview.TicketList table.TableSmall thead tr th.Checkbox .Checkbox,
.Overview.TicketList table.TableSmall thead tr td.Checkbox .Checkbox,
.Overview.TicketList table.TableSmall tbody tr th.Checkbox .Checkbox,
.Overview.TicketList table.TableSmall tbody tr td.Checkbox .Checkbox {
  margin-left: 0;
}
.Overview.TicketList table.TableSmall thead td:first-child,
.Overview.TicketList table.TableSmall tbody td:first-child {
  padding-top: 6px;
}
.Overview.TicketList table.TableSmall tbody td.Flags {
  line-height: 18px;
  padding: 6px 10px;
  text-align: center;
}
.Overview.TicketList table.TableSmall tbody td.Flags .Flag span {
  display: inline-block;
  vertical-align: middle;
}

.Overview.OverviewMedium .Checkbox,
.Overview.OverviewLarge .Checkbox {
  position: initial;
}
.Overview.OverviewMedium .Flag,
.Overview.OverviewLarge .Flag {
  height: initial;
  left: initial;
  position: static;
  text-indent: initial;
  top: initial;
  width: initial;
}
.Overview.OverviewMedium .Flag span,
.Overview.OverviewLarge .Flag span {
  border-radius: 0.2em;
  font-size: initial;
  height: auto;
  text-indent: -9999px;
  width: 1.8em;
  border-bottom: solid 2px rgba(0, 0, 0, 0.2);
  display: inline-block;
}
.Overview.OverviewMedium div.UnreadArticles,
.Overview.OverviewLarge div.UnreadArticles {
  position: initial;
}
.Overview.OverviewMedium div.UnreadArticles span.UnreadArticles,
.Overview.OverviewLarge div.UnreadArticles span.UnreadArticles {
  position: initial;
}
.Overview.OverviewMedium div.UnreadArticles span.UnreadArticles i.fa,
.Overview.OverviewLarge div.UnreadArticles span.UnreadArticles i.fa {
  position: initial;
}

.Overview.OverviewMedium,
.Overview.OverviewLarge {
  margin-left: 10px;
  margin-right: 10px;
}
.Overview.OverviewMedium > li,
.Overview.OverviewLarge > li {
  border: solid 1px #ddd;
  border-radius: 4px;
  overflow: hidden;
}
.Overview.OverviewMedium > li:not(:last-child),
.Overview.OverviewLarge > li:not(:last-child) {
  margin-bottom: 0.4em;
}
.Overview.OverviewMedium .Actions.InlineActions,
.Overview.OverviewLarge .Actions.InlineActions {
  border-bottom-left-radius: 4px;
  height: auto;
  padding-left: 0.8em;
  top: 0;
  transform: translate(0, -90%);
  z-index: 9999;
}
.Overview.OverviewMedium .Actions.InlineActions.cmt-inline-actions-shown,
.Overview.OverviewLarge .Actions.InlineActions.cmt-inline-actions-shown {
  transform: translate(0, 0);
}
.Overview.OverviewMedium .Actions.InlineActions li:last-child:after,
.Overview.OverviewLarge .Actions.InlineActions li:last-child:after {
  content: "";
  margin: 0;
}
.Overview.OverviewMedium .Actions.InlineActions li:last-child form,
.Overview.OverviewLarge .Actions.InlineActions li:last-child form {
  padding: 0.8em;
}
.Overview.OverviewMedium .cmt-ticket-overview-ml-flags,
.Overview.OverviewLarge .cmt-ticket-overview-ml-flags {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: absolute;
  width: 2.4em;
}
.Overview.OverviewMedium .cmt-ticket-overview-ml-flags div.Checkbox,
.Overview.OverviewLarge .cmt-ticket-overview-ml-flags div.Checkbox {
  height: auto;
  line-height: 1.6em;
  margin-bottom: 0.4em;
  width: auto;
}
.Overview.OverviewMedium .cmt-ticket-overview-ml-flags div.Checkbox input.Checkbox,
.Overview.OverviewLarge .cmt-ticket-overview-ml-flags div.Checkbox input.Checkbox {
  margin: 0;
  vertical-align: text-top;
}
.Overview.OverviewMedium .cmt-ticket-overview-ml-flags div.Flag,
.Overview.OverviewLarge .cmt-ticket-overview-ml-flags div.Flag {
  border: none;
  line-height: 2em;
  margin-bottom: 0.4em;
}
.Overview.OverviewMedium .cmt-ticket-overview-ml-flags div.Flag span,
.Overview.OverviewLarge .cmt-ticket-overview-ml-flags div.Flag span {
  height: 1em;
  position: relative;
  width: 1em;
}
.Overview.OverviewMedium .cmt-ticket-overview-ml-flags div.UnreadArticles,
.Overview.OverviewLarge .cmt-ticket-overview-ml-flags div.UnreadArticles {
  height: auto;
  line-height: 2em;
  margin-bottom: 0.4em;
  width: auto;
}
.Overview.OverviewMedium .Content h2,
.Overview.OverviewLarge .Content h2 {
  font-size: initial;
  height: auto;
  margin-bottom: 10px;
  margin-left: calc(2.4em + 10px);
}
.Overview.OverviewMedium .Content .Infos,
.Overview.OverviewLarge .Content .Infos {
  color: #333;
  margin-left: calc(2.4em + 10px);
}
.Overview.OverviewMedium .Content .Infos td,
.Overview.OverviewLarge .Content .Infos td {
  padding-bottom: 1em;
}
.Overview.OverviewMedium .Content .Infos td label,
.Overview.OverviewLarge .Content .Infos td label {
  font-size: 90%;
  font-weight: 500;
  margin-bottom: 0.4em;
  text-decoration: underline;
}

.Overview.OverviewMedium li.MasterAction .Content .cmt-ticket-overview-ml-flags {
  margin-right: 10px;
}

.Overview.OverviewLarge li.MasterAction > .Content {
  display: flex;
  flex-wrap: wrap;
  padding: 12px 0;
}
.Overview.OverviewLarge li.MasterAction > .Content .Infos {
  flex: 0.4;
  float: none;
  margin-left: calc(2.4em + 10px);
  margin-top: 0;
}
.Overview.OverviewLarge li.MasterAction > .Content .Infos h2, .Overview.OverviewLarge li.MasterAction > .Content .Infos table {
  margin-left: 0px;
}
.Overview.OverviewLarge li.MasterAction > .Content .Infos h2 {
  height: auto;
}
.Overview.OverviewLarge li.MasterAction > .Content .Infos table {
  margin-top: 2px;
}
.Overview.OverviewLarge li.MasterAction > .Content .Preview {
  flex: 0.6;
  float: none;
}
.Overview.OverviewLarge li.MasterAction > .Content .Preview ul {
  border-radius: 4px;
  overflow: hidden;
}
.Overview.OverviewLarge li.MasterAction > .Content .Preview ul h3 {
  font-size: inherit;
  padding: 0.2em 0.1em;
}
.Overview.OverviewLarge li.MasterAction > .Content .Preview ul h3 a {
  height: auto;
  line-height: 1.25;
}
.Overview.OverviewLarge li.MasterAction > .Content .Preview ul .ItemActions {
  padding: 8px;
}

div.Headline {
  display: flex;
  align-items: center;
}
div.Headline .Flag {
  height: initial;
  left: initial;
  position: static;
  text-indent: initial;
  top: initial;
  width: initial;
}
div.Headline .Flag span {
  border-radius: 0.2em;
  font-size: initial;
  height: auto;
  text-indent: -9999px;
  width: 1.8em;
  border-bottom: solid 2px rgba(0, 0, 0, 0.2);
  display: inline-block;
}
div.Headline h1 {
  font-size: 110%;
}
div.Headline .Flag + h1 {
  margin-left: 0.5em;
}

.WidgetSimple .Content .ActionRow {
  margin: 0;
}
.WidgetSimple .Content .ActionRow .Actions {
  box-shadow: none;
  flex-wrap: wrap;
  margin-right: 2em;
}
.WidgetSimple .Content .ActionRow .Actions li#nav-Back a {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
}
.WidgetSimple .Content .ActionRow .Actions li#nav-Back:hover a {
  border-right: solid 1px #24408c !important;
}
.WidgetSimple .Content .ActionRow .Actions li#nav-Back a::before {
  content: "\f004d";
  font-family: "Material Design Icons";
  margin-right: 0.25em;
  line-height: 1;
}
.WidgetSimple .Content .ActionRow .Actions li#nav-Back + li > a {
  border-left: solid 1px #ccc;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  margin-left: 0.5em;
}
.WidgetSimple .Content .ActionRow .Actions > li {
  align-self: flex-end;
}
.WidgetSimple .Content .ActionRow .Actions > li.cmt-item-action-link-first-in-row {
  margin-left: 0;
}
.WidgetSimple .Content .ActionRow .Actions > li.cmt-item-action-link-first-in-row a, .WidgetSimple .Content .ActionRow .Actions > li.cmt-item-action-link-first-in-row span.ClusterLink {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.WidgetSimple .Content .ActionRow .Actions > li.cmt-item-action-link-last-in-row a, .WidgetSimple .Content .ActionRow .Actions > li.cmt-item-action-link-last-in-row span.ClusterLink {
  border-bottom-right-radius: 4px;
  border-right: solid 1px #ccc;
  border-top-right-radius: 4px;
}
.WidgetSimple .Content .ActionRow .Actions > li + li.cmt-item-action-link-first-in-row {
  margin-top: 0.5em;
}
.WidgetSimple .Content .ActionRow .Actions > li form {
  padding: 0;
}
.WidgetSimple .Content .ActionRow .Actions > li form div.InputField_InputContainer {
  height: auto;
}

.WidgetAction {
  width: auto;
  height: auto;
}
.WidgetAction.Toggle {
  height: auto;
  margin: 0;
  width: auto;
}
.WidgetAction.Toggle::before {
  font-family: "Material Design Icons";
  font-size: 120%;
  line-height: 120%;
}
.WidgetAction.Toggle a {
  height: 100%;
  width: 100%;
}
.WidgetAction.Toggle a:hover i.fa {
  background: none;
}
.WidgetAction a {
  font-size: initial;
  height: auto;
  display: inline-block;
}
.WidgetAction a i.fa {
  font-size: initial;
}
.WidgetAction a i.fa::before {
  font-family: "Material Design Icons";
  font-size: 110%;
}
.WidgetAction a i.fa.fa-cog::before {
  content: "\f01d9";
}
.WidgetAction a i.fa.fa-times::before {
  content: "\f1398";
}
.WidgetAction a:hover i.fa {
  color: #24408c;
  background: #ddd;
  border-radius: 50px;
}

#ArticleTableBody .Scroller {
  border-radius: 4px;
  height: 10em;
}
#ArticleTableBody #ArticleTable {
  overflow: initial;
}
#ArticleTableBody #ArticleTable thead {
  overflow: auto;
  position: sticky;
  top: 0;
  z-index: 1000;
}
#ArticleTableBody #ArticleTable thead i.fa.fa-arrows-h {
  font-family: "Material Design Icons";
}
#ArticleTableBody #ArticleTable thead i.fa.fa-arrows-h::before {
  content: "\f0e73";
}
#ArticleTableBody #ArticleTable thead i.fa.fa-exchange::before {
  content: "\f0e74";
}
#ArticleTableBody #ArticleTable thead i.fa.fa-arrows-v {
  font-family: "Material Design Icons";
}
#ArticleTableBody #ArticleTable thead i.fa.fa-arrows-v::before {
  content: "\f0e79";
}
#ArticleTableBody #ArticleTable thead i.fa.fa-exchange::before {
  content: "\f0e74";
}
#ArticleTableBody #ArticleTable thead i.fa.fa-bar-chart {
  font-family: "Material Design Icons";
}
#ArticleTableBody #ArticleTable thead i.fa.fa-bar-chart::before {
  content: "\f0128";
}
#ArticleTableBody #ArticleTable thead i.fa.fa-exchange::before {
  content: "\f0e74";
}
#ArticleTableBody #ArticleTable thead i.fa.fa-bell-o {
  font-family: "Material Design Icons";
}
#ArticleTableBody #ArticleTable thead i.fa.fa-bell-o::before {
  content: "\f009a";
}
#ArticleTableBody #ArticleTable thead i.fa.fa-exchange::before {
  content: "\f0e74";
}
#ArticleTableBody #ArticleTable thead i.fa.fa-building {
  font-family: "Material Design Icons";
}
#ArticleTableBody #ArticleTable thead i.fa.fa-building::before {
  content: "\f0991";
}
#ArticleTableBody #ArticleTable thead i.fa.fa-exchange::before {
  content: "\f0e74";
}
#ArticleTableBody #ArticleTable thead i.fa.fa-building-o {
  font-family: "Material Design Icons";
}
#ArticleTableBody #ArticleTable thead i.fa.fa-building-o::before {
  content: "\f0991";
}
#ArticleTableBody #ArticleTable thead i.fa.fa-exchange::before {
  content: "\f0e74";
}
#ArticleTableBody #ArticleTable thead i.fa.fa-calendar {
  font-family: "Material Design Icons";
}
#ArticleTableBody #ArticleTable thead i.fa.fa-calendar::before {
  content: "\f00ed";
}
#ArticleTableBody #ArticleTable thead i.fa.fa-exchange::before {
  content: "\f0e74";
}
#ArticleTableBody #ArticleTable thead i.fa.fa-check {
  font-family: "Material Design Icons";
}
#ArticleTableBody #ArticleTable thead i.fa.fa-check::before {
  content: "\f012c";
}
#ArticleTableBody #ArticleTable thead i.fa.fa-exchange::before {
  content: "\f0e74";
}
#ArticleTableBody #ArticleTable thead i.fa.fa-clock-o {
  font-family: "Material Design Icons";
}
#ArticleTableBody #ArticleTable thead i.fa.fa-clock-o::before {
  content: "\f0954";
}
#ArticleTableBody #ArticleTable thead i.fa.fa-exchange::before {
  content: "\f0e74";
}
#ArticleTableBody #ArticleTable thead i.fa.fa-exchange {
  font-family: "Material Design Icons";
}
#ArticleTableBody #ArticleTable thead i.fa.fa-exchange::before {
  content: "\f0e73";
}
#ArticleTableBody #ArticleTable thead i.fa.fa-exchange::before {
  content: "\f0e74";
}
#ArticleTableBody #ArticleTable thead i.fa.fa-filter {
  font-family: "Material Design Icons";
}
#ArticleTableBody #ArticleTable thead i.fa.fa-filter::before {
  content: "\f0232";
}
#ArticleTableBody #ArticleTable thead i.fa.fa-exchange::before {
  content: "\f0e74";
}
#ArticleTableBody #ArticleTable thead i.fa.fa-paperclip {
  font-family: "Material Design Icons";
}
#ArticleTableBody #ArticleTable thead i.fa.fa-paperclip::before {
  content: "\f03e2";
}
#ArticleTableBody #ArticleTable thead i.fa.fa-exchange::before {
  content: "\f0e74";
}
#ArticleTableBody #ArticleTable thead i.fa.fa-plus-square {
  font-family: "Material Design Icons";
}
#ArticleTableBody #ArticleTable thead i.fa.fa-plus-square::before {
  content: "\f0415";
}
#ArticleTableBody #ArticleTable thead i.fa.fa-exchange::before {
  content: "\f0e74";
}
#ArticleTableBody #ArticleTable thead i.fa.fa-refresh {
  font-family: "Material Design Icons";
}
#ArticleTableBody #ArticleTable thead i.fa.fa-refresh::before {
  content: "\f0450";
}
#ArticleTableBody #ArticleTable thead i.fa.fa-exchange::before {
  content: "\f0e74";
}
#ArticleTableBody #ArticleTable thead i.fa.fa-reply {
  font-family: "Material Design Icons";
}
#ArticleTableBody #ArticleTable thead i.fa.fa-reply::before {
  content: "\f045a";
}
#ArticleTableBody #ArticleTable thead i.fa.fa-exchange::before {
  content: "\f0e74";
}
#ArticleTableBody #ArticleTable thead i.fa.fa-search {
  font-family: "Material Design Icons";
}
#ArticleTableBody #ArticleTable thead i.fa.fa-search::before {
  content: "\f0349";
}
#ArticleTableBody #ArticleTable thead i.fa.fa-exchange::before {
  content: "\f0e74";
}
#ArticleTableBody #ArticleTable thead i.fa.fa-star {
  font-family: "Material Design Icons";
}
#ArticleTableBody #ArticleTable thead i.fa.fa-star::before {
  content: "\f04ce";
}
#ArticleTableBody #ArticleTable thead i.fa.fa-exchange::before {
  content: "\f0e74";
}
#ArticleTableBody #ArticleTable thead i.fa.fa-user {
  font-family: "Material Design Icons";
}
#ArticleTableBody #ArticleTable thead i.fa.fa-user::before {
  content: "\f0004";
}
#ArticleTableBody #ArticleTable thead i.fa.fa-exchange::before {
  content: "\f0e74";
}
#ArticleTableBody #ArticleTable thead i.fa.fa-users {
  font-family: "Material Design Icons";
}
#ArticleTableBody #ArticleTable thead i.fa.fa-users::before {
  content: "\f0849";
}
#ArticleTableBody #ArticleTable thead i.fa.fa-exchange::before {
  content: "\f0e74";
}
#ArticleTableBody #ArticleTable thead span.UnreadArticles {
  height: auto;
  margin-left: 0;
  position: initial;
  width: auto;
}
#ArticleTableBody #ArticleTable thead span.UnreadArticles i.fa {
  color: initial;
  display: initial;
  font-size: initial;
  position: initial;
}
#ArticleTableBody #ArticleTable thead span.UnreadArticles i.fa:first-child {
  display: none;
}
#ArticleTableBody #ArticleTable tbody span.Direction i.fa {
  font-family: "Material Design Icons";
  font-size: initial;
}
#ArticleTableBody #ArticleTable tbody span.Direction.Incoming i.fa.fa-long-arrow-left::before {
  content: "\f0731";
}
#ArticleTableBody #ArticleTable tbody span.Direction.Outgoing i.fa.fa-long-arrow-right::before {
  content: "\f0734";
}

.MessageBrowser {
  background: none;
  border-radius: 4px;
  caret-color: rgb(251, 140, 0);
  color: #2196f3ff;
  margin-top: var(--pad-y, 10px);
  margin-bottom: var(--pad-y, 10px);
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
.MessageBrowser .Icon {
  color: #2196f3ff;
  display: inline;
  left: 2em;
  margin-right: 0;
  margin-top: 0;
  padding: 0;
  position: absolute;
  top: 0.375em;
  vertical-align: middle;
}
.MessageBrowser .Icon::before {
  content: "\f02fd";
  font-family: "Material Design Icons";
  font-size: 125%;
  opacity: 1;
  position: static;
  vertical-align: text-top;
}
.MessageBrowser p {
  border: thin solid;
  border-color: #2196f3ff;
  border-radius: 4px;
  border-width: 1px 1px 1px 8px;
  box-shadow: 0px 1px 0px #2196f334;
  caret-color: #2196f3ff;
  color: #2196f3ff;
  margin-bottom: 0;
  margin-left: var(--pad-x, 10px);
  margin-right: var(--pad-x, 10px);
  padding: 0.75em;
}
.MessageBrowser p::after {
  background-color: #2196f3ff;
  border-radius: inherit;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.05;
  position: absolute;
  pointer-events: none;
  right: 0;
  top: 0;
  margin: inherit;
}
.MessageBrowser p a {
  color: #333;
  transition: color ease 0.2s;
}
.MessageBrowser p a:hover {
  color: currentColor;
}
.MessageBrowser .Icon + p {
  padding-left: 2.2em;
}
.MessageBrowser p {
  background: white;
  color: #333;
  font-size: smaller;
  margin-left: 0;
  margin-right: 0;
  padding: 0.5em 0.75em;
  text-align: left;
}
.MessageBrowser p::before {
  content: "\f02fd";
  font-family: "Material Design Icons";
  font-size: 125%;
  opacity: 1;
  position: static;
  vertical-align: text-top;
  color: #2196f3ff;
}
.MessageBrowser a.Close::before {
  color: #2196f3ff;
  content: "\f0156";
  font-family: "Material Design Icons";
  margin-left: -0.5em;
}
.MessageBrowser a.Close i.fa {
  display: none;
}

#ArticleItems .ActionMenu .WidgetAction.Expand i.fa.fa-info::before {
  content: "\f037b";
}
#ArticleItems .ArticleMailContent {
  padding-left: 0;
  padding-right: 0;
}
#ArticleItems .ArticleMailContent .ItemActions {
  padding-left: 0;
  top: 0;
}
#ArticleItems .ArticleMailContent .ItemActions .Actions {
  border-radius: 4px;
  box-shadow: 0px 1px 0px #c8c8c8, 0px 1px 10px #e8e8e8;
  box-shadow: 0px 1px 10px #e8e8e8;
  box-shadow: 0px 1px 10px #e4e4e4;
  font-size: initial;
  margin-bottom: var(--gap, 8px);
  padding-left: 0;
  box-shadow: none;
}
#ArticleItems .ArticleMailContent .ItemActions .Actions > li {
  float: left;
  font-size: smaller;
  height: auto;
  padding: 0;
  overflow: hidden;
  box-shadow: none;
  border-radius: 0;
  line-height: 1.5;
}
#ArticleItems .ArticleMailContent .ItemActions .Actions > li > a, #ArticleItems .ArticleMailContent .ItemActions .Actions > li > span.ClusterLink {
  background: #f8f8f8;
  color: #444;
  display: inline-block;
  padding: 5px 10px;
  vertical-align: middle;
  border: solid 1px #ccc;
  border-radius: 4px;
  box-shadow: 0px 1px 10px #e4e4e4;
}
#ArticleItems .ArticleMailContent .ItemActions .Actions > li:hover > a, #ArticleItems .ArticleMailContent .ItemActions .Actions > li:hover > span.ClusterLink {
  background: #24408c;
  border: solid 1px #2e53b5 !important;
  color: white;
  text-decoration: none;
}
#ArticleItems .ArticleMailContent .ItemActions .Actions > li > a, #ArticleItems .ArticleMailContent .ItemActions .Actions > li > span.ClusterLink {
  border-radius: 0;
  box-shadow: none;
}
#ArticleItems .ArticleMailContent .ItemActions .Actions > li:first-child > a, #ArticleItems .ArticleMailContent .ItemActions .Actions > li:first-child > span.ClusterLink {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  padding-left: 10px;
}
#ArticleItems .ArticleMailContent .ItemActions .Actions > li:not(:last-child) > a, #ArticleItems .ArticleMailContent .ItemActions .Actions > li:not(:last-child) > span.ClusterLink {
  border-right: none;
}
#ArticleItems .ArticleMailContent .ItemActions .Actions > li:not(:last-child):hover > a, #ArticleItems .ArticleMailContent .ItemActions .Actions > li:not(:last-child):hover > span.ClusterLink {
  border-right: none !important;
}
#ArticleItems .ArticleMailContent .ItemActions .Actions > li:last-child > a, #ArticleItems .ArticleMailContent .ItemActions .Actions > li:last-child > span.ClusterLink, #ArticleItems .ArticleMailContent .ItemActions .Actions > li.cmt-item-action-link-last > a, #ArticleItems .ArticleMailContent .ItemActions .Actions > li.cmt-item-action-link-last > span.ClusterLink {
  border-bottom-right-radius: 4px;
  border-right: solid 1px #ccc;
  border-top-right-radius: 4px;
}
#ArticleItems .ArticleMailContent .ItemActions .Actions > li:last-child:hover > a, #ArticleItems .ArticleMailContent .ItemActions .Actions > li:last-child:hover > span.ClusterLink, #ArticleItems .ArticleMailContent .ItemActions .Actions > li.cmt-item-action-link-last:hover > a, #ArticleItems .ArticleMailContent .ItemActions .Actions > li.cmt-item-action-link-last:hover > span.ClusterLink {
  border-right: solid 1px #2e53b5 !important;
}
#ArticleItems .ArticleMailContent .ItemActions .Actions > li.Selected a,
#ArticleItems .ArticleMailContent .ItemActions .Actions > li a.Active {
  color: white;
  background-color: #24408c;
  border-color: #2e53b5;
  border-right-color: #2e53b5;
  font-weight: normal;
}
#ArticleItems .ArticleMailContent .ItemActions .Actions > li::after {
  content: none;
}
#ArticleItems .ArticleMailContent .ItemActions .Actions form {
  padding: 0;
}
#ArticleItems .Incoming .Avatar {
  margin-left: 1em;
  order: 4;
}
#ArticleItems .Incoming .ArticleBody,
#ArticleItems .Incoming .ArticleMailContentHTMLWrapper {
  display: flex;
  margin-left: 0;
  margin-right: 0;
  order: 3;
}
#ArticleItems .Outgoing .Avatar {
  margin-right: 1em;
  order: 3;
}
#ArticleItems .Outgoing .ArticleBody,
#ArticleItems .Outgoing .ArticleMailContentHTMLWrapper {
  margin-left: 0;
  margin-right: 0;
  order: 4;
}

.ArticleMailContent {
  padding-left: 0;
  display: flex;
  flex-flow: row wrap;
  flex-wrap: wrap;
  justify-content: space-between;
}
.ArticleMailContent .Avatar {
  border-radius: 50%;
  flex-grow: 0;
  order: 4;
  padding: 3px;
  position: static;
}
.ArticleMailContent .Avatar img {
  border-radius: 50%;
}
.ArticleMailContent .ItemActions {
  order: 1;
}
.ArticleMailContent .ItemActions + hr.cmt-flex-break {
  order: 2;
}
.ArticleMailContent .ArticleBody, .ArticleMailContent .ArticleMailContentHTMLWrapper {
  align-self: flex-start;
  border-radius: 4px;
  flex-grow: 1;
  margin-right: 0;
  order: 3;
}
.ArticleMailContent .ArticleMailContentHTMLWrapper iframe {
  border-radius: 4px;
}
.ArticleMailContent hr.cmt-flex-break {
  order: 5;
}
.ArticleMailContent .ArticleAttachments {
  order: 6;
}

#ArticleItems .Outgoing .ArticleMailContent .ItemActions,
#ArticleItems .Outgoing .ArticleMailContent .ArticleAttachments {
  left: 50px;
  margin-left: 1em;
  margin-right: 0;
  position: relative;
}

/* Ticket Information box */

/*# sourceMappingURL=agent.css.map */
