/*! CIBG Huisstijl 3.22.0 */
.back-office .btn-group .btn.active {
  background-color: #d9ebf7;
}
.back-office .editor-container .edit-area {
  background-color: #fff;
  border: 1px solid #000;
  border-top: 0;
  font-family: "Verdana", sans-serif;
  font-size: 0.825rem;
  height: auto;
  min-height: 200px;
  padding: 1.25rem 1rem 0.75rem 1rem;
}
.back-office .editor-container .edit-area:active, .back-office .editor-container .edit-area:focus-visible {
  outline: 2px dotted #000;
  outline-offset: -2px;
}
.back-office .editor-container .edit-area h2, .back-office .editor-container .edit-area h3, .back-office .editor-container .edit-area h4 {
  color: #000;
  font-size: 0.825rem;
  font-weight: bold;
  line-height: 1.25rem;
  margin-bottom: 0;
  padding-bottom: 0;
}
.back-office .btn-toolbar {
  background-color: #fff;
  border: 1px solid #000;
  border-bottom: 1px solid #e2e8f0;
  border-bottom: 0;
  box-shadow: 0 2px 2px -2px rgba(34, 47, 62, 0.1), 0 8px 8px -4px rgba(34, 47, 62, 0.07);
  display: flex;
  flex-wrap: wrap;
  padding: 7px 0;
  position: relative;
  z-index: 2;
}
.back-office .btn-toolbar .btn-group {
  border-right: 1px solid #e2e8f0;
  display: flex;
  padding: 0 6px;
}
.back-office .btn-toolbar .btn-group [aria-disabled=true] {
  opacity: 0.5;
}
.back-office .btn-toolbar .btn-group:last-child {
  border-right: none;
}
.back-office .btn-toolbar .btn-group .btn {
  background-color: #fff;
  border: 0;
  color: #000;
  min-width: 30px;
  padding: 2px 8px;
}
.back-office .btn-toolbar .btn-group .btn.active {
  background-color: #d9ebf7;
}
.back-office .btn-toolbar .btn-group .btn.disabled {
  cursor: not-allowed;
}
.back-office .btn-toolbar .btn-group .btn:hover {
  background: #f1f5f9;
}
.back-office .btn-toolbar .btn-group .btn:active, .back-office .btn-toolbar .btn-group .btn:focus-visible {
  outline: 2px dotted #000;
  outline-offset: -2px;
}
.back-office .editor-icon {
  background-size: contain;
  display: inline-block;
  height: 1.25em;
  vertical-align: middle;
  width: 1.25em;
}
.back-office .editor-icon--indent {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M96 128C96 110.3 110.3 96 128 96L512 96C529.7 96 544 110.3 544 128C544 145.7 529.7 160 512 160L128 160C110.3 160 96 145.7 96 128zM288 256C288 238.3 302.3 224 320 224L512 224C529.7 224 544 238.3 544 256C544 273.7 529.7 288 512 288L320 288C302.3 288 288 273.7 288 256zM320 352L512 352C529.7 352 544 366.3 544 384C544 401.7 529.7 416 512 416L320 416C302.3 416 288 401.7 288 384C288 366.3 302.3 352 320 352zM96 512C96 494.3 110.3 480 128 480L512 480C529.7 480 544 494.3 544 512C544 529.7 529.7 544 512 544L128 544C110.3 544 96 529.7 96 512zM223.8 332.6L121.8 411.9C111.3 420.1 96 412.6 96 399.3L96 240.7C96 227.4 111.3 219.9 121.8 228.1L223.7 307.4C231.9 313.8 231.9 326.3 223.7 332.7z"/></svg>') no-repeat center center;
}
.back-office .editor-icon--remove-style {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M73 39.1C63.6 29.7 48.4 29.7 39.1 39.1C29.8 48.5 29.7 63.7 39 73.1L567 601.1C576.4 610.5 591.6 610.5 600.9 601.1C610.2 591.7 610.3 576.5 600.9 567.2L354.7 320.9L400.2 160L503 160L497 184.2C492.7 201.3 503.1 218.7 520.3 223C537.5 227.3 554.8 216.9 559.1 199.7L570.1 155.6C577.6 125.3 554.7 96 523.5 96L204.5 96C184.7 96 167.2 108.1 160 126.1L73 39.1zM212.4 178.5L217 160L333.7 160L302.9 269L212.4 178.5zM273 374.8L243.3 480L192 480C174.3 480 160 494.3 160 512C160 529.7 174.3 544 192 544L352 544C369.7 544 384 529.7 384 512C384 494.3 369.7 480 352 480L309.8 480L324.9 426.7L273 374.8z"/></svg>') no-repeat center center;
}
.back-office .editor-icon--ul {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M112 208C138.5 208 160 186.5 160 160C160 133.5 138.5 112 112 112C85.5 112 64 133.5 64 160C64 186.5 85.5 208 112 208zM256 128C238.3 128 224 142.3 224 160C224 177.7 238.3 192 256 192L544 192C561.7 192 576 177.7 576 160C576 142.3 561.7 128 544 128L256 128zM256 288C238.3 288 224 302.3 224 320C224 337.7 238.3 352 256 352L544 352C561.7 352 576 337.7 576 320C576 302.3 561.7 288 544 288L256 288zM256 448C238.3 448 224 462.3 224 480C224 497.7 238.3 512 256 512L544 512C561.7 512 576 497.7 576 480C576 462.3 561.7 448 544 448L256 448zM112 528C138.5 528 160 506.5 160 480C160 453.5 138.5 432 112 432C85.5 432 64 453.5 64 480C64 506.5 85.5 528 112 528zM160 320C160 293.5 138.5 272 112 272C85.5 272 64 293.5 64 320C64 346.5 85.5 368 112 368C138.5 368 160 346.5 160 320z"/></svg>') no-repeat center center;
}
.back-office .editor-icon--ol {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M64 136C64 122.8 74.7 112 88 112L136 112C149.3 112 160 122.7 160 136L160 240L184 240C197.3 240 208 250.7 208 264C208 277.3 197.3 288 184 288L88 288C74.7 288 64 277.3 64 264C64 250.7 74.7 240 88 240L112 240L112 160L88 160C74.7 160 64 149.3 64 136zM94.4 365.2C105.8 356.6 119.7 352 134 352L138.9 352C172.6 352 200 379.4 200 413.1C200 432.7 190.6 451 174.8 462.5L150.8 480L184 480C197.3 480 208 490.7 208 504C208 517.3 197.3 528 184 528L93.3 528C77.1 528 64 514.9 64 498.7C64 489.3 68.5 480.5 76.1 475L146.6 423.7C150 421.2 152 417.3 152 413.1C152 405.9 146.1 400 138.9 400L134 400C130.1 400 126.3 401.3 123.2 403.6L102.4 419.2C91.8 427.2 76.8 425 68.8 414.4C60.8 403.8 63 388.8 73.6 380.8L94.4 365.2zM288 128L544 128C561.7 128 576 142.3 576 160C576 177.7 561.7 192 544 192L288 192C270.3 192 256 177.7 256 160C256 142.3 270.3 128 288 128zM288 288L544 288C561.7 288 576 302.3 576 320C576 337.7 561.7 352 544 352L288 352C270.3 352 256 337.7 256 320C256 302.3 270.3 288 288 288zM288 448L544 448C561.7 448 576 462.3 576 480C576 497.7 561.7 512 544 512L288 512C270.3 512 256 497.7 256 480C256 462.3 270.3 448 288 448z"/></svg>') no-repeat center center;
}
.back-office .editor-icon--link {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M451.5 160C434.9 160 418.8 164.5 404.7 172.7C388.9 156.7 370.5 143.3 350.2 133.2C378.4 109.2 414.3 96 451.5 96C537.9 96 608 166 608 252.5C608 294 591.5 333.8 562.2 363.1L491.1 434.2C461.8 463.5 422 480 380.5 480C294.1 480 224 410 224 323.5C224 322 224 320.5 224.1 319C224.6 301.3 239.3 287.4 257 287.9C274.7 288.4 288.6 303.1 288.1 320.8C288.1 321.7 288.1 322.6 288.1 323.4C288.1 374.5 329.5 415.9 380.6 415.9C405.1 415.9 428.6 406.2 446 388.8L517.1 317.7C534.4 300.4 544.2 276.8 544.2 252.3C544.2 201.2 502.8 159.8 451.7 159.8zM307.2 237.3C305.3 236.5 303.4 235.4 301.7 234.2C289.1 227.7 274.7 224 259.6 224C235.1 224 211.6 233.7 194.2 251.1L123.1 322.2C105.8 339.5 96 363.1 96 387.6C96 438.7 137.4 480.1 188.5 480.1C205 480.1 221.1 475.7 235.2 467.5C251 483.5 269.4 496.9 289.8 507C261.6 530.9 225.8 544.2 188.5 544.2C102.1 544.2 32 474.2 32 387.7C32 346.2 48.5 306.4 77.8 277.1L148.9 206C178.2 176.7 218 160.2 259.5 160.2C346.1 160.2 416 230.8 416 317.1C416 318.4 416 319.7 416 321C415.6 338.7 400.9 352.6 383.2 352.2C365.5 351.8 351.6 337.1 352 319.4C352 318.6 352 317.9 352 317.1C352 283.4 334 253.8 307.2 237.5z"/></svg>') no-repeat center center;
}
.back-office .editor-icon--square-yellow {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path fill="%23f1c40f" d="M160 96L480 96C515.3 96 544 124.7 544 160L544 480C544 515.3 515.3 544 480 544L160 544C124.7 544 96 515.3 96 480L96 160C96 124.7 124.7 96 160 96z"/></svg>') no-repeat center center;
}
.back-office .editor-icon--square-red {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path fill="%23e03e2d" d="M160 96L480 96C515.3 96 544 124.7 544 160L544 480C544 515.3 515.3 544 480 544L160 544C124.7 544 96 515.3 96 480L96 160C96 124.7 124.7 96 160 96z"/></svg>') no-repeat center center;
}
.back-office .editor-icon--square-green {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path fill="%236AA549" d="M160 96L480 96C515.3 96 544 124.7 544 160L544 480C544 515.3 515.3 544 480 544L160 544C124.7 544 96 515.3 96 480L96 160C96 124.7 124.7 96 160 96z"/></svg>') no-repeat center center;
}
.back-office .editor-icon--square-blue {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path fill="%23409CD5" d="M160 96L480 96C515.3 96 544 124.7 544 160L544 480C544 515.3 515.3 544 480 544L160 544C124.7 544 96 515.3 96 480L96 160C96 124.7 124.7 96 160 96z"/></svg>') no-repeat center center;
}
.back-office .editor-icon--undo {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M88 256L232 256C241.7 256 250.5 250.2 254.2 241.2C257.9 232.2 255.9 221.9 249 215L202.3 168.3C277.6 109.7 386.6 115 455.8 184.2C530.8 259.2 530.8 380.7 455.8 455.7C380.8 530.7 259.3 530.7 184.3 455.7C174.1 445.5 165.3 434.4 157.9 422.7C148.4 407.8 128.6 403.4 113.7 412.9C98.8 422.4 94.4 442.2 103.9 457.1C113.7 472.7 125.4 487.5 139 501C239 601 401 601 501 501C601 401 601 239 501 139C406.8 44.7 257.3 39.3 156.7 122.8L105 71C98.1 64.2 87.8 62.1 78.8 65.8C69.8 69.5 64 78.3 64 88L64 232C64 245.3 74.7 256 88 256z"/></svg>') no-repeat center center;
}
.back-office .editor-icon--redo {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M552 256L408 256C398.3 256 389.5 250.2 385.8 241.2C382.1 232.2 384.1 221.9 391 215L437.7 168.3C362.4 109.7 253.4 115 184.2 184.2C109.2 259.2 109.2 380.7 184.2 455.7C259.2 530.7 380.7 530.7 455.7 455.7C463.9 447.5 471.2 438.8 477.6 429.6C487.7 415.1 507.7 411.6 522.2 421.7C536.7 431.8 540.2 451.8 530.1 466.3C521.6 478.5 511.9 490.1 501 501C401 601 238.9 601 139 501C39.1 401 39 239 139 139C233.3 44.7 382.7 39.4 483.3 122.8L535 71C541.9 64.1 552.2 62.1 561.2 65.8C570.2 69.5 576 78.3 576 88L576 232C576 245.3 565.3 256 552 256z"/></svg>') no-repeat center center;
}
.back-office .editor-icon--outdent {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M96.4 128C96.4 110.3 110.7 96 128.4 96L512.4 96C530.1 96 544.4 110.3 544.4 128C544.4 145.7 530.1 160 512.4 160L128.4 160C110.8 160 96.4 145.7 96.4 128zM288.4 256C288.4 238.3 302.7 224 320.4 224L512.4 224C530.1 224 544.4 238.3 544.4 256C544.4 273.7 530.1 288 512.4 288L320.4 288C302.7 288 288.4 273.7 288.4 256zM320.4 352L512.4 352C530.1 352 544.4 366.3 544.4 384C544.4 401.7 530.1 416 512.4 416L320.4 416C302.7 416 288.4 401.7 288.4 384C288.4 366.3 302.7 352 320.4 352zM96.4 512C96.4 494.3 110.7 480 128.4 480L512.4 480C530.1 480 544.4 494.3 544.4 512C544.4 529.7 530.1 544 512.4 544L128.4 544C110.7 544 96.4 529.7 96.4 512zM96.7 332.6C88.5 326.2 88.5 313.7 96.7 307.3L198.6 228C209.1 219.8 224.4 227.3 224.4 240.6L224.4 399.2C224.4 412.5 209.1 420 198.6 411.8L96.7 332.6z"/></svg>') no-repeat center center;
}
.back-office .editor-icon--chevron-down {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M8.7 2.2c.3-.3.8-.3 1 0 .4.4.4.9 0 1.2L5.7 7.8c-.3.3-.9.3-1.2 0L.2 3.4a.8.8 0 0 1 0-1.2c.3-.3.8-.3 1.1 0L5 6l3.7-3.8Z"/></svg>') no-repeat center center;
}
.back-office .editor-select {
  background: #f1f5f9;
  border: 0;
  border-radius: 2px;
  border-right: 5px solid #f1f5f9;
  font-size: 1rem;
  padding: 6px 4px 6px 6px;
  width: 5.5em;
}
.back-office .editor-select:active, .back-office .editor-select:focus-visible {
  outline: 2px dotted #000;
  outline-offset: -2px;
}
.back-office .editor-select--h2, .back-office .editor-select--h3, .back-office .editor-select--h4 {
  font-weight: bold;
}
.back-office .editor-select--h2 {
  font-size: 1.25rem;
}
.back-office .editor-select--h3 {
  font-size: 1.125rem;
}
.back-office .editor-select--h4 {
  font-size: 1rem;
}
.back-office .menu-color-picker {
  background-color: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  margin-top: -2px;
  max-height: 323px;
  overflow: hidden auto;
  position: absolute;
  z-index: 2;
}
.back-office .menu-color-picker__color-list {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 4px;
  padding: 8px;
}
.back-office .menu-color-picker__color-btn {
  border-radius: 4px;
  cursor: pointer;
  height: 24px;
  width: 24px;
}
.back-office .btn--split-button {
  padding: 0.425rem 0.25rem;
  user-select: none;
}
.back-office .btn--split-button:hover {
  background: #f1f5f9;
}
.back-office .btn--split-button:active, .back-office .btn--split-button:focus-visible {
  outline: 2px dotted #000;
  outline-offset: -2px;
}

