/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/stylus-loader/dist/cjs.js!./apps/legacy/css/src/connect/oui/minimal-connect.styl ***!
  \***************************************************************************************************************************************************************************************************************************************************/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
html {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}
strong {
  font-weight: bold;
}
em {
  font-style: italic;
}
small {
  font-size: 0.85rem;
}
sup {
  vertical-align: super;
  font-size: 0.7em;
}
sub {
  vertical-align: sub;
  font-size: 0.7em;
}
.clp.colored.faded {
  opacity: 0.5;
}
.clp.colored.faded-75 {
  opacity: 0.75;
}
.clp.colored.color-white {
  color: #fff;
}
.clp.colored.color-error {
  color: #f03e3e;
}
.clp.colored.color-warning {
  color: #fcc419;
}
.clp.colored.color-success {
  color: #37b24d;
}
.clp.colored.color-info {
  color: #22b8cf;
}
.clp.colored.color-due {
  color: #f03e3e;
}
.clp.colored.color-highlight {
  color: #72c3fc;
}
.clp.colored.color-highlight-vv-light {
  color: rgba(114,195,252,0.1);
}
.clp.colored.color-muted {
  color: #868e96;
}
.clp.colored.color-extra-muted {
  color: #ced4da;
}
.clp.colored.color-favorite {
  color: #fcc419;
}
.clp.colored.color-heating {
  color: #e8590c;
}
.clp.colored.color-cooling {
  color: #66d9e8;
}
.clp.colored.bg-color-error {
  background: #ffe3e3;
}
.clp.colored.bg-color-legend {
  background: #f2f6f7;
}
.clp.colored.bg-color-white {
  background: #fff;
}
.clp.colored.bg-color-off-white {
  background: #f4f4f4;
}
.clp.colored.bg-color-warning {
  background: #fcc419;
}
.clp.colored.bg-color-warning-bright {
  background: #fff3bf;
}
.clp.colored.active-area {
  background: #7e264d;
  color: #fff;
}
.clp.colored.color-brand {
  color: #7e264d;
}
.clp.colored.color-brand-alt {
  color: #f06444;
}
.clp.colored.color-service-red {
  color: #eb5757;
}
.clp.colored.color-service-blue {
  color: #36c;
}
.clp.colored.color-service-lightblue {
  color: #d2f2fd;
}
.clp.colored.color-service-lightgreen {
  color: #b5eeda;
}
.clp.colored.color-icon-green-alt {
  color: #27ae60;
}
.clp.colored.bg-color-info {
  background-color: #22b8cf;
  color: #fff;
}
.clp.colored.bg-stripes-darker-2px {
  background: repeating-linear-gradient(135deg, rgba(0,0,0,0.025), rgba(0,0,0,0.025) 2px, rgba(0,0,0,0.05) 2px, rgba(0,0,0,0.05) 4px);
}
.clp.colored.colorize-success {
  color: #fff;
  background-color: #37b24d;
}
.clp.colored.colorize-error {
  color: #fff;
  background-color: #f03e3e;
}
.clp.colored.colorize-error a {
  color: currentColor;
}
.clp.colored.colorize-info {
  color: #fff;
  background-color: #22b8cf;
}
.clp.colored.colorize-neutral {
  color: rgba(0,0,0,0.6);
  background-color: #686f77;
}
.clp.colored.colorize-warning {
  color: rgba(0,0,0,0.6);
  background-color: #fcc419;
}
.clp.colored.colorize-subtle-warning {
  color: #e67700;
  background-color: #fff3bf;
}
.clp.colored.colorize-subtle-warning.inline-with-old-style {
  color: #111;
}
.clp.colored.colored-well {
  background-color: #f8f9fa;
}
.clp.colored.colored-white {
  background-color: #fff;
}
.clp.colored.colored-highlight {
  background-color: #72c3fc;
  color: #fff;
}
.clp.colored.colored-highlight-vv-light {
  background-color: rgba(114,195,252,0.05);
}
.clp.color-coded--ok {
  color: #37b24d;
}
.clp.color-coded--ok.invert {
  background-color: #37b24d;
  color: #fff;
}
.clp.color-coded--error {
  color: #f03e3e;
}
.clp.color-coded--error.invert {
  background-color: #f03e3e;
  color: #fff;
}
.clp.color-coded--info {
  color: #22b8cf;
}
.clp.color-coded--info.invert {
  background-color: #22b8cf;
  color: #fff;
}
.clp.color-coded--warning {
  color: #fcc419;
}
.clp.color-coded--warning.invert {
  background-color: #fcc419;
  color: #222;
}
.clp.color-coded--neutral {
  color: #868e96;
}
.clp.color-coded--neutral.invert {
  background-color: #e9ecef;
  color: #444;
}
.clp.noci.circle.colorize-success {
  color: #fff;
  background-color: #37b24d;
}
.clp.color-urgency.urgency-overdue {
  color: #f03e3e;
}
.clp.color-urgency.urgency-due {
  color: #495057;
}
.clp.color-urgency.urgency-near-term {
  color: #868e96;
}
.clp.color-urgency.urgency-medium-term {
  color: rgba(134,142,150,0.7);
}
.clp.color-urgency.urgency-long-term {
  color: rgba(134,142,150,0.25);
}
.color-roll {
  border: 1px solid rgba(0,0,0,0.1);
  background: #fff;
  box-shadow: inset 0 0 2px rgba(0,0,0,0.1);
  border-radius: 0.125em;
  margin-right: 0.25em;
}
.color-roll > i.clp.noci {
  font-size: 0.8em;
}
.color-roll:focus,
.color-roll:hover {
  outline: 1px solid rgba(0,0,0,0.1);
}
.color-picker {
  display: flex;
}
.color-picker > .color-suggestions {
  position: absolute;
  margin-top: 2em;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  background: #fff;
  box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
  padding: 0.5em;
  flex-direction: column;
}
.color-picker > .color-suggestions > div {
  display: flex;
  gap: 0.75em;
}
.color-picker > .color-suggestions > .color-suggestions-title {
  align-self: center;
  color: #868e96;
  font-weight: 700;
}
.color-picker > .color-suggestions .color-suggestion {
  border: 0;
  padding: 0;
  margin: 0;
  width: 1.25rem;
  height: 1.25rem;
  cursor: pointer;
}
.color-picker > .color-suggestions .color-suggestion:hover,
.color-picker > .color-suggestions .color-suggestion:focus {
  outline: 1px solid rgba(0,0,0,0.2);
  box-shadow: 0 0 3px #72c3fc;
}
@font-face {
  font-family: 'Nucleo Mini';
  src: url("/static/vendor/nucleo/mini/fonts/nucleo-mini.woff2") format('woff2'), url("/static/vendor/nucleo/mini/fonts/nucleo-mini.woff") format('woff');
  font-weight: normal;
  font-style: normal;
}
@-webkit-keyframes clp-icon-spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes clp-icon-spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes clp-icon-loading-color {
  0% {
    color: #7e264d;
  }
  50% {
    color: #4263eb;
  }
  100% {
    color: #ae3ec9;
  }
}
@-moz-keyframes clp-icon-loading-color {
  0% {
    color: #7e264d;
  }
  50% {
    color: #4263eb;
  }
  100% {
    color: #ae3ec9;
  }
}
.clp.noci {
  display: inline-block;
  font: normal normal normal 14px/1 'Nucleo Mini';
  font-size: inherit;
  speak: none;
  text-transform: none;
/* Better Font Rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.clp.noci.lg {
  font-size: 1.33333333em;
  vertical-align: -16%;
}
.clp.noci.x2 {
  font-size: 2em;
}
.clp.noci.x3 {
  font-size: 3em;
}
.clp.noci.placeholder {
  width: 1em;
  height: 1em;
}
.clp.noci.square,
.clp.noci.circle {
  padding: 0.33333333em;
  vertical-align: -16%;
  background-color: #eee;
}
.clp.noci.circle {
  border-radius: 50%;
}
.clp.noci.spin {
  -webkit-animation: clp-icon-spin 2s infinite linear;
  animation: clp-icon-spin 2s infinite linear;
}
.clp.noci.rotate-90 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.clp.noci.rotate-180 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.clp.noci.rotate-270 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.clp.noci.flip-y {
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.clp.noci.flip-x {
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
}
.clp.noci.climapulse:before {
  content: '\eb94';
}
.clp.noci.action:before {
  content: '\ea59';
}
.clp.noci.alarm:before {
  content: '\eaad';
}
.clp.noci.close:before {
  content: '\ea28';
}
.clp.noci.box-checked:before {
  content: '\ea23';
}
.clp.noci.box-unchecked:before {
  content: '\ea37';
}
.clp.noci.chevron-down:before {
  content: '\e926';
}
.clp.noci.chevron-left:before {
  content: '\e927';
}
.clp.noci.chevron-right:before {
  content: '\e928';
}
.clp.noci.chevron-up:before {
  content: '\e929';
}
.clp.noci.convert:before {
  content: '\e95e';
}
.clp.noci.refresh:before {
  content: '\e92c';
}
.clp.noci.chevron-bold-left:before {
  content: '\e903';
}
.clp.noci.chevron-circle-down:before {
  content: '\e9ae';
}
.clp.noci.chevron-circle-left:before {
  content: '\e9b0';
}
.clp.noci.chevron-circle-right:before {
  content: '\e9b2';
}
.clp.noci.chevron-circle-up:before {
  content: '\e9b4';
}
.clp.noci.calendar:before {
  content: '\ea1c';
}
.clp.noci.checkmark:before {
  content: '\ea21';
}
.clp.noci.checkmark-circle:before {
  content: '\ea1f';
}
.clp.noci.connect-location:before {
  content: '\ec7a';
}
.clp.noci.dashboard:before {
  content: '\ea2c';
}
.clp.noci.warning-sign:before {
  content: '\eab2';
}
.clp.noci.warning-rect:before {
  content: '\ea6e';
}
.clp.noci.info-sign:before {
  content: '\ea6b';
}
.clp.noci.question-sign:before {
  content: '\ea69';
}
.clp.noci.question-sign-bordered:before {
  content: '\ee97';
}
.clp.noci.clock:before {
  content: '\eaae';
}
.clp.noci.target:before {
  content: '\eaaa';
}
.clp.noci.home:before {
  content: '\ea42';
}
.clp.noci.lock-unlocked:before {
  content: '\ea49';
}
.clp.noci.lock-locked:before {
  content: '\ea4a';
}
.clp.noci.help-sign:before {
  content: '\ee97';
}
.clp.noci.add-circle:before {
  content: '\ea26';
}
.clp.noci.add-circle-stroke:before {
  content: '\ea27';
}
.clp.noci.remove-circle:before {
  content: '\ea2a';
}
.clp.noci.alert-circle:before {
  content: '\ee96';
}
.clp.noci.documents:before {
  content: '\ed46';
}
.clp.noci.add-box:before {
  content: '\eaa5';
}
.clp.noci.remove-box:before {
  content: '\eaa7';
}
.clp.noci.simple-remove:before {
  content: '\ea5c';
}
.clp.noci.pencil:before {
  content: '\ea4c';
}
.clp.noci.trash:before {
  content: '\ea5d';
}
.clp.noci.download:before {
  content: '\e916';
}
.clp.noci.upload:before {
  content: '\e993';
}
.clp.noci.zoom:before {
  content: '\ea66';
}
.clp.noci.filter:before {
  content: '\ee7e';
}
.clp.noci.warehouse:before {
  content: '\ea43';
}
.clp.noci.assignee:before {
  content: '\e9fd';
}
.clp.noci.installation:before {
  content: '\ea9f';
}
.clp.noci.cooling:before {
  content: '\e9ea';
}
.clp.noci.heating:before {
  content: '\ea3f';
}
.clp.noci.attach:before {
  content: '\ea11';
}
.clp.noci.building:before {
  content: '\ea42';
}
.clp.noci.customer:before {
  content: '\e9fb';
}
.clp.noci.briefcase:before {
  content: '\ee10';
}
.clp.noci.location:before {
  content: '\ec70';
}
.clp.noci.factory:before {
  content: '\ee26';
}
.clp.noci.signature:before {
  content: '\ee3a';
}
.clp.noci.loader:before {
  content: '\eea4';
}
.clp.noci.extras:before {
  content: '\ea9a';
}
.clp.noci.save-disk:before {
  content: '\ea81';
}
.clp.noci.arrow-left:before {
  content: '\e94b';
}
.clp.noci.arrow-right:before {
  content: '\e94c';
}
.clp.noci.eye:before {
  content: '\ea3b';
}
.clp.noci.recycling:before {
  content: '\ee68';
}
.clp.noci.restore:before {
  content: '\e901';
}
.clp.noci.supplier:before {
  content: '\ebc4';
}
.clp.noci.copy:before {
  content: '\ed35';
}
.clp.noci.circuit:before {
  content: '\edb4';
}
.clp.noci.vessel:before {
  content: '\ed0c';
}
.clp.noci.forbidden:before {
  content: '\ea29';
}
.clp.noci.alias:before {
  content: '\e965';
}
.clp.noci.send:before {
  content: '\ea55';
}
.clp.noci.gear:before {
  content: '\ea58';
}
.clp.noci.list:before {
  content: '\ebc2';
}
.clp.noci.logs:before {
  content: '\ebd5';
}
.clp.noci.files-drawer:before {
  content: '\ed36';
}
.clp.noci.email:before {
  content: '\ea3a';
}
.clp.noci.link:before {
  content: '\ea93';
}
.clp.noci.channel:before {
  content: '\ee82';
}
.clp.noci.menu:before {
  content: '\ea99';
}
.clp.noci.phone:before {
  content: '\ee89';
}
.clp.noci.smartphone:before {
  content: '\edc6';
}
.clp.noci.contact-method-phone:before {
  content: '\ee89';
}
.clp.noci.contact-method-email:before {
  content: '\ea3a';
}
.clp.noci.contact-method-fax:before {
  content: '\eb3b';
}
.clp.noci.contact-method-website:before {
  content: '\ee27';
}
.clp.noci.pie-chart:before {
  content: '\ee1c';
}
.clp.noci.transfer:before {
  content: '\e935';
}
.clp.noci.invoice:before {
  content: '\ebc3';
}
.clp.noci.tag:before {
  content: '\ebc8';
}
.clp.noci.stock:before {
  content: '\ebc5';
}
.clp.noci.favorite:before {
  content: '\ea85';
}
.clp.noci.key:before {
  content: '\ebf6';
}
.clp.noci.calculator:before {
  content: '\ee17';
}
.clp.noci.forecast:before {
  content: '\e9d9';
}
.clp.noci.textfile:before {
  content: '\ed49';
}
.clp.noci.qr:before {
  content: '\eba9';
}
.clp.noci.hierarchy:before {
  content: '\ee2d';
}
.clp.noci.notes:before {
  content: '\ee34';
}
.clp.noci.sheet:before {
  content: '\ebdb';
}
.clp.noci.nameplate:before {
  content: '\ee09';
}
.clp.noci.state-gas:before {
  content: '\e9ca';
}
.clp.noci.state-liquid:before {
  content: '\e9d4';
}
.clp.noci.state-solid:before {
  content: '\edcb';
}
.clp.noci.na:before {
  content: '\ecb1';
}
.clp.noci.menu-drawers:before {
  content: '\ea98';
}
.clp.noci.disabled:before {
  content: '\ea71';
}
.clp.noci.folder-lines:before {
  content: '\ed4d';
}
.clp.noci.archive:before {
  content: '\e9ab';
}
.clp.noci.unarchive:before {
  content: '\e9ac';
}
.clp.noci.hourglass:before {
  content: '\ea8d';
}
.clp.noci.request:before {
  content: '\edb5';
}
.clp.noci.van:before {
  content: '\ebbc';
}
.clp.noci.users:before {
  content: '\ea04';
}
.clp.noci.world:before {
  content: '\ec75';
}
.clp.noci.languages:before {
  content: '\ec75';
}
.clp.noci.connect:before {
  content: '\ee20';
}
.clp.noci.tasklist:before {
  content: '\ed2f';
}
.clp.noci.group:before {
  content: '\eebe';
}
.clp.noci.check-in:before {
  content: '\e95c';
}
.clp.noci.check-out:before {
  content: '\e95b';
}
.clp.noci.sort:before {
  content: '\ee7a';
}
.clp.noci.chevron-toggle:before {
  content: '\e926';
}
.clp.noci.voided:before {
  color: transparent;
  content: '\ea29';
}
.clp.noci.hint:before {
  font-size: 0.9em;
  color: #adb5bd;
  margin-left: 0.25em;
  content: '\ee97';
}
.collapsed > .collapsible-header .clp.noci.chevron-toggle:before {
  content: '\e928';
}
@-moz-keyframes clp-icon-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes clp-icon-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes clp-icon-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes clp-icon-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes clp-icon-loading-color {
  0% {
    color: #7e264d;
  }
  50% {
    color: #4263eb;
  }
  100% {
    color: #ae3ec9;
  }
}
@-webkit-keyframes clp-icon-loading-color {
  0% {
    color: #7e264d;
  }
  50% {
    color: #4263eb;
  }
  100% {
    color: #ae3ec9;
  }
}
@-o-keyframes clp-icon-loading-color {
  0% {
    color: #7e264d;
  }
  50% {
    color: #4263eb;
  }
  100% {
    color: #ae3ec9;
  }
}
@keyframes clp-icon-loading-color {
  0% {
    color: #7e264d;
  }
  50% {
    color: #4263eb;
  }
  100% {
    color: #ae3ec9;
  }
}
.clp.in-old-header {
  margin-top: -5px !important;
}
.clp.mock-menu {
  font-size: 0.9em;
}
a.clp.light-selectable-list-item {
  background: #fff;
  color: #444;
  border-bottom: 1px solid rgba(0,0,0,0.05);
  text-decoration: none;
}
a.clp.light-selectable-list-item:hover {
  background: rgba(126,38,77,0.1);
}
a.clp.light-selectable-list-item.ignore {
  opacity: 0.7;
}
a.clp.light-selectable-list-item.ignore:hover {
  background: #fff;
}
a.clp.light-selectable-list-item.ignore img.ignorable {
  filter: grayscale(75%);
}
.clp.slab.slightly-darker {
  background: rgba(0,0,0,0.1);
}
.clp.slab.light-text {
  color: #fff;
}
.clp.badge {
  display: inline-block;
  padding: 0.25em 0.5em;
  background: #fff;
  border-radius: 0.5em;
  border: 1px solid rgba(0,0,0,0.2);
}
.clp.badge.transparent {
  background: transparent;
}
.clp.badge.almost-transparent {
  background: rgba(255,255,255,0.2);
}
.clp.badge.hidden {
  display: none;
}
.clp.badge.borderless {
  border: 0;
}
.clp.badge.minimal {
  padding: 0.125em 0.25em;
}
.clp.badge.fully-rounded {
  border-radius: 1em;
  padding-left: 1em;
  padding-right: 1em;
}
.clp.badge.fully-rounded.minimal {
  padding: 0.125em 0.5em;
}
.clp.badge.default .noci {
  color: #868e96;
}
.clp.badge.attach-right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.clp.badge.colored.as-slighly-darker {
  background: rgba(0,0,0,0.1);
}
.clp.badge.colored.as-slighly-darker:hover {
  background: rgba(0,0,0,0.25);
}
.clp.badge.colored.as-slighly-darker.light-text {
  color: #fff;
}
.clp.badge.colored.as-slighly-darker.light-text:hover {
  color: #fff;
}
.clp.badge.colored.as-opaque {
  background: rgba(255,255,255,0.5);
  color: rgba(0,0,0,0.8);
}
.clp.badge.colored.as-opaque:hover {
  background: rgba(255,255,255,0.9);
  border-color: rgba(0,0,0,0.4);
  color: rgba(0,0,0,0.9);
}
.clp.badge.colored.status-high-alert {
  background: rgba(240,62,62,0.1);
  color: #f03e3e;
}
.clp.badge.colored.status-high-alert.inverted {
  background: #f03e3e;
  color: #fff;
}
.clp.badge.colored.status-success {
  background: #2f9e44;
  color: #fff;
}
.clp.badge.colored.status-success.inverted {
  background: #fff;
  color: #2f9e44;
}
.clp.badge.colored.status-neutral {
  background: #e9ecef;
  color: #495057;
}
.clp.badge.colored.status-warning {
  background: rgba(252,196,25,0.2);
  color: #f08c00;
}
.clp.badge.colored.status-warning.inverted {
  background: #fcc419;
  color: #783e00;
}
.clp.progress-bar.simple {
  display: inline-block;
  background: #e9ecef;
  height: 0.75em;
  border-radius: 3px;
  vertical-align: middle;
  position: relative;
}
.clp.progress-bar.simple:before {
  background: currentColor;
  position: absolute;
  content: ' ';
  top: 0;
  left: 0;
  bottom: 0;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.clp.progress-bar.simple.progress-at-1:before {
  width: 10%;
}
.clp.progress-bar.simple.progress-at-2:before {
  width: 10%;
}
.clp.progress-bar.simple.progress-at-3:before {
  width: 10%;
}
.clp.progress-bar.simple.progress-at-4:before {
  width: 10%;
}
.clp.progress-bar.simple.progress-at-5:before {
  width: 10%;
}
.clp.progress-bar.simple.progress-at-6:before {
  width: 10%;
}
.clp.progress-bar.simple.progress-at-7:before {
  width: 10%;
}
.clp.progress-bar.simple.progress-at-8:before {
  width: 10%;
}
.clp.progress-bar.simple.progress-at-9:before {
  width: 10%;
}
.clp.progress-bar.simple.progress-at-10:before {
  width: 10%;
}
.clp.progress-bar.simple.progress-at-11:before {
  width: 10%;
}
.clp.progress-bar.simple.progress-at-12:before {
  width: 10%;
}
.clp.progress-bar.simple.progress-at-13:before {
  width: 10%;
}
.clp.progress-bar.simple.progress-at-14:before {
  width: 10%;
}
.clp.progress-bar.simple.progress-at-15:before {
  width: 10%;
}
.clp.progress-bar.simple.progress-at-16:before {
  width: 25%;
}
.clp.progress-bar.simple.progress-at-17:before {
  width: 25%;
}
.clp.progress-bar.simple.progress-at-18:before {
  width: 25%;
}
.clp.progress-bar.simple.progress-at-19:before {
  width: 25%;
}
.clp.progress-bar.simple.progress-at-20:before {
  width: 25%;
}
.clp.progress-bar.simple.progress-at-21:before {
  width: 25%;
}
.clp.progress-bar.simple.progress-at-22:before {
  width: 25%;
}
.clp.progress-bar.simple.progress-at-23:before {
  width: 25%;
}
.clp.progress-bar.simple.progress-at-24:before {
  width: 25%;
}
.clp.progress-bar.simple.progress-at-25:before {
  width: 25%;
}
.clp.progress-bar.simple.progress-at-26:before {
  width: 25%;
}
.clp.progress-bar.simple.progress-at-27:before {
  width: 25%;
}
.clp.progress-bar.simple.progress-at-28:before {
  width: 25%;
}
.clp.progress-bar.simple.progress-at-29:before {
  width: 25%;
}
.clp.progress-bar.simple.progress-at-30:before {
  width: 33%;
}
.clp.progress-bar.simple.progress-at-31:before {
  width: 33%;
}
.clp.progress-bar.simple.progress-at-32:before {
  width: 33%;
}
.clp.progress-bar.simple.progress-at-33:before {
  width: 33%;
}
.clp.progress-bar.simple.progress-at-34:before {
  width: 33%;
}
.clp.progress-bar.simple.progress-at-35:before {
  width: 33%;
}
.clp.progress-bar.simple.progress-at-36:before {
  width: 33%;
}
.clp.progress-bar.simple.progress-at-37:before {
  width: 33%;
}
.clp.progress-bar.simple.progress-at-38:before {
  width: 33%;
}
.clp.progress-bar.simple.progress-at-39:before {
  width: 33%;
}
.clp.progress-bar.simple.progress-at-40:before {
  width: 33%;
}
.clp.progress-bar.simple.progress-at-41:before {
  width: 33%;
}
.clp.progress-bar.simple.progress-at-42:before {
  width: 33%;
}
.clp.progress-bar.simple.progress-at-43:before {
  width: 33%;
}
.clp.progress-bar.simple.progress-at-44:before {
  width: 33%;
}
.clp.progress-bar.simple.progress-at-45:before {
  width: 50%;
}
.clp.progress-bar.simple.progress-at-46:before {
  width: 50%;
}
.clp.progress-bar.simple.progress-at-47:before {
  width: 50%;
}
.clp.progress-bar.simple.progress-at-48:before {
  width: 50%;
}
.clp.progress-bar.simple.progress-at-49:before {
  width: 50%;
}
.clp.progress-bar.simple.progress-at-50:before {
  width: 50%;
}
.clp.progress-bar.simple.progress-at-51:before {
  width: 50%;
}
.clp.progress-bar.simple.progress-at-52:before {
  width: 50%;
}
.clp.progress-bar.simple.progress-at-53:before {
  width: 50%;
}
.clp.progress-bar.simple.progress-at-54:before {
  width: 50%;
}
.clp.progress-bar.simple.progress-at-55:before {
  width: 50%;
}
.clp.progress-bar.simple.progress-at-56:before {
  width: 50%;
}
.clp.progress-bar.simple.progress-at-57:before {
  width: 50%;
}
.clp.progress-bar.simple.progress-at-58:before {
  width: 50%;
}
.clp.progress-bar.simple.progress-at-59:before {
  width: 50%;
}
.clp.progress-bar.simple.progress-at-60:before {
  width: 66%;
}
.clp.progress-bar.simple.progress-at-61:before {
  width: 66%;
}
.clp.progress-bar.simple.progress-at-62:before {
  width: 66%;
}
.clp.progress-bar.simple.progress-at-63:before {
  width: 66%;
}
.clp.progress-bar.simple.progress-at-64:before {
  width: 66%;
}
.clp.progress-bar.simple.progress-at-65:before {
  width: 66%;
}
.clp.progress-bar.simple.progress-at-66:before {
  width: 66%;
}
.clp.progress-bar.simple.progress-at-67:before {
  width: 66%;
}
.clp.progress-bar.simple.progress-at-68:before {
  width: 66%;
}
.clp.progress-bar.simple.progress-at-69:before {
  width: 66%;
}
.clp.progress-bar.simple.progress-at-70:before {
  width: 75%;
}
.clp.progress-bar.simple.progress-at-71:before {
  width: 75%;
}
.clp.progress-bar.simple.progress-at-72:before {
  width: 75%;
}
.clp.progress-bar.simple.progress-at-73:before {
  width: 75%;
}
.clp.progress-bar.simple.progress-at-74:before {
  width: 75%;
}
.clp.progress-bar.simple.progress-at-75:before {
  width: 75%;
}
.clp.progress-bar.simple.progress-at-76:before {
  width: 75%;
}
.clp.progress-bar.simple.progress-at-77:before {
  width: 75%;
}
.clp.progress-bar.simple.progress-at-78:before {
  width: 75%;
}
.clp.progress-bar.simple.progress-at-79:before {
  width: 75%;
}
.clp.progress-bar.simple.progress-at-80:before {
  width: 75%;
}
.clp.progress-bar.simple.progress-at-81:before {
  width: 75%;
}
.clp.progress-bar.simple.progress-at-82:before {
  width: 75%;
}
.clp.progress-bar.simple.progress-at-83:before {
  width: 75%;
}
.clp.progress-bar.simple.progress-at-84:before {
  width: 75%;
}
.clp.progress-bar.simple.progress-at-85:before {
  width: 90%;
}
.clp.progress-bar.simple.progress-at-86:before {
  width: 90%;
}
.clp.progress-bar.simple.progress-at-87:before {
  width: 90%;
}
.clp.progress-bar.simple.progress-at-88:before {
  width: 90%;
}
.clp.progress-bar.simple.progress-at-89:before {
  width: 90%;
}
.clp.progress-bar.simple.progress-at-90:before {
  width: 90%;
}
.clp.progress-bar.simple.progress-at-91:before {
  width: 90%;
}
.clp.progress-bar.simple.progress-at-92:before {
  width: 90%;
}
.clp.progress-bar.simple.progress-at-93:before {
  width: 90%;
}
.clp.progress-bar.simple.progress-at-94:before {
  width: 90%;
}
.clp.progress-bar.simple.progress-at-95:before {
  width: 90%;
}
.clp.progress-bar.simple.progress-at-96:before {
  width: 90%;
}
.clp.progress-bar.simple.progress-at-97:before {
  width: 90%;
}
.clp.progress-bar.simple.progress-at-98:before {
  width: 90%;
}
.clp.progress-bar.simple.progress-at-99:before {
  width: 90%;
}
.clp.progress-bar.simple.progress-at-100:before {
  width: 0;
}
.clp.progress-bar.simple.progress-at-100 {
  background-color: #37b24d;
}
.clp.progress-bar.gray:before {
  background: #ced4da;
}
.clp.progress-bar.teal-to-gray.progress-at-1:before {
  background: #fdfdfd;
}
.clp.progress-bar.teal-to-gray.progress-at-2:before {
  background: #fbfbfb;
}
.clp.progress-bar.teal-to-gray.progress-at-3:before {
  background: #fafafa;
}
.clp.progress-bar.teal-to-gray.progress-at-4:before {
  background: #f8f8f8;
}
.clp.progress-bar.teal-to-gray.progress-at-5:before {
  background: #f6f6f6;
}
.clp.progress-bar.teal-to-gray.progress-at-6:before {
  background: #f4f4f4;
}
.clp.progress-bar.teal-to-gray.progress-at-7:before {
  background: #f2f3f3;
}
.clp.progress-bar.teal-to-gray.progress-at-8:before {
  background: #f1f1f1;
}
.clp.progress-bar.teal-to-gray.progress-at-9:before {
  background: #efefef;
}
.clp.progress-bar.teal-to-gray.progress-at-10:before {
  background: #ededed;
}
.clp.progress-bar.teal-to-gray.progress-at-11:before {
  background: #ebecec;
}
.clp.progress-bar.teal-to-gray.progress-at-12:before {
  background: #e9eaea;
}
.clp.progress-bar.teal-to-gray.progress-at-13:before {
  background: #e7e8e8;
}
.clp.progress-bar.teal-to-gray.progress-at-14:before {
  background: #e6e7e6;
}
.clp.progress-bar.teal-to-gray.progress-at-15:before {
  background: #e4e5e5;
}
.clp.progress-bar.teal-to-gray.progress-at-16:before {
  background: #e2e3e3;
}
.clp.progress-bar.teal-to-gray.progress-at-17:before {
  background: #e0e2e1;
}
.clp.progress-bar.teal-to-gray.progress-at-18:before {
  background: #dee0df;
}
.clp.progress-bar.teal-to-gray.progress-at-19:before {
  background: #dcdede;
}
.clp.progress-bar.teal-to-gray.progress-at-20:before {
  background: #dadddc;
}
.clp.progress-bar.teal-to-gray.progress-at-21:before {
  background: #d8dbda;
}
.clp.progress-bar.teal-to-gray.progress-at-22:before {
  background: #d6dad9;
}
.clp.progress-bar.teal-to-gray.progress-at-23:before {
  background: #d4d9d7;
}
.clp.progress-bar.teal-to-gray.progress-at-24:before {
  background: #d2d7d5;
}
.clp.progress-bar.teal-to-gray.progress-at-25:before {
  background: #d0d5d3;
}
.clp.progress-bar.teal-to-gray.progress-at-26:before {
  background: #ced4d2;
}
.clp.progress-bar.teal-to-gray.progress-at-27:before {
  background: #ccd2d1;
}
.clp.progress-bar.teal-to-gray.progress-at-28:before {
  background: #c9d1cf;
}
.clp.progress-bar.teal-to-gray.progress-at-29:before {
  background: #c7d0cd;
}
.clp.progress-bar.teal-to-gray.progress-at-30:before {
  background: #c5cecb;
}
.clp.progress-bar.teal-to-gray.progress-at-31:before {
  background: #c3cdca;
}
.clp.progress-bar.teal-to-gray.progress-at-32:before {
  background: #c1ccc9;
}
.clp.progress-bar.teal-to-gray.progress-at-33:before {
  background: #becbc7;
}
.clp.progress-bar.teal-to-gray.progress-at-34:before {
  background: #bcc9c5;
}
.clp.progress-bar.teal-to-gray.progress-at-35:before {
  background: #b9c8c4;
}
.clp.progress-bar.teal-to-gray.progress-at-36:before {
  background: #b6c8c2;
}
.clp.progress-bar.teal-to-gray.progress-at-37:before {
  background: #b4c6c1;
}
.clp.progress-bar.teal-to-gray.progress-at-38:before {
  background: #b2c6bf;
}
.clp.progress-bar.teal-to-gray.progress-at-39:before {
  background: #b0c4be;
}
.clp.progress-bar.teal-to-gray.progress-at-40:before {
  background: #adc3bc;
}
.clp.progress-bar.teal-to-gray.progress-at-41:before {
  background: #aac3bb;
}
.clp.progress-bar.teal-to-gray.progress-at-42:before {
  background: #a7c1ba;
}
.clp.progress-bar.teal-to-gray.progress-at-43:before {
  background: #a4c1b8;
}
.clp.progress-bar.teal-to-gray.progress-at-44:before {
  background: #a1c1b6;
}
.clp.progress-bar.teal-to-gray.progress-at-45:before {
  background: #9fbfb6;
}
.clp.progress-bar.teal-to-gray.progress-at-46:before {
  background: #9cbfb4;
}
.clp.progress-bar.teal-to-gray.progress-at-47:before {
  background: #99beb3;
}
.clp.progress-bar.teal-to-gray.progress-at-48:before {
  background: #97bdb1;
}
.clp.progress-bar.teal-to-gray.progress-at-49:before {
  background: #93bdb0;
}
.clp.progress-bar.teal-to-gray.progress-at-50:before {
  background: #90bdaf;
}
.clp.progress-bar.teal-to-gray.progress-at-51:before {
  background: #8dbcad;
}
.clp.progress-bar.teal-to-gray.progress-at-52:before {
  background: #8abbad;
}
.clp.progress-bar.teal-to-gray.progress-at-53:before {
  background: #87bbab;
}
.clp.progress-bar.teal-to-gray.progress-at-54:before {
  background: #83bbaa;
}
.clp.progress-bar.teal-to-gray.progress-at-55:before {
  background: #80bba9;
}
.clp.progress-bar.teal-to-gray.progress-at-56:before {
  background: #7cbba8;
}
.clp.progress-bar.teal-to-gray.progress-at-57:before {
  background: #79bba6;
}
.clp.progress-bar.teal-to-gray.progress-at-58:before {
  background: #75bba6;
}
.clp.progress-bar.teal-to-gray.progress-at-59:before {
  background: #72baa4;
}
.clp.progress-bar.teal-to-gray.progress-at-60:before {
  background: #6fbaa3;
}
.clp.progress-bar.teal-to-gray.progress-at-61:before {
  background: #6bbba3;
}
.clp.progress-bar.teal-to-gray.progress-at-62:before {
  background: #67bba1;
}
.clp.progress-bar.teal-to-gray.progress-at-63:before {
  background: #63bba0;
}
.clp.progress-bar.teal-to-gray.progress-at-64:before {
  background: #5fbca0;
}
.clp.progress-bar.teal-to-gray.progress-at-65:before {
  background: #5bbc9e;
}
.clp.progress-bar.teal-to-gray.progress-at-66:before {
  background: #57bc9e;
}
.clp.progress-bar.teal-to-gray.progress-at-67:before {
  background: #53bd9d;
}
.clp.progress-bar.teal-to-gray.progress-at-68:before {
  background: #4fbe9b;
}
.clp.progress-bar.teal-to-gray.progress-at-69:before {
  background: #4bbe9b;
}
.clp.progress-bar.teal-to-gray.progress-at-70:before {
  background: #47bf9a;
}
.clp.progress-bar.teal-to-gray.progress-at-71:before {
  background: #41c19a;
}
.clp.progress-bar.teal-to-gray.progress-at-72:before {
  background: #3dc299;
}
.clp.progress-bar.teal-to-gray.progress-at-73:before {
  background: #3ac197;
}
.clp.progress-bar.teal-to-gray.progress-at-74:before {
  background: #38bf96;
}
.clp.progress-bar.teal-to-gray.progress-at-75:before {
  background: #35be94;
}
.clp.progress-bar.teal-to-gray.progress-at-76:before {
  background: #33bd93;
}
.clp.progress-bar.teal-to-gray.progress-at-77:before {
  background: #31bc91;
}
.clp.progress-bar.teal-to-gray.progress-at-78:before {
  background: #2dbc90;
}
.clp.progress-bar.teal-to-gray.progress-at-79:before {
  background: #2bbb8e;
}
.clp.progress-bar.teal-to-gray.progress-at-80:before {
  background: #29b98d;
}
.clp.progress-bar.teal-to-gray.progress-at-81:before {
  background: #27b88b;
}
.clp.progress-bar.teal-to-gray.progress-at-82:before {
  background: #23b88a;
}
.clp.progress-bar.teal-to-gray.progress-at-83:before {
  background: #21b688;
}
.clp.progress-bar.teal-to-gray.progress-at-84:before {
  background: #1fb487;
}
.clp.progress-bar.teal-to-gray.progress-at-85:before {
  background: #1eb385;
}
.clp.progress-bar.teal-to-gray.progress-at-86:before {
  background: #1ab284;
}
.clp.progress-bar.teal-to-gray.progress-at-87:before {
  background: #19b082;
}
.clp.progress-bar.teal-to-gray.progress-at-88:before {
  background: #16b081;
}
.clp.progress-bar.teal-to-gray.progress-at-89:before {
  background: #14ae7e;
}
.clp.progress-bar.teal-to-gray.progress-at-90:before {
  background: #12ac7d;
}
.clp.progress-bar.teal-to-gray.progress-at-91:before {
  background: #10ab7b;
}
.clp.progress-bar.teal-to-gray.progress-at-92:before {
  background: #0ea97a;
}
.clp.progress-bar.teal-to-gray.progress-at-93:before {
  background: #0ca878;
}
.clp.progress-bar.teal-to-gray.progress-at-94:before {
  background: #0aa676;
}
.clp.progress-bar.teal-to-gray.progress-at-95:before {
  background: #09a475;
}
.clp.progress-bar.teal-to-gray.progress-at-96:before {
  background: #07a373;
}
.clp.progress-bar.teal-to-gray.progress-at-97:before {
  background: #05a071;
}
.clp.progress-bar.teal-to-gray.progress-at-98:before {
  background: #039f6f;
}
.clp.progress-bar.teal-to-gray.progress-at-99:before {
  background: #029d6d;
}
.clp.progress-bar.teal-to-gray.progress-at-100:before {
  background: #009b6b;
}
.clp.progress-bar.small {
  display: inline-block;
  height: 0.75em;
  border-radius: 0.25em;
  border: 1px solid #868e96;
  position: relative;
}
.clp.progress-bar.small:before {
  border-top-left-radius: 0.25em;
  border-bottom-left-radius: 0.25em;
  border-right: 1px solid rgba(0,0,0,0.2);
  position: absolute;
  content: ' ';
  top: 0;
  left: 0;
  bottom: 0;
}
.clp.progress-bar.small.progress-at-1:before {
  width: 1%;
}
.clp.progress-bar.small.progress-at-2:before {
  width: 2%;
}
.clp.progress-bar.small.progress-at-3:before {
  width: 3%;
}
.clp.progress-bar.small.progress-at-4:before {
  width: 4%;
}
.clp.progress-bar.small.progress-at-5:before {
  width: 5%;
}
.clp.progress-bar.small.progress-at-6:before {
  width: 6%;
}
.clp.progress-bar.small.progress-at-7:before {
  width: 7%;
}
.clp.progress-bar.small.progress-at-8:before {
  width: 8%;
}
.clp.progress-bar.small.progress-at-9:before {
  width: 9%;
}
.clp.progress-bar.small.progress-at-10:before {
  width: 10%;
}
.clp.progress-bar.small.progress-at-11:before {
  width: 11%;
}
.clp.progress-bar.small.progress-at-12:before {
  width: 12%;
}
.clp.progress-bar.small.progress-at-13:before {
  width: 13%;
}
.clp.progress-bar.small.progress-at-14:before {
  width: 14%;
}
.clp.progress-bar.small.progress-at-15:before {
  width: 15%;
}
.clp.progress-bar.small.progress-at-16:before {
  width: 16%;
}
.clp.progress-bar.small.progress-at-17:before {
  width: 17%;
}
.clp.progress-bar.small.progress-at-18:before {
  width: 18%;
}
.clp.progress-bar.small.progress-at-19:before {
  width: 19%;
}
.clp.progress-bar.small.progress-at-20:before {
  width: 20%;
}
.clp.progress-bar.small.progress-at-21:before {
  width: 21%;
}
.clp.progress-bar.small.progress-at-22:before {
  width: 22%;
}
.clp.progress-bar.small.progress-at-23:before {
  width: 23%;
}
.clp.progress-bar.small.progress-at-24:before {
  width: 24%;
}
.clp.progress-bar.small.progress-at-25:before {
  width: 25%;
}
.clp.progress-bar.small.progress-at-26:before {
  width: 26%;
}
.clp.progress-bar.small.progress-at-27:before {
  width: 27%;
}
.clp.progress-bar.small.progress-at-28:before {
  width: 28%;
}
.clp.progress-bar.small.progress-at-29:before {
  width: 29%;
}
.clp.progress-bar.small.progress-at-30:before {
  width: 30%;
}
.clp.progress-bar.small.progress-at-31:before {
  width: 31%;
}
.clp.progress-bar.small.progress-at-32:before {
  width: 32%;
}
.clp.progress-bar.small.progress-at-33:before {
  width: 33%;
}
.clp.progress-bar.small.progress-at-34:before {
  width: 34%;
}
.clp.progress-bar.small.progress-at-35:before {
  width: 35%;
}
.clp.progress-bar.small.progress-at-36:before {
  width: 36%;
}
.clp.progress-bar.small.progress-at-37:before {
  width: 37%;
}
.clp.progress-bar.small.progress-at-38:before {
  width: 38%;
}
.clp.progress-bar.small.progress-at-39:before {
  width: 39%;
}
.clp.progress-bar.small.progress-at-40:before {
  width: 40%;
}
.clp.progress-bar.small.progress-at-41:before {
  width: 41%;
}
.clp.progress-bar.small.progress-at-42:before {
  width: 42%;
}
.clp.progress-bar.small.progress-at-43:before {
  width: 43%;
}
.clp.progress-bar.small.progress-at-44:before {
  width: 44%;
}
.clp.progress-bar.small.progress-at-45:before {
  width: 45%;
}
.clp.progress-bar.small.progress-at-46:before {
  width: 46%;
}
.clp.progress-bar.small.progress-at-47:before {
  width: 47%;
}
.clp.progress-bar.small.progress-at-48:before {
  width: 48%;
}
.clp.progress-bar.small.progress-at-49:before {
  width: 49%;
}
.clp.progress-bar.small.progress-at-50:before {
  width: 50%;
}
.clp.progress-bar.small.progress-at-51:before {
  width: 51%;
}
.clp.progress-bar.small.progress-at-52:before {
  width: 52%;
}
.clp.progress-bar.small.progress-at-53:before {
  width: 53%;
}
.clp.progress-bar.small.progress-at-54:before {
  width: 54%;
}
.clp.progress-bar.small.progress-at-55:before {
  width: 55%;
}
.clp.progress-bar.small.progress-at-56:before {
  width: 56%;
}
.clp.progress-bar.small.progress-at-57:before {
  width: 57%;
}
.clp.progress-bar.small.progress-at-58:before {
  width: 58%;
}
.clp.progress-bar.small.progress-at-59:before {
  width: 59%;
}
.clp.progress-bar.small.progress-at-60:before {
  width: 60%;
}
.clp.progress-bar.small.progress-at-61:before {
  width: 61%;
}
.clp.progress-bar.small.progress-at-62:before {
  width: 62%;
}
.clp.progress-bar.small.progress-at-63:before {
  width: 63%;
}
.clp.progress-bar.small.progress-at-64:before {
  width: 64%;
}
.clp.progress-bar.small.progress-at-65:before {
  width: 65%;
}
.clp.progress-bar.small.progress-at-66:before {
  width: 66%;
}
.clp.progress-bar.small.progress-at-67:before {
  width: 67%;
}
.clp.progress-bar.small.progress-at-68:before {
  width: 68%;
}
.clp.progress-bar.small.progress-at-69:before {
  width: 69%;
}
.clp.progress-bar.small.progress-at-70:before {
  width: 70%;
}
.clp.progress-bar.small.progress-at-71:before {
  width: 71%;
}
.clp.progress-bar.small.progress-at-72:before {
  width: 72%;
}
.clp.progress-bar.small.progress-at-73:before {
  width: 73%;
}
.clp.progress-bar.small.progress-at-74:before {
  width: 74%;
}
.clp.progress-bar.small.progress-at-75:before {
  width: 75%;
}
.clp.progress-bar.small.progress-at-76:before {
  width: 76%;
}
.clp.progress-bar.small.progress-at-77:before {
  width: 77%;
}
.clp.progress-bar.small.progress-at-78:before {
  width: 78%;
}
.clp.progress-bar.small.progress-at-79:before {
  width: 79%;
}
.clp.progress-bar.small.progress-at-80:before {
  width: 80%;
}
.clp.progress-bar.small.progress-at-81:before {
  width: 81%;
}
.clp.progress-bar.small.progress-at-82:before {
  width: 82%;
}
.clp.progress-bar.small.progress-at-83:before {
  width: 83%;
}
.clp.progress-bar.small.progress-at-84:before {
  width: 84%;
}
.clp.progress-bar.small.progress-at-85:before {
  width: 85%;
}
.clp.progress-bar.small.progress-at-86:before {
  width: 86%;
}
.clp.progress-bar.small.progress-at-87:before {
  width: 87%;
}
.clp.progress-bar.small.progress-at-88:before {
  width: 88%;
}
.clp.progress-bar.small.progress-at-89:before {
  width: 89%;
}
.clp.progress-bar.small.progress-at-90:before {
  width: 90%;
}
.clp.progress-bar.small.progress-at-91:before {
  width: 91%;
}
.clp.progress-bar.small.progress-at-92:before {
  width: 92%;
}
.clp.progress-bar.small.progress-at-93:before {
  width: 93%;
}
.clp.progress-bar.small.progress-at-94:before {
  width: 94%;
}
.clp.progress-bar.small.progress-at-95:before {
  width: 95%;
}
.clp.progress-bar.small.progress-at-96:before {
  width: 96%;
}
.clp.progress-bar.small.progress-at-97:before {
  width: 97%;
}
.clp.progress-bar.small.progress-at-98:before {
  width: 98%;
}
.clp.progress-bar.small.progress-at-99:before {
  width: 99%;
}
.clp.progress-bar.small.progress-at-100:before {
  width: 100%;
}
.clp.progress-bar.small.progress-at-100:before,
.clp.progress-bar.small.progress-at-99:before {
  border-right: 0;
  border-radius: 0.25em;
}
.clp.widget:not([readonly]) {
  background: #fff;
}
.clp.widget {
  height: 2.5em;
  line-height: 2.5em;
  margin: 0;
  box-shadow: inset #e9ecef 0 0 3px;
  border-radius: 0.25em;
  font-size: 1em;
  display: inline-block;
  padding: 0 0.5em;
  border: 1px solid rgba(0,0,0,0.2);
}
.clp.widget.tighter {
  height: 2em;
  line-height: 2em;
}
.clp.widget.as-text {
  background: #f8f9fa;
  box-shadow: none;
}
.clp.widget.widget-wrapper {
  border: 0;
  padding-left: 0;
  padding-right: 0;
}
.clp.widget.widget-wrapper input {
  width: 100%;
}
.clp.widget.widget-wrapper.with-search-icon {
  position: relative;
}
.clp.widget.widget-wrapper.with-search-icon input {
  padding-left: 1.75em;
}
.clp.widget.widget-wrapper.with-search-icon input[type="search"] {
  -webkit-appearance: none;
}
.clp.widget.widget-wrapper.with-search-icon:before {
  display: inline-block;
  font: normal normal normal 14px/1 'Nucleo Mini';
  font-size: inherit;
  speak: none;
  text-transform: none;
/* Better Font Rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: 0.5em;
  top: 50%;
  margin-top: -0.5em;
  color: #ced4da;
  content: '\ea66';
}
.clp.widget:focus {
  outline: none;
  border: 1px solid #ced4da;
  box-shadow: 0 0 3px #66d9e8;
}
.clp.widget.attach-left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.clp.widget.attach-right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-color: rgba(0,0,0,0.1);
}
.clp.widget.select {
  overflow: hidden;
  padding: 0 0 0 0.5em;
  position: relative;
}
.clp.widget.select:after {
  font: normal normal normal 14px/1 'Nucleo Mini';
  content: '\e926';
  color: #868e96;
  border-left: 1px solid #ced4da;
  position: absolute;
  right: 0;
  top: 0;
  height: 2.5em;
  width: 2.5em;
  line-height: 2.5em;
  text-align: center;
  z-index: 1;
  pointer-events: none;
}
.clp.widget.select.is-loading-page:after {
  content: '\eea5';
  -webkit-animation: clp-icon-loading-color 2s infinite linear;
  -moz-animation: clp-icon-loading-color 2s infinite linear;
  animation: clp-icon-loading-color 2s infinite linear;
}
.clp.widget.select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background: transparent;
  position: relative;
  z-index: 5;
  font-size: 1em;
  font-family: inherit;
  border: 0;
  padding-right: 3.75em;
  height: 2.5em;
  max-width: 15em;
}
.clp.widget.select select::-ms-expand {
  display: none;
}
.clp.action-indicator.is-applied {
  color: #7e264d;
}
.clp.nottub {
  cursor: pointer;
  display: inline-block;
  padding: 0 1em;
  margin: 0;
  border: 1px solid rgba(0,0,0,0.2);
  font-family: inherit;
  font-size: 1em;
  height: 2.5em;
  line-height: 2.5em;
  background: #fff;
  color: #495057;
  border-radius: 0.25em;
  background: linear-gradient(0deg, #f8f9fa 0%, #fff 50%, #f8f9fa 100%);
  box-shadow: inset #fff 0 0 1px;
  text-decoration: none;
}
.clp.nottub .nottub-label {
  display: inline-block;
  font-weight: bold;
}
.clp.nottub.slightly-darker {
  background: rgba(0,0,0,0.1);
  box-shadow: rgba(0,0,0,0.05) 0 0 1px;
}
.clp.nottub.fg-mostly-white {
  color: rgba(255,255,255,0.9);
}
.clp.nottub.is-recognizable .nottub-label {
  display: none;
}
.clp.nottub.with-icon-left .nottub-label {
  margin-left: 0.25em;
}
.clp.nottub.with-icon-right .nottub-label {
  margin-right: 0.25em;
}
.clp.nottub.is-disabled,
.clp.nottub[disabled] {
  cursor: not-allowed;
  background: #e9ecef;
  color: #adb5bd;
}
.clp.nottub.borderless {
  border-color: transparent;
}
.clp.nottub.tighter {
  height: 2em;
  line-height: 2em;
  padding: 0 0.75em;
}
.clp.nottub.very-tight {
  height: 1.6em;
  line-height: 1.6em;
  padding: 0 0.5em;
}
.clp.nottub:hover:not(.is-disabled):not([disabled]):not(.is-active):not(.colored):not(.is-selected):not(.is-voided),
.clp.nottub:focus:not(.is-disabled):not([disabled]):not(.is-active):not(.colored):not(.is-selected):not(.is-voided),
.clp.nottub.is-dropdown-opened:not(.is-selected):not(.is-active) {
  color: #212529;
  background: #fff;
  border-color: #adb5bd;
}
.clp.nottub.is-active,
.clp.nottub:active:not(.is-disabled):not([disabled]):not(.is-active):not(.colored):not(.is-selected) {
  background: #fff;
  color: #7e264d !important;
  border-color: #7e264d !important;
}
.clp.nottub.is-selected {
  border-color: #7e264d;
  background: #fff;
}
.clp.nottub.is-selected.apply-highlight-to-fg {
  color: #7e264d;
}
.clp.nottub.attach-left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.clp.nottub.attach-right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-color: rgba(206,212,218,0.1);
}
.clp.nottub.icon-only {
  text-align: center;
}
.clp.nottub.plain-text {
  color: #868e96;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
}
.clp.nottub.plain-text:hover .nottub-label,
.clp.nottub.plain-text:focus .nottub-label,
.clp.nottub.plain-text:active .nottub-label {
  text-decoration: underline;
}
.clp.nottub.plain-text.is-destructive {
  color: #e03131;
}
.clp.nottub.plain-text.extra-muted {
  color: #ced4da;
}
.clp.nottub.plain-text.extra-muted:hover {
  color: #495057;
}
.clp.nottub.plain-text.simple-muted {
  color: #868e96;
}
.clp.nottub.plain-text.simple-muted:hover {
  color: #495057;
}
.clp.nottub.as-checkbox {
  background: #fff;
  color: #868e96;
}
.clp.nottub.as-checkbox > .noci.checkbox-placeholder:before {
  content: '\ea37';
}
.clp.nottub.as-checkbox.is-checked {
  border-color: #7e264d;
  color: #7e264d;
  box-shadow: none;
}
.clp.nottub.as-checkbox.is-checked > .noci.checkbox-placeholder:before {
  content: '\ea23';
}
.clp.nottub.grid-icon {
  color: #868e96;
  border-color: transparent;
  background: transparent;
}
.clp.nottub.grid-icon.mute-more {
  color: #adb5bd;
}
.clp.nottub.grid-icon.is-selected {
  background: rgba(126,38,77,0.1);
  color: #7e264d;
}
.clp.nottub.grid-icon:hover,
.clp.nottub.grid-icon:focus,
.clp.nottub.grid-icon:active {
  border-color: transparent !important;
  color: #7e264d !important;
  background: rgba(126,38,77,0.1) !important;
}
.clp.nottub.grid-icon.in-active-hoverable:hover,
.clp.nottub.grid-icon.in-active-hoverable:focus,
.clp.nottub.grid-icon.in-active-hoverable:active {
  border-color: transparent !important;
  color: #fff !important;
  background: rgba(0,0,0,0.2) !important;
}
.clp.nottub.grid-icon.is-destructive:hover,
.clp.nottub.grid-icon.is-destructive:focus,
.clp.nottub.grid-icon.is-destructive:active {
  color: #e03131 !important;
  background: rgba(224,49,49,0.1) !important;
}
.clp.nottub.grid-icon.is-voided {
  cursor: default;
  color: transparent;
}
.clp.nottub.grid-icon.is-voided:hover,
.clp.nottub.grid-icon.is-voided:focus,
.clp.nottub.grid-icon.is-voided:active {
  color: transparent;
  background: transparent;
}
.clp.nottub.colored.cls-dark-style {
  box-shadow: none;
  background: #005161;
  color: #fff;
  border-color: rgba(0,0,0,0.2);
}
.clp.nottub.colored.cls-dark-style:hover,
.clp.nottub.colored.cls-dark-style:focus,
.clp.nottub.colored.cls-dark-style .dropdown-opened,
.clp.nottub.colored.cls-dark-style:active {
  background: #003c48;
  border-color: rgba(0,0,0,0.5);
}
.clp.nottub.colored.is-muted {
  box-shadow: none;
  color: #868e96;
  border-color: #868e96;
}
.clp.nottub.colored.is-muted:hover,
.clp.nottub.colored.is-muted:focus,
.clp.nottub.colored.is-muted .dropdown-opened,
.clp.nottub.colored.is-muted:active {
  border-color: rgba(0,0,0,0.5);
}
.clp.nottub.colored.is-primary:not(.inverted) {
  box-shadow: none;
  background: #7e264d;
  color: #fff;
  border-color: rgba(0,0,0,0.1);
}
.clp.nottub.colored.is-primary:not(.inverted):hover,
.clp.nottub.colored.is-primary:not(.inverted):focus,
.clp.nottub.colored.is-primary:not(.inverted) .dropdown-opened,
.clp.nottub.colored.is-primary:not(.inverted):active {
  background: #571a35;
}
.clp.nottub.colored.is-primary:not(.inverted)[disabled] {
  color: rgba(255,255,255,0.5);
  background: #6a2041;
}
.clp.nottub.colored.is-primary-alt:not(.inverted) {
  box-shadow: none;
  background: #f06444;
  color: #fff;
  border-color: rgba(240,100,68,0.3);
}
.clp.nottub.colored.is-primary-alt:not(.inverted):hover,
.clp.nottub.colored.is-primary-alt:not(.inverted):focus,
.clp.nottub.colored.is-primary-alt:not(.inverted) .dropdown-opened,
.clp.nottub.colored.is-primary-alt:not(.inverted):active {
  background: #f06444;
  color: #fff;
}
.clp.nottub.colored.is-nuanced:not(.inverted) {
  box-shadow: none;
  background: rgba(197,246,250,0.3);
  color: #15aabf;
  border-color: rgba(153,233,242,0.3);
}
.clp.nottub.colored.is-nuanced:not(.inverted):hover,
.clp.nottub.colored.is-nuanced:not(.inverted):focus,
.clp.nottub.colored.is-nuanced:not(.inverted) .dropdown-opened,
.clp.nottub.colored.is-nuanced:not(.inverted):active {
  background: #0c8599;
  color: #fff;
}
.clp.nottub.colored.is-additive:not(.inverted) {
  box-shadow: none;
  background: #219492;
  border-color: rgba(0,0,0,0.2);
  color: #fff;
}
.clp.nottub.colored.is-additive:not(.inverted):hover,
.clp.nottub.colored.is-additive:not(.inverted):focus,
.clp.nottub.colored.is-additive:not(.inverted) .dropdown-opened,
.clp.nottub.colored.is-additive:not(.inverted):active {
  background: #31a4a2;
  border-color: rgba(0,0,0,0.3);
}
.clp.nottub.colored.is-destructive:not(.inverted):not(.plain-text) {
  box-shadow: none;
  background: #e03131;
  color: #fff;
  border-color: #e03131;
}
.clp.nottub.colored.is-destructive:not(.inverted):not(.plain-text):hover,
.clp.nottub.colored.is-destructive:not(.inverted):not(.plain-text):focus,
.clp.nottub.colored.is-destructive:not(.inverted):not(.plain-text).dropdown-opened,
.clp.nottub.colored.is-destructive:not(.inverted):not(.plain-text):active {
  background: #c11d1d;
}
.clp.nottub.colored.is-primary.inverted {
  box-shadow: none;
  color: #7e264d;
  border-color: #0b7285;
}
.clp.nottub.colored.is-primary.inverted:hover,
.clp.nottub.colored.is-primary.inverted:focus,
.clp.nottub.colored.is-primary.inverted.dropdown-opened,
.clp.nottub.colored.is-primary.inverted:active {
  background: #7e264d;
  color: #fff;
  border-color: #0b7285;
}
.clp.nottub.colored.is-destructive.inverted {
  box-shadow: none;
  color: #e03131;
  border-color: #e03131;
}
.clp.nottub.colored.is-destructive.inverted:hover,
.clp.nottub.colored.is-destructive.inverted:focus,
.clp.nottub.colored.is-destructive.inverted.dropdown-opened,
.clp.nottub.colored.is-destructive.inverted:active {
  background: #e03131;
  color: #fff;
  border-color: #c11d1d;
}
.clp.nottub.colored.is-additive.inverted {
  box-shadow: none;
  color: #219492;
  border-color: #219492;
}
.clp.nottub.colored.is-additive.inverted:hover,
.clp.nottub.colored.is-additive.inverted:focus,
.clp.nottub.colored.is-additive.inverted.dropdown-opened,
.clp.nottub.colored.is-additive.inverted:active {
  background: #219492;
  color: #fff;
  border-color: #186a69;
}
.clp.action-bar input {
  vertical-align: top;
}
.clp .nottub-label + .clp.noci {
  margin-left: 0.25em;
}
.clp .clp.noci + .nottub-label {
  margin-left: 0.25em;
}
.clp .clp.noci.dropdown-indicator,
.clp .nottub-label .clp.noci.dropdown-indicator {
  font-size: 0.9em;
  border-left: 1px solid rgba(255,255,255,0.4);
  color: rgba(255,255,255,0.7);
  padding-left: 0.5em;
  margin-left: 0.5em;
}
.clp .clp.noci.dropdown-indicator.inverted,
.clp .nottub-label .clp.noci.dropdown-indicator.inverted {
  border-left: 1px solid rgba(0,0,0,0.2);
  color: rgba(0,0,0,0.7);
}
.clp.pack li {
  display: inline-block;
  vertical-align: top;
}
.clp.pack > li:not(:first-child) .clp.nottub,
.clp.pack > li:not(:first-child) .clp.widget,
.clp.pack > li:not(:first-child) .clp.packable {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0;
}
.clp.pack > li:not(:last-child) .clp.nottub,
.clp.pack > li:not(:last-child) .clp.widget,
.clp.pack > li:not(:last-child) .clp.packable {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.clp.pack.auto-attach > li:not(:first-child) .clp.nottub,
.clp.pack.auto-attach > li:not(:first-child) .clp.widget,
.clp.pack.auto-attach > li:not(:first-child) .clp.packable {
  border-left: 0;
}
.clp.pack.grid-icons > li > .clp.nottub {
  border-radius: 0;
}
.clp.pack.grid-icons > li > .clp.nottub.grid-icon {
  padding-left: 0.75em;
  padding-right: 0.75em;
}
.oknoknatoggle {
  margin-top: 4px;
  height: 24px;
  padding: 0;
  display: inline-flex;
  position: relative;
  z-index: 1;
  border: 1px solid #ccc;
  background: #eee;
  border-radius: 12px;
}
.oknoknatoggle label {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-top: -1px;
  border-radius: 50%;
  position: relative;
  color: #ced4da;
  border: 1px solid transparent;
}
.oknoknatoggle label .state-icon {
  display: block;
  text-align: center;
  line-height: 24px;
}
.oknoknatoggle label .state-icon svg {
  width: 12px;
  height: 12px;
}
.oknoknatoggle label .state-label-text {
  display: none;
}
.oknoknatoggle label:hover {
  color: #495057;
}
.oknoknatoggle input[data-toggle-value="na"] + label:before {
  border-left-width: 0;
  border-right-width: 0;
}
.oknoknatoggle input[data-toggle-value="nok"] + label:before {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  border-right-width: 0;
}
.oknoknatoggle input[data-toggle-value="ok"] + label:before {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-left-width: 0;
}
.oknoknatoggle input[type="radio"] {
  display: none;
}
.oknoknatoggle input[type="radio"]:checked + label {
  background: #fff;
  border-color: #bbb;
  box-shadow: 0 0 3px rgba(0,0,0,0.2);
}
.oknoknatoggle input[type="radio"][data-toggle-value="na"]:checked + label {
  color: #868e96;
}
.oknoknatoggle input[type="radio"][data-toggle-value="ok"]:checked + label {
  color: #37b24d;
}
.oknoknatoggle input[type="radio"][data-toggle-value="nok"]:checked + label {
  color: #e03131;
}
.oknoknatoggle {
  margin-top: 0;
  box-sizing: border-box;
}
.oknoknatoggle * {
  box-sizing: border-box;
}
.oknoknatoggle label .state-icon {
  padding-top: 1px;
}
.oui-property-list {
  width: 100%;
}
.oui-property-list .ratio-25.centered {
  text-align: center;
}
.oui-property-list td.ratio-75 {
  padding: 5px 10px;
}
.clp.commands .command-set.attach-left {
  border-left: 1px solid #dee2e6;
  margin-left: 1em;
  padding-left: 1em;
}
.clp.commands.as-bar {
  flex: 1;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.clp.commands.as-bar.justify-start {
  justify-content: flex-start;
}
.clp.commands.as-bar .left-aligned {
  flex-grow: 1;
}
.clp.commands.as-bar .flexible {
  flex: 1;
}
.clp.commands.as-bar .label {
  height: 2.5em;
  line-height: 2.5em;
  color: #868e96;
  padding: 0 1em;
}
.clp.commands.as-bar .label.attaches-left {
  padding-left: 0.5em;
}
.clp.commands.as-bar .label.attaches-right {
  padding-right: 0.5em;
}
.clp.commands.attached-to-tabs {
  background: #f8f9fa;
}
.clp.commands.padded {
  padding: 1em;
}
.clp.commands.as-tabs {
  background: #e9ecef;
  padding-top: 0.25em;
}
.clp.commands.as-tabs.tab-match-bg {
  background: transparent;
}
.clp.commands.as-tabs.cls-light-style {
  background: #f1f6f7;
}
.clp.commands.as-tabs li {
  margin-bottom: -1px;
  border-top: 2px solid transparent;
  display: inline-block;
}
.clp.commands.as-tabs li.is-active {
  background: #f8f9fa;
  border-top-color: #7e264d;
}
.clp.commands.as-tabs li.is-active > a {
  color: #7e264d;
}
.clp.commands.as-tabs li.is-secondary {
  float: right;
}
.clp.commands.as-tabs li > a {
  display: block;
  padding: 0 2em;
  height: 2.75em;
  line-height: 2.75em;
  color: #868e96;
  text-decoration: none;
  font-weight: bold;
}
.clp.commands.as-tabs li > a:hover {
  color: #7e264d;
}
.clp.commands.as-tabs.bottom-border {
  border-bottom: 1px solid #dee2e6;
}
.clp.commands.as-tabs.bottom-border li.is-active {
  margin-bottom: -1px;
}
.clp.commands.as-tabs.tab-with-white li.is-active {
  background: #fff;
}
.clp.commands.as-dropdown {
  display: inline-block;
  height: 2.5em;
  line-height: 2.5em;
  position: relative;
}
.clp.commands.as-dropdown.tighter {
  height: 2em;
  line-height: 2em;
}
.clp.commands.as-dropdown.tighter > .dropdown {
  top: calc(2em - 1px);
}
.clp.commands.as-dropdown.tighter > .nottub {
  height: 2em;
  line-height: 2em;
  padding: 0 0.75em;
}
.clp.commands.as-dropdown > .dropdown {
  display: none;
  position: absolute;
  border: 1px solid #adb5bd;
  box-shadow: rgba(0,0,0,0.1) 2px 2px 2px;
  top: calc(2.5em - 1px);
  border-bottom-left-radius: 0.25em;
  border-bottom-right-radius: 0.25em;
}
.clp.commands.as-dropdown > .dropdown.one-words-wide {
  width: 10em;
}
.clp.commands.as-dropdown > .dropdown.two-words-wide {
  width: 20em;
}
.clp.commands.as-dropdown > .dropdown.three-words-wide {
  width: 30em;
}
.clp.commands.as-dropdown > .dropdown.four-words-wide {
  width: 30em;
}
.clp.commands.as-dropdown > .dropdown.sentence-wide {
  width: 30em;
}
.clp.commands.as-dropdown > .dropdown.attaches-left {
  left: 0;
  border-top-right-radius: 0.25em;
}
.clp.commands.as-dropdown > .dropdown.attaches-halfway {
  left: 50%;
  transform: translateX(-50%);
  border-top-right-radius: 0.25em;
  border-top-left-radius: 0.25em;
}
.clp.commands.as-dropdown > .dropdown.attaches-right {
  right: 0;
  border-top-left-radius: 0.25em;
}
.clp.commands.as-dropdown > .is-dropdown-opened + .dropdown {
  display: block;
}
.clp.commands.as-dropdown.to-top > .dropdown {
  top: auto;
  bottom: calc(2.5em - 1px);
  box-shadow: rgba(0,0,0,0.1) -2px -2px 2px;
}
.clp.commands.as-dropdown.to-top > .dropdown.attaches-left {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0.25em;
}
.clp.commands.as-dropdown.to-top > .dropdown.attaches-halfway {
  border-bottom-right-radius: 0.25em;
  border-bottom-left-radius: 0.25em;
}
.clp.commands.as-dropdown.to-top > .dropdown.attaches-right {
  border-top-right-radius: 0.25em;
  border-bottom-right-radius: 0;
}
.clp.commands.as-dropdown.to-top:not(.semi-attached) > .is-dropdown-opened {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.clp.commands.as-dropdown.to-bottom:not(.semi-attached) > .is-dropdown-opened {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.clp.commands.as-dropdown.semi-attached.to-bottom > .dropdown {
  top: calc(2.5em + 10px);
}
.clp.commands.as-dropdown.semi-attached.to-bottom > .dropdown:after,
.clp.commands.as-dropdown.semi-attached.to-bottom > .dropdown:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.clp.commands.as-dropdown.semi-attached.to-bottom > .dropdown:after {
  border-color: transparent;
  border-bottom-color: #fff;
  border-width: 10px;
  margin-left: -10px;
}
.clp.commands.as-dropdown.semi-attached.to-bottom > .dropdown:before {
  border-color: transparent;
  border-bottom-color: #adb5bd;
  border-width: 11px;
  margin-left: -11px;
}
.clp.commands.as-dropdown.semi-attached.to-bottom > .dropdown.attaches-left:after,
.clp.commands.as-dropdown.semi-attached.to-bottom > .dropdown.attaches-left:before {
  left: 2.5em;
}
.clp.commands.as-dropdown.semi-attached.to-bottom > .dropdown.attaches-right:after,
.clp.commands.as-dropdown.semi-attached.to-bottom > .dropdown.attaches-right:before {
  left: calc(100% - 1.5em);
}
.clp.commands.as-dropdown.semi-attached.to-top > .dropdown {
  top: auto;
  bottom: calc(2.5em + 10px);
}
.clp.commands.as-dropdown.semi-attached.to-top > .dropdown:after,
.clp.commands.as-dropdown.semi-attached.to-top > .dropdown:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.clp.commands.as-dropdown.semi-attached.to-top > .dropdown:after {
  border-color: transparent;
  border-top-color: #fff;
  border-width: 10px;
  margin-left: -10px;
}
.clp.commands.as-dropdown.semi-attached.to-top > .dropdown:before {
  border-color: transparent;
  border-top-color: #adb5bd;
  border-width: 11px;
  margin-left: -11px;
}
.clp.commands.as-dropdown.semi-attached.to-top > .dropdown.attaches-left:after,
.clp.commands.as-dropdown.semi-attached.to-top > .dropdown.attaches-left:before {
  left: 1.5em;
}
.clp.commands.as-dropdown.semi-attached.to-top > .dropdown.attaches-right:after,
.clp.commands.as-dropdown.semi-attached.to-top > .dropdown.attaches-right:before {
  left: calc(100% - 1.5em);
}
.clp.dropdown {
  z-index: 199;
  text-align: left;
}
.clp.dropdown.laid-out-horizontally {
  width: auto;
  white-space: nowrap;
  line-height: 0;
}
.clp.dropdown.laid-out-horizontally > .dropdown-item {
  display: inline-block;
}
.clp.dropdown > .dropdown-item {
  display: block;
  line-height: 1.5;
  padding: 0.25em;
}
.clp.dropdown > .dropdown-item > button {
  background: #fff;
  display: inline;
  border: 0;
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
}
.clp.dropdown > .dropdown-item:not(.separator) + .dropdown-item {
  padding-top: 0;
}
.clp.dropdown > .dropdown-item.separator {
  height: 1px;
  background: #ccc;
  padding: 0;
}
.clp.dropdown > .dropdown-item.separator hr {
  display: none;
}
.clp.dropdown > .dropdown-item.caption {
  background: rgba(0,0,0,0.05);
  color: #868e96;
  text-transform: uppercase;
  padding: 0.25em 0.75em;
  font-weight: bold;
}
.clp.dropdown > .dropdown-item.caption span {
  font-size: 0.8em;
}
.clp.dropdown > .dropdown-item.default > a,
.clp.dropdown > .dropdown-item.destructive > a,
.clp.dropdown > .dropdown-item.positive > a,
.clp.dropdown > .dropdown-item.negative > a,
.clp.dropdown > .dropdown-item.default > .placeholder,
.clp.dropdown > .dropdown-item.destructive > .placeholder,
.clp.dropdown > .dropdown-item.positive > .placeholder,
.clp.dropdown > .dropdown-item.negative > .placeholder,
.clp.dropdown > .dropdown-item.default > button,
.clp.dropdown > .dropdown-item.destructive > button,
.clp.dropdown > .dropdown-item.positive > button,
.clp.dropdown > .dropdown-item.negative > button {
  cursor: pointer;
  display: block;
  padding: 0.5em 0.75em;
  color: #495057;
  text-decoration: none;
  white-space: no-wrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.clp.dropdown > .dropdown-item.default > a .noci + span,
.clp.dropdown > .dropdown-item.destructive > a .noci + span,
.clp.dropdown > .dropdown-item.positive > a .noci + span,
.clp.dropdown > .dropdown-item.negative > a .noci + span,
.clp.dropdown > .dropdown-item.default > .placeholder .noci + span,
.clp.dropdown > .dropdown-item.destructive > .placeholder .noci + span,
.clp.dropdown > .dropdown-item.positive > .placeholder .noci + span,
.clp.dropdown > .dropdown-item.negative > .placeholder .noci + span,
.clp.dropdown > .dropdown-item.default > button .noci + span,
.clp.dropdown > .dropdown-item.destructive > button .noci + span,
.clp.dropdown > .dropdown-item.positive > button .noci + span,
.clp.dropdown > .dropdown-item.negative > button .noci + span {
  margin-left: 0.5em;
}
.clp.dropdown > .dropdown-item.default > button,
.clp.dropdown > .dropdown-item.destructive > button,
.clp.dropdown > .dropdown-item.positive > button,
.clp.dropdown > .dropdown-item.negative > button {
  width: 100%;
  text-align: left;
}
.clp.dropdown > .dropdown-item.with-options {
  overflow: hidden;
}
.clp.dropdown > .dropdown-item.with-options > span {
  display: inline-block;
  padding: 0.5em 0.75em;
  color: #495057;
  text-decoration: none;
}
.clp.dropdown > .dropdown-item.with-options .item-options {
  float: right;
}
.clp.dropdown > .dropdown-item.with-options .item-options li {
  display: inline-block;
}
.clp.dropdown > .dropdown-item.with-options .item-options li a {
  text-decoration: none;
  display: block;
  padding: 0.5em;
  color: #495057;
}
.clp.dropdown > .dropdown-item.with-options .item-options li.is-active a {
  color: #7e264d;
}
.clp.dropdown.plain-white {
  background: #fff;
  color: #495057;
}
.clp.dropdown.plain-white > .dropdown-item.default > a:hover,
.clp.dropdown.plain-white > .dropdown-item.default > button:hover {
  border-radius: 0.25em;
  background: #7e264d;
  color: #fff;
}
.clp.dropdown.plain-white > .dropdown-item.positive > a:hover,
.clp.dropdown.plain-white > .dropdown-item.positive > button:hover {
  border-radius: 0.25em;
  background: #37b24d;
  color: #fff;
}
.clp.dropdown.plain-white > .dropdown-item.destructive > a:hover,
.clp.dropdown.plain-white > .dropdown-item.negative > a:hover,
.clp.dropdown.plain-white > .dropdown-item.destructive > button:hover,
.clp.dropdown.plain-white > .dropdown-item.negative > button:hover {
  border-radius: 0.25em;
  background: #e03131;
  color: #fff;
}
.clp.dropdown.plain-white > .dropdown-item.with-options:hover {
  background: rgba(126,38,77,0.05);
  color: #212529;
}
.clp.dropdown.plain-white > .dropdown-item.with-options .item-options > li > a:hover,
.clp.dropdown.plain-white > .dropdown-item.with-options .item-options > li > button:hover {
  border-radius: 0.25em;
  background: #7e264d;
  color: #fff;
}
.clp.ct,
.clp.ct-inline {
  text-decoration: none;
}
.clp.ct {
  display: block;
}
.clp.ct:hover,
.clp.ct-inline:hover {
  text-decoration: underline;
}
.clp.ct.muted,
.clp.ct-inline.muted {
  color: #7a8ab8;
}
.clp.ct.muted:hover,
.clp.ct-inline.muted:hover {
  color: #36f;
}
.clp.ct .no-link-color,
.clp.ct-inline .no-link-color {
  color: #495057;
  text-decoration: none;
}
.clp.ct:hover .no-link-color,
.clp.ct-inline:hover .no-link-color {
  text-decoration: underline;
}
.clp.ct:hover .as-link-on-hover,
.clp.ct-inline:hover .as-link-on-hover {
  color: #36f;
  text-decoration: underline;
}
.clp.invisible {
  visibility: hidden;
}
.clp.spread-top-0 + .spread-top-0 {
  padding-top: 0 !important;
}
.clp.w-em-0 {
  width: 0;
}
.clp.h-em-0 {
  height: 0;
}
.clp.pad-0 {
  padding: 0;
}
.clp.pad-0-l {
  padding-left: 0 !important;
}
.clp.pad-0-r {
  padding-right: 0 !important;
}
.clp.pad-0-t {
  padding-top: 0 !important;
}
.clp.pad-0-b {
  padding-bottom: 0 !important;
}
.clp.pad-0-x {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.clp.pad-0-y {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.clp.margin-0 {
  margin: 0;
}
.clp.margin-0-l {
  margin-left: 0 !important;
}
.clp.margin-0-r {
  margin-right: 0 !important;
}
.clp.margin-0-t {
  margin-top: 0 !important;
}
.clp.margin-0-b {
  margin-bottom: 0 !important;
}
.clp.margin-0-x {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.clp.margin-0-y {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.clp.spread-top-1 + .spread-top-1 {
  padding-top: 1em !important;
}
.clp.w-em-1 {
  width: 1em;
}
.clp.h-em-1 {
  height: 1em;
}
.clp.pad-1 {
  padding: 1em;
}
.clp.pad-1-l {
  padding-left: 1em !important;
}
.clp.pad-1-r {
  padding-right: 1em !important;
}
.clp.pad-1-t {
  padding-top: 1em !important;
}
.clp.pad-1-b {
  padding-bottom: 1em !important;
}
.clp.pad-1-x {
  padding-left: 1em !important;
  padding-right: 1em !important;
}
.clp.pad-1-y {
  padding-top: 1em !important;
  padding-bottom: 1em !important;
}
.clp.margin-1 {
  margin: 1em;
}
.clp.margin-1-l {
  margin-left: 1em !important;
}
.clp.margin-1-r {
  margin-right: 1em !important;
}
.clp.margin-1-t {
  margin-top: 1em !important;
}
.clp.margin-1-b {
  margin-bottom: 1em !important;
}
.clp.margin-1-x {
  margin-left: 1em !important;
  margin-right: 1em !important;
}
.clp.margin-1-y {
  margin-top: 1em !important;
  margin-bottom: 1em !important;
}
.clp.spread-top-2 + .spread-top-2 {
  padding-top: 2em !important;
}
.clp.w-em-2 {
  width: 2em;
}
.clp.h-em-2 {
  height: 2em;
}
.clp.pad-2 {
  padding: 2em;
}
.clp.pad-2-l {
  padding-left: 2em !important;
}
.clp.pad-2-r {
  padding-right: 2em !important;
}
.clp.pad-2-t {
  padding-top: 2em !important;
}
.clp.pad-2-b {
  padding-bottom: 2em !important;
}
.clp.pad-2-x {
  padding-left: 2em !important;
  padding-right: 2em !important;
}
.clp.pad-2-y {
  padding-top: 2em !important;
  padding-bottom: 2em !important;
}
.clp.margin-2 {
  margin: 2em;
}
.clp.margin-2-l {
  margin-left: 2em !important;
}
.clp.margin-2-r {
  margin-right: 2em !important;
}
.clp.margin-2-t {
  margin-top: 2em !important;
}
.clp.margin-2-b {
  margin-bottom: 2em !important;
}
.clp.margin-2-x {
  margin-left: 2em !important;
  margin-right: 2em !important;
}
.clp.margin-2-y {
  margin-top: 2em !important;
  margin-bottom: 2em !important;
}
.clp.spread-top-4 + .spread-top-4 {
  padding-top: 4em !important;
}
.clp.w-em-4 {
  width: 4em;
}
.clp.h-em-4 {
  height: 4em;
}
.clp.pad-4 {
  padding: 4em;
}
.clp.pad-4-l {
  padding-left: 4em !important;
}
.clp.pad-4-r {
  padding-right: 4em !important;
}
.clp.pad-4-t {
  padding-top: 4em !important;
}
.clp.pad-4-b {
  padding-bottom: 4em !important;
}
.clp.pad-4-x {
  padding-left: 4em !important;
  padding-right: 4em !important;
}
.clp.pad-4-y {
  padding-top: 4em !important;
  padding-bottom: 4em !important;
}
.clp.margin-4 {
  margin: 4em;
}
.clp.margin-4-l {
  margin-left: 4em !important;
}
.clp.margin-4-r {
  margin-right: 4em !important;
}
.clp.margin-4-t {
  margin-top: 4em !important;
}
.clp.margin-4-b {
  margin-bottom: 4em !important;
}
.clp.margin-4-x {
  margin-left: 4em !important;
  margin-right: 4em !important;
}
.clp.margin-4-y {
  margin-top: 4em !important;
  margin-bottom: 4em !important;
}
.clp.spread-top-p10 + .spread-top-p10 {
  padding-top: 0.1em !important;
}
.clp.w-em-p10 {
  width: 0.1em;
}
.clp.h-em-p10 {
  height: 0.1em;
}
.clp.pad-p10 {
  padding: 0.1em;
}
.clp.pad-p10-l {
  padding-left: 0.1em !important;
}
.clp.pad-p10-r {
  padding-right: 0.1em !important;
}
.clp.pad-p10-t {
  padding-top: 0.1em !important;
}
.clp.pad-p10-b {
  padding-bottom: 0.1em !important;
}
.clp.pad-p10-x {
  padding-left: 0.1em !important;
  padding-right: 0.1em !important;
}
.clp.pad-p10-y {
  padding-top: 0.1em !important;
  padding-bottom: 0.1em !important;
}
.clp.margin-p10 {
  margin: 0.1em;
}
.clp.margin-p10-l {
  margin-left: 0.1em !important;
}
.clp.margin-p10-r {
  margin-right: 0.1em !important;
}
.clp.margin-p10-t {
  margin-top: 0.1em !important;
}
.clp.margin-p10-b {
  margin-bottom: 0.1em !important;
}
.clp.margin-p10-x {
  margin-left: 0.1em !important;
  margin-right: 0.1em !important;
}
.clp.margin-p10-y {
  margin-top: 0.1em !important;
  margin-bottom: 0.1em !important;
}
.clp.spread-top-p25 + .spread-top-p25 {
  padding-top: 0.25em !important;
}
.clp.w-em-p25 {
  width: 0.25em;
}
.clp.h-em-p25 {
  height: 0.25em;
}
.clp.pad-p25 {
  padding: 0.25em;
}
.clp.pad-p25-l {
  padding-left: 0.25em !important;
}
.clp.pad-p25-r {
  padding-right: 0.25em !important;
}
.clp.pad-p25-t {
  padding-top: 0.25em !important;
}
.clp.pad-p25-b {
  padding-bottom: 0.25em !important;
}
.clp.pad-p25-x {
  padding-left: 0.25em !important;
  padding-right: 0.25em !important;
}
.clp.pad-p25-y {
  padding-top: 0.25em !important;
  padding-bottom: 0.25em !important;
}
.clp.margin-p25 {
  margin: 0.25em;
}
.clp.margin-p25-l {
  margin-left: 0.25em !important;
}
.clp.margin-p25-r {
  margin-right: 0.25em !important;
}
.clp.margin-p25-t {
  margin-top: 0.25em !important;
}
.clp.margin-p25-b {
  margin-bottom: 0.25em !important;
}
.clp.margin-p25-x {
  margin-left: 0.25em !important;
  margin-right: 0.25em !important;
}
.clp.margin-p25-y {
  margin-top: 0.25em !important;
  margin-bottom: 0.25em !important;
}
.clp.spread-top-p5 + .spread-top-p5 {
  padding-top: 0.5em !important;
}
.clp.w-em-p5 {
  width: 0.5em;
}
.clp.h-em-p5 {
  height: 0.5em;
}
.clp.pad-p5 {
  padding: 0.5em;
}
.clp.pad-p5-l {
  padding-left: 0.5em !important;
}
.clp.pad-p5-r {
  padding-right: 0.5em !important;
}
.clp.pad-p5-t {
  padding-top: 0.5em !important;
}
.clp.pad-p5-b {
  padding-bottom: 0.5em !important;
}
.clp.pad-p5-x {
  padding-left: 0.5em !important;
  padding-right: 0.5em !important;
}
.clp.pad-p5-y {
  padding-top: 0.5em !important;
  padding-bottom: 0.5em !important;
}
.clp.margin-p5 {
  margin: 0.5em;
}
.clp.margin-p5-l {
  margin-left: 0.5em !important;
}
.clp.margin-p5-r {
  margin-right: 0.5em !important;
}
.clp.margin-p5-t {
  margin-top: 0.5em !important;
}
.clp.margin-p5-b {
  margin-bottom: 0.5em !important;
}
.clp.margin-p5-x {
  margin-left: 0.5em !important;
  margin-right: 0.5em !important;
}
.clp.margin-p5-y {
  margin-top: 0.5em !important;
  margin-bottom: 0.5em !important;
}
.clp.spread-top-p75 + .spread-top-p75 {
  padding-top: 0.75em !important;
}
.clp.w-em-p75 {
  width: 0.75em;
}
.clp.h-em-p75 {
  height: 0.75em;
}
.clp.pad-p75 {
  padding: 0.75em;
}
.clp.pad-p75-l {
  padding-left: 0.75em !important;
}
.clp.pad-p75-r {
  padding-right: 0.75em !important;
}
.clp.pad-p75-t {
  padding-top: 0.75em !important;
}
.clp.pad-p75-b {
  padding-bottom: 0.75em !important;
}
.clp.pad-p75-x {
  padding-left: 0.75em !important;
  padding-right: 0.75em !important;
}
.clp.pad-p75-y {
  padding-top: 0.75em !important;
  padding-bottom: 0.75em !important;
}
.clp.margin-p75 {
  margin: 0.75em;
}
.clp.margin-p75-l {
  margin-left: 0.75em !important;
}
.clp.margin-p75-r {
  margin-right: 0.75em !important;
}
.clp.margin-p75-t {
  margin-top: 0.75em !important;
}
.clp.margin-p75-b {
  margin-bottom: 0.75em !important;
}
.clp.margin-p75-x {
  margin-left: 0.75em !important;
  margin-right: 0.75em !important;
}
.clp.margin-p75-y {
  margin-top: 0.75em !important;
  margin-bottom: 0.75em !important;
}
.clp.spread-top-1p25 + .spread-top-1p25 {
  padding-top: 1.25em !important;
}
.clp.w-em-1p25 {
  width: 1.25em;
}
.clp.h-em-1p25 {
  height: 1.25em;
}
.clp.pad-1p25 {
  padding: 1.25em;
}
.clp.pad-1p25-l {
  padding-left: 1.25em !important;
}
.clp.pad-1p25-r {
  padding-right: 1.25em !important;
}
.clp.pad-1p25-t {
  padding-top: 1.25em !important;
}
.clp.pad-1p25-b {
  padding-bottom: 1.25em !important;
}
.clp.pad-1p25-x {
  padding-left: 1.25em !important;
  padding-right: 1.25em !important;
}
.clp.pad-1p25-y {
  padding-top: 1.25em !important;
  padding-bottom: 1.25em !important;
}
.clp.margin-1p25 {
  margin: 1.25em;
}
.clp.margin-1p25-l {
  margin-left: 1.25em !important;
}
.clp.margin-1p25-r {
  margin-right: 1.25em !important;
}
.clp.margin-1p25-t {
  margin-top: 1.25em !important;
}
.clp.margin-1p25-b {
  margin-bottom: 1.25em !important;
}
.clp.margin-1p25-x {
  margin-left: 1.25em !important;
  margin-right: 1.25em !important;
}
.clp.margin-1p25-y {
  margin-top: 1.25em !important;
  margin-bottom: 1.25em !important;
}
.clp.spread-top-1p5 + .spread-top-1p5 {
  padding-top: 1.5em !important;
}
.clp.w-em-1p5 {
  width: 1.5em;
}
.clp.h-em-1p5 {
  height: 1.5em;
}
.clp.pad-1p5 {
  padding: 1.5em;
}
.clp.pad-1p5-l {
  padding-left: 1.5em !important;
}
.clp.pad-1p5-r {
  padding-right: 1.5em !important;
}
.clp.pad-1p5-t {
  padding-top: 1.5em !important;
}
.clp.pad-1p5-b {
  padding-bottom: 1.5em !important;
}
.clp.pad-1p5-x {
  padding-left: 1.5em !important;
  padding-right: 1.5em !important;
}
.clp.pad-1p5-y {
  padding-top: 1.5em !important;
  padding-bottom: 1.5em !important;
}
.clp.margin-1p5 {
  margin: 1.5em;
}
.clp.margin-1p5-l {
  margin-left: 1.5em !important;
}
.clp.margin-1p5-r {
  margin-right: 1.5em !important;
}
.clp.margin-1p5-t {
  margin-top: 1.5em !important;
}
.clp.margin-1p5-b {
  margin-bottom: 1.5em !important;
}
.clp.margin-1p5-x {
  margin-left: 1.5em !important;
  margin-right: 1.5em !important;
}
.clp.margin-1p5-y {
  margin-top: 1.5em !important;
  margin-bottom: 1.5em !important;
}
.clp.spread-top-min1 + .spread-top-min1 {
  padding-top: -1em !important;
}
.clp.w-em-min1 {
  width: -1em;
}
.clp.h-em-min1 {
  height: -1em;
}
.clp.pad-min1 {
  padding: -1em;
}
.clp.pad-min1-l {
  padding-left: -1em !important;
}
.clp.pad-min1-r {
  padding-right: -1em !important;
}
.clp.pad-min1-t {
  padding-top: -1em !important;
}
.clp.pad-min1-b {
  padding-bottom: -1em !important;
}
.clp.pad-min1-x {
  padding-left: -1em !important;
  padding-right: -1em !important;
}
.clp.pad-min1-y {
  padding-top: -1em !important;
  padding-bottom: -1em !important;
}
.clp.margin-min1 {
  margin: -1em;
}
.clp.margin-min1-l {
  margin-left: -1em !important;
}
.clp.margin-min1-r {
  margin-right: -1em !important;
}
.clp.margin-min1-t {
  margin-top: -1em !important;
}
.clp.margin-min1-b {
  margin-bottom: -1em !important;
}
.clp.margin-min1-x {
  margin-left: -1em !important;
  margin-right: -1em !important;
}
.clp.margin-min1-y {
  margin-top: -1em !important;
  margin-bottom: -1em !important;
}
.clp.spread-top-px20 + .spread-top-px20 {
  padding-top: 20px !important;
}
.clp.w-em-px20 {
  width: 20px;
}
.clp.h-em-px20 {
  height: 20px;
}
.clp.pad-px20 {
  padding: 20px;
}
.clp.pad-px20-l {
  padding-left: 20px !important;
}
.clp.pad-px20-r {
  padding-right: 20px !important;
}
.clp.pad-px20-t {
  padding-top: 20px !important;
}
.clp.pad-px20-b {
  padding-bottom: 20px !important;
}
.clp.pad-px20-x {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.clp.pad-px20-y {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.clp.margin-px20 {
  margin: 20px;
}
.clp.margin-px20-l {
  margin-left: 20px !important;
}
.clp.margin-px20-r {
  margin-right: 20px !important;
}
.clp.margin-px20-t {
  margin-top: 20px !important;
}
.clp.margin-px20-b {
  margin-bottom: 20px !important;
}
.clp.margin-px20-x {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.clp.margin-px20-y {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.clp.margin-mp25-l {
  margin-left: -0.25em;
}
.clp.drig {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.clp.drig.align-content-to-top th,
.clp.drig.align-content-to-top td {
  vertical-align: top;
}
.clp.drig.line-under-td tbody td {
  border-bottom: 1px solid rgba(0,0,0,0.1);
}
.clp.drig .line-under-strong th,
.clp.drig .line-under-strong td {
  border-bottom: 1px solid rgba(0,0,0,0.3);
}
.clp.drig th.line-under-strong,
.clp.drig td.line-under-strong {
  border-bottom: 1px solid rgba(0,0,0,0.3);
}
.clp.drig.pad-rows-s-columns-m th,
.clp.drig.pad-rows-s-columns-m td {
  padding: 0.25em 1em;
}
.clp.drig .pad-row-m th,
.clp.drig .pad-row-m td {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.clp.drig .pad-row-l th,
.clp.drig .pad-row-l td {
  padding-top: 0.75em;
  padding-bottom: 0.75em;
}
.clp.drig .pad-row-xl th,
.clp.drig .pad-row-xl td {
  padding-top: 1em;
  padding-bottom: 1em;
}
.clp.drig.airy-content td.airy,
.clp.drig.airy-content th.airy {
  padding: 0.75em 1em;
}
.clp.drig.airy-content td.icon-indicator {
  padding: 0.75em 0 0 1em;
  width: 1em;
}
.clp.drig.airy-content td.icon-actionable {
  width: 2em;
}
.clp.drig.airy-content td.icon-actionable:first-child {
  width: 3em;
}
.clp.drig.airy-content td.icon-actionable + td.airy {
  padding-left: 0;
}
.clp.drig.airy-content td.record-options {
  text-align: right;
}
.clp.drig.cls-inline-style th {
  background: #f1f6f7;
  border-bottom: 1px solid #dee8f7;
  text-align: left;
  padding: 0.25em 0.5em;
  color: #495057;
  font-weight: bold;
}
.clp.drig.cls-inline-style th.align-center {
  text-align: center;
}
.clp.drig.cls-inline-style th.align-right {
  text-align: right;
}
.clp.drig.cls-inline-style td {
  padding: 0.5em;
  border-bottom: 1px solid #e9ecef;
}
.clp.drig.cls-inline-style tr.padless th,
.clp.drig.cls-inline-style tr.padless td {
  padding: 0;
}
.clp.drig.cls-inline-style th,
.clp.drig.cls-inline-style td {
  vertical-align: top;
}
.clp.drig.cls-inline-style th.padless,
.clp.drig.cls-inline-style td.padless {
  padding: 0;
}
.clp.drig.cls-inline-style th:not(.padless):first-child,
.clp.drig.cls-inline-style td:not(.padless):first-child {
  padding-left: 1em;
}
.clp.drig.cls-inline-style th:not(.padless):last-child,
.clp.drig.cls-inline-style td:not(.padless):last-child {
  padding-right: 1em;
}
.clp.drig.cls-style {
  border-top: 1px solid #c1d6da;
}
.clp.drig.cls-style th,
.clp.drig.cls-style td {
  vertical-align: top;
  padding: 0.5em;
}
.clp.drig.cls-style th.padless,
.clp.drig.cls-style td.padless {
  padding: 0;
}
.clp.drig.cls-style th:not(.padless):first-child,
.clp.drig.cls-style td:not(.padless):first-child {
  padding-left: 1em;
}
.clp.drig.cls-style th:not(.padless):last-child,
.clp.drig.cls-style td:not(.padless):last-child {
  padding-right: 1em;
}
.clp.drig.cls-style tr.borderless th,
.clp.drig.cls-style tr.borderless td {
  border-bottom: 0;
}
.clp.drig.cls-style thead tr {
  background: #e1ebed;
  color: #005161;
}
.clp.drig.cls-style thead tr th {
  text-align: left;
  font-weight: bold;
  border-bottom: 1px solid #dee8f7;
}
.clp.drig.cls-style thead tr th.align-center {
  text-align: center;
}
.clp.drig.cls-style thead tr th.punchy-border {
  border-bottom: 1px solid rgba(0,0,0,0.1);
}
.clp.drig.cls-style tbody td {
  border-bottom: 1px solid #e9ecef;
}
.clp.drig.cls-style tbody tr.muted td {
  background: #fcfcfc;
  color: #686f77;
}
.clp.drig.cls-style tr.padless th,
.clp.drig.cls-style tr.padless td {
  padding: 0;
}
.clp.drig.is-empty thead {
  display: none;
}
.clp.drig.is-empty tbody .empty-state {
  background: #f1f6f7;
  color: #868e96;
}
.clp.drig.is-empty tbody .empty-state td {
  text-align: center;
  padding: 1em;
}
.clp.drig.is-empty tbody .empty-state p {
  font-size: 0.9em;
}
.clp.drig th.drig-bg-cls-style,
.clp.drig td.drig-bg-cls-style {
  background: #e1ebed;
}
.clp.drig th.drig-bg-xx-light,
.clp.drig td.drig-bg-xx-light {
  background: rgba(0,0,0,0.05);
}
.clp.drig th.drig-bg-x-light,
.clp.drig td.drig-bg-x-light {
  background: rgba(0,0,0,0.1);
}
.clp.drig th.drig-bg-diagonal-stripes,
.clp.drig td.drig-bg-diagonal-stripes {
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.025), rgba(0,0,0,0.025) 2px, rgba(0,0,0,0.05) 2px, rgba(0,0,0,0.05) 4px);
}
.clp.flexgrid .flexwrapper {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.clp.flexgrid .flexgrid-tr {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.clp.flexgrid .flexgrid-tr.v-align-middle {
  align-self: center;
}
.clp.flexgrid .flexgrid-td,
.clp.flexgrid .flexgrid-th {
  flex-grow: 0;
  flex-shrink: 0;
  vertical-align: top;
}
.clp.flexgrid .flexgrid-td.order-0,
.clp.flexgrid .flexgrid-th.order-0 {
  order: 0;
}
.clp.flexgrid .flexgrid-td.order-1,
.clp.flexgrid .flexgrid-th.order-1 {
  order: 1;
}
.clp.flexgrid .flexgrid-td.order-2,
.clp.flexgrid .flexgrid-th.order-2 {
  order: 2;
}
.clp.flexgrid .flexgrid-td.v-align-middle,
.clp.flexgrid .flexgrid-th.v-align-middle {
  align-self: center;
}
.clp.flexgrid .flexgrid-td.flexible,
.clp.flexgrid .flexgrid-th.flexible {
  flex: 1;
}
.clp.flexgrid .flexgrid-tr.gap-p5 {
  gap: 0.5em;
}
.clp.flexgrid .flexgrid-tr.gap-1 {
  gap: 1em;
}
.clp.flexgrid .flexgrid-tr.gap-2 {
  gap: 2em;
}
.clp.flexgrid .flexgrid-tr.gap-3 {
  gap: 3em;
}
.clp.flexgrid .flexgrid-tr.content-center {
  justify-content: center;
}
.clp.flexgrid .flexgrid-tr.items-stretch {
  align-items: stretch;
}
.clp.flexgrid .flexgrid-tr.items-center {
  align-items: center;
}
.clp.flexgrid .flexgrid-tr.column {
  flex-direction: column;
}
.clp.flexgrid .flexgrid-tr.wrap {
  flex-wrap: wrap;
}
[debug] {
  outline: 1px solid #f00 !important;
}
.clp.empty-state {
  background: #f8f9fa;
  padding: 4em;
}
.clp.empty-state.cls-light-style {
  background: #f1f6f7;
}
.clp.empty-state.no-results {
  padding: 2em;
  text-align: center;
  font-weight: bold;
  color: #868e96;
}
.clp.empty-state .empty-state-message {
  background: #fff;
  border: 1px solid rgba(0,0,0,0.1);
  padding: 1em 3em;
  border-radius: 0.25em;
  box-shadow: rgba(0,0,0,0.05) 0 0 1px;
}
.clp.empty-state .empty-state-message:after {
  content: '';
  display: table;
  clear: both;
}
.clp.empty-state .empty-state-illustration {
  float: left;
  display: inline-block;
  background: rgba(33,148,146,0.2);
  color: #219492;
  padding: 2em;
  border-radius: 50%;
  margin-right: 2em;
}
.clp.empty-state .empty-state-text {
  color: #868e96;
}
.clp.empty-state .empty-state-illustration + .empty-state-text {
  padding: 1em 0;
}
.clp.empty-state .empty-state-illustration + .empty-state-text.is-x-short-text {
  padding: 2em 0 1em 0;
}
.clp.empty-state.empty-state--minimal {
  padding: 1.5em 2em;
}
.clp.empty-state.empty-state--minimal .empty-state-message {
  padding: 1em;
}
.clp.no-appearance {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.clp.fileupload {
  border-radius: 0.125em;
  flex: 1;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  height: 2em;
  line-height: 2em;
  position: relative;
}
.clp.fileupload-file-input {
  flex-grow: 1;
}
.clp.fileupload-file-input input {
  opacity: 0;
  z-index: 20;
  background: #008000;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  bottom: 0;
}
.clp.fileupload-name {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #fff;
  border: 1px solid rgba(0,0,0,0.2);
  border-right: 0;
  box-shadow: inset rgba(0,0,0,0.1) 0 0 2px;
  display: flex;
  justify-content: left;
  text-align: left;
  align-items: center;
  padding: 0 0.5em;
  border-top-left-radius: 0.125em;
  border-bottom-left-radius: 0.125em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.clp.fileupload-select,
.clp.fileupload-clear,
.clp.fileupload-download {
  background: #0b7285;
  text-shadow: #095e6d -1px -1px 1px;
  font-size: 0.95em;
  color: #fff;
  font-weight: bold;
  display: inline-block;
  padding: 0 0.5em;
  border-top-right-radius: 0.125em;
  border-bottom-right-radius: 0.125em;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  z-index: 19;
}
.clp.fileupload-select i,
.clp.fileupload-clear i,
.clp.fileupload-download i {
  margin-right: 0.125em;
}
.clp.fileupload-download {
  background: #0d869d;
  padding-right: 0.75em;
  padding-left: 0.75em;
  z-index: 21;
}
.clp.fileupload-clear {
  z-index: 21;
}
.clp.fileupload.fileupload--has-file .fileupload-select {
  display: none;
}
.clp.fileupload.fileupload--has-file .fileupload-clear {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 1px solid rgba(0,0,0,0.2);
}
.clp.fileupload.fileupload--has-local-file .fileupload-select {
  display: none;
}
.clp.fileupload.fileupload--has-local-file .fileupload-download {
  display: none;
}
.clp.fileupload.fileupload--empty .fileupload-clear {
  display: none;
}
.clp.fileupload.fileupload--empty .fileupload-download {
  display: none;
}
.clp.flexiform input[type="text"],
.clp.flexiform input[type="tel"],
.clp.flexiform input[type="email"],
.clp.flexiform input[type="password"],
.clp.flexiform input[type="url"] {
  font-size: 1em;
  padding: 0 0.5em;
  line-height: 2em;
}
.clp.flexiform .flexigroup {
  display: flex;
  border-bottom: 1px solid rgba(0,0,0,0.1);
}
.clp.flexiform .flexilabel {
  border-right: 1px dotted rgba(0,0,0,0.1);
  padding: 1em;
  text-align: right;
}
.clp.flexiform .flexilabel label,
.clp.flexiform .flexilabel .as-label {
  font-weight: bold;
  color: #868e96;
}
.clp.flexiform .flexilabel.is-required label:after,
.clp.flexiform .flexilabel.is-required .as-label:after {
  font-size: 0.8em;
  content: '*';
  color: #d6336c;
  display: inline-block;
  margin-left: 0.25em;
}
.clp.flexiform .flexivalue {
  padding: 1em 2em 1em 1em;
}
.clp.flexiform.as-thirds .flexilabel,
.clp.flexiform.as-quarters .flexilabel {
  flex: 33%;
}
.clp.flexiform.as-thirds .flexivalue,
.clp.flexiform.as-quarters .flexivalue {
  flex: 67%;
}
.clp.flexiform.as-thirds .flexibuttons,
.clp.flexiform.as-quarters .flexibuttons {
  padding: 1em;
  flex: 67%;
  margin-left: 33%;
}
.clp.flexiform.as-quarters .flexilabel {
  flex: 25%;
}
.clp.flexiform.as-quarters .flexivalue {
  flex: 75%;
}
.clp.flexiform.as-quarters .flexibuttons {
  flex: 75%;
  margin-left: 25%;
}
@media only screen and (max-width: 800px) {

  .clp.flexiform.as-thirds .flexigroup, .clp.flexiform.as-quarters .flexigroup {
    flex-direction: column;
  }
  .clp.flexiform .flexilabel {
    padding-bottom: 0;
    text-align: left;
  }

  .clp.flexiform .flexivalue {
    padding-top: 0.5em;
    padding-right: 1em;
  }

  .clp.flexiform.as-thirds .flexibuttons, .clp.flexiform.as-quarters .flexibuttons {
    margin-left: 0;
  }
}
.clp.filter-filter-wrapper {
  display: inline;
}
.clp.inline-filter-form-wrapper {
  background: #f8f9fa;
  padding: 0 1em 1em 1em;
}
.clp.inline-filter-form-wrapper .inline-filter-form {
  position: relative;
  background: #fff;
  border-radius: 0.25em;
  border: 1px solid #ced4da;
  box-shadow: rgba(206,212,218,0.2) 2px 2px 3px;
}
.clp.inline-filter-form-wrapper .inline-filter-form.attaches-to-top:after,
.clp.inline-filter-form-wrapper .inline-filter-form.attaches-to-top:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.clp.inline-filter-form-wrapper .inline-filter-form.attaches-to-top:after {
  border-color: transparent;
  border-bottom-color: #fff;
  border-width: 10px;
  margin-left: -10px;
}
.clp.inline-filter-form-wrapper .inline-filter-form.attaches-to-top:before {
  border-color: transparent;
  border-bottom-color: #ced4da;
  border-width: 11px;
  margin-left: -11px;
}
.clp.inline-filter-form-wrapper .inline-filter-form.attaches-to-top.attaches-left:after,
.clp.inline-filter-form-wrapper .inline-filter-form.attaches-to-top.attaches-left:before {
  left: 1.5em;
}
.clp.inline-filter-form-wrapper .inline-filter-form.attaches-to-top.attaches-right:after,
.clp.inline-filter-form-wrapper .inline-filter-form.attaches-to-top.attaches-right:before {
  left: 1.5em;
}
.clp.inline-filter-form-wrapper .inline-filter-form legend {
  font-size: 0.8em;
  height: 3em;
  line-height: 3em;
  border-radius: 0.25em;
  width: calc(100% - 1em);
  padding: 0 1em;
  background: #f1f3f5;
  color: #868e96;
  margin: 0.5em 0.5em 0 0.5em;
  text-transform: uppercase;
  font-weight: bold;
  display: block;
}
.clp.inline-filter-form-wrapper .inline-filter-form fieldset:last-child {
  margin-bottom: 0.5em;
}
.clp.inline-filter-form-wrapper .inline-filter-form fieldset.button-group {
  padding: 1em;
  margin-bottom: 0;
  margin-top: 0.5em;
  border-top: 1px solid #e9ecef;
  background: #f1f3f5;
}
.clp.inline-filter-form-wrapper .inline-filter-form fieldset.button-group:last-child {
  margin-bottom: 0;
}
.clp.inline-filter-form-wrapper fieldset.collapsible legend:hover {
  background: #e9ecef;
}
.clp.inline-filter-form-wrapper fieldset.collapsed .filter-groups {
  display: none;
}
.clp.inline-filter-form-wrapper .filter-group {
  padding: 1em 0.5em 0.5em 0.5em;
  display: flex;
  flex: 1;
  flex-direction: row;
  justify-content: flex-start;
}
.clp.inline-filter-form-wrapper .filter-group > label {
  width: 30%;
  text-align: right;
  padding-right: 1em;
  font-weight: bold;
  color: #868e96;
}
.clp.inline-filter-form-wrapper .filter-group .flexible {
  flex: 1;
}
.clp.formfield {
  font-size: 1em;
  font-family: inherit;
}
.clp.formfield.textfield-padded {
  padding: 0.5em;
}
.clp.tag-field {
  box-shadow: inset rgba(0,0,0,0.2) 0 0 2px;
  padding: 0 0 0.5em 0.5em;
  border: 1px solid transparent;
}
.clp.tag-field.has-focus {
  border-color: #9bf;
  outline: 2px solid #e1ebed;
}
.clp.tag-field textarea.clp.mocked {
  resize: none;
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  height: 2em;
  line-height: 2em;
  width: auto;
  border: 0;
  background: transparent;
  padding: 0;
  border-radius: 0;
  outline: 0;
  margin-top: 0.5em;
  overflow: hidden;
}
.clp.tag-field textarea.clp.mocked:focus {
  outline: 0;
}
.clp.tag-field.has-error textarea.clp.mocked {
  color: #e03131;
}
.clp.tag-field .clp.tags {
  display: inline;
  vertical-align: top;
}
.clp.tag-field .clp.tag {
  vertical-align: top;
  margin: 0.5em 0.5em 0 0;
}
.clp.tag-field .clp.tag .clp.noci {
  margin-left: 0.25em;
  color: #868e96;
}
.clp.tag-field .clp.tag.is-selected {
  background: #7e264d;
  color: #fff;
}
.clp.tag-field .clp.tag.is-selected .clp.noci {
  color: rgba(255,255,255,0.7);
}
.clp.large-checkboxes .large-checkbox,
.clp.side-menu .large-checkbox,
.clp.action-step-list .large-checkbox,
.clp.large-checkboxes .menu-item,
.clp.side-menu .menu-item,
.clp.action-step-list .menu-item,
.clp.large-checkboxes .action-step-item,
.clp.side-menu .action-step-item,
.clp.action-step-list .action-step-item {
  display: block;
  border: 1px solid rgba(0,0,0,0.1);
  padding: 1em;
  position: relative;
  border-bottom-width: 0;
}
.clp.large-checkboxes .large-checkbox:first-child,
.clp.side-menu .large-checkbox:first-child,
.clp.action-step-list .large-checkbox:first-child,
.clp.large-checkboxes .menu-item:first-child,
.clp.side-menu .menu-item:first-child,
.clp.action-step-list .menu-item:first-child,
.clp.large-checkboxes .action-step-item:first-child,
.clp.side-menu .action-step-item:first-child,
.clp.action-step-list .action-step-item:first-child {
  border-top-left-radius: 0.25em;
  border-top-right-radius: 0.25em;
}
.clp.large-checkboxes .large-checkbox:last-child,
.clp.side-menu .large-checkbox:last-child,
.clp.action-step-list .large-checkbox:last-child,
.clp.large-checkboxes .menu-item:last-child,
.clp.side-menu .menu-item:last-child,
.clp.action-step-list .menu-item:last-child,
.clp.large-checkboxes .action-step-item:last-child,
.clp.side-menu .action-step-item:last-child,
.clp.action-step-list .action-step-item:last-child {
  border-bottom-left-radius: 0.25em;
  border-bottom-right-radius: 0.25em;
  border-bottom-width: 1px;
}
.clp.large-checkboxes .large-checkbox:hover,
.clp.side-menu .large-checkbox:hover,
.clp.action-step-list .large-checkbox:hover,
.clp.large-checkboxes .menu-item:hover,
.clp.side-menu .menu-item:hover,
.clp.action-step-list .menu-item:hover,
.clp.large-checkboxes .action-step-item:hover,
.clp.side-menu .action-step-item:hover,
.clp.action-step-list .action-step-item:hover {
  cursor: default;
  border-color: #72c3fc;
  background-color: rgba(114,195,252,0.1);
}
.clp.large-checkboxes .large-checkbox.is-checked,
.clp.side-menu .large-checkbox.is-checked,
.clp.action-step-list .large-checkbox.is-checked,
.clp.large-checkboxes .menu-item.is-checked,
.clp.side-menu .menu-item.is-checked,
.clp.action-step-list .menu-item.is-checked,
.clp.large-checkboxes .action-step-item.is-checked,
.clp.side-menu .action-step-item.is-checked,
.clp.action-step-list .action-step-item.is-checked,
.clp.large-checkboxes .large-checkbox.is-active,
.clp.side-menu .large-checkbox.is-active,
.clp.action-step-list .large-checkbox.is-active,
.clp.large-checkboxes .menu-item.is-active,
.clp.side-menu .menu-item.is-active,
.clp.action-step-list .menu-item.is-active,
.clp.large-checkboxes .action-step-item.is-active,
.clp.side-menu .action-step-item.is-active,
.clp.action-step-list .action-step-item.is-active {
  border-left-color: #72c3fc;
}
.clp.large-checkboxes .large-checkbox.is-checked:before,
.clp.side-menu .large-checkbox.is-checked:before,
.clp.action-step-list .large-checkbox.is-checked:before,
.clp.large-checkboxes .menu-item.is-checked:before,
.clp.side-menu .menu-item.is-checked:before,
.clp.action-step-list .menu-item.is-checked:before,
.clp.large-checkboxes .action-step-item.is-checked:before,
.clp.side-menu .action-step-item.is-checked:before,
.clp.action-step-list .action-step-item.is-checked:before,
.clp.large-checkboxes .large-checkbox.is-active:before,
.clp.side-menu .large-checkbox.is-active:before,
.clp.action-step-list .large-checkbox.is-active:before,
.clp.large-checkboxes .menu-item.is-active:before,
.clp.side-menu .menu-item.is-active:before,
.clp.action-step-list .menu-item.is-active:before,
.clp.large-checkboxes .action-step-item.is-active:before,
.clp.side-menu .action-step-item.is-active:before,
.clp.action-step-list .action-step-item.is-active:before {
  position: absolute;
  left: 0;
  width: 0.25em;
  top: 0;
  bottom: 0;
  background-color: rgba(114,195,252,0.1);
  content: ' ';
}
.clp.large-checkboxes .large-checkbox.style-ok.is-checked,
.clp.side-menu .large-checkbox.style-ok.is-checked,
.clp.action-step-list .large-checkbox.style-ok.is-checked,
.clp.large-checkboxes .menu-item.style-ok.is-checked,
.clp.side-menu .menu-item.style-ok.is-checked,
.clp.action-step-list .menu-item.style-ok.is-checked,
.clp.large-checkboxes .action-step-item.style-ok.is-checked,
.clp.side-menu .action-step-item.style-ok.is-checked,
.clp.action-step-list .action-step-item.style-ok.is-checked {
  border-left-color: #37b24d;
}
.clp.large-checkboxes .large-checkbox.style-ok.is-checked:before,
.clp.side-menu .large-checkbox.style-ok.is-checked:before,
.clp.action-step-list .large-checkbox.style-ok.is-checked:before,
.clp.large-checkboxes .menu-item.style-ok.is-checked:before,
.clp.side-menu .menu-item.style-ok.is-checked:before,
.clp.action-step-list .menu-item.style-ok.is-checked:before,
.clp.large-checkboxes .action-step-item.style-ok.is-checked:before,
.clp.side-menu .action-step-item.style-ok.is-checked:before,
.clp.action-step-list .action-step-item.style-ok.is-checked:before {
  background-color: rgba(55,178,77,0.1);
}
.clp.large-checkboxes .large-checkbox.style-not-ok.is-checked,
.clp.side-menu .large-checkbox.style-not-ok.is-checked,
.clp.action-step-list .large-checkbox.style-not-ok.is-checked,
.clp.large-checkboxes .menu-item.style-not-ok.is-checked,
.clp.side-menu .menu-item.style-not-ok.is-checked,
.clp.action-step-list .menu-item.style-not-ok.is-checked,
.clp.large-checkboxes .action-step-item.style-not-ok.is-checked,
.clp.side-menu .action-step-item.style-not-ok.is-checked,
.clp.action-step-list .action-step-item.style-not-ok.is-checked {
  border-left-color: #f03e3e;
}
.clp.large-checkboxes .large-checkbox.style-not-ok.is-checked:before,
.clp.side-menu .large-checkbox.style-not-ok.is-checked:before,
.clp.action-step-list .large-checkbox.style-not-ok.is-checked:before,
.clp.large-checkboxes .menu-item.style-not-ok.is-checked:before,
.clp.side-menu .menu-item.style-not-ok.is-checked:before,
.clp.action-step-list .menu-item.style-not-ok.is-checked:before,
.clp.large-checkboxes .action-step-item.style-not-ok.is-checked:before,
.clp.side-menu .action-step-item.style-not-ok.is-checked:before,
.clp.action-step-list .action-step-item.style-not-ok.is-checked:before {
  background-color: rgba(240,62,62,0.1);
}
.clp.large-checkboxes .large-checkbox input[type="radio"],
.clp.side-menu .large-checkbox input[type="radio"],
.clp.action-step-list .large-checkbox input[type="radio"],
.clp.large-checkboxes .menu-item input[type="radio"],
.clp.side-menu .menu-item input[type="radio"],
.clp.action-step-list .menu-item input[type="radio"],
.clp.large-checkboxes .action-step-item input[type="radio"],
.clp.side-menu .action-step-item input[type="radio"],
.clp.action-step-list .action-step-item input[type="radio"] {
  margin-left: 0;
}
.clp.large-checkboxes .large-checkbox label,
.clp.side-menu .large-checkbox label,
.clp.action-step-list .large-checkbox label,
.clp.large-checkboxes .menu-item label,
.clp.side-menu .menu-item label,
.clp.action-step-list .menu-item label,
.clp.large-checkboxes .action-step-item label,
.clp.side-menu .action-step-item label,
.clp.action-step-list .action-step-item label,
.clp.large-checkboxes .large-checkbox .label-text,
.clp.side-menu .large-checkbox .label-text,
.clp.action-step-list .large-checkbox .label-text,
.clp.large-checkboxes .menu-item .label-text,
.clp.side-menu .menu-item .label-text,
.clp.action-step-list .menu-item .label-text,
.clp.large-checkboxes .action-step-item .label-text,
.clp.side-menu .action-step-item .label-text,
.clp.action-step-list .action-step-item .label-text {
  color: rgba(0,0,0,0.7);
}
.clp.large-checkboxes .menu-item,
.clp.side-menu .menu-item,
.clp.action-step-list .menu-item {
  padding: 0;
}
.clp.large-checkboxes .menu-item > a,
.clp.side-menu .menu-item > a,
.clp.action-step-list .menu-item > a {
  display: block;
  padding: 1em;
  color: currentColor;
  text-decoration: none;
}
.clp.large-checkboxes .menu-item:hover,
.clp.side-menu .menu-item:hover,
.clp.action-step-list .menu-item:hover {
  cursor: pointer;
}
.clp.large-checkboxes .action-step-item,
.clp.side-menu .action-step-item,
.clp.action-step-list .action-step-item {
  display: block;
  text-decoration: none;
  color: currentColor;
}
.clp.large-checkboxes .action-step-item.action-step-item--flex,
.clp.side-menu .action-step-item.action-step-item--flex,
.clp.action-step-list .action-step-item.action-step-item--flex {
  display: flex;
}
.clp.large-checkboxes a.action-step-item:hover,
.clp.side-menu a.action-step-item:hover,
.clp.action-step-list a.action-step-item:hover {
  cursor: pointer;
}
.sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}
.custom-label {
  display: inline-block;
  padding: 0.125em 0.35em;
  border-radius: 0.125em;
  word-break: break-all;
}
.custom-label--clickable {
  cursor: pointer;
}
.custom-label--clickable:hover {
  opacity: 0.85;
}
.custom-label-list--small .custom-label {
  font-size: 1rem;
}
.custom-label-list--margin {
  margin: 8px 0;
}
.atom.decimal .sep-decimals {
  color: #868e96;
  font-size: 0.85em;
}
.clp.softer-text {
  color: #495057;
}
.clp.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.clp.u-cf:after {
  content: '';
  display: table;
  clear: both;
}
.clp.wrap-long-lines-anywhere {
  overflow-wrap: anywhere;
}
.clp.u-truncate {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
}
.clp.u-truncate.truncate-at-10 {
  width: 10em;
}
.clp.u-truncate.truncate-at-15 {
  width: 15em;
}
.clp.u-truncate.truncate-at-20 {
  width: 20em;
}
.clp.hr {
  border-top: 1px solid rgba(0,0,0,0.1);
}
.clp.hr hr {
  display: none;
}
.clp.hr.size-p5 {
  margin-top: 0.5em;
  padding-top: 0.5em;
}
.clp.hr.size-1 {
  margin-top: 1em;
  padding-top: 1em;
}
.clp.hr.size-1p5 {
  margin-top: 1.5em;
  padding-top: 1.5em;
}
.clp.hr.size-2 {
  margin-top: 2em;
  padding-top: 2em;
}
.clp.hidden {
  display: none;
}
.clp.t-lh-1 {
  line-height: 1;
}
.clp.t-lh-1p2 {
  line-height: 1.2;
}
.clp.t-lh-1p7 {
  line-height: 1.7;
}
.clp.t-bold {
  font-weight: bold;
}
.clp.t-normal {
  font-weight: normal;
}
.clp.t-uppercase {
  text-transform: uppercase;
}
.clp.t-capitalize {
  text-transform: capitalize;
}
.clp.t-lowercase {
  text-transform: lowercase;
}
.clp.t-000-0 {
  color: rgba(0,0,0,0);
}
.clp.t-000 {
  color: #000;
}
.clp.t-000-p5 {
  color: rgba(0,0,0,0.5);
}
.clp.t-000-p7 {
  color: rgba(0,0,0,0.7);
}
.clp.t-000-p3 {
  color: rgba(0,0,0,0.3);
}
.clp.t-000-p2 {
  color: rgba(0,0,0,0.2);
}
.clp.t-000-p8 {
  color: rgba(0,0,0,0.8);
}
.clp.t-fff-0 {
  color: rgba(255,255,255,0);
}
.clp.t-fff {
  color: #fff;
}
.clp.t-fff-p5 {
  color: rgba(255,255,255,0.5);
}
.clp.t-fff-p7 {
  color: rgba(255,255,255,0.7);
}
.clp.t-fff-p3 {
  color: rgba(255,255,255,0.3);
}
.clp.t-fff-p2 {
  color: rgba(255,255,255,0.2);
}
.clp.t-fff-p8 {
  color: rgba(255,255,255,0.8);
}
.clp.u-title-print {
  font-weight: bold;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
.clp.u-label-print {
  display: block;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: rgba(0,0,0,0.4);
}
.clp.u-label-print-muted {
  display: block;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #868e96;
}
.clp.u-inline-block {
  display: inline-block;
}
.clp.u-inline {
  display: inline;
}
.clp.u-block {
  display: block;
}
.clp.u-f-right {
  float: right;
}
.clp.u-f-left {
  float: left;
}
.clp.u-f-none {
  float: none;
}
.clp.u-c-right {
  clear: right;
}
.clp.u-c-left {
  clear: left;
}
.clp.u-c-both {
  clear: both;
}
.clp.u-actionable {
  cursor: pointer;
}
.clp.u-circle {
  border-radius: 50%;
}
.clp.u-icon-circle {
  display: inline-block;
  height: 1.4em;
  width: 1.4em;
  line-height: 1.4em;
  border-radius: 0.7em;
}
.clp.bit-larger {
  font-size: 1.1em;
}
.clp.x1p5 {
  font-size: 1.5em;
}
.clp.x1 {
  font-size: 1em;
}
.clp.x2 {
  font-size: 2em;
}
.clp.x3 {
  font-size: 3em;
}
.clp.x4 {
  font-size: 4em;
}
.clp.larger {
  font-size: 1.2em;
}
.clp.smaller {
  font-size: 0.8em;
}
.clp.xp75 {
  font-size: 0.75em;
}
.clp.xp5 {
  font-size: 0.5em;
}
.clp.bit-smaller {
  font-size: 0.9em;
}
.clp.align-left {
  text-align: left;
}
.clp.align-right {
  text-align: right;
}
.clp.align-center {
  text-align: center;
}
.clp.align-center-margin {
  margin-left: auto;
  margin-right: auto;
}
.clp.v-align-top {
  vertical-align: top;
}
.clp.v-align-middle {
  vertical-align: middle !important;
}
.clp.v-align-bottom {
  vertical-align: bottom !important;
}
.clp.v-align-middle-flex {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.clp.u-wordbreak-all {
  word-break: break-all;
}
.clp.no-link-color {
  color: currentColor;
  text-decoration: none;
}
.clp.no-link-color.keep-underline {
  text-decoration: underline;
}
.clp.no-link-color:hover {
  text-decoration: underline;
}
.clp.b-1 {
  border: 1px solid rgba(0,0,0,0.1);
}
.clp.b-1-t {
  border-top: 1px solid rgba(0,0,0,0.1);
}
.clp.b-1-t.dotted {
  border-top-style: dotted;
}
.clp.b-1-r {
  border-right: 1px solid rgba(0,0,0,0.1);
}
.clp.b-1-r-light {
  border-right: 1px solid rgba(255,255,255,0.1);
}
.clp.b-1-l {
  border-left: 1px solid rgba(0,0,0,0.1);
}
.clp.b-1-l-light {
  border-left: 1px solid rgba(255,255,255,0.1);
}
.clp.bd-1-l {
  border-left: 1px dotted rgba(0,0,0,0.1);
}
.clp.b-1-b {
  border-bottom: 1px solid rgba(0,0,0,0.1);
}
.clp.b-1-b.dotted {
  border-bottom-style: dotted;
}
.clp.b-1-b-half {
  border-bottom: 1px solid rgba(0,0,0,0.05);
}
.clp.b-1-tr {
  border-top: 1px solid rgba(0,0,0,0.1);
  border-right: 1px solid rgba(0,0,0,0.1);
}
.clp.b-1-trb {
  border-top: 1px solid rgba(0,0,0,0.1);
  border-right: 1px solid rgba(0,0,0,0.1);
  border-bottom: 1px solid rgba(0,0,0,0.1);
}
.clp.b-1-ltr {
  border-left: 1px solid rgba(0,0,0,0.1);
  border-top: 1px solid rgba(0,0,0,0.1);
  border-right: 1px solid rgba(0,0,0,0.1);
}
.clp.b-1-rbl {
  border-left: 1px solid rgba(0,0,0,0.1);
  border-bottom: 1px solid rgba(0,0,0,0.1);
  border-right: 1px solid rgba(0,0,0,0.1);
}
.clp.b-1-tb {
  border-top: 1px solid rgba(0,0,0,0.1);
  border-bottom: 1px solid rgba(0,0,0,0.1);
}
.clp.b-1-tbl {
  border-top: 1px solid rgba(0,0,0,0.1);
  border-bottom: 1px solid rgba(0,0,0,0.1);
  border-left: 1px solid rgba(0,0,0,0.1);
}
.clp.b-1-lr {
  border-left: 1px solid rgba(0,0,0,0.1);
  border-right: 1px solid rgba(0,0,0,0.1);
}
.clp.b-1-lt {
  border-left: 1px solid rgba(0,0,0,0.1);
  border-top: 1px solid rgba(0,0,0,0.1);
}
.clp.br-p25 {
  border-radius: 0.25em;
}
.clp.br-p25-bottom {
  border-bottom-left-radius: 0.25em;
  border-bottom-right-radius: 0.25em;
}
.clp.br-p5 {
  border-radius: 0.5em;
}
.clp.onhover-trigger-display .onhover-display-block {
  display: none;
}
.clp.onhover-trigger-display:hover .onhover-display-block {
  display: block;
}
.clp.rt-1 {
  width: 1%;
}
.clp.rt-2 {
  width: 2%;
}
.clp.rt-3 {
  width: 3%;
}
.clp.rt-4 {
  width: 4%;
}
.clp.rt-5 {
  width: 5%;
}
.clp.rt-6 {
  width: 6%;
}
.clp.rt-7 {
  width: 7%;
}
.clp.rt-8 {
  width: 8%;
}
.clp.rt-9 {
  width: 9%;
}
.clp.rt-10 {
  width: 10%;
}
.clp.rt-11 {
  width: 11%;
}
.clp.rt-12 {
  width: 12%;
}
.clp.rt-13 {
  width: 13%;
}
.clp.rt-14 {
  width: 14%;
}
.clp.rt-15 {
  width: 15%;
}
.clp.rt-16 {
  width: 16%;
}
.clp.rt-17 {
  width: 17%;
}
.clp.rt-18 {
  width: 18%;
}
.clp.rt-19 {
  width: 19%;
}
.clp.rt-20 {
  width: 20%;
}
.clp.rt-21 {
  width: 21%;
}
.clp.rt-22 {
  width: 22%;
}
.clp.rt-23 {
  width: 23%;
}
.clp.rt-24 {
  width: 24%;
}
.clp.rt-25 {
  width: 25%;
}
.clp.rt-26 {
  width: 26%;
}
.clp.rt-27 {
  width: 27%;
}
.clp.rt-28 {
  width: 28%;
}
.clp.rt-29 {
  width: 29%;
}
.clp.rt-30 {
  width: 30%;
}
.clp.rt-31 {
  width: 31%;
}
.clp.rt-32 {
  width: 32%;
}
.clp.rt-33 {
  width: 33%;
}
.clp.rt-34 {
  width: 34%;
}
.clp.rt-35 {
  width: 35%;
}
.clp.rt-36 {
  width: 36%;
}
.clp.rt-37 {
  width: 37%;
}
.clp.rt-38 {
  width: 38%;
}
.clp.rt-39 {
  width: 39%;
}
.clp.rt-40 {
  width: 40%;
}
.clp.rt-41 {
  width: 41%;
}
.clp.rt-42 {
  width: 42%;
}
.clp.rt-43 {
  width: 43%;
}
.clp.rt-44 {
  width: 44%;
}
.clp.rt-45 {
  width: 45%;
}
.clp.rt-46 {
  width: 46%;
}
.clp.rt-47 {
  width: 47%;
}
.clp.rt-48 {
  width: 48%;
}
.clp.rt-49 {
  width: 49%;
}
.clp.rt-50 {
  width: 50%;
}
.clp.rt-51 {
  width: 51%;
}
.clp.rt-52 {
  width: 52%;
}
.clp.rt-53 {
  width: 53%;
}
.clp.rt-54 {
  width: 54%;
}
.clp.rt-55 {
  width: 55%;
}
.clp.rt-56 {
  width: 56%;
}
.clp.rt-57 {
  width: 57%;
}
.clp.rt-58 {
  width: 58%;
}
.clp.rt-59 {
  width: 59%;
}
.clp.rt-60 {
  width: 60%;
}
.clp.rt-61 {
  width: 61%;
}
.clp.rt-62 {
  width: 62%;
}
.clp.rt-63 {
  width: 63%;
}
.clp.rt-64 {
  width: 64%;
}
.clp.rt-65 {
  width: 65%;
}
.clp.rt-66 {
  width: 66%;
}
.clp.rt-67 {
  width: 67%;
}
.clp.rt-68 {
  width: 68%;
}
.clp.rt-69 {
  width: 69%;
}
.clp.rt-70 {
  width: 70%;
}
.clp.rt-71 {
  width: 71%;
}
.clp.rt-72 {
  width: 72%;
}
.clp.rt-73 {
  width: 73%;
}
.clp.rt-74 {
  width: 74%;
}
.clp.rt-75 {
  width: 75%;
}
.clp.rt-76 {
  width: 76%;
}
.clp.rt-77 {
  width: 77%;
}
.clp.rt-78 {
  width: 78%;
}
.clp.rt-79 {
  width: 79%;
}
.clp.rt-80 {
  width: 80%;
}
.clp.rt-81 {
  width: 81%;
}
.clp.rt-82 {
  width: 82%;
}
.clp.rt-83 {
  width: 83%;
}
.clp.rt-84 {
  width: 84%;
}
.clp.rt-85 {
  width: 85%;
}
.clp.rt-86 {
  width: 86%;
}
.clp.rt-87 {
  width: 87%;
}
.clp.rt-88 {
  width: 88%;
}
.clp.rt-89 {
  width: 89%;
}
.clp.rt-90 {
  width: 90%;
}
.clp.rt-91 {
  width: 91%;
}
.clp.rt-92 {
  width: 92%;
}
.clp.rt-93 {
  width: 93%;
}
.clp.rt-94 {
  width: 94%;
}
.clp.rt-95 {
  width: 95%;
}
.clp.rt-96 {
  width: 96%;
}
.clp.rt-97 {
  width: 97%;
}
.clp.rt-98 {
  width: 98%;
}
.clp.rt-99 {
  width: 99%;
}
.clp.rt-100 {
  width: 100%;
}
.clp.heading-normal {
  font-size: 1.2em;
  color: rgba(0,0,0,0.8);
}
.clp.branded-link {
  color: #f06444;
}
.clp.branded-link:hover {
  color: #7e264d;
}
.clp.dotted-link {
  text-decoration: none;
  border-bottom: 1px dotted currentColor;
}
.clp.dotted-link:hover {
  color: #f06444;
}
.clp.is-target .display-as-block-on-target {
  display: none;
}
.clp.is-target:target .display-as-block-on-target {
  display: block;
}
.clp.js-tab-screen {
  display: none;
}
.clp.js-tab-screen.is-active {
  display: block;
}
.clp.list.space-items-p25 > li:not(:last-child) {
  padding-bottom: 0.25em;
}
.clp.list.space-items-p5 > li:not(:last-child) {
  padding-bottom: 0.5em;
}
.clp.list.space-items-1 > li:not(:last-child) {
  padding-bottom: 1em;
}
.clp.inline-list {
  display: inline;
}
.clp.inline-list > li {
  display: inline;
}
.clp.inline-list.dot-separated > li:not(:last-child):after {
  content: '・';
  color: #868e96;
}
a.clp.cancel-link,
a.clp.lowkey-link {
  color: #868e96;
  text-decoration: none;
}
a.clp.cancel-link.whiteish,
a.clp.lowkey-link.whiteish {
  color: rgba(255,255,255,0.8);
  border-bottom-color: rgba(255,255,255,0.8);
}
a.clp.cancel-link.whiteish:hover,
a.clp.lowkey-link.whiteish:hover {
  color: #fff;
  border-bottom-color: #fff;
}
a.clp.cancel-link:not(.no-border),
a.clp.lowkey-link:not(.no-border) {
  border-bottom: 1px dotted #868e96;
}
a.clp.cancel-link:not(.no-border).whiteish,
a.clp.lowkey-link:not(.no-border).whiteish {
  border-bottom-color: rgba(255,255,255,0.8);
}
a.clp.cancel-link:hover,
a.clp.lowkey-link:hover {
  color: #f06444;
  border-bottom-color: #f06444;
}
.clp.nottub + a.clp.cancel-link {
  display: inline-block;
  margin-left: 0.75em;
}
a.clp.link-muted-fg-to-active-bg {
  color: #868e96;
}
a.clp.link-muted-fg-to-active-bg:hover {
  background: #7e264d;
  color: #fff;
}
.clp.muted {
  color: #868e96;
}
.clp.muted-less {
  color: #686f77;
}
.clp.extra-muted {
  color: #ced4da;
}
.clp.status-high-alert {
  color: #f03e3e;
  font-weight: bold;
}
.clp.pane {
  background: #e9ecef;
}
.clp.pane:after {
  content: '';
  display: table;
  clear: both;
}
.clp.pane.bordered {
  border: 1px solid rgba(0,0,0,0.2);
}
.clp.pane.bordered-dotted {
  border: 1px dotted rgba(0,0,0,0.2);
}
.clp.pane.bordered-b {
  border-bottom: 1px solid rgba(0,0,0,0.2);
}
.clp.pane.rounded-borders {
  border-radius: 0.25em;
}
.clp.pane.lightest {
  background: #f1f3f5;
}
.clp.pane.matching-active-tab {
  background: #f8f9fa;
}
.clp.pane.cls-light-style {
  background: #f1f6f7;
}
.clp.pane.cls-x-light {
  background: #f8f9fa;
}
.clp.pane.cls-light-style-darker {
  background: #e1ebed;
}
.clp.pane.bg-transparent {
  background: transparent;
}
.clp.pane.very-very-lightly-black {
  background: rgba(0,0,0,0.005);
}
.clp.window {
  background: #fff;
}
.clp.window:after {
  content: '';
  display: table;
  clear: both;
}
.clp.window.bordered {
  border: 1px solid rgba(0,0,0,0.2);
}
.clp.window.bordered.light-border {
  border-color: rgba(0,0,0,0.1);
}
.clp.window.bordered-b {
  border-bottom: 1px solid rgba(0,0,0,0.2);
}
.clp.window.rounded-borders {
  border-radius: 0.25em;
}
.clp.window.dropshadow {
  box-shadow: rgba(0,0,0,0.1) 1px 1px 2px;
}
.clp.window.style-light-info {
  background: #c7f0f6;
  color: #146a77;
}
.clp.window.style-light-info a {
  color: #051c20;
}
.empty-phrase {
  display: inline-block;
  background: #fff url("../../platform/oui/img/bg-empty-pattern.png");
  height: 1.2em;
  width: 98%;
}
.clp.or-separator {
  text-align: center;
  border-top: 1px solid #dee2e6;
  height: 1px;
  padding-top: 1.5em;
  padding-bottom: 0;
  position: relative;
  top: 0.5em;
  margin: 0 2em;
}
.clp.or-separator span {
  display: inline-block;
  position: absolute;
  top: -0.7em;
  height: 1em;
  padding: 0 1em;
  background: #fff;
  color: #adb5bd;
  font-weight: bold;
  margin-left: -1em;
}
.clp.page-title {
  display: flex;
  justify-content: start;
  border-bottom: 1px solid #00262e;
}
.clp.page-title .page-title-text {
  padding: 1em 1em 1em 1em;
  flex: 1;
  background: #00404c;
}
.clp.page-title .page-title-text h1 {
  color: #fff;
  font-weight: bold;
  font-size: 1.5em;
}
.clp.page-title .page-title-options {
  padding: 0.75em 1em 0.75em 1em;
  background: #002f38;
}
.clp.section-title {
  display: flex;
  justify-content: start;
  border-bottom: 1px solid #00262e;
}
.clp.section-title .section-title-text {
  padding: 1em 1em 1em 1em;
  flex: 1;
  background: #00404c;
}
.clp.section-title .section-title-text h2 {
  color: #fff;
  font-weight: bold;
  font-size: 1.2em;
}
.clp.section-title .section-title-options {
  padding: 0.75em 1em 0.75em 1em;
  background: #002f38;
}
.clp.goliath.modal {
  position: fixed;
  bottom: 0.5em;
  left: 0.5em;
  right: 0.5em;
  z-index: 1010;
  background: #fff;
}
.clp.goliath.rounded {
  border-radius: 0.5em;
}
.clp.goliath.modal-message {
  padding: 3em;
  color: #686f77;
}
.clp.goliath.modal-message h2 {
  font-size: 1.4em;
}
.clp.goliath.modal-message p {
  color: #868e96;
}
.clp.goliath.modal-message p:not(:last-child) {
  margin-bottom: 1em;
}
@media screen and (min-width: 420px) {
  .clp.goliath.modal {
    position: absolute;
    bottom: auto;
    top: 100px;
    left: 50%;
    width: 400px;
    margin-left: -200px;
  }
}
.clp.hero {
  padding: 2em;
}
.clp.hero .title {
  font-size: 1.6em;
  font-weight: normal;
}
.clp.hero .subtitle {
  font-size: 1.2em;
  font-weight: normal;
}
.clp.stack {
  position: relative;
  display: inline-block;
}
.clp.stack-layer {
  position: absolute;
}
.clp.stack-layer.bottom-right {
  bottom: 0;
  right: -0.5em;
}
.clp.white-backdrop-circle {
  display: inline-block;
  background: #fff;
  border-radius: 100%;
}
.clp.notification.offline {
  background: #f03e3e;
  color: #fff;
  padding: 1em;
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -7.5em;
  width: 15em;
  text-align: center;
}
.clp.inline-messages {
  font-size: 0.9em;
}
.clp.inline-messages.inline-messages-errors {
  color: #e03131;
}
.clp.inline-messages.inline-messages-warnings {
  color: #f08c00;
}
.clp.inline-messages.inline-messages-warnings > ul > li:before {
  display: inline-block;
  font: normal normal normal 14px/1 'Nucleo Mini';
  font-size: inherit;
  speak: none;
  text-transform: none;
/* Better Font Rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 0.5em;
  content: '\eab2';
}
.clp.selectable .ui-menu-item,
.clp.selectable.luxe-select-menu.ui-widget-content.ui-autocomplete .ui-menu-item {
  border-top: 1px solid rgba(0,0,0,0.15);
}
.clp.select-item {
  color: rgba(0,0,0,0.8);
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  display: block;
}
.clp.select-item .name {
  font-weight: bold;
}
.clp.breadcrumbs {
  background: #f1f6f7;
  color: #495057;
  padding: 0 1em;
}
.clp.breadcrumbs li {
  display: inline-block;
}
.clp.breadcrumbs a {
  display: block;
  padding: 0.5em 0.25em 0.5em 0;
  color: #7e264d;
  font-weight: bold;
  text-decoration: none;
}
.clp.breadcrumbs a:hover {
  text-decoration: underline;
  color: #a53265;
}
.clp.breadcrumbs li:not(:last-child) a:after {
  display: inline-block;
  content: '/';
  padding-left: 0.25em;
}
.clp.rich-text {
  font-size: 1rem;
  color: #495057;
}
.clp.rich-text.muted {
  color: #868e96;
}
.clp.rich-text.neutralized-font-size {
  font-size: 14px;
}
.clp.rich-text.regular-font-size {
  font-size: 1em;
}
.clp.rich-text.center-images img {
  display: block;
  margin: 1em auto;
}
.clp.rich-text strong {
  font-weight: bold;
}
.clp.rich-text em {
  font-style: italic;
}
.clp.rich-text pre {
  background: rgba(0,0,0,0.05);
  padding: 0.5em;
}
.clp.rich-text blockquote {
  border-left: 5px solid rgba(0,0,0,0.05);
  padding-left: 1em;
  color: #666;
}
.clp.rich-text hr {
  border: 0;
  border-top: 1px solid rgba(0,0,0,0.1);
  margin: 1em 0;
}
.clp.rich-text h1 {
  font: 2em "Arial", "Helvetica", sans-serif;
  font-weight: bold;
}
.clp.rich-text h2 {
  font: 1.6em "Arial", "Helvetica", sans-serif;
  color: #f06444;
  font-weight: bold;
}
.clp.rich-text h3 {
  font: bold 1.2em "Arial", "Helvetica", sans-serif;
}
.clp.rich-text kbd {
  font-family: Consolas, Monaco, 'Courier New', monospace;
  display: inline-block;
  padding: 0.1em;
  font-size: 1em;
  background: rgba(0,0,0,0.075);
  border-radius: 0.2em;
}
.clp.rich-text ul {
  margin-left: 2em;
  list-style: square;
}
.clp.rich-text ol {
  margin-left: 2em;
  list-style: decimal;
}
.clp.rich-text * + p,
.clp.rich-text * + ul,
.clp.rich-text * + ol,
.clp.rich-text * + blockquote,
.clp.rich-text * + h1,
.clp.rich-text * + h2,
.clp.rich-text * + h3,
.clp.rich-text * + pre {
  margin-top: 1em;
}
.clp.normal-styling * + p,
.clp.normal-styling * + ul,
.clp.normal-styling * + ol,
.clp.normal-styling * + blockquote,
.clp.normal-styling * + h1,
.clp.normal-styling * + h2,
.clp.normal-styling * + h3,
.clp.normal-styling * + pre {
  margin-top: 1em;
}
.clp.normal-styling kbd {
  font-family: Consolas, Monaco, 'Courier New', monospace;
  display: inline-block;
  padding: 0.1em;
  font-size: 1em;
  background: rgba(0,0,0,0.075);
  border-radius: 0.2em;
}
.clp.instruction-card .ladom {
  max-width: initial;
  width: 60vw;
}
.clp.instruction-card .bg-color-warning-bright {
  border: 2px solid #e7d411;
}
.clp.instruction-card .contact-info {
  margin-left: -51%;
  background: #fff;
  border: 1px solid #ccc;
}
.clp.instruction-card .instruction-card-footer {
  background: #eee;
}
.clp.kv.ios-style .kv-pair {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid rgba(0,0,0,0.1);
  padding: 0.5em;
}
.clp.kv.ios-style .kv-pair:last-of-type {
  border-bottom: 0;
}
.clp.kv.ios-style .kv-pair .k {
  color: #686f77;
}
.clp.kv.ios-style.line-top .kv-pair:first-of-type {
  border-top: 1px solid rgba(0,0,0,0.1);
}
.clp.attrs {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.clp.attrs.padded .attr {
  padding: 0.5em 1em 1em 1em;
}
.clp.attrs .attr {
  flex: 0 1 100%;
}
.clp.attrs .attr-label {
  color: #868e96;
  font-size: 0.8em;
  text-transform: lowercase;
  font-variant: small-caps;
  padding-bottom: 0.25rem;
}
.clp.attrs .attr.separate-previous {
  border-top: 1px solid rgba(0,0,0,0.1);
}
.clp.attrs .attr.separate-next {
  border-bottom: 1px solid rgba(0,0,0,0.1);
}
.connect-attrs .clp.attrs .attr-label {
  color: #f06444;
  text-transform: none;
  font-variant: none;
  font-size: 0.85rem;
  font-weight: 500;
  padding-bottom: 0.1em;
}
.clp.checklist-items > li {
  padding-bottom: 5px;
}
.clp.checklist-items.horizontal > li {
  display: inline-block;
  margin-right: 1em;
}
.clp.checklist-items.dense > li {
  padding-bottom: 0;
}
.clp.checklist-items.pad-block-label {
  padding-top: 1.1rem;
}
.clp.checklist-items > li:last-child {
  padding-bottom: 0;
}
.clp.checklist-items > li:before {
  display: inline-block;
  font: normal normal normal 14px/1 'Nucleo Mini';
  font-size: inherit;
  speak: none;
  text-transform: none;
/* Better Font Rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9em;
  margin-right: 0.5em;
}
.clp.checklist-items > li.yes {
  background: transparent;
  padding-left: 0;
}
.clp.checklist-items > li.yes:before {
  color: #37b24d;
  content: '\ea1f';
}
.clp.checklist-items > li.warning {
  background: transparent;
  padding-left: 0;
}
.clp.checklist-items > li.warning:before {
  color: #f03e3e;
  content: '\eab2';
}
.clp.checklist-items > li.incorrect {
  background: transparent;
  padding-left: 0;
}
.clp.checklist-items > li.incorrect:before {
  color: #f03e3e;
  content: '\ea2a';
}
.clp.checklist-items > li.no {
  background: transparent;
  padding-left: 0;
}
.clp.checklist-items > li.no:before {
  border: 1px solid rgba(0,0,0,0.5);
  width: 0.75em;
  height: 0.75em;
  border-radius: 50%;
  content: ' ';
  box-shadow: inset 1px 1px 1px rgba(0,0,0,0.2);
}
.clp.checklist-items > li.no.filled::before {
  background: #eee;
  border-color: rgba(0,0,0,0.3);
}
.clp.yes-or-no {
  display: inline-block;
  background: rgba(0,0,0,0.1);
  height: 1em;
  width: 2em;
  border-radius: 0.5em;
  border: 1px solid rgba(0,0,0,0.1);
  position: relative;
}
.clp.yes-or-no::before {
  display: inline-block;
  position: absolute;
  left: 1px;
  top: 0;
  content: ' ';
  height: 0.7em;
  width: 0.7em;
  background: #fff;
  border: 1px solid rgba(0,0,0,0.3);
  border-radius: 0.35em;
  box-shadow: rgba(0,0,0,0.1) 0 0 3px;
}
.clp.yes-or-no.on {
  background: #0aa676;
}
.clp.yes-or-no.on::before {
  border: 1px solid #077654;
  left: auto;
  right: 1px;
}
@media only screen and (min-width: 941px) {
  .clp.attrs.w-33-on-normal .attr {
    flex: 0 1 33%;
  }
  .clp.attrs.w-50-on-normal .attr {
    flex: 0 1 50%;
  }
  .clp.attrs.w-33-66-on-normal .attr:nth-child(2n+1) {
    flex: 0 1 33%;
  }
  .clp.attrs.w-33-66-on-normal .attr:nth-child(2n) {
    flex: 0 1 66%;
  }
  .clp.attrs.w-66-33-on-normal .attr:nth-child(2n+1) {
    flex: 0 1 66%;
  }
  .clp.attrs.w-66-33-on-normal .attr:nth-child(2n) {
    flex: 0 1 33%;
  }
  .clp.attrs .attr.separate-previous {
    border-left: 1px solid rgba(0,0,0,0.1);
    border-top: none;
  }
  .clp.attrs .attr.separate-next {
    border-bottom: none;
    border-right: 1px solid rgba(0,0,0,0.1);
  }
}
.clp.prefix-file-icon.file-icon-pdf {
  padding-left: 22px;
  background-image: url('../images/file-type-icons/pdf.png');
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: 0 center;
}
.clp.prefix-file-icon.file-icon-pdf:hover {
  background-image: url('../images/file-type-icons/pdf.png');
}
.clp.prefix-file-icon.file-icon-pdf-signed {
  padding-left: 22px;
  background-image: url('../images/file-type-icons/pdf-signed.png');
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: 0 center;
}
.clp.prefix-file-icon.file-icon-pdf-signed:hover {
  background-image: url('../images/file-type-icons/pdf-signed.png');
}
.clp.prefix-file-icon.file-icon-zip {
  padding-left: 22px;
  background-image: url('../images/file-type-icons/archive.png');
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: 0 center;
}
.clp.prefix-file-icon.file-icon-zip:hover {
  background-image: url('../images/file-type-icons/archive.png');
}
.clp.prefix-file-icon.file-icon-rich_text {
  padding-left: 22px;
  background-image: url('../images/file-type-icons/rich-text.png');
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: 0 center;
}
.clp.prefix-file-icon.file-icon-rich_text:hover {
  background-image: url('../images/file-type-icons/rich-text.png');
}
.clp.prefix-file-icon.file-icon-txt {
  padding-left: 22px;
  background-image: url('../images/file-type-icons/txt.png');
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: 0 center;
}
.clp.prefix-file-icon.file-icon-txt:hover {
  background-image: url('../images/file-type-icons/txt.png');
}
.clp.prefix-file-icon.file-icon-spreadsheet {
  padding-left: 22px;
  background-image: url('../images/file-type-icons/spreadsheet.png');
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: 0 center;
}
.clp.prefix-file-icon.file-icon-spreadsheet:hover {
  background-image: url('../images/file-type-icons/spreadsheet.png');
}
.clp.prefix-file-icon.file-icon-presentation {
  padding-left: 22px;
  background-image: url('../images/file-type-icons/presentation.png');
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: 0 center;
}
.clp.prefix-file-icon.file-icon-presentation:hover {
  background-image: url('../images/file-type-icons/presentation.png');
}
.clp.prefix-file-icon.file-icon-image {
  padding-left: 22px;
  background-image: url('../images/file-type-icons/image.png');
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: 0 center;
}
.clp.prefix-file-icon.file-icon-image:hover {
  background-image: url('../images/file-type-icons/image.png');
}
.clp.infix-file-icon {
  vertical-align: text-top;
}
.clp.infix-file-icon.file-icon-pdf {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px 16px;
  background-image: url('../images/file-type-icons/pdf.png');
  background-repeat: no-repeat;
  background-position: 0 center;
}
.clp.infix-file-icon.file-icon-pdf:hover {
  background-image: url('../images/file-type-icons/pdf.png');
}
.clp.infix-file-icon.file-icon-pdf-signed {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px 16px;
  background-image: url('../images/file-type-icons/pdf-signed.png');
  background-repeat: no-repeat;
  background-position: 0 center;
}
.clp.infix-file-icon.file-icon-pdf-signed:hover {
  background-image: url('../images/file-type-icons/pdf-signed.png');
}
.clp.infix-file-icon.file-icon-zip {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px 16px;
  background-image: url('../images/file-type-icons/archive.png');
  background-repeat: no-repeat;
  background-position: 0 center;
}
.clp.infix-file-icon.file-icon-zip:hover {
  background-image: url('../images/file-type-icons/archive.png');
}
.clp.infix-file-icon.file-icon-rich_text {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px 16px;
  background-image: url('../images/file-type-icons/rich-text.png');
  background-repeat: no-repeat;
  background-position: 0 center;
}
.clp.infix-file-icon.file-icon-rich_text:hover {
  background-image: url('../images/file-type-icons/rich-text.png');
}
.clp.infix-file-icon.file-icon-txt {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px 16px;
  background-image: url('../images/file-type-icons/txt.png');
  background-repeat: no-repeat;
  background-position: 0 center;
}
.clp.infix-file-icon.file-icon-txt:hover {
  background-image: url('../images/file-type-icons/txt.png');
}
.clp.infix-file-icon.file-icon-spreadsheet {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px 16px;
  background-image: url('../images/file-type-icons/spreadsheet.png');
  background-repeat: no-repeat;
  background-position: 0 center;
}
.clp.infix-file-icon.file-icon-spreadsheet:hover {
  background-image: url('../images/file-type-icons/spreadsheet.png');
}
.clp.infix-file-icon.file-icon-presentation {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px 16px;
  background-image: url('../images/file-type-icons/presentation.png');
  background-repeat: no-repeat;
  background-position: 0 center;
}
.clp.infix-file-icon.file-icon-presentation:hover {
  background-image: url('../images/file-type-icons/presentation.png');
}
.clp.infix-file-icon.file-icon-image {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px 16px;
  background-image: url('../images/file-type-icons/image.png');
  background-repeat: no-repeat;
  background-position: 0 center;
}
.clp.infix-file-icon.file-icon-image:hover {
  background-image: url('../images/file-type-icons/image.png');
}
@media all and (-webkit-min-device-pixel-ratio: 2), all and (-o-min-device-pixel-ratio: 3/2), all and (min-device-pixel-ratio: 2) {
  .clp.prefix-file-icon.file-icon-pdf {
    background-image: url('../images/file-type-icons/pdf@2x.png');
  }
  .clp.prefix-file-icon.file-icon-pdf:hover {
    background-image: url('../images/file-type-icons/pdf@2x.png');
  }
  .clp.prefix-file-icon.file-icon-pdf-signed {
    background-image: url('../images/file-type-icons/pdf-signed@2x.png');
  }
  .clp.prefix-file-icon.file-icon-pdf-signed:hover {
    background-image: url('../images/file-type-icons/pdf-signed@2x.png');
  }
  .clp.prefix-file-icon.file-icon-zip {
    background-image: url('../images/file-type-icons/archive@2x.png');
  }
  .clp.prefix-file-icon.file-icon-zip:hover {
    background-image: url('../images/file-type-icons/archive@2x.png');
  }
  .clp.prefix-file-icon.file-icon-rich_text {
    background-image: url('../images/file-type-icons/rich-text@2x.png');
  }
  .clp.prefix-file-icon.file-icon-rich_text:hover {
    background-image: url('../images/file-type-icons/rich-text@2x.png');
  }
  .clp.prefix-file-icon.file-icon-txt {
    background-image: url('../images/file-type-icons/txt@2x.png');
  }
  .clp.prefix-file-icon.file-icon-txt:hover {
    background-image: url('../images/file-type-icons/txt@2x.png');
  }
  .clp.prefix-file-icon.file-icon-spreadsheet {
    background-image: url('../images/file-type-icons/spreadsheet@2x.png');
  }
  .clp.prefix-file-icon.file-icon-spreadsheet:hover {
    background-image: url('../images/file-type-icons/spreadsheet@2x.png');
  }
  .clp.prefix-file-icon.file-icon-presentation {
    background-image: url('../images/file-type-icons/presentation@2x.png');
  }
  .clp.prefix-file-icon.file-icon-presentation:hover {
    background-image: url('../images/file-type-icons/presentation@2x.png');
  }
  .clp.prefix-file-icon.file-icon-image {
    background-image: url('../images/file-type-icons/image@2x.png');
  }
  .clp.prefix-file-icon.file-icon-image:hover {
    background-image: url('../images/file-type-icons/image@2x.png');
  }
  .clp.infix-file-icon.file-icon-pdf {
    background-image: url('../images/file-type-icons/pdf@2x.png');
  }
  .clp.infix-file-icon.file-icon-pdf:hover {
    background-image: url('../images/file-type-icons/pdf@2x.png');
  }
  .clp.infix-file-icon.file-icon-pdf-signed {
    background-image: url('../images/file-type-icons/pdf-signed@2x.png');
  }
  .clp.infix-file-icon.file-icon-pdf-signed:hover {
    background-image: url('../images/file-type-icons/pdf-signed@2x.png');
  }
  .clp.infix-file-icon.file-icon-zip {
    background-image: url('../images/file-type-icons/archive@2x.png');
  }
  .clp.infix-file-icon.file-icon-zip:hover {
    background-image: url('../images/file-type-icons/archive@2x.png');
  }
  .clp.infix-file-icon.file-icon-rich_text {
    background-image: url('../images/file-type-icons/rich-text@2x.png');
  }
  .clp.infix-file-icon.file-icon-rich_text:hover {
    background-image: url('../images/file-type-icons/rich-text@2x.png');
  }
  .clp.infix-file-icon.file-icon-txt {
    background-image: url('../images/file-type-icons/txt@2x.png');
  }
  .clp.infix-file-icon.file-icon-txt:hover {
    background-image: url('../images/file-type-icons/txt@2x.png');
  }
  .clp.infix-file-icon.file-icon-spreadsheet {
    background-image: url('../images/file-type-icons/spreadsheet@2x.png');
  }
  .clp.infix-file-icon.file-icon-spreadsheet:hover {
    background-image: url('../images/file-type-icons/spreadsheet@2x.png');
  }
  .clp.infix-file-icon.file-icon-presentation {
    background-image: url('../images/file-type-icons/presentation@2x.png');
  }
  .clp.infix-file-icon.file-icon-presentation:hover {
    background-image: url('../images/file-type-icons/presentation@2x.png');
  }
  .clp.infix-file-icon.file-icon-image {
    background-image: url('../images/file-type-icons/image@2x.png');
  }
  .clp.infix-file-icon.file-icon-image:hover {
    background-image: url('../images/file-type-icons/image@2x.png');
  }
}
.clp.avatar {
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  text-align: center;
  background: #eee;
  border-radius: 100%;
}
.clp.avatar .avatar-text {
  display: block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  text-align: center;
  border-radius: 100%;
}
.clp.avatar .avatar-text span {
  font-weight: bold;
  font-size: 0.9em;
}
.clp.avatar.rounded-rect {
  border-radius: 10%;
}
.clp.avatar.rounded-rect .avatar-text {
  border-radius: 10%;
}
.clp.suggest {
  padding: 1em;
  background: #fff;
  line-height: 1.2;
}
.clp.suggest:not(:last-child) {
  border-bottom: 1px solid rgba(0,0,0,0.1);
}
.clp.suggest .suggest-secondary {
  color: #868e96;
}
.clp.suggest.with-avatar .avatar {
  float: left;
  margin-right: 1em;
}
.clp.suggest.with-avatar:hover .avatar {
  background: #fff;
}
.clp.suggest:hover {
  background: rgba(126,38,77,0.1);
}
.clp.suggest:hover .suggest-secondary {
  color: rgba(0,0,0,0.7);
}
.center-at-740 {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 740px;
}
body.clp.scroll-lock {
  overflow: hidden;
  max-width: 100%;
}

.clp.only-block\@lto {
    display: none;
}

.clp.close-fillscreen {
  display: none;
}
@media only screen and (max-width: 940px) {

  .clp.fillscreen\@lto {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100vw;
    background:  #fff;
    z-index: 20001;  /* One above TinyMCE */
  }

  .clp.hidden\@lto {
    display: none;
  }

  .clp.only-block\@lto {
    display: block;
  }

  .clp.close-fillscreen {
    float: right;
  }

  .clp.fillscreen\@lto .clp.close-fillscreen {
    display: block;
  }
  .responsive .group:not(.group-label-top) {
    background: #fff;
  }
  .responsive .group:not(.group-label-top) > .label {
    box-sizing: border-box;
    background: #f1f6f7;
    float: none;
    display: block;
    width: 100%;
    text-align: left;
    font-size: 0.8em;
    padding: 0.5em 10px;
  }
  .responsive .group:not(.group-label-top) > .input {
    box-sizing: border-box;
    float: none;
    width: 100%;
  }
  .halfres {
    font-size: 16px;
  }
  .halfres *,
  .halfres .mce-tinymce.mce-container.mce-panel {
    box-sizing: border-box;
  }
  .halfres select {
    font-size: initial !important;
    width: initial !important;
  }
  .halfres input,
  .halfres textarea {
    box-sizing: border-box;
    font-size: initial !important;
    border: 1px solid #000;
    padding: 0.5em;
    outline: none !important;
    resize: initial !important;
    -webkit-overflow-scrolling: touch;
  }
  .halfres #header .wrap {
    padding: 0;
  }
  .halfres #app-title {
    position: absolute;
    left: 0;
    top: 10px;
    background-size: 120px;
    height: 20px;
    margin-top: 0;
  }
  .halfres #global {
    float: none;
    position: absolute;
    top: 0;
    right: 0;
    display: none;
  }
  .halfres .wrap {
    width: auto;
  }
  .halfres #nav {
    display: none;
  }
  .halfres #container {
    width: auto;
    margin: 0 auto;
    padding: 0;
  }
  .halfres #content {
    width: auto;
    float: none;
  }
  .halfres #footer {
    width: auto;
    padding: 1em;
  }
  .halfres .entry .group.buttons {
    padding: 10px;
  }
  .halfres .clp.page-title .page-title-text h1,
  .halfres #title h1 {
    font-size: 1.2em;
  }
  .halfres .clp.page-title .page-title-options {
    position: absolute;
    top: -50px;
    right: 0;
    height: 50px;
    padding: 0.25em 0.5em;
  }
}
@media only screen and (min-width: 941px) {

  .clp.fillscreen\@lto {
    position: static;
    background: inherit;
    z-index: auto;
  }
}
.patch-ios-contenteditable {
  border-top: 1px #acaeb4 solid;
  border-left: 1px #dde1e7 solid;
  border-right: 1px #dde1e7 solid;
  border-bottom: 1px #e1e4e7 solid;
  white-space: nowrap;
  overflow: auto;
  overflow-y: hidden;
}
.acc-meta {
  font-size: 0.8em;
  color: #868e96;
}
body:not(.responsive-screen) #nav-toggle,
body:not(.responsive-screen) #nav-toggle + label,
body:not(.responsive-screen) #nav .nav-app-profile {
  display: none;
}
@media only screen and (max-width: 960px) {
  body.responsive-screen {
    font-size: 16px;
    background: #fff;
    overflow: hidden;
  }
  body.responsive-screen input[type="text"],
  body.responsive-screen input[type="email"],
  body.responsive-screen input[type="search"],
  body.responsive-screen textarea {
    font-size: inherit;
  }
  body.responsive-screen #app-title,
  body.responsive-screen #global {
    display: none;
  }
  body.responsive-screen #nav-toggle {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
  }
  body.responsive-screen #nav-toggle:checked + label + #nav {
    display: block;
    z-index: 200001;
  }
  body.responsive-screen #nav-toggle + label {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    background: #7e264d;
    color: #fff;
    height: 3rem;
    width: 3rem;
    cursor: pointer;
    text-align: center;
  }
  body.responsive-screen #nav-toggle + label span {
    display: none;
  }
  body.responsive-screen #nav-toggle + label:before {
    display: inline-block;
    font: normal normal normal 14px/1 'Nucleo Mini';
    font-size: inherit;
    speak: none;
    text-transform: none;
/* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\ea99';
    line-height: 3rem;
  }
  body.responsive-screen #nav-toggle:checked + label {
    background: #fff;
    color: #7e264d;
  }
  body.responsive-screen #nav-toggle:checked + label:before {
    content: '\ea28';
  }
  body.responsive-screen #header {
    position: static;
    background: #7e264d;
    color: #fff;
    border-top: 0;
    height: 3rem;
    padding: 0;
  }
  body.responsive-screen #container-wrap {
    background: #fff;
    padding: 0;
    border: 0;
    margin: 0;
  }
  body.responsive-screen #container {
    position: static;
    width: auto;
    margin: 0;
    padding: 0;
  }
  body.responsive-screen #nav {
    display: none;
    background: #fff;
    color: #002f38;
    min-width: 240px;
    width: auto;
    margin: 0;
    position: absolute;
    top: 3rem;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: rgba(0,0,0,0.2) 0 10px 10px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  body.responsive-screen #nav li {
    border-bottom: 1px solid rgba(0,0,0,0.1);
  }
  body.responsive-screen #nav a {
    color: #002f38;
    border-bottom: 0;
    padding: 1em;
    font-weight: normal;
  }
  body.responsive-screen #nav a:hover {
    color: #002f38;
    background: #feefec;
  }
  body.responsive-screen.logbook #nav .mi-logbook a,
  body.responsive-screen.agenda #nav .mi-agenda a,
  body.responsive-screen.todo #nav .mi-todo a,
  body.responsive-screen.suppliers #nav .mi-suppliers a,
  body.responsive-screen.supplier #nav .mi-supplier a,
  body.responsive-screen.dashboard #nav .mi-dashboard a,
  body.responsive-screen.coolants #nav .mi-coolants a,
  body.responsive-screen.reporting #nav .mi-reporting a,
  body.responsive-screen.customers #nav .mi-customers a,
  body.responsive-screen.installations #nav .mi-installations a,
  body.responsive-screen.forecasts #nav .mi-forecast a,
  body.responsive-screen.kb #nav .mi-kb a,
  body.responsive-screen.inventory #nav .mi-inventory a,
  body.responsive-screen.users #nav .mi-users a {
    color: #f06444;
    font-weight: bold;
  }
  body.responsive-screen #content {
    background: #fff;
    width: 100%;
    padding: 0;
    float: none;
    margin: 0;
  }
  body.responsive-screen .scroll-intent {
    background: #fff;
    position: absolute;
    top: 3rem;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  body.responsive-screen #footer {
    display: none;
  }
  body.responsive-screen .acc-meta {
    font-size: 0.8em;
    color: #868e96;
    display: block;
  }
  body.responsive-screen #title {
    padding: 0;
    position: fixed;
    top: 0;
    right: 0;
    left: 3rem;
    height: 3rem;
    border-left: 1px solid rgba(0,0,0,0.1);
    padding-left: 1em;
  }
  body.responsive-screen #title h1 {
    font-size: 1rem;
    line-height: 3rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  body.responsive-screen .clp.page-title {
    display: inline;
  }
  body.responsive-screen .clp.page-title .page-title-options {
    position: absolute;
    top: -1px;
    height: 1px;
    padding: 0;
    margin: 0;
  }
  body.responsive-screen .clp.page-title .page-title-text {
    padding: 0;
    position: fixed;
    top: 0;
    right: 0;
    left: 3rem;
    height: 3rem;
    border-left: 1px solid rgba(0,0,0,0.1);
    padding-left: 1em;
  }
  body.responsive-screen .clp.page-title .page-title-text h1 {
    font-size: 1rem;
    line-height: 3rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  body.responsive-screen #page-title-flyout {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 20000;
  }
  body.responsive-screen #page-title-flyout + label {
    height: 3rem;
    width: 3rem;
    position: fixed;
    top: 0;
    right: 0;
    background: #7e264d;
    text-align: center;
    display: block;
    color: #fff;
    line-height: 3rem;
    z-index: 20001;
  }
  body.responsive-screen #page-title-flyout + label + .clp.commands {
    display: none;
  }
  body.responsive-screen #page-title-flyout:checked + label {
    background: #fff;
    color: #00404c;
  }
  body.responsive-screen #page-title-flyout:checked + label + .clp.commands {
    display: block;
    position: fixed;
    top: 3rem;
    left: 3rem;
    right: 0;
    bottom: 0;
    background: #fff;
    color: #00404c;
    z-index: 200001;
    box-shadow: rgba(0,0,0,0.1) -5px 5px 5px;
  }
  body.responsive-screen #page-title-flyout:checked + label + .clp.commands > .clp.pack.u-inline-block,
  body.responsive-screen #page-title-flyout:checked + label + .clp.commands > .command-set > .clp.pack.u-inline-block {
    display: block;
  }
  body.responsive-screen #page-title-flyout:checked + label + .clp.commands > .clp.pack > li,
  body.responsive-screen #page-title-flyout:checked + label + .clp.commands > .command-set > .clp.pack > li {
    display: block;
    border-radius: 0;
    width: 100%;
    border-bottom: 1px solid rgba(0,0,0,0.1);
  }
  body.responsive-screen #page-title-flyout:checked + label + .clp.commands > .clp.pack > li > a.clp.nottub,
  body.responsive-screen #page-title-flyout:checked + label + .clp.commands > .command-set > .clp.pack > li > a.clp.nottub {
    line-height: 1.5;
    background: #fff;
    color: #444;
    border: 0;
    display: block;
    height: auto;
    border-radius: 0;
    text-align: left;
    padding: 0.75em 1em;
  }
  body.responsive-screen #page-title-flyout:checked + label + .clp.commands > .clp.pack > li > a.clp.nottub:hover,
  body.responsive-screen #page-title-flyout:checked + label + .clp.commands > .command-set > .clp.pack > li > a.clp.nottub:hover {
    color: #fff;
    background: #7e264d;
  }
  body.responsive-screen #page-title-flyout:checked + label + .clp.commands > .clp.pack > li > a.clp.nottub > i,
  body.responsive-screen #page-title-flyout:checked + label + .clp.commands > .command-set > .clp.pack > li > a.clp.nottub > i {
    display: none;
  }
  body.responsive-screen #page-title-flyout:checked + label + .clp.commands > .clp.pack > li > a.clp.nottub .nottub-label,
  body.responsive-screen #page-title-flyout:checked + label + .clp.commands > .command-set > .clp.pack > li > a.clp.nottub .nottub-label {
    display: inline-block;
    margin: 0;
    font-weight: normal;
  }
  body.responsive-screen #page-title-flyout:checked + label + .clp.commands .clp.spacer {
    display: none;
  }
  body.responsive-screen #page-title-flyout:checked + label + .clp.commands .clp.commands.as-dropdown,
  body.responsive-screen #page-title-flyout:checked + label + .clp.commands > .command-set {
    display: block;
    height: auto;
    line-height: 1.4;
  }
  body.responsive-screen #page-title-flyout:checked + label + .clp.commands .clp.commands.as-dropdown.semi-attached .dropdown:before,
  body.responsive-screen #page-title-flyout:checked + label + .clp.commands > .command-set.semi-attached .dropdown:before,
  body.responsive-screen #page-title-flyout:checked + label + .clp.commands .clp.commands.as-dropdown.semi-attached .dropdown:after,
  body.responsive-screen #page-title-flyout:checked + label + .clp.commands > .command-set.semi-attached .dropdown:after {
    border: 0;
  }
  body.responsive-screen #page-title-flyout:checked + label + .clp.commands .clp.commands.as-dropdown .dropdown,
  body.responsive-screen #page-title-flyout:checked + label + .clp.commands > .command-set .dropdown {
    display: block;
    position: static;
    border: 0;
    box-shadow: none;
    background: transparent;
  }
  body.responsive-screen #page-title-flyout:checked + label + .clp.commands .clp.commands.as-dropdown .dropdown.two-words-wide,
  body.responsive-screen #page-title-flyout:checked + label + .clp.commands > .command-set .dropdown.two-words-wide {
    width: 100%;
  }
  body.responsive-screen #page-title-flyout:checked + label + .clp.commands .clp.commands.as-dropdown .dropdown .dropdown-item,
  body.responsive-screen #page-title-flyout:checked + label + .clp.commands > .command-set .dropdown .dropdown-item {
    padding: 0;
  }
  body.responsive-screen #page-title-flyout:checked + label + .clp.commands .clp.commands.as-dropdown .dropdown .dropdown-item.caption,
  body.responsive-screen #page-title-flyout:checked + label + .clp.commands > .command-set .dropdown .dropdown-item.caption {
    padding: 0.25em 1em;
  }
  body.responsive-screen #page-title-flyout:checked + label + .clp.commands .clp.commands.as-dropdown .dropdown .dropdown-item > a,
  body.responsive-screen #page-title-flyout:checked + label + .clp.commands > .command-set .dropdown .dropdown-item > a {
    padding: 0.75em 1em 0.75em 2em;
    border-radius: 0;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    font-size: 0.9em;
  }
  body.responsive-screen #page-title-flyout:checked + label + .clp.commands .clp.commands.as-dropdown > .clp.nottub,
  body.responsive-screen #page-title-flyout:checked + label + .clp.commands > .command-set > .clp.nottub {
    line-height: 1;
    height: auto;
    display: block;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    background: transparent;
    color: #f06444;
    padding: 1em 1em 0.75em 1em;
    text-transform: uppercase;
  }
  body.responsive-screen #page-title-flyout:checked + label + .clp.commands .clp.commands.as-dropdown > .clp.nottub.dropdown-toggle,
  body.responsive-screen #page-title-flyout:checked + label + .clp.commands > .command-set > .clp.nottub.dropdown-toggle {
    display: none;
  }
  body.responsive-screen #page-title-flyout:checked + label + .clp.commands .clp.commands.as-dropdown > .clp.nottub > i,
  body.responsive-screen #page-title-flyout:checked + label + .clp.commands > .command-set > .clp.nottub > i {
    display: none;
  }
  body.responsive-screen #page-title-flyout:checked + label + .clp.commands .clp.commands.as-dropdown > .clp.nottub > .nottub-label,
  body.responsive-screen #page-title-flyout:checked + label + .clp.commands > .command-set > .clp.nottub > .nottub-label {
    font-size: 0.75em;
  }
  body.responsive-screen td.row-options {
    display: none;
  }
  body.responsive-screen #nav .nav-app-profile {
    padding: 2em;
  }
  body.responsive-screen #nav .nav-app-profile-box {
    background: linear-gradient(60deg, #40b59b, #00596c);
    font-size: 0.9em;
    color: #fff;
    border-radius: 0.25em;
  }
  body.responsive-screen #nav .nav-app-profile-box h4 {
    font-size: 1em;
    text-align: center;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding: 1em;
  }
  body.responsive-screen #nav .nav-app-profile-box ol {
    font-size: 1em;
  }
  body.responsive-screen #nav .nav-app-profile-box ol > li > a {
    color: #fff;
    font-weight: normal;
  }
  body.responsive-screen #nav .nav-app-profile-box ol > li > a:hover {
    color: #fff;
    background: #7e264d;
  }
  body.responsive-screen .panel.intro.kb .inner,
  body.responsive-screen .panel.intro.kb-attachments .inner {
    text-align: center;
    background-position: center 40px;
    padding: 160px 2em 2em 2em;
  }
  body.responsive-screen .panel.intro .inner .actions li {
    display: block;
  }
  body.responsive-screen .panel.intro .inner .actions li:not(:last-child) {
    margin-bottom: 0.5em;
  }
}
@media only screen and (max-width: 600px) {
  body.responsive-screen .wrap-tinymce {
    padding: 0 0.5em;
  }
  body.responsive-screen .tabs {
    overflow: auto;
    overflow-x: scroll;
    white-space: nowrap;
    padding: 0;
  }
  body.responsive-screen .tabs li {
    float: none;
    display: inline-block;
  }
  body.responsive-screen .tabs li.attachment-link,
  body.responsive-screen .tabs li.secondary-link {
    float: none;
  }
  body.responsive-screen.clp-is-panel-opened .page-title,
  body.responsive-screen.clp-is-panel-opened .page-title-options,
  body.responsive-screen.clp-is-panel-opened #header,
  body.responsive-screen.clp-is-panel-opened #nav-toggle,
  body.responsive-screen.clp-is-panel-opened #nav-toggle + label {
    display: none;
  }
  body.responsive-screen.clp-is-panel-opened .scroll-intent.on-panel-opened-no-scroll {
    overflow: hidden;
  }
  body.responsive-screen .clp.hidden-on-smallest {
    display: none;
  }
  body.responsive-screen .clp.drig.collapse-to-cards-on-smallest {
    display: block;
  }
  body.responsive-screen .clp.drig.collapse-to-cards-on-smallest thead {
    display: none;
  }
  body.responsive-screen .clp.drig.collapse-to-cards-on-smallest tbody {
    display: block;
    padding: 0.5em;
  }
  body.responsive-screen .clp.drig.collapse-to-cards-on-smallest tbody tr {
    background: #fff;
    display: block;
    padding: 0.5em;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 0.25em;
  }
  body.responsive-screen .clp.drig.collapse-to-cards-on-smallest tbody tr:not(:last-child) {
    margin-bottom: 0.5em;
  }
  body.responsive-screen .clp.drig.collapse-to-cards-on-smallest tbody td {
    display: block;
    border: 0;
    padding: 0;
  }
  body.responsive-screen .clp.drig.collapse-to-cards-on-smallest.cls-inline-style {
    background: #f1f6f7;
  }
  body.responsive-screen .clp.drig.collapse-to-cards-on-smallest.cls-inline-style td:not(.padless):first-child {
    padding: 0;
  }
  body.responsive-screen .clp.drig.support-smallest-device tbody tr {
    display: block;
    padding: 0.75em;
  }
  body.responsive-screen .clp.drig.support-smallest-device tbody td {
    display: block;
  }
  body.responsive-screen .clp.drig.support-smallest-device.line-under-td tbody td {
    border-bottom: 0;
  }
  body.responsive-screen .clp.drig.support-smallest-device.line-under-td tbody tr {
    border-bottom: 1px solid rgba(0,0,0,0.1);
  }
  body.responsive-screen .clp.drig.support-smallest-device.airy-content td.airy {
    padding: 0;
  }
  body.responsive-screen .clp.drig.support-smallest-device.airy-content td.icon-indicator {
    padding: 0;
    width: auto;
    margin-right: 0.5em;
    float: left;
  }
  body.responsive-screen .clp.drig.support-smallest-device.airy-content td.record-options {
    display: block;
  }
  body.responsive-screen .entry .group,
  body.responsive-screen .form-view .group {
    background: #fff;
  }
  body.responsive-screen .entry .group.buttons,
  body.responsive-screen .form-view .group.buttons {
    margin: 0;
    padding: 1em;
  }
  body.responsive-screen .entry .label,
  body.responsive-screen .form-view .label {
    background: #fff;
    width: auto;
    float: none;
    text-align: left;
    padding: 1em 1em 0.25em 1em;
  }
  body.responsive-screen .entry .input,
  body.responsive-screen .form-view .input {
    float: none;
    width: auto;
    padding: 0.25em 1em 1em 1em;
  }
  body.responsive-screen .card-select.dialog {
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    width: auto;
  }
  body.responsive-screen #content > .tabs {
    overflow-x: auto;
    font-size: 0.8em;
    height: 3em;
    line-height: 3em;
    padding: 0;
    white-space: nowrap;
  }
  body.responsive-screen #content > .tabs li {
    float: none;
    display: inline-block;
  }
  body.responsive-screen #content > .tabs a {
    padding: 0 1em;
  }
  body.responsive-screen table.clp.collapse-on-mobile tr {
    display: block;
  }
  body.responsive-screen table.clp.collapse-on-mobile td {
    display: block;
  }
  body.responsive-screen table.clp.collapse-on-mobile td.hide-on-mobile {
    display: none;
  }
}
@media only screen and (min-width: 960px) {
  #nav-toggle,
  #nav-toggle + label,
  #page-title-flyout,
  #page-title-flyout + label,
  #nav .nav-app-profile {
    display: none;
  }
  body.responsive-screen .clp.nottub.is-recognizable .nottub-label {
    display: none;
  }
  body.responsive-screen .acc-meta {
    font-size: 0.9em;
    display: inline;
    margin-left: 1em;
  }
}
.clp.mock-window {
  margin: 0 auto;
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 0.25em;
}
.clp.mock-window .mock-titlebar {
  background: rgba(255,255,255,0.4);
  padding: 0.5em 1em;
  border-bottom: 1px solid rgba(0,0,0,0.1);
  border-top-left-radius: 0.25em;
  border-top-right-radius: 0.25em;
}
.clp.mock-window .mock-rule {
  background: rgba(255,255,255,0.8);
  padding: 0.5em 1em;
  border-bottom: 1px solid rgba(0,0,0,0.1);
}
.clp.mock-window .mock-content {
  background: #fff;
  border-bottom-left-radius: 0.25em;
  border-bottom-right-radius: 0.25em;
}
.clp.mock-paper {
  margin: 0 auto;
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 0.125em;
  background: #fff;
}
.clp.mock-paper.size-a6 {
  width: 4in;
  height: 6in;
  overflow: hidden;
}
.clp.mock-paper.size-a6.landscape {
  width: 6in;
  height: 4in;
  overflow: hidden;
}
.clp.mock-paper.size-a7 {
  width: 3in;
  height: 4in;
  overflow: hidden;
}
.clp.mock-paper.size-a7.landscape {
  width: 4in;
  height: 3in;
  overflow: hidden;
}
.clp.mocked-preview {
  opacity: 0.5;
}
.clp.mocked-preview .mock-title {
  background-color: rgba(0,20,40,0.1);
  border-radius: 0.15rem;
  height: 2rem;
  margin-bottom: 1rem;
}
.clp.mocked-preview .mock-line {
  height: 0;
  border-bottom: 1px solid rgba(0,20,40,0.1);
  margin-bottom: 1rem;
}
.clp.mocked-preview .mock-paragraph .mock-phrase {
  background-color: rgba(0,20,40,0.1);
  border-radius: 0.15rem;
  display: block;
  height: 1.2rem;
}
.clp.mocked-preview .mock-paragraph .mock-phrase:nth-child(2) {
  margin-right: 2em;
}
.clp.mocked-preview .mock-paragraph .mock-phrase:nth-child(4) {
  margin-right: 4em;
}
.clp.mocked-preview .mock-paragraph .mock-phrase + .mock-phrase {
  margin-top: 0.65em;
}
.clp.mocked-preview .mock-paragraph + * {
  margin-top: 1rem;
}
.clp.backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.1);
  z-index: 200002;
}
.clp.ladom-wrapper {
  background: rgba(0,0,0,0.1);
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  z-index: 200003;
}
.clp.ladom {
  width: 50vw;
  margin-top: 8vh;
  overflow: auto;
}
.clp.ladom.snug {
  margin-top: 0;
  width: 80%;
}
.clp.ladom.white-bordered {
  background: #fff;
  border: 1px solid rgba(0,0,0,0.2);
}
.clp.ladom.rounded {
  border-radius: 0.25em;
}
.clp.ladom.drop-shadow {
  box-shadow: rgba(0,0,0,0.1) 0 0 5px;
}
.form-view .clp.sidepanel a,
.form-view .clp.panelish a {
  font-weight: normal;
}
.clp.sidepanel {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 50%;
  min-width: 400px;
  max-width: 700px;
  background: #fff;
  z-index: 300003;
  box-shadow: rgba(0,0,0,0.1) 0 0 10px;
  display: flex;
  flex-direction: column;
}
.clp.sidepanel .panel__cloak,
.clp.panelish .panel__cloak {
  background: rgba(0,0,0,0.1);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.clp.sidepanel .panel__content,
.clp.panelish .panel__content {
  position: relative;
  flex: 1;
  overflow-y: auto;
}
.clp.sidepanel .panel__content.with-footer,
.clp.panelish .panel__content.with-footer {
  margin-bottom: calc(4em + 1px);
}
.clp.sidepanel .panel__content.is-loading,
.clp.panelish .panel__content.is-loading {
  background: #e8eaec;
}
.clp.sidepanel .panel__footer,
.clp.panelish .panel__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4em;
  border-top: 1px solid rgba(0,0,0,0.1);
}
.clp.sidepanel .panel__titlebar,
.clp.panelish .panel__titlebar {
  display: flex;
  align-items: center;
  background: #fff;
  color: #00404c;
  font-size: 1.2em;
  border-bottom: 1px solid rgba(0,0,0,0.1);
}
.clp.sidepanel .panel__titlebar h1,
.clp.panelish .panel__titlebar h1 {
  flex: 1;
  padding: 0.75rem 1rem;
  border-right: 1px solid rgba(0,0,0,0.1);
}
.clp.sidepanel .panel__action,
.clp.panelish .panel__action {
  cursor: pointer;
  font-size: 1.2em;
  padding: 0.75rem 1rem;
  color: #868e96;
}
.clp.sidepanel .panel__action:hover,
.clp.panelish .panel__action:hover {
  background-color: #f06444;
  color: #fff;
}
.clp.sidepanel .panel__action + h1,
.clp.panelish .panel__action + h1 {
  border-left: 1px solid rgba(0,0,0,0.1);
}
@media only screen and (min-width: 940px) {
  .clp.ladom {
    width: auto;
    min-width: 500px;
    max-width: 50vw;
  }
}
@media only screen and (max-width: 940px) {
  .clp.sidepanel {
    left: 0;
    width: 100%;
    min-width: 0;
    max-width: none;
  }
  .clp.sidepanel .panel__cloak .modal {
    margin-top: 1em;
    width: 90%;
  }
}
@media only screen and (max-width: 800px) {
  .clp.ladom {
    margin: 0;
    height: 100%;
    width: 100%;
  }
}
.clp-service {
  color: #444;
}
.clp-service.side-content {
  padding: 1em;
}
.clp-service.side-content .side-menu {
  width: 30%;
  float: right;
}
.clp-service.side-content .side-menu > ul > .menu-item > a {
  color: #444;
  text-decoration: none;
}
.clp-service.side-content .content {
  clear: none;
  width: 68%;
  float: left;
}
.clp-service form.clp-service-style > fieldset > legend {
  font-size: 1.2em;
  display: inline-block;
  padding: 1em 0 0 0;
  color: #f06444;
  font-weight: bold;
}
.clp-service form.clp-service-style .group {
  padding: 1em 0 0 0;
}
.clp-service form.clp-service-style .group > .label {
  padding: 0 0 0.25em 0;
  width: 30%;
  float: left;
}
.clp-service form.clp-service-style .group > .label.required {
  font-weight: bold;
}
.clp-service form.clp-service-style .group > .label.required .required-marker {
  color: color-orange;
}
.clp-service form.clp-service-style .group > .input {
  width: 68%;
  float: right;
}
.clp-service form.clp-service-style .group > .input .format {
  color: #868e96;
  font-size: 0.85em;
}
.clp-service form.clp-service-style .group > .input .format.force-line {
  padding-top: 0.25em;
  display: block;
}
.clp-service form.clp-service-style .group.buttons {
  margin-left: 32%;
}
table.clp.heatmap {
  width: 100%;
  border-collapse: separate;
  border-spacing: 1px;
}
table.clp.heatmap thead th {
  font-size: 0.85em;
  font-weight: normal;
  color: #686f77;
}
table.clp.heatmap tbody th {
  height: 16px;
  color: #686f77;
  font-weight: normal;
  font-size: 0.9em;
  text-align: right;
  padding-right: 0.5em;
}
table.clp.heatmap tbody td {
  width: 16px;
  height: 16px;
}
table.clp.heatmap td.scale-none {
  background: #f6f6f6;
}
table.clp.heatmap td.scale-empty {
  background: #dee2e6;
}
table.clp.heatmap.scale-cyan td.scale-0 {
  background: #e3fafc;
}
table.clp.heatmap.scale-cyan td.scale-1 {
  background: #c5f6fa;
}
table.clp.heatmap.scale-cyan td.scale-2 {
  background: #99e9f2;
}
table.clp.heatmap.scale-cyan td.scale-3 {
  background: #66d9e8;
}
table.clp.heatmap.scale-cyan td.scale-4 {
  background: #3bc9db;
}
table.clp.heatmap.scale-cyan td.scale-5 {
  background: #22b8cf;
}
table.clp.heatmap.scale-cyan td.scale-6 {
  background: #15aabf;
}
table.clp.heatmap.scale-cyan td.scale-7 {
  background: #1098ad;
}
table.clp.heatmap.scale-cyan td.scale-8 {
  background: #0c8599;
}
table.clp.heatmap.scale-cyan td.scale-9 {
  background: #0b7285;
}
.clp.heatmap-legend .legend-color {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: middle;
}
.clp.heatmap-legend.scale-cyan .legend-color.scale-0 {
  background: #e3fafc;
}
.clp.heatmap-legend.scale-cyan .legend-color.scale-1 {
  background: #c5f6fa;
}
.clp.heatmap-legend.scale-cyan .legend-color.scale-2 {
  background: #99e9f2;
}
.clp.heatmap-legend.scale-cyan .legend-color.scale-3 {
  background: #66d9e8;
}
.clp.heatmap-legend.scale-cyan .legend-color.scale-4 {
  background: #3bc9db;
}
.clp.heatmap-legend.scale-cyan .legend-color.scale-5 {
  background: #22b8cf;
}
.clp.heatmap-legend.scale-cyan .legend-color.scale-6 {
  background: #15aabf;
}
.clp.heatmap-legend.scale-cyan .legend-color.scale-7 {
  background: #1098ad;
}
.clp.heatmap-legend.scale-cyan .legend-color.scale-8 {
  background: #0c8599;
}
.clp.heatmap-legend.scale-cyan .legend-color.scale-9 {
  background: #0b7285;
}
.htmx-indicator {
  opacity: 0;
  transition: opacity 500ms ease-in;
}
.htmx-request .htmx-indicator {
  opacity: 1;
}
.htmx-request.htmx-indicator {
  opacity: 1;
}
.loading-box.relative {
  position: relative;
}
.loading-indicator-wrapper.on-top {
  position: absolute;
  top: 1em;
  z-index: 999;
}
.loading-indicator-wrapper.dotted {
  left: 50%;
  margin-left: calc(-10px - 0.5rem);
}
.loading-indicator-wrapper.dotted .loading-indicator {
  padding: 0.15rem 0.75rem;
  border-radius: 0.5rem;
  background: rgba(0,0,0,0.4);
  display: inline-block;
}
.loading-indicator-wrapper.dotted .loading-indicator > svg {
  vertical-align: middle;
}
html {
  box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
body {
  color: #4a4a4a;
  background: #f2f6f7;
  font-family: -apple-system, BlinkMacSystemFont, Roboto, Arial, Helvetica, sans-serif;
  line-height: 1.4;
  -webkit-text-size-adjust: 100%;
  padding: 0 0.25rem;
}
.w-4 {
  width: 1rem;
}
.h-4 {
  height: 1rem;
}
.simple-separator.distanced {
  padding: 1em 0;
}
.simple-separator hr {
  border: 0;
  height: 0;
  border-top: 1px solid rgba(0,0,0,0.2);
  max-width: 10rem;
  margin: 0 auto;
}
.from-medium-screen {
  display: none;
}
.brand {
  text-align: center;
  color: #7e264d;
}
.body-wrap {
  max-width: 940px;
  margin: 0 auto;
}
.body-wrap.narrow {
  max-width: 800px;
}
.body-wrap.compact {
  max-width: 650px;
}
.body-wrap.tight {
  max-width: 500px;
}
.stick-holder {
  position: relative;
}
.line-stick-right {
  position: absolute;
  top: calc(50% - 0.5em);
  height: 1em;
  line-height: 1em;
}
.line-stick-right.right-1 {
  right: 1em;
}
.shortcuts {
  font-size: 0.8em;
  background: #e2e6e7;
  background: rgba(0,0,0,0.05);
  position: absolute;
  top: 0;
  right: 0;
}
.shortcuts li {
  display: inline-block;
}
.shortcuts li a {
  text-decoration: none;
  color: #868e96;
  display: block;
  padding: 0.5em 0.5em;
  border-right: 1px dotted rgba(0,0,0,0.1);
}
.shortcuts li a:hover {
  background: #f06444;
  color: #fff;
}
.shortcuts li.language-switch-indicator {
  color: #868e96;
  padding: 0.5em 0.5em 0.5em 1em;
  border-right: 1px dotted rgba(0,0,0,0.1);
}
.icard {
  background: #fff;
  border: 1px solid rgba(11,114,133,0.2);
  border-radius: 0.5rem;
}
.icard .icard-body {
  padding: 0 2em;
}
.icard .icard-body.is-error-block,
.icard .icard-body.is-success-block,
.icard .icard-body.is-info-block {
  background: #f03e3e;
  color: #fff;
  font-size: 0.8em;
  padding-top: 1em;
  padding-bottom: 1em;
  font-weight: bold;
  text-align: center;
}
.icard .icard-body.is-success-block {
  background: #40b59b;
}
.icard .icard-body.is-info-block {
  background-color: #22b8cf;
  color: color-white;
}
.icard .icard-body.nearly-bg-color {
  background: #f6fafb;
}
.icard .icard-body.rounded-bottom {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.icard .narrow-form {
  max-width: 400px;
  margin: 0 auto;
}
.icard .icard-main-title {
  text-align: center;
  color: #f06444;
  font-weight: bold;
}
.icard .icard-main-title.woopsie {
  color: #f03e3e;
}
.clp.quick-response {
  text-align: center;
}
.clp.quick-response.align-left {
  text-align: left;
}
.clp.quick-response .quick-response-message {
  margin-bottom: 1em;
}
.auth label {
  display: block;
  margin-bottom: 0.25em;
}
.password-visibility-toggle {
  display: inline-block;
  padding: 0.25em 1em;
  color: #8a8a8a;
  background: transparent;
  border: 0;
  font-size: inherit;
}
.password-visibility-toggle:hover {
  color: #4a4a4a;
}
.password-visibility-toggle.showing {
  color: #f06444;
}
.password-visibility-toggle > i {
  pointer-events: none;
}
.simple-form-actions {
  display: flex;
  align-items: center;
}
.simple-form-actions > div {
  flex: 1;
  text-align: right;
  padding-inline-start: 0.75em;
}
.action-request {
  text-align: center;
  color: #868e96;
  padding: 2em;
}
.action-request.emphasized-action-request {
  background: #c7f0f6;
  color: #146a77;
  border-radius: 0.25em;
}
.action-request.emphasized-action-request.no-border-radius {
  border-radius: 0;
}
.action-request.strong-action-request {
  background: #f03e3e;
  color: #fff;
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 0.25em;
}
.text-representation h1 {
  font-weight: bold;
  font-size: 1.7em;
  text-align: center;
  margin-bottom: 0.8em;
}
.text-representation p:not(:last-child) {
  margin-bottom: 1em;
}
.text-representation h2 {
  font-weight: bold;
  font-size: 1.2em;
  text-align: center;
  color: #f06444;
  margin-top: 1.5em;
  margin-bottom: 1em;
}
.text-representation ul {
  list-style-position: outside;
  list-style-type: disc;
}
.text-representation ul > li {
  margin-left: 2em;
  padding-left: 1em;
}
.text-representation kbd.trail {
  display: inline-block;
  background: rgba(0,0,0,0.05);
  padding: 0 0.25em;
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 0.25em;
}
.text-representation.terms-formatting h1 font-size 1.em,
.text-representation.terms-formatting h1 text-align center,
.text-representation.terms-formatting h1 font-weight normal,
.text-representation.terms-formatting h1 margin 0,
.text-representation.terms-formatting h1 + p {
  padding-top: 2em;
}
.text-representation.terms-formatting .terms-subtitle {
  font-size: 1em;
  text-align: center;
}
.text-representation.terms-formatting .terms-section dt {
  font-weight: bold;
}
.text-representation.terms-formatting .terms-section dd {
  padding-left: 2em;
}
.text-representation.terms-formatting .terms-section dd + dt {
  padding-top: 1em;
}
.text-representation.terms-formatting .terms-section .terms-title {
  font-size: 1.2em;
  color: #f06444;
  text-transform: uppercase;
  font-weight: bold;
}
.text-representation.terms-formatting .terms-section .terms-title-2 {
  font-weight: bold;
  font-size: 1em;
  text-align: center;
  margin-bottom: 1em;
}
.text-representation.terms-formatting .terms-section p + .terms-title-2 {
  margin-top: 2em;
}
.text-representation.terms-formatting .terms-section .terms-article {
  display: table;
  width: 100%;
}
.text-representation.terms-formatting .terms-section .terms-article + .terms-article {
  padding-top: 1em;
}
.text-representation.terms-formatting .terms-section .terms-article .terms-sub-article {
  display: table-row;
}
.text-representation.terms-formatting .terms-section .terms-article-nr {
  display: table-cell;
  width: 10%;
  text-align: right;
  padding-right: 1em;
}
.action-request.emphasized-action-request.terms-blocked-top-notice {
  background-color: #004654;
  color: #fff;
}
.action-request.emphasized-action-request.terms-blocked-top-notice .content {
  display: flex;
  gap: 20px;
  font-size: 14px;
}
.action-request.emphasized-action-request.terms-blocked-top-notice .content p {
  text-align: left;
}
.action-request.emphasized-action-request.terms-new-top-notice {
  background-color: #004654;
  color: #fff;
}
.action-request.emphasized-action-request.terms-new-top-notice .content {
  display: flex;
  gap: 20px;
  font-size: 14px;
}
.action-request.emphasized-action-request.terms-new-top-notice .content p {
  text-align: left;
}
.terms-doubt {
  border-bottom: 1px solid #ccc;
  color: #777;
}
.terms-doubt .icard-body {
  padding: 10px;
}
.terms-doubt .icard-body .content {
  padding: 0;
  margin: 10px 80px 10px 0;
  align-items: start;
  display: flex;
  gap: 10px;
  font-size: 14px;
}
.terms-doubt .icard-body .content p {
  text-align: left;
}
.userterms .notice {
  color: #00404c;
  font-weight: bold;
  display: block;
  margin: 0 0 20px 0;
}
.userterms .btn-content {
  align-items: center;
}
.userterms .btn-content img {
  margin-right: 5px;
}
.userterms .btn-content span {
  display: inline-block;
}
.userterms button {
  padding: 14px;
  display: inline-block;
  font-size: 16px;
  border: none;
  cursor: pointer;
  align-items: center;
  justify-content: center;
}
.userterms button.is-destructive {
  background-color: #fff;
  color: #00596b;
  border: 1px solid #e1ebed;
  border-radius: 8px;
  margin-right: 10px;
}
.userterms button.is-destructive .btn-content {
  display: block;
}
.userterms button.is-primary {
  padding: 14px;
  background-color: #219492;
  color: #fff;
  border-radius: 8px;
}
.userterms.connect button.is-primary {
  background-color: #f06444;
}
.clp.app-footer {
  font-size: 0.8rem;
  color: #777a7d;
}
.clp.app-footer a.simple-link {
  color: #5e6063;
  text-decoration: none;
  border-bottom: 1px dotted currentColor;
}
.clp.app-footer a.simple-link:hover {
  border-bottom-style: solid;
  color: #919396;
}
.wizard-steps {
  font-size: 0.8em;
  background: #fff;
  border: 1px solid rgba(0,0,0,0.1);
  margin: 1em 0;
  border-radius: 0.25rem;
}
.wizard-steps.stick-to-top {
  margin-top: 0;
}
.wizard-steps .wizard-step {
  color: #777a7d;
  padding: 1em 0.5em;
}
.wizard-steps .wizard-step:first-child {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.wizard-steps .wizard-step:last-child {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.wizard-steps .wizard-step-counter {
  display: inline-block;
  margin-right: 1em;
  text-align: center;
  width: 2em;
  height: 2em;
  line-height: 2em;
  background: #f2f6f7;
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 1em;
}
.wizard-steps .wizard-step.is-current {
  color: #4a4a4a;
}
.wizard-steps .wizard-step.is-current .wizard-step-counter {
  font-weight: bold;
  background: #fff;
  color: #f06444;
}
.wizard-steps .wizard-step.is-completed .wizard-step-counter {
  background: #37b24d;
  color: #fff;
}
@media only screen and (min-width: 600px) {
  .on-small-screen {
    display: none;
  }
  .from-medium-screen {
    display: inline;
  }
}
@media only screen and (min-width: 940px) {
  .wizard-steps {
    display: flex;
  }
  .wizard-steps .wizard-step {
    flex: 1;
    flex-direction: column;
    text-align: center;
  }
  .wizard-steps .wizard-step-counter {
    display: block;
    margin: 0 auto;
    margin-bottom: 0.5em;
  }
}
.form-group > label:not(.sr-only) {
  display: block;
  padding: 0.25rem;
  font-size: 0.9em;
}
.form-group > label:not(.sr-only) .required-marker {
  color: #f06444;
}
.form-group.is-required > label {
  font-weight: bold;
}
.form-group:not(:first-child) {
  padding-top: 0.7em;
}
.form-group input[type="text"],
.form-group input[type="password"],
.form-group input[type="email"],
.form-group textarea {
  padding: 0.25rem;
  font-family: inherit;
  font-size: inherit;
  border: 1px solid #ccc;
}
.form-group input[type="text"]:focus,
.form-group input[type="password"]:focus,
.form-group input[type="email"]:focus,
.form-group textarea:focus {
  border-color: #f06444;
  box-shadow: rgba(240,100,68,0.5) 0 0 2px;
}
.form-group input.input-full {
  width: 100%;
}
.form-group input.input-large {
  width: 75%;
}
.form-group textarea.input-full {
  width: 100%;
}
.form-group input[type="text"].input-plain-text {
  border: 0;
  padding: 0;
  box-shadow: none;
  background: transparent;
  color: inherit;
  width: 100%;
}
.form-group input[type="text"].input-plain-text:focus {
  border: 0;
  outline: 0;
}
.form-group .help {
  display: block;
  padding: 0.25rem 0.25rem 0 0.25rem;
  font-size: 0.75em;
  line-height: 1.2;
  color: #868e96;
}
.form-error-intro {
  background: #f03e3e;
  color: #fff;
  font-size: 0.9em;
  border-radius: 0.25em;
  padding: 1em;
}
.form-error-inline {
  display: block;
  padding: 0.25rem;
  font-size: 0.8em;
  font-weight: bold;
  color: #f03e3e;
}
fieldset.high-level legend {
  display: block;
  width: 100%;
  color: #f06444;
  text-align: center;
  font-weight: bold;
  margin: 0 auto;
}
fieldset.high-level:not(:first-child) {
  margin-top: 2em;
}
fieldset.high-level:not(:first-child) legend {
  padding-top: 2em;
  border-top: 1px solid rgba(0,0,0,0.1);
}
body.help {
  padding: 0;
}
body.help nav.user-context {
  background: #6a2041;
  color: rgba(255,255,255,0.6);
  padding: 1rem 2rem;
  font-size: 0.85em;
  text-align: right;
}
body.help nav.user-context a.link-plain {
  color: currentColor;
  text-decoration: none;
  border-bottom: 1px dotted currentColor;
}
body.help .hero {
  color: #495057;
}
body.help .content-wrap {
  max-width: 1000px;
  margin: 0 auto;
}
body.help .help-category-header {
  color: #7e264d;
  font-size: 1.2em;
  font-weight: bold;
  padding: 1rem;
}
body.help .help-article-link {
  display: block;
  padding: 1rem;
  color: currentColor;
  text-decoration: none;
  border-top: 1px solid rgba(0,0,0,0.1);
}
body.help .help-article-link p {
  font-size: 0.85em;
  color: #868e96;
}
body.help .help-article-link:hover {
  background: rgba(114,195,252,0.05);
}
body.help .help-article-link h3:before {
  display: inline-block;
  font: normal normal normal 14px/1 'Nucleo Mini';
  font-size: inherit;
  speak: none;
  text-transform: none;
/* Better Font Rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9em;
  margin-right: 0.3em;
  color: #868e96;
  content: '\ed49';
}
body.help .help-bc {
  font-size: 0.9em;
  padding: 0.5rem 0;
  color: #868e96;
  border-bottom: 1px solid rgba(0,0,0,0.1);
  margin-bottom: 1rem;
}
body.help .help-bc a {
  display: inline-block;
  padding: 0;
  color: #686f77;
  text-decoration: none;
}
body.help .help-bc a:not(.help-bc-home) {
  border-bottom: 1px dotted currentColor;
}
body.help .help-article {
  margin-top: 1rem;
}
body.help .help-article header {
  background: #fff;
  padding: 1rem;
  border-bottom: 1px solid rgba(0,0,0,0.1);
}
body.help .help-article article {
  padding: 2rem 0;
  background: #fff;
}
body.help .help-article article .section {
  padding: 0 1rem;
}
body.help .help-article h1 {
  font-size: 1.8em;
}
body.help .help-article h2 {
  text-align: left;
  font-size: 1.6em;
}
body.help .help-article h3 {
  font-size: 1.2em;
  color: #7e264d;
}
.language-toggle {
  display: inline-block;
  position: relative;
  text-align: left;
}
.language-toggle .language-toggle-selector {
  background: #fff url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHBvbHlnb24gY2xhc3M9ImNscy0yIiBwb2ludHM9IjEuNDEgNC42NyAyLjQ4IDMuMTggMy41NCA0LjY3IDEuNDEgNC42NyIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIzLjU0IDUuMzMgMi40OCA2LjgyIDEuNDEgNS4zMyAzLjU0IDUuMzMiLz48L3N2Zz4=") no-repeat 95% 50%;
  padding: 0.75em;
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 0.25em;
  color: #495057;
  text-decoration: none;
  box-shadow: rgba(0,0,0,0.05) 1px 1px 2px;
}
.language-toggle .language-toggle-selector span {
  display: inline-block;
  min-width: 12em;
  margin-left: 0.5em;
}
.language-toggle .language-toggle-selector svg {
  font-size: 1rem;
  vertical-align: middle;
}
.language-toggle .language-toggle-selector .svg-bg {
  fill: #868e96;
}
.language-toggle .language-toggle-selector .svg-letter {
  fill: #fff;
}
.language-toggle .language-toggle-selector .svg-fg {
  stroke: #fff;
}
.language-toggle ul {
  display: none;
  list-style: none;
  margin: calc(0.5em + 1px) 0 1em 0;
  padding: 0;
  position: absolute;
  z-index: 99;
  background: rgba(255,255,255,0.95);
  width: 100%;
  border: 1px solid rgba(0,0,0,0.2);
  border-bottom-left-radius: 0.25em;
  border-bottom-right-radius: 0.25em;
  box-shadow: rgba(0,0,0,0.05) 1px 1px 1px;
}
.language-toggle ul a {
  cursor: pointer;
  display: block;
  color: #495057;
  padding: 0.75em 1em;
  text-decoration: none;
}
.language-toggle ul a:hover {
  background-color: #7e264d;
  color: #fff;
}
.language-toggle ul .language-picker-close a {
  text-align: right;
  background: #f8f9fa;
  color: #868e96;
  border-top: 1px solid rgba(0,0,0,0.1);
  border-bottom-left-radius: 0.25em;
  border-bottom-right-radius: 0.25em;
  padding: 0.25em 1em;
}
.language-toggle ul .language-picker-close a span {
  font-size: 0.9em;
}
.language-toggle ul .language-picker-close a:hover {
  color: #212529;
}
.language-toggle ul li.active a span::before {
  content: '✔ ';
}
.language-toggle:hover .language-toggle-selector {
  border-color: rgba(0,0,0,0.2);
  box-shadow: none;
}
.language-toggle:hover ul {
  display: block;
}
.language-toggle:hover ul .language-picker-close {
  display: none;
}
.language-toggle ul:target {
  display: block;
}
.language-toggle ul:target .language-picker-close {
  display: block;
}
.language-toggle:target ul,
.language-toggle:target ul:target {
  display: none;
}
.account-selection a {
  display: block;
  text-decoration: none;
  color: currentColor;
  padding: 0.5em 1em;
}
.account-selection a h4 {
  font-weight: 700;
}
.account-selection a:hover {
  color: #7e264d;
}
.icard-backlink {
  color: #f06444;
  position: absolute;
  margin-top: 0.25em;
  left: 2rem;
}
.icard-backlink:hover {
  color: #7e264d;
}
.clp.page-notification-wrapper {
  padding: 1em;
  background: #e1ebed;
  border-bottom: 1px solid #dee2e6;
  overflow: hidden;
  height: auto;
  transition: height 0.2s ease-in;
  color: #495057;
}
.clp.page-notification-wrapper .page-notification {
  display: flex;
  justify-items: start;
  background: #fff;
  border-left: 3px solid transparent;
  border-radius: 0.25em;
  box-shadow: 0 2px 3px rgba(205,215,217,0.5);
}
.clp.page-notification-wrapper .page-notification.page-notification--status-completed,
.clp.page-notification-wrapper .page-notification.page-notification--status-success {
  border-left-color: #37b24d;
}
.clp.page-notification-wrapper .page-notification.page-notification--status-failed,
.clp.page-notification-wrapper .page-notification.page-notification--status-error {
  border-left-color: #e03131;
}
.clp.page-notification-wrapper .page-notification.page-notification--status-notify {
  border-left-color: #37b24d;
}
.clp.page-notification-wrapper .page-notification.page-notification--status-info {
  border-left-color: #22b8cf;
}
.clp.page-notification-wrapper .page-notification.page-notification--status-warning {
  border-left-color: #fcc419;
}
.clp.page-notification-wrapper .form-errors__all {
  padding-top: 1em;
}
.clp.page-notification-wrapper .form-errors__fields {
  padding-top: 1em;
}
.clp.page-notification-wrapper .form-errors a.form-errors__field {
  color: currentColor;
  font-weight: bold;
  text-decoration-color: transparent;
  transition: text-decoration-color 200ms;
}
.clp.page-notification-wrapper .form-errors a.form-errors__field:hover {
  color: #e03131;
  text-decoration: underline;
  text-decoration-color: #ffa3a3;
  text-decoration-thickness: 0.2em;
}
.page-notification__icon {
  padding: 1.2em 0 1em 1em;
  line-height: 1;
}
.page-notification__content {
  flex: 1;
  padding: 1em 1em 1em 0.75em;
}
.page-notification__progress {
  display: flex;
  align-content: end;
  justify-items: center;
}
.page-notification__progress .progress-wrapper {
  flex: 1;
  padding-inline-start: 1em;
}
.page-notification__progress progress {
  width: 100%;
}
.page-notification__header {
  font-size: 1.2em;
  font-weight: bold;
}
.page-notification__notify {
  padding-block: 1em 0;
}
.page-notification__notify > span {
  display: inline-block;
  color: #868e96;
  padding-inline-start: 0.5em;
}
.page-notification__fallback {
  display: inline-block;
  color: #868e96;
}
.page-notification__fallback a {
  color: #868e96;
}
.sso-multi img {
  display: block;
}
.sso-multi .account-selection {
  padding: 1em 1.5em;
}
.sso-multi #iam-title {
  border-radius: 5px 5px 0 0;
  color: #e4f6f2;
  background-color: #7e264d;
}
.sso-multi #iam-sub-title {
  color: #f06444;
  margin-bottom: 10px;
  font-size: 1.2em;
  font-weight: bold;
  text-align: left;
}
.sso-multi #iam-link {
  border-radius: 5px;
  color: #7e264d;
  background-color: #f2f6f7;
}
.sso-multi #iam-link:hover {
  background-color: rgba(242,246,247,0.667);
}
.sso-multi #iam-link .iam-label {
  color: rgba(0,89,108,0.8);
  text-transform: uppercase;
  font-size: 12px;
}
.sso-multi #iam-link .flexgrid-td {
  padding: 0.5em 0;
}