@media (min-width: 1200px) {
  body.back-office .container,
  html.back-office .container {
    max-width: 1860px;
    padding: 0 1.5rem;
  }
}

.back-office .form-horizontal .form-group {
  margin-bottom: 0.75rem;
}
.back-office .form-horizontal .form-group .col-control {
  padding-right: 1em;
}
.back-office .form-horizontal .form-group.last {
  margin-bottom: 0;
}
.back-office .form-horizontal .form-group .form-control {
  height: 2rem;
}
.back-office .form-horizontal .form-group .help {
  height: 2rem;
  width: 2rem;
}
.back-office .form-horizontal .form-group .help.open::before {
  font-size: 0.9rem;
  line-height: 2rem;
}
.back-office .form-horizontal .form-group .help.close::before {
  font-size: 0.85rem;
  line-height: 2rem;
}
.back-office .form-horizontal .form-group .form-check.styled {
  margin-bottom: 0;
  padding-left: 1.575rem;
}
.back-office .form-horizontal .form-group .form-check.styled input + label {
  margin-bottom: 0.25rem;
}
.back-office .form-horizontal .form-group .form-check.styled input[type=checkbox] + label {
  line-height: 1.5rem;
}
.back-office .form-horizontal .form-group .form-check.styled input[type=checkbox] + label::before {
  height: 1.1rem;
  top: 5px;
  width: 1.1rem;
}
.back-office .form-horizontal .form-group .form-check.styled input[type=checkbox] + label::after {
  height: 5px;
  left: 4px;
  top: 10px;
  width: 10px;
}
.back-office .form-horizontal .form-group .form-check.styled input[type=radio] + label {
  line-height: 1.5rem;
}
.back-office .form-horizontal--has-help .form-group .col-control {
  padding-right: 70px;
}
.back-office .form-horizontal--has-help .form-group .col-control.loader-right .loader {
  top: -2px;
}
.back-office .form-horizontal--has-help .period-input_field .form-group .col-control {
  padding-right: 1rem;
}
.back-office .form-horizontal.table-form fieldset {
  background: none;
  margin-bottom: 0;
  padding: 0;
}
.back-office .form-horizontal.table-form h2 {
  display: block;
}
.back-office .form-horizontal .filter-bar {
  padding-bottom: 0;
}
.back-office .form-horizontal .filter-bar .col-control {
  flex: 0 0 100%;
  max-width: 100%;
}
.back-office .form-horizontal .filter-bar .col-form-label {
  color: #617286;
  flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 992px) {
  .back-office .form-horizontal .filter-bar {
    padding: 0.375rem 0.75rem 1rem;
  }
  .back-office .form-horizontal .filter-bar .form-group {
    margin-bottom: 0;
  }
  .back-office .form-horizontal .filter-bar .col-control {
    padding-right: 0.1rem;
  }
  .back-office .form-horizontal .filter-bar__buttons .btn {
    border-radius: 1px;
    padding: 0.1375rem 0.75rem;
  }
  .back-office .form-horizontal .filter-bar__buttons .btn.btn-loader {
    padding-right: 40px;
  }
  .back-office .form-horizontal .filter-bar__buttons .btn.btn-loader:after {
    top: 14px;
  }
}
.back-office .feedback-cta {
  background-color: #f1f5f9;
  border-radius: 1px;
}
.back-office .feedback-cta .icon {
  background: url("../../icons/information-symbol.svg") center center no-repeat #617286;
  background-size: 11px;
}
.back-office .data-block .modified {
  background-color: #fff4dc;
  border-radius: 4px;
  font-weight: bold;
  padding: 5px;
}
.back-office .data-block .modified::after {
  content: " *";
}
@media (max-width: 575.98px) {
  .back-office table.multi-axis tbody tr td {
    background-color: #f1f5f9;
    border-bottom: 0;
  }
  .back-office table.multi-axis tbody tr td::before {
    border-left: 0;
    color: #475569;
    font-weight: normal;
  }
  .back-office table.multi-axis th {
    background-color: #e2e8f0;
    border: 0;
    border-bottom: 2px solid #fff;
    border-top: 2px solid #fff;
  }
}
.back-office table {
  margin-bottom: 1em;
}
.back-office table .status::before {
  border-radius: 2px;
  display: inline-block;
  font-family: "CIBG Icons", serif;
  font-size: 13px;
  height: 20px;
  line-height: 20px;
  margin: -3px 5px 0 0;
  padding-left: 4px;
  speak: none;
  vertical-align: middle;
  width: 20px;
}
.back-office table .status.failed {
  color: #d52b1e;
}
.back-office table .status.failed::before {
  background-color: #d52b1e;
  color: #fff;
  content: "\ea35"/"";
}
.back-office table .status.warning {
  color: #000;
}
.back-office table .status.warning::before {
  background-color: #ffb612;
  color: #000;
  content: "\ea35"/"";
}
.back-office table .status.success {
  color: #176e1b;
}
.back-office table .status.success::before {
  background-color: #39870c;
  color: #fff;
  content: "\ea34"/"";
}
.back-office .table--form-grid .form-group {
  margin-bottom: 0;
}
.back-office .table--form-grid .col-control {
  flex: 0 0 100%;
  max-width: 100%;
}
.back-office .btn-approve::before, .back-office .btn-approve::after, .back-office .btn-reject::before, .back-office .btn-reject::after, .back-office .btn-next::before, .back-office .btn-next::after, .back-office .btn-previous::before, .back-office .btn-previous::after, .back-office .btn-icon::before, .back-office .btn-icon::after {
  display: inline-block;
  font-family: "CIBG Icons", serif;
  font-size: 0.8em;
  font-weight: normal;
  line-height: 10px;
  margin: -3px 5px 0 0;
  speak: none;
  vertical-align: middle;
}
.back-office .btn-approve:focus, .back-office .btn-reject:focus, .back-office .btn-next:focus, .back-office .btn-previous:focus, .back-office .btn-icon:focus {
  box-shadow: 0 0 0 2px #fff;
  outline: 2px dotted #000;
  outline-offset: 1px;
  transition: all 0.2s linear;
}
.back-office .btn-approve {
  background-color: #39870c;
  color: #fff;
}
.back-office .btn-approve::before {
  content: "\ea34"/"";
}
.back-office .btn-reject {
  background-color: #d52b1e;
  color: #fff;
}
.back-office .btn-reject::before {
  content: "\ea18"/"";
}
.back-office .btn-next::after {
  content: "\ea09"/"";
  margin: -2px -2px 0 4px;
}
.back-office .btn-previous::before {
  content: "\ea06"/"";
  margin: -3px 4px 0 -2px;
}
.back-office .btn.btn-icon {
  vertical-align: top;
}
.back-office .btn.btn-icon::before {
  font-family: "CIBG Icons", sans-serif;
  font-size: 1em;
  vertical-align: middle;
}
.back-office .btn.btn-icon.verwijderen.btn-link {
  color: #d52b1e;
}
.back-office .btn.btn-icon.verwijderen::before {
  content: "\ea20"/"";
}
.back-office .btn.btn-icon.bewerken::before {
  content: "\ea31"/"";
  font-size: 1.1em;
}
.back-office .icon-add::before {
  content: "\ea15"/"";
  font-size: 1em;
  margin: -3px 4px 0 -2px;
}
.back-office .notes {
  background-color: #f1f5f9;
  padding: 0.5em 0.75em;
}
.back-office .notes .note-item {
  margin-bottom: 1em;
}
.back-office .notes .note-item h2, .back-office .notes .note-item h3, .back-office .notes .note-item h4, .back-office .notes .note-item h5 {
  font-size: 1em;
  font-weight: bold;
  line-height: 2em;
}
.back-office .notes .note-item .title {
  font-weight: 700;
  line-height: 2em;
}
.back-office .notes .note-item .title .separator {
  color: #617286;
  display: inline-block;
  line-height: 1em;
  margin: 0 0.15em;
}
.back-office .notes .note-item .remove {
  display: inline-block;
  padding-top: 2px;
  text-decoration: none;
}
.back-office .notes .note-item .remove.icon {
  color: #d52b1e;
  font-size: 0.9em;
}
.back-office .notes .note-item .sub-title {
  color: #617286;
  font-size: 0.9em;
}
.back-office .notes .note-item .description {
  background-color: #fff;
  margin-bottom: 0.25em;
  padding: 0.5em 0.75em;
  white-space: pre-line;
}
.back-office .input-counter {
  font-size: 0.9em;
  text-align: right;
}
.back-office .tag {
  border-radius: 0.25em;
  font-size: 0.9em;
  margin-left: 2px;
  padding: 0.2em 0.4em;
}
.back-office .tag.grey {
  background-color: #617286;
  color: #fff;
}
.back-office .tag.white {
  background-color: #fff;
  border: 1px solid #617286;
  color: #000;
}
.back-office .feedback.compact, .back-office .feedback--compact {
  border-radius: 3px;
  display: flex;
  line-height: 1.35em;
  margin-bottom: 0.375em;
  padding: 0.5rem 0.5rem 0.425rem 2.375rem;
}
.back-office .feedback.compact .icon, .back-office .feedback--compact .icon {
  height: 1rem;
  left: 0.65rem;
  margin: 0 0.3em 0 0;
  min-width: 21px;
  top: 0.575rem;
  width: 1rem;
}
.back-office .feedback.compact p, .back-office .feedback--compact p {
  line-height: inherit;
  margin-bottom: 0;
}
.back-office .dropdown-menu[role=listbox] {
  right: calc(17px + 1em);
}
.back-office .page-summary {
  background-color: #f1f5f9;
  border-left: 8px solid #0E7C77;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  padding: 0.75em 0.75em 0.25em 1em;
}
@media (min-width: 768px) {
  .back-office .page-summary {
    flex-direction: row;
  }
}
.back-office .page-summary__item {
  padding-right: 3em;
}
.back-office .page-summary__item-term {
  color: #475569;
  font-size: 0.9em;
  font-weight: bold;
}
.back-office .dropdown li a {
  text-decoration: none;
}
.back-office .dropdown li:before {
  display: none;
}
.back-office .dropdown-item:focus {
  box-shadow: 0 0 0 2px #fff;
  outline: 2px dotted #000;
  outline-offset: 1px;
  transition: all 0.2s linear;
}
.back-office--hide-logo header .visually-hidden-focusable {
  background-color: #fff;
  color: var(--ro-brand-primary);
  z-index: 1000;
}
.back-office--hide-logo header .logo {
  display: none;
}
.back-office--hide-logo header .title a,
.back-office--hide-logo header .title span {
  font-size: 1.425rem;
}
.back-office .modal-content {
  animation-name: unset;
}
.back-office .doc-visibility::before {
  color: #475569;
  display: inline-block;
  font-family: "CIBG Icons", serif;
  font-size: 1.325rem;
  line-height: 10px;
  margin-right: -0.25rem;
  vertical-align: middle;
}
.back-office .doc-visibility--invisible::before {
  content: "\ea46"/"";
}
.back-office .doc-visibility--visible::before {
  content: "\ea47"/"";
}
.back-office .doc-direction {
  white-space: nowrap;
}
.back-office .doc-direction::before {
  display: inline-block;
  font-family: "CIBG Icons", serif;
  font-size: 0.925rem;
  font-weight: 400;
  line-height: 1rem;
  margin: -2px 0.325rem 0 -2px;
  vertical-align: middle;
}
.back-office .doc-direction--in::before {
  color: #0E7C77;
  content: "\ea13"/"";
}
.back-office .doc-direction--out::before {
  color: var(--ro-brand-contrast);
  content: "\ea12"/"";
}
.back-office .doc-direction--internal:before {
  color: #475569;
  content: "\ea4a"/"";
  font-size: 1.325rem;
  margin: -2px 2px 0 -5px;
}
.back-office main > :last-child {
  margin-bottom: 0;
}
.back-office .preview-docs {
  border: 1px solid #e2e8f0;
  border-radius: 3px;
  height: 75vh;
  width: 100%;
}
.back-office .document-placeholder {
  align-items: center;
  background-color: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 3px;
  color: #617286;
  display: flex;
  height: 40vh;
  justify-content: center;
  padding: 1rem;
}
.back-office form:not(.form-horizontal--has-help) .col-control.loader-right .loader {
  margin: 0.5rem;
  opacity: 1;
  position: absolute;
  right: 1rem;
  top: -2px;
}
.back-office form:not(.form-horizontal--has-help) .col-control.loader-right select ~ .loader {
  right: 2.25rem;
}

@media (min-width: 992px) {
  .sticky-tabs {
    bottom: 0.75rem;
    overflow-y: hidden;
    padding: 0;
    position: sticky;
    top: 0.75rem;
  }
  .sticky-tabs .tab-content.scrollable {
    max-height: 90vh;
    overflow-y: scroll;
    padding: 1rem;
  }
  .sticky-tabs .tab-content.scrollable .tab-pane {
    padding: 0;
  }
  .sticky-tabs .tab-content.scrollable .tab-pane::after {
    background: linear-gradient(to bottom, transparent, #fff 85%);
    bottom: 1px;
    content: " ";
    height: 3.5rem;
    left: 1px;
    position: absolute;
    right: 1rem;
    z-index: 1;
  }
  .tox.tox-tinymce {
    border: 1px solid #475569;
    border-bottom: 1px solid #000;
    border-radius: 0;
  }
  .tox.tox-tinymce.active {
    outline: 2px dotted #000;
    outline-offset: 2px;
  }
  .tox.tox-tinymce .tox-edit-area::before {
    border: none;
  }
}