@charset "UTF-8";
/* SIDE MENU */
/* Keep rem units */
/* --------------------------------------------------------------------
TRUSTED INTERACTIONS
Main style-sheet
Le Studio Worldline, 2020
-------------------------------------------------------------------- */
/* INDEX:
- IMPORTS
- RESET
- DATA BLOCKS
- SPECIFICS
*/
/* ------------------------------ IMPORTS -------------------------- */
.search-document-form {
  width: 100%;
}
.search-document-form .search-document-bar {
  margin-top: 20px;
  margin-bottom: 10px;
}

.search-document-popup .search-input-global-component button {
  right: 42px;
  padding: 0;
  border: 0;
}
.search-document-popup .search-document-no-results {
  margin: 30px 10px 0 10px;
}
.search-document-popup .search-document-results {
  margin: 30px 10px 0 10px;
}
.search-document-popup .search-document-results .search-document-line {
  display: flex;
  border-bottom: 1px solid #DDE3E8;
  margin: 15px 0 15px 0;
  padding-bottom: 10px;
}
.search-document-popup .search-document-results .search-document-line .search-document-line-icon {
  margin: 0 20px 0 10px;
}
.search-document-popup .search-document-results .search-document-line .search-document-line-body {
  flex-grow: 1;
}
.search-document-popup .search-document-results .search-document-line .search-document-line-body .search-document-line-label {
  font-weight: bold;
  margin-bottom: 15px;
}

/* ON/OFF BUTTONS / CHECKBOXES */
.on-off {
  position: relative;
  overflow: hidden;
  display: flex;
  align-content: center;
  max-width: 45em;
}

.on-off label {
  display: inline-block;
  font-family: Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  line-height: 3em;
  margin: 0 1rem 0 40px;
  cursor: pointer;
}

.on-off input {
  position: relative;
  top: -500px;
  left: 20px;
  z-index: 1;
}

.on-off label::before {
  display: block;
  position: absolute;
  width: 50px;
  height: 26px;
  top: 0.6em;
  left: 0;
  content: "";
  background: #DDE3E8;
  border-radius: 1rem;
  z-index: 10;
}

.on-off label::after {
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0.78em;
  left: 2px;
  content: "";
  background: #A3AFB7;
  border-radius: 20px;
  transition: all 1s;
  z-index: 10;
}

.on-off input:checked + label::before {
  background: #DDE3E8;
}

.on-off input:checked + label::after {
  left: 27px;
  background: #0879D1;
}

/* Specifics */
div.go-along.from-to > * {
  margin: 0;
}

div.from-to {
  margin: 1rem 0;
}
div.from-to label {
  display: inline-block;
  width: 4em;
  text-align: left;
  margin-left: 10px;
}
div.from-to label.withPlaceholder {
  width: 13.5em;
  text-align: left;
}
div.from-to div.backup {
  width: 14em;
}
div.from-to div.backup label {
  width: 10em;
}

/* ------- IMAGE GALLERY ------ */
ul.image-gallery {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}

ul.image-gallery li {
  flex-basis: 33.3%;
  flex-basis: 20vw;
  min-width: 200px;
  margin: 0.5rem;
}

ul.image-gallery input[type=image] {
  width: auto;
  height: auto;
  background-color: #FFF;
  padding: 0;
  max-width: 100%;
}

ul.image-gallery input[type=image][aria-checked=true] {
  opacity: 0.5;
}

ul.image-gallery input[type=image]:hover,
ul.image-gallery input[type=image]:focus {
  box-shadow: 0 0 10px #0879D1;
}

/* ----------------- CARDS -------------------- */
.sanitized-value {
  word-wrap: break-word;
}

div.card dd:last-of-type {
  position: absolute;
  width: 10em;
  left: 1rem;
  bottom: 0.8rem;
  font-size: 80%;
  line-height: 1.4;
}

/* Delays */
div.card.due-date-passed {
  border-left-color: #F90;
}

div.card.critical-due-date-passed {
  border-left-color: #F00;
}

/* PERSON CARDS */
div.card.persons {
  padding: 1rem;
}

div.card.persons ul.metadata-list {
  margin: 0 0 1rem 1em;
}

div.card.persons h4 {
  flex-basis: 100%;
  display: flex;
  align-items: center;
  font-size: 1.1em;
  line-height: 1.3;
}
div.card.persons h4 a {
  overflow: hidden;
  text-overflow: ellipsis;
}

div.card.persons .star {
  flex-shrink: 0;
  margin-left: 0.3em;
}

div.card.persons .u-photo img {
  position: static;
}

div.cards .u-photo {
  width: 55px;
  height: 55px;
  margin: 0 1vw 0 -5px;
}

ul.optional-status {
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  bottom: 1rem;
  left: 1rem;
  list-style-type: none;
}

ul.optional-status li + li::before {
  display: inline-block;
  content: "";
  width: 0.4em;
  height: 0.4em;
  background-color: #A3AFB7;
  margin: 0 0.3em 0 0.4em;
  border-radius: 0.4em;
}

/* ----------------- HCARD -------------------- */
div.h-card select {
  max-width: 11em;
  background-position-x: 95%;
}

.u-photo img {
  object-position: center;
  font-family: "object-fit: cover; object-position: center;";
}

/* --- STATUS --- */
.status {
  position: relative;
  font-size: 0.8em;
  text-transform: uppercase;
  background-repeat: no-repeat;
  background-size: 1.3em;
  padding-left: 1.8em;
  z-index: 2;
}

span.status {
  display: inline-block;
}

.status.delay {
  padding-left: 0;
}

.status.due-date-passed {
  color: #F90;
}

.status.critical-due-date-passed {
  color: #F00;
}

.status.in-progress {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Ccircle cx='9' cy='9' r='9' style='fill: %234b6377'/%3E%3Cpath d='M9,2V9H2A7,7,0,1,0,9,2Z' style='fill: %23fff'/%3E%3C/svg%3E");
}

.status.init {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' height='48' viewBox='0 -960 960 960' width='48'%3e%3cpath d='M480-120v-71l216-216 71 71-216 216h-71ZM120-330v-60h300v60H120Zm690-49-71-71 29-29q8-8 21-8t21 8l29 29q8 8 8 21t-8 21l-29 29ZM120-495v-60h470v60H120Zm0-165v-60h470v60H120Z'/%3e%3c/svg%3e");
}

.status.to-process {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M16.2,0H1.8A1.81,1.81,0,0,0,0,1.81V18l3.6-3.6H16.2a1.82,1.82,0,0,0,1.8-1.8V1.81A1.8,1.8,0,0,0,16.2,0ZM7.71,10.81l-3-3,.76-.76,2.2,2.19,5.72-5.63.76.76Z' transform='translate(0 -0.01)' style='fill: %234b6377'/%3E%3C/svg%3E");
}

.status.closed {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M16.2.06H1.8A1.81,1.81,0,0,0,0,1.86v16.2l3.6-3.6H16.2a1.82,1.82,0,0,0,1.8-1.8V1.86A1.8,1.8,0,0,0,16.2.06ZM13.47,10.8l-.9.9L9,8.13,5.43,11.7l-.9-.9L8.1,7.23,4.53,3.66l.9-.9L9,6.33l3.57-3.57.9.9L9.9,7.23Z' transform='translate(0 -0.06)' style='fill: %234b6377'/%3E%3C/svg%3E");
}

.status.opened {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M16.2,0H1.8A1.82,1.82,0,0,0,0,1.83V18l3.6-3.6H16.2a1.81,1.81,0,0,0,1.8-1.8V1.83A1.81,1.81,0,0,0,16.2,0Z' transform='translate(0 -0.03)' style='fill: %234b6377'/%3E%3C/svg%3E");
}

.status.to-acknowledge {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M16.2,0H1.8A1.82,1.82,0,0,0,0,1.83V18l3.6-3.6H16.2a1.81,1.81,0,0,0,1.8-1.8V1.83A1.81,1.81,0,0,0,16.2,0Z' transform='translate(0 -0.03)' style='fill: %234b6377'/%3E%3C/svg%3E");
}

.status.returned {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' height='48' viewBox='0 -960 960 960' width='48'%3e%3cpath d='M280-200v-60h289q70 0 120.5-46.5T740-422q0-69-50.5-115.5T569-584H274l114 114-42 42-186-186 186-186 42 42-114 114h294q95 0 163.5 64T800-422q0 94-68.5 158T568-200H280Z'/%3e%3c/svg%3e");
}

.status.give-up {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' height='48' viewBox='0 -960 960 960' width='48'%3e%3cpath d='M261-120q-24.75 0-42.375-17.625T201-180v-570h-41v-60h188v-30h264v30h188v60h-41v570q0 24-18 42t-42 18H261Zm438-630H261v570h438v-570ZM367-266h60v-399h-60v399Zm166 0h60v-399h-60v399ZM261-750v570-570Z'/%3e%3c/svg%3e");
}

.status.with-theme {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 512 512'%3E%3Cpath d='M507.31 84.69L464 41.37c-6-6-14.14-9.37-22.63-9.37H288V16c0-8.84-7.16-16-16-16h-32c-8.84 0-16 7.16-16 16v16H56c-13.25 0-24 10.75-24 24v80c0 13.25 10.75 24 24 24h385.37c8.49 0 16.62-3.37 22.63-9.37l43.31-43.31c6.25-6.26 6.25-16.38 0-22.63zM224 496c0 8.84 7.16 16 16 16h32c8.84 0 16-7.16 16-16V384h-64v112zm232-272H288v-32h-64v32H70.63c-8.49 0-16.62 3.37-22.63 9.37L4.69 276.69c-6.25 6.25-6.25 16.38 0 22.63L48 342.63c6 6 14.14 9.37 22.63 9.37H456c13.25 0 24-10.75 24-24v-80c0-13.25-10.75-24-24-24z' transform='translate(0 -0.03)' style='fill: %234b6377'%3E%3C/path%3E%3C/svg%3E");
}

.status.moderate {
  text-transform: none;
  background: url("/ti-web-shared/images/to-moderate.svg") 0 0.08em no-repeat;
  background-size: 1.2em;
  display: inline-block;
  height: 2em;
  top: -5px;
  margin-bottom: -15px;
}

.status.high-priority {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  background: url("/ti-web-shared/images/priority.svg") 0 0.2em no-repeat;
}

/* --------------------- CARD NOTIFICATIONS ------------------ */
div.card-notification {
  position: relative;
  line-height: 1.5;
  background-color: #F2F3F4;
  padding: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
  transition: all 0.2s;
}

div.card-notification dl div {
  display: flex;
  flex-flow: column-reverse;
  padding: 0 0 1rem;
}

div.card-notification ul.actions-list {
  justify-content: flex-end;
  align-items: flex-end;
}

div.card-notification dt {
  font-size: 0.7em;
  text-transform: uppercase;
}

div.card-notification dd {
  font-family: Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}

p + div.editor {
  margin-top: 1em;
}

/* ------- ADD ITEM LIST ------ */
@keyframes toShine {
  0% {
    background-color: #FFF;
  }
  50% {
    background-color: #F90;
  }
  100% {
    background-color: #FFF;
  }
}
ul.add-list {
  max-width: 25em;
  padding: 0 1rem 0 1.5rem;
  margin: 2rem 0;
  border-left: 5px solid #0879D1;
}

ul.add-list > li {
  position: relative;
  padding: 1em 0;
  border-bottom: 1px solid #A3AFB7;
  animation-fill-mode: forwards;
  animation-duration: 1s;
  animation-name: toShine;
}

ul.add-list span:first-of-type:not(.tooltip) {
  display: block;
  font: 110%/1.4 Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #0879D1;
  margin-bottom: 0.3em;
}

ul.add-list li > button {
  position: absolute;
  bottom: 1em;
  right: 1em;
}

ul.add-list ul {
  display: flex;
  list-style-type: none;
}

ul.add-list ul li {
  padding: 0.5rem 1rem 0 0;
}

ul.add-list ul li button {
  position: static;
}

/* ----------------- CHECK LIST -------------------- */
ul.check-list li {
  list-style-type: none;
  background: url("/ti-web-shared/images/check.svg") 0 -3px no-repeat;
  padding-left: 30px;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px dotted #A3AFB7;
}

.check {
  background: url("/ti-web-shared/images/check.svg") 0 -3px no-repeat;
  padding-left: 30px;
}

/* ------------ EXCEPTIONS FOR IE < EDGE ------------------*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  h1 img {
    width: 100px;
    height: 39px;
  }

  ul.image-gallery img {
    height: auto;
  }

  div.dashboard-chart > div {
    width: 98%;
  }
}
/* -----------------------------------------------------------------------*/
/* ------------------------------ RESET ---------------------------- */
html {
  font-size: 100%;
  overflow-y: scroll;
  scroll-behavior: smooth;
}

/* -----------------------------------------------------------------------*/
/* --------------------------- BUTTONS AND LINKS ---------------------------*/
button {
  font: 100%/1 Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #FFF;
  background-color: #0879D1;
  padding: 0.5em 1em 0.55em;
  border: none;
  border-radius: 0.3rem;
  cursor: pointer;
}

/* -----------------------------------------------------------------------*/
/* ------------------------------ ATTACHMENTS ------------------------------------ */
ul.message-attachments .ellipsis {
  max-width: 100%;
  width: 0;
  min-width: 0;
  flex-basis: 75%;
}

/* ------------------------------ DATA BLOCKS -------------------------- */
/* Text intro */
div.intro {
  max-width: 45em;
  margin-bottom: 2rem;
}

div.intro p + p {
  margin-top: 0.8em;
}

/* Simple block division */
.divide {
  padding: 0.7rem 0 0;
  border-top: 1px solid #A3AFB7;
  border-bottom: 1px solid #A3AFB7;
  margin-bottom: 1rem;
}

.divide > * {
  margin-bottom: 0.5rem;
}

/* ----------------- DATA RECALL -------------------- */
.recall-data {
  line-height: 1.58;
  margin-bottom: 1.5rem;
}

.recall-data h4 {
  font-size: 1em;
}

.recall-data dt {
  font-family: Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.5em;
}

/* Sets Line */
div.set-line p + p {
  margin-top: 1rem;
}

div.set-line + div.set-line {
  margin-top: 1rem;
}

div.set-line ul {
  margin-left: 1em;
}

/* --------------------------- UTILITIES -------------------------- */
.ellipsis {
  display: inline-block;
  vertical-align: bottom;
}

/* GENERAL ACTIONLESS ICONS */
.pic-checked.active {
  fill: #00AF86;
}

/* ------------ CHIPS ---------------- */
.chip {
  border: 1px solid #308276;
}

/* POWER SELECT */
div.p-select {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  min-width: 15em;
}

div.p-select button {
  flex-basis: 32px;
  margin-left: 0.5rem;
}

div.p-select .feedback-message {
  flex-basis: 100%;
}

/* --------------------- EMBER POWER SELECT ------------------- */
ul.dropdown-selector {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.dropdown-selector .dropdown-menu {
  margin-top: 12px;
}

.ember-power-select-trigger {
  min-width: 10em;
}

div.actions-bar > .ember-power-select-trigger {
  padding: 0.5em 1.5em 0.5em 0.6em;
}

/* ---------------------------------------------------------------------- */
/* ------------------------------ SPECIFICS ---------------------------- */
/* SIGNATURES */
div.added-signatures {
  margin: 2rem 0 1rem;
}

div.added-signatures label {
  display: inline-block;
  margin: 0 0.5em 0 0;
}

div.added-signatures [disabled] {
  color: #000;
  background-color: #F2F3F4;
}

/* ABSENCES */
.absence-edit-component div.from-to {
  align-items: flex-end;
}

.absence-edit-component div.go-along.from-to > * {
  margin: 0.25em;
}

/* -------- CLIENT SHEET ------------- */
button.info {
  overflow: hidden;
  height: 35px;
  text-indent: -50em;
  background-image: url("/ti-web-shared/images/big-info.svg");
  background-position: 3px 3px;
  background-repeat: no-repeat;
}

.conversation-message-body__text blockquote {
  color: #FFF;
}

.conversation-message-body__text blockquote p {
  background-color: transparent;
}

ul.add-list.absences {
  max-width: 100%;
}
ul.add-list.absences li {
  display: flex;
  height: 50px;
  align-items: center;
  justify-content: space-between;
}
ul.add-list.absences li > button {
  bottom: 0.5em;
}
ul.add-list.absences li div.absence {
  margin-right: 3.5em;
}
ul.add-list.absences li div.absence.expired-absence {
  color: #308276;
  text-decoration: line-through;
}

div.set-line.absence {
  display: block;
  background-color: #F2F3F4;
  padding: 1rem;
  border-radius: 0.3rem;
}
div.set-line.absence > :first-child {
  margin-right: 0;
}
div.set-line.absence > .feedback-message {
  background-color: #DDE3E8;
}

.error-text {
  text-align: center;
}

/* ------------------------------ RESET ---------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, big, cite, code,
del, dfn, em, form, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table:not(.external-table),
caption:not(.external-caption), tbody, tfoot, thead,
tr:not(.external-tr),
th:not(.external-th),
td:not(.external-td) {
  margin: 0;
  padding: 0;
  border: 0;
}

html {
  font-size: 100%;
  overflow-y: scroll;
  scroll-behavior: smooth;
}

header, footer, main, nav, aside, article, section, figure, figcaption {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
}

/* -------- IMPORTS ------------- */
/* ------------------------------ DEFAULTS ---------------------------- */
body {
  font: 100%/1.2 Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #000000;
  background-color: #FFF;
}

h1 {
  width: 100px;
  font: normal 1em Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: right;
}

h2, div[role=heading][aria-level="2"], h3, h4, h5 {
  font-family: Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
  margin: 0 0 1em;
}

h2, div[role=heading][aria-level="2"] {
  font-size: 1.5em;
  line-height: 1.1;
  color: #1F394E;
  background-color: #FFF;
}

h2 small, div[role=heading][aria-level="2"] small {
  display: block;
  font: 75% Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}

header h2 + p {
  margin-top: 0.5em;
}

h3, div[role=heading][aria-level="3"] {
  font-size: 1.2em;
  color: #308276;
  background-color: #FFF;
  padding-bottom: 0.3em;
  border-bottom: 5px solid #308276;
}

h3 .num {
  font-family: Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}

h4 {
  font: 1.1em/1.2 Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}

p, li, dt, dd, h5, th, td {
  font-size: 0.95em;
}

li li, li p, li dt, li dd {
  font-size: 100%;
}

a {
  color: #000000;
}

a:visited {
  opacity: 0.8;
}

strong {
  font-family: Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}

em {
  font-family: Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-style: normal;
}

img {
  max-width: 100%;
  border: none;
}

blockquote {
  position: relative;
  max-width: 30em;
  margin: 2rem 2rem 3rem 3rem;
}

blockquote p {
  font: 1em/1.35 Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: var(--link-color);
  background-color: #FFF;
}

blockquote::before, blockquote::after {
  display: block;
  position: absolute;
  width: 0.5em;
  height: 0.5em;
  font: 72px Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: rgba(0, 0, 0, 0);
  /*IE*/
  color: var(--n-dark-medium);
}

blockquote::before {
  content: "“";
  top: -0.25em;
  left: -0.5em;
}

blockquote::after {
  content: "”";
  bottom: -0.3em;
  right: 0;
}

section + section {
  margin-top: 3rem;
}

/* ------------------------------ KEYFRAMES ---------------------------- */
@keyframes slideRight {
  0% {
    transform: translateX(-500px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-500px);
  }
}
@keyframes toHide {
  0% {
    transform: scale(0.8) rotate3d(1, 2, 3, 10deg);
    opacity: 1;
  }
  100% {
    transform: scale(0.1) rotate(180deg);
    opacity: 0;
  }
}
@keyframes toShow {
  0% {
    transform: scale(0.1) rotate3d(1, 2, 3, 10deg);
    opacity: 0;
  }
  100% {
    transform: scale(0.8) rotate(180deg);
    opacity: 1;
  }
}
/* ----------- PAGE BODY ---------- */
#wrapper {
  background-color: #FFF;
  padding-top: 1.5rem;
  margin: 4rem 5vw 5vw 5vw;
  min-width: calc(100% - 30rem);
}

#wrapper > footer {
  text-align: center;
  padding: 1rem 0;
  border-top: 2px solid #0879D1;
}

#wrapper > footer p {
  font-size: 0.7em;
  text-transform: uppercase;
}

main {
  position: relative;
  left: 0;
  min-height: 400px;
  margin-bottom: 2rem;
  transition: all 0.5s;
}

main > header:first-child, header.alt-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 1rem;
}

main > header:first-child h2, main > header:first-child div[role=heading][aria-level="2"] {
  margin-bottom: 0;
}

main > header:first-child .buttons-bar {
  text-align: right;
  margin: 0;
}

/* ----------- FOOTER ---------- */
#wrapper > footer {
  padding: 2rem 5%;
}

/* ------------------------------ GRIDS ---------------------------- */
.grids > * {
  box-sizing: border-box;
  margin: 0 0 2rem 3%;
}

.grids {
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
  display: -ms-flex;
  -ms-flex-flow: row wrap;
  display: flex;
  flex-flow: row wrap;
  margin-left: -3%;
}

.grid-full {
  -webkit-flex: 1 0 97%;
  -ms-flex: 1 0 97%;
  flex: 1 0 97%;
}

.grid-half {
  -webkit-flex: 1 0 250px;
  -ms-flex: 1 0 250px;
  flex: 1 0 250px;
}

.grid-third {
  flex: 1 0 28.33%;
  min-width: 250px;
}

.grid-2thirds {
  flex: 1 0 61.66%;
  min-width: 250px;
}

.grid-forth {
  flex: 1 0 22%;
  min-width: 250px;
}

.grid-3forths {
  flex: 1 0 72%;
  min-width: 250px;
}

.free-cols > * {
  display: inline-block;
  margin-right: 2rem;
}

/* --------------------------- BUTTONS AND LINKS ---------------------------*/
button {
  font: 100%/1 Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #FFF;
  background-color: #0879D1;
  padding: 0.5em 1em 0.55em;
  border: none;
  border-radius: 0.3rem;
  cursor: pointer;
}

button:hover {
  background-color: #1F394E;
}

button[disabled], .form-reset[disabled], .form-submit[disabled] {
  filter: grayscale(100%) opacity(40%);
  cursor: initial;
}

button[disabled]:hover, .form-reset[disabled]:hover, .form-submit[disabled]:hover {
  filter: grayscale(100%) opacity(40%);
  background-color: #0879D1;
}

.form-submit.optional[disabled]:hover {
  color: #000000;
  filter: grayscale(100%) opacity(40%);
  background-color: #FFF;
}

button.secondary {
  background-color: #308276;
}

/* TEXT ONLY */
button.discret {
  font-family: Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #000000;
  background-color: #FFF;
  padding: 0.2em 0.3em 0.3em;
  border: 1px solid #A3AFB7;
  border-radius: 0.2em;
}

button.discret:hover, button.discret:focus {
  color: #FFF;
  background-color: #1F394E;
  border-color: #1F394E;
}

/* TEXT + ICONS */
[class*=bt-] {
  overflow: hidden;
  font: 100%/1 Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: left;
  color: #FFF;
  background-color: #0879D1;
  background-repeat: no-repeat;
  padding: 0.5em 1em 0.5em 35px;
  border-radius: 0.3rem;
}

[class*=bt-]:hover {
  text-decoration: underline;
  color: #FFF;
  background-color: #1F394E;
}

a[class*=bt-], a[class*=bt-]:visited {
  display: inline-block;
  text-decoration: none;
}

[class*=bt-]:hover, [class*=bt-]:focus {
  background-color: #D83550;
  text-decoration: none;
}

.bt-create {
  background-color: #D83550;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M10.1,6H16V9.8H10.1V16H5.93V9.75H0V6H5.93V0H10.1Z' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  background-position: 0.8em;
  padding: 0.4em 1em 0.5em 39px;
}

.bt-goto {
  padding-left: 1em;
  width: fit-content;
  margin-top: -0.5em;
  margin-bottom: 0.5em;
}

.bt-create:hover, .bt-create:focus, .bt-goto:hover, .bt-goto:focus {
  background-color: #1F394E;
}

.bt-add-tags {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M10.1,6H16V9.8H10.1V16H5.93V9.75H0V6H5.93V0H10.1Z' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  background-position: 0.8em;
  padding: 0.4em 1em 0.5em 39px !important;
  margin: 0.35rem;
}

div.editable-block.record-block > button.bt-control {
  border: none;
  border-radius: 0.3em;
}
div.editable-block.record-block > button.bt-control > .player-control {
  border-radius: 1em;
}

/* Text-only link as button */
a.bt-link, a.bt-link:visited {
  padding: 0.5em 1em;
}

/* ICONS ONLY */
[class*=icon-], [class*=follow-] {
  display: inline-block;
  overflow: hidden;
  width: 33px;
  height: 32px;
  text-indent: -500em;
  color: #FFF;
  background-color: #0879D1;
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  padding: 0;
}

[class*=icon-].bt-create {
  width: unset;
  text-indent: unset;
  padding: 0.4em 1em 0.5em 39px;
  color: #1F394E;
}

[class*=icon-].secondary {
  background-color: #308276;
}

[class*=icon-]:hover, [class*=icon-]:focus {
  color: #FFF;
  background-color: #1F394E;
}

[class*=icon-].bt-create:hover {
  text-decoration: none;
  color: #1F394E;
}

.icon-new {
  background-position: 4px 7px;
}

.icon-account {
  background-position: 4px -42px;
}

.icon-entity {
  background-position: 4px -79px;
}

.icon-assign, .icon-assign-off {
  background-position: 4px -156px;
}

.icon-assign-off {
  background-color: #D83550;
}

.icon-pin, .follow-false {
  background-position: 4px -116px;
}

.icon-pinned, .follow-true {
  background-position: 4px -116px;
  background-color: #D83550;
}

.icon-pinned:hover, .follow-true:hover, .icon-pinned:focus, .follow-true:focus {
  background-color: #8e2335;
}

.icon-ok {
  background-position: 4px -202px;
}

.icon-close {
  background-position: 4px -237px;
}

.icon-reopen {
  background-position: 4px -324px;
}

.icon-project {
  background-position: 5px -367px;
}

.icon-sort {
  background-position: 4px -426px;
}

.icon-sort-down {
  background-position: 4px -425px;
  transform: rotate(180deg);
}

.icon-action-sorting-up {
  background-position: 4px -426px;
}

.icon-action-sorting-down {
  background-position: 4px -425px;
  transform: rotate(180deg);
}

.icon-download {
  background-position: 4px -465px;
}

.icon-print {
  background-position: 4px -507px;
}

.icon-history {
  background-position: 3px -562px;
}

.icon-microphone {
  background-position: 5px 5px;
}

div.editable-block.record-block > button.icon-microphone-white {
  background-position: 4px 4px;
  color: #FFF;
  background-color: #0879D1;
}

div.editable-block.record-block > button.icon-stop {
  background-position: 4px 3px;
  color: #FFF;
  background-color: #D83550;
}

div.editable-block.record-block > button.icon-play {
  background-position: 4px 3px;
  color: #FFF;
  background-color: #0879D1;
}

div.editable-block.record-block > button.icon-pause {
  background-position: 4px 3px;
  color: #FFF;
  background-color: #0879D1;
}

div.editable-block.record-block > button.icon-remove {
  margin-top: 25px;
  background-position: 9px 6px;
  background-color: #D83550;
  border-radius: 1em;
}

.icon-editor {
  background-position: 4px 4px;
}

.icon-disclose {
  background-position: 4px -604px;
}

.icon-edit {
  background-position: 4px -679px;
}

.icon-ai {
  background-position: 4px -1318px;
}

.icon-merge-files {
  background-position: 6px 6px;
  background-image: url("/ti-web-shared/images/merge-files.svg");
}

.icon-eye {
  background-position: 5px;
  background-image: url("/ti-web-shared/images/eye.svg");
}

.icon-forward {
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-position: 4px -1455px;
}

.icon-eye-edit {
  display: inline-flex;
  vertical-align: middle;
  margin-bottom: 0.5rem;
}

.icon-search {
  background-image: url("/ti-web-shared/images/search.svg");
  background-position: 5px 5px;
  margin-left: 0.3em;
}

.icon-report {
  background-image: url("/ti-web-shared/images/supervision.svg");
  background-position: 4px 3px;
}

.icon-tags {
  background-image: url("/ti-web-shared/images/tags-white.svg");
  background-position: 9px 8px;
}

.icon-ai-generate-open {
  background-position: 5px 5px;
  background-color: #1F394E !important;
  outline: #000;
  color: #FFF !important;
}

.icon-ai-generate-close {
  background-position: 5px 5px;
  background-color: #F2F3F4 !important;
  outline: #000;
  color: #1F394E !important;
}

.icon-file-uploader {
  background-position: 4px -832px;
}

p.icon-file-uploader input {
  position: absolute;
  top: -5em;
}

p.icon-file-uploader label {
  cursor: pointer;
}

.icon-mark-as-unread, .icon-mark-as-read {
  background-position: 4px -604px;
}

.icon-mark-as-read {
  background-color: #A3AFB7;
}

.icon-categorize {
  background-position: 4px -1255px;
}

.icon-archive {
  background-position: 4px -1115px;
}

.icon-see {
  background-position: 4px -604px;
}

.icon-start {
  background-position: 5px -888px;
}

.icon-delete {
  background-position: 4px -1003px;
}

.icon-activity {
  background-position: 4px -1255px;
}

.icon-absence {
  background-position: 4px -1183px;
}

.icon-moderation {
  background-position: 4px -1115px;
}

button.icon-check {
  width: 1.5em;
  height: 1.5em;
  background-size: 1.5em 1.5em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %23fff; stroke: %230879d1; stroke-width: 4px;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  filter: grayscale(100%);
  background-color: transparent;
  padding: 0;
}
button.icon-check.state-checked {
  filter: grayscale(0);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
}
button.icon-check:focus, button.icon-check:hover {
  outline: 1px dotted #000;
}

.icon-info-simple, .icon-back {
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-image: url("/ti-web-shared/images/big-info.svg");
  background-color: #FFF;
  padding: 0;
}

button.play, button.pause {
  background-color: transparent;
  margin-top: 4px;
  background-repeat: no-repeat;
  background-size: 32px;
}

button.play {
  background-image: url("/ti-web-shared/images/play.svg");
}

button.pause {
  background-image: url("/ti-web-shared/images/pause.svg");
}

button.icon-info-simple:hover, button.icon-info-simple:focus,
button.icon-back:hover, button.icon-back:focus {
  background-color: #FFF;
}

div.editor-wrapper [class*=icon-].icon-history {
  background-image: url("/ti-web-shared/images/sprite-blue.svg");
}

div.editor-wrapper [class*=icon-].icon-microphone {
  background-image: url("/ti-web-shared/images/microphone.svg");
}

div.editor-wrapper [class*=icon-].icon-ai-generate-open {
  background-image: url("/ti-web-shared/images/ai-generate-white.svg");
}

div.editor-wrapper [class*=icon-].icon-ai-generate-close {
  background-image: url("/ti-web-shared/images/ai-generate.svg");
}

div.editor-wrapper [class*=icon-].icon-microphone-white {
  background-image: url("/ti-web-shared/images/microphone-white.svg");
}

div.editor-wrapper [class*=icon-].icon-stop {
  background-image: url("/ti-web-shared/images/stop-circle.svg");
}

div.editor-wrapper [class*=icon-].icon-play {
  background-image: url("/ti-web-shared/images/play-circle.svg");
}

div.editor-wrapper [class*=icon-].icon-pause {
  background-image: url("/ti-web-shared/images/pause-circle.svg");
}

div.editor-wrapper [class*=icon-].icon-editor {
  background-image: url("/ti-web-shared/images/format-text.svg");
}

div.editor-wrapper [class*=icon-].icon-remove {
  background-image: url("/ti-web-shared/images/remove.svg");
}

div.editor-wrapper [class*=icon-].icon-reading-speed {
  background-color: #308276;
  background-image: url("/ti-web-shared/images/reading-speed.svg");
}

div.editor-wrapper [class*=icon-].icon-volume {
  background-color: #308276;
  background-image: url("/ti-web-shared/images/volume.svg");
}

.icon-back {
  background-image: url("/ti-web-shared/images/arrow-left.svg");
}

[class*=icon-][aria-pressed=true] {
  background-color: #D83550;
}

/* --------------- FIXES FOR IE ---------------- */
@media screen and (min-width: 1000px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  button.icon-check {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %23fff; stroke: %23505050; stroke-width: 4px;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  button.icon-check.state-checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
}
.cc-selector-block > span:first-child {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 95%;
}

.icon-add-interlocutor {
  background-position: 4px 7px;
  margin-bottom: 5px;
}

span.cc-participant {
  text-align: center;
  display: inline-flex;
}
span.cc-participant i.cc-icon-account {
  width: 24px;
  height: 24px;
  background-color: #e4e4e4;
  background-image: url("/ti-web-shared/images/person.svg");
  background-position: 0px -5px;
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  padding: 0;
}

#ember-basic-dropdown-wormhole i.cc-icon-account {
  display: none;
}

/* -----------------------------------------------------------------------*/
/* --- SKIP LINKS --- */
.skip-link {
  display: inline;
  margin: 0;
}

.skip-link a {
  position: absolute;
  overflow: hidden;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  color: #FFF;
  background-color: #1F394E;
}

.skip-link a:focus {
  position: static;
  width: auto;
  height: auto;
}

/* ------------------------------ TABLES ------------------------------------ */
table:not(.external-table) {
  width: 100%;
  border-spacing: 1px;
}

caption:not(.external-caption) {
  font-family: Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: left;
  padding-bottom: 1rem;
}

th:not(.external-th), td:not(.external-td) {
  font-size: 0.85em;
  text-align: center;
  padding: 0.5em;
}

th:not(.external-th) {
  color: #000000;
  background-color: #DDE3E8;
  padding: 1em 0.5em;
}

tr:nth-child(odd) td:not(.external-th) {
  background-color: var(--main-u-light);
}

th {
  font-family: Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}

th[scope=col]:not(.external-th) {
  color: #000000;
  background-color: #DDE3E8;
}

th[scope=row] {
  text-align: left;
}

/* ------------------------------ FORMS ------------------------------------ */
.main-form {
  background-color: #F2F3F4;
  padding: 1rem;
  margin-bottom: 2rem;
  border-radius: 0.3rem;
}

form.main-form legend, div.main-form legend {
  background-color: #F2F3F4;
}

form p, form div.multi-text-width, div.main-form p {
  margin-bottom: 1.5em;
}

form p.documentary-db-file {
  margin-bottom: 0;
}

form .buddies {
  display: flex;
  align-items: center;
}

div.alt-buddies {
  display: flex;
  align-items: center;
  font-size: 0.9em;
}

form .buddies input:not([type=image]) {
  width: 45vw;
  max-width: 20em;
}

form .alt-buddies input:not([type=image]) {
  width: 45vw;
  max-width: 18em;
}

form .buddies [type=submit] {
  padding: 0;
}

form .buddies button {
  flex-basis: 35px;
}

form .buddies.not-much button {
  margin-left: 0.3em;
}

form#search-talk div.content > div {
  font-size: 0.95em;
}

form#search-talk fieldset.top-level > div.content > fieldset.choices + div,
form#search-talk fieldset.sub-group div.content > div {
  margin-bottom: 1.5em;
}

form .highlight {
  margin-bottom: 1rem;
}

fieldset {
  margin-bottom: 1rem;
}

fieldset.single {
  padding: 1rem;
  border: 1px solid #A3AFB7;
  border-radius: 0.3rem;
}

fieldset.single legend {
  padding: 0.5em;
}

legend {
  font: 1.1em Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #1F394E;
  background-color: #FFF;
  padding: 0.5em 0;
}

label {
  display: block;
  font-family: Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #1F394E;
  background-color: rgba(255, 255, 255, 0);
  margin-bottom: 0.25em;
}

label.inline {
  display: inline-block;
  margin: 0 0.5em;
}

input[type=text], input[type=password], input[type=date], input[type=url], input[type=tel],
input[type=time], input[type=email], input[type=number], input[type=search], select {
  box-sizing: border-box;
  font: 100%/1 Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  background-color: #FFF;
  padding: 0.5em 0.6em;
  border: 2px solid #DDE3E8;
  border-radius: 0.3rem;
  transition: all 0.5s;
}

input[type=number], input[type=date], input[type=time] {
  padding: 0.6em;
}

[readonly] {
  color: #308276;
  background-color: #DDE3E8;
}

input[type=search]:focus {
  outline: 1px dotted #308276;
}

input[type=text]:focus, input[type=password]:focus, input[type=url]:focus,
input[type=date]:focus, input[type=search]:focus, select:focus {
  border-color: #0879D1;
}

input[type=url], input.wider {
  width: 90%;
  max-width: 35em;
}

input[type=number] {
  width: 6em;
}

.has-error input {
  border-color: #F00;
}

.required {
  margin-bottom: 2rem;
}

select {
  display: block;
  box-sizing: border-box;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  line-height: 1.2;
  background-color: #FFF;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.7em top 50%;
  background-size: 1em auto;
  padding: 0.5em 2em 0.5em 0.6em;
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}

[type=submit], [type=reset], button.form-submit, button.form-reset {
  font: 100%/1 Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #FFF;
  background-color: #0879D1;
  padding: 0.55em 1.5em;
  border: 1px solid #0879D1;
  border-radius: 0.3rem;
  transition: all 0.2s;
  cursor: pointer;
}

[type=reset], button.form-reset {
  color: #1F394E;
  background-color: #DDE3E8;
  border-color: #DDE3E8;
}

[type=submit]:hover, [type=submit]:focus,
[type=submit].optional:hover, [type=submit].optional:focus,
[type=reset]:hover, [type=reset]:focus {
  color: #FFF;
  background-color: #1F394E;
  border-color: #1F394E;
}

button.form-submit:hover, button.form-submit:focus,
button.form-submit.optional:hover, button.form-submit.optional:focus,
button.form-reset:hover, button.form-reset:focus {
  color: #FFF;
  background-color: #1F394E;
  border-color: #1F394E;
}

.tooltip-error {
  background-color: #D83550;
}

[type=submit] + [type=reset],
[type=submit] + div.ember-tooltip-base + [type=reset],
button.form-submit + button.form-reset {
  margin-left: 1rem;
}

[type=submit].optional, button.form-submit.optional {
  color: #000000;
  background-color: #FFF;
  border-color: #308276;
}

input[type=image] {
  width: 21px;
  height: 21px;
  background-color: #0879D1;
  padding: 8px;
  border-radius: 0.3rem;
}

input[type=image]:hover {
  background-color: #1F394E;
}

textarea {
  width: 85%;
  font: 100%/1 var(--stack-i);
  padding: 0.5em;
  border: 1px solid #A3AFB7;
  border-radius: 0.3rem;
  resize: none;
}

::-webkit-input-placeholder, ::-moz-placeholder, :-moz-placeholder, :-ms-input-placeholder {
  color: var(--link-color);
}

.go-along {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  align-items: center;
}

.go-along > * {
  margin: 0 2rem 1.5rem 0;
}

main.interlocutor-list div.go-along > div {
  font-size: 0.95em;
}

.input-n-button {
  overflow: hidden;
  height: 2.5em;
}

.input-n-button input {
  height: 2.25em;
  height: calc(2.5em - 4px);
}

.input-n-button input[type=submit] {
  height: 2.5em;
}

p.euro::after {
  position: relative;
  left: -1.5em;
  content: "€";
  font-family: Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}

p.euro input {
  width: 8em;
  padding-right: 1.5em;
}

/* --- RADIOS/ CHECKBOXES --- */
.highlight {
  background-color: #DDE3E8;
  padding: 0.5rem;
  border-radius: 0.2rem;
}

.highlight label, .top-level .highlight label {
  background-color: #DDE3E8;
}

.highlight fieldset.choices {
  margin: 0;
}

div.highlight > div.ember-tooltip-target,
fieldset.choices > div > div.ember-tooltip-target {
  display: inline-flex;
}

fieldset.choices {
  padding: 0;
  border: none;
}

fieldset.choices legend,
fieldset.choices div:first-child label {
  font: 0.95em Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
}

fieldset.choices.highlight legend {
  background-color: rgba(255, 255, 255, 0);
  padding: 0.3rem 0.8rem;
}

.choices label {
  display: inline-block;
  font-family: Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}

fieldset.choices ul {
  list-style-type: none;
  margin: 0.5rem 0 0;
}

fieldset.choices li + li {
  margin-top: 0;
}

fieldset.choices > :last-child {
  margin-bottom: 0;
}

fieldset.choices img {
  width: 25px;
  height: 25px;
  vertical-align: -5px;
}

ul.choices {
  display: flex;
}

ul.choices li + li,
div[role=list].choices div[role=listitem] + div[role=listitem] {
  margin-left: 1em;
}

@media screen and (max-width: 500px) {
  ul.choices li + li,
div[role=list].choices div[role=listitem] + div[role=listitem] {
    margin-left: 0.5em;
  }
}
@media screen and (min-width: 800px) {
  form#search-talk div.content > div,
main.interlocutor-list div.go-along > div {
    font-size: 1.1em;
  }
}
ul.choices.vertical {
  display: block;
}

ul.choices.vertical li + li {
  margin-left: 0;
  margin-top: 0.8em;
}

/*  RADIO/CHECK MAKEUP  */
.form-makeup {
  overflow: hidden;
  position: relative;
  display: flex;
}

li.form-makeup.check-absences {
  margin-bottom: 1.2em;
}

.form-makeup input {
  position: absolute;
  top: -5em;
}

.form-makeup input.form-input-makeup {
  position: relative;
  top: auto;
}

.form-makeup label {
  position: relative;
  line-height: 1;
  font-family: Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}

.document-modal-form-field.form-makeup label {
  font-family: Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}

.form-makeup label::before {
  display: inline-block;
  position: relative;
  top: 0.3em;
  width: 1.5em;
  height: 1.5em;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='10.8' style='fill: %23fff; stroke: %230879d1; stroke-width:2'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  filter: grayscale(100%) opacity(65%);
  margin-right: 0.3em;
}

.form-makeup input:checked + label::before, .form-makeup label.checked::before {
  filter: grayscale(0) opacity(100%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='11.65' style='fill: %230879d1'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
}

.form-makeup input:focus + label {
  outline: 1px dotted #000;
}

.form-makeup input[type=checkbox] + label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='21.3' height='21.3' x='1' y='1' rx='2.33' ry='2.33' style='fill: %23fff; stroke:%230879d1; stroke-width:2;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
}

.form-makeup input[type=checkbox]:checked + label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
}

li.form-makeup {
  margin-bottom: 0.5em;
}

/* On-off chips */
.check-chips {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}
.check-chips li, .check-chips div[role=listitem] {
  overflow: hidden;
  white-space: nowrap;
  font-size: 0.8em;
  line-height: 1;
}

fieldset.choices ul.check-chips {
  margin: 1rem 0;
}

ul.check-chips.add-legend::before {
  flex-basis: 100%;
  content: attr(data-legend);
  font: 0.9em/1 Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  padding: 0.6em 1em 0.5em 0;
}

.check-chips input {
  position: absolute;
  top: -4em;
}

.check-chips label {
  color: var(--n-s-dark);
  background-color: #F2F3F4;
  padding: 0.3em 1em 0.5em;
  margin: 0.25em;
  border-radius: 2em;
  cursor: pointer;
}

.check-chips input:focus + label {
  color: #000;
  background-color: #DDE3E8;
  border-color: #0879D1;
}

.check-chips input:checked + label, .check-chips label.active {
  color: #FFF;
  background-color: #0879D1;
  border-color: #0879D1;
}

.check-chips input[checked] + label {
  color: #FFF;
  background-color: #0879D1;
  border-color: #0879D1;
}

/* --- BUTTONS BAR --- */
.buttons-bar {
  text-align: center;
  margin: 0 auto 1rem;
}

ul.buttons-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
}

.buttons-bar > * {
  margin: 0.5rem;
}

.buttons-bar.discret {
  font-size: 0.9em;
}

form.main-form .buttons-bar {
  margin-bottom: 0;
}

input[type=datetime-local] {
  padding: 0.6em;
}

/* --- MESSAGES AND ERRORS --- */
p.mandatory {
  font-size: 1em;
  text-align: left;
  margin-bottom: 1rem;
  font-weight: bolder;
}

.e-content p.mandatory {
  max-width: 100%;
}

.field-comment {
  font-size: 90%;
  color: #1F394E;
  padding: 0.3em;
}

div.error-messages {
  text-align: center;
  color: #308276;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(243, 214, 214, 0.2) 5px, rgba(243, 214, 214, 0.2) 20px);
  padding: 1rem;
  margin-bottom: 2rem;
}

div.error-messages ul {
  list-style-type: none;
}

div.error-messages > :first-child {
  font-size: 1.2em;
  font-family: Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #F00;
  background-color: rgba(243, 214, 214, 0.4);
  padding: 0.5em 0;
  margin-bottom: 1em;
}

input[aria-invalid=true] {
  color: #FFF;
  background-color: #F00;
  border-color: #308276;
}

input[aria-invalid=true]:focus {
  color: #000000;
  background-color: #DDE3E8;
  border-color: #308276;
}

.contextual-error {
  display: block;
  position: relative;
  font-family: Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #F00;
  background-color: transparent;
  margin: 0.5rem 0 1rem;
}

.contextual-feedback {
  display: block;
  position: relative;
  font-family: Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #308276;
  background-color: transparent;
  margin: 0.5rem 0 1rem;
}

/* ----------------- H-CARD ONLY -------------------- */
section.h-card {
  margin-bottom: 2rem;
}

section.h-card dt {
  font: 1.2em Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin: 1em 0 0.5em;
}

section.h-card dd {
  padding: 0.3em 0 0.3em 30px;
}

section.h-card dd.p-tel {
  background: rgba(255, 255, 255, 0) url("/ti-web-shared/images/sprite.svg") 0 -715px no-repeat;
}

section.h-card dd.u-email {
  background: rgba(255, 255, 255, 0) url("/ti-web-shared/images/sprite.svg") 0 -780px no-repeat;
}

/* ----------------- CARDS -------------------- */
div.card {
  position: relative;
  line-height: 1.5;
  background-color: #F2F3F4;
  padding: 1rem;
  padding: 1rem calc(1rem - 4px) 1rem 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
  border-left: 4px solid #DDE3E8;
  transition: all 0.2s;
}

div.card header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5em;
}
div.card header h4, div.card header div[role=heading][aria-level="4"] {
  font: 0.9em Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin: 0;
  word-break: break-all;
}

div.card img {
  position: relative;
  left: 2px;
  z-index: 2;
}

div.card header h4, div.card header div[role=heading][aria-level="4"] {
  font: 0.9em Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin: 0;
  word-break: break-all;
}

.name-and-status {
  display: inline-flex;
}

div.card dl {
  border-top: 1px solid #A3AFB7;
  border-bottom: 1px solid #A3AFB7;
  padding: 0.5rem 0;
  margin-bottom: 1rem;
  max-width: 100%;
  box-sizing: border-box;
}

div.card dt {
  font: 1em Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #000;
  background-color: rgba(255, 255, 255, 0);
}

div.card dt, div.card dd {
  max-width: 100%;
}

div.card a.allover {
  text-decoration: none;
}

div.card a {
  text-decoration: none;
}

div.card a.allover::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

div.card a:hover::after {
  background-color: rgba(0, 0, 0, 0.05);
}

div.card.unread a, div.card.unread a:visited {
  font-family: Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #0879D1;
}

div.card.read a, div.card.read a:visited {
  font-family: Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #000000;
}

div.card.whatsapp {
  background-color: #E1FFE1;
}

span.social-icon img {
  width: 16px;
}

div.card.unseen dd {
  font-size: 1em;
  line-height: 1.3;
}

div.card ul.actions-list {
  position: relative;
  justify-content: flex-end;
  margin-bottom: 0;
}

div.card ul.actions-list li {
  height: 32px;
}

div.card.confidential {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(243, 214, 214, 0.3) 5px, rgba(243, 214, 214, 0.3) 20px);
}

div.card.confidential em {
  font-style: italic;
}

img.image-confidential {
  top: 5px;
  left: 0;
}

/* ----------------- HCARD -------------------- */
div.h-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #FFF;
  background-color: #308276;
  padding: 1rem;
  caret-color: transparent;
}

div.h-card form {
  order: 2;
  flex: 1;
  display: flex;
  flex-flow: column;
  margin-left: 1rem;
}

div.h-card form p {
  margin: 0;
}

div.h-card select {
  font-size: 80%;
  line-height: 1.2;
  color: #FFF;
  background-color: #308276;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23FFF'/%3E%3C/svg%3E");
  padding: 0.3em 2em 0.3em 0;
  margin-left: -3px;
  border: none;
}

div.h-card h2 {
  font: 1.2em/1.2 Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #FFF;
  background-color: #308276;
  margin: 0;
}

div.h-card h2 a, div.h-card h2 a:visited {
  text-decoration: none;
  color: #FFF;
}

div.h-card h2 a:hover, div.h-card h2 a:focus {
  text-decoration: underline;
}

div.h-card .u-photo {
  position: relative;
  order: 1;
  width: 60px;
  height: 60px;
  margin-bottom: 0;
}

.u-photo {
  display: block;
  flex-shrink: 0;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 5px;
  border-radius: 100%;
}

.u-photo img {
  box-sizing: border-box;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 2px solid #FFF;
  vertical-align: bottom;
}

/* spinner */
div.spinner.page-spinner {
  position: absolute;
  height: 100%;
}

div.spinner {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 178px;
  top: 0;
  left: 0;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.8);
}

div.spinner p {
  position: relative;
  max-width: 15em;
  font-size: 1.3em;
  margin: 0 auto;
}

div.spinner strong {
  display: block;
}

div.spinner ::before, div.spinner ::after {
  position: absolute;
  display: block;
}

div.spinner p::before,
div.spinner p::after,
div.spinner strong::after {
  content: "";
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
}

/* ----------------- ease-in-out spinner -------------------- */
@keyframes ease-in-out-spin {
  0% {
    transform: translateY(0);
    opacity: 0.5;
  }
  70% {
    transform: translateY(-20px);
    opacity: 1;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
div.spinner.ease-in-out ::before, div.spinner.ease-in-out ::after {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background-color: #0879D1;
}

div.spinner.ease-in-out p::before {
  top: -45px;
  left: -81px;
  animation: ease-in-out-spin 1s 0s ease-in-out infinite;
}

div.spinner.ease-in-out p::after {
  top: -45px;
  left: 0;
  animation: ease-in-out-spin 1s -4.5s ease-in-out infinite;
}

div.spinner.ease-in-out strong::after {
  top: -45px;
  right: -81px;
  animation: ease-in-out-spin 1s 0s ease-in-out infinite;
}

/* ----------------- cubic-bezier spinner -------------------- */
@keyframes cubic-bezier-spin {
  0% {
    top: -80px;
    height: 80px;
    opacity: 0;
  }
  50%, 100% {
    top: -40px;
    height: 32px;
    opacity: 1;
  }
}
div.spinner.cubic-bezier ::before, div.spinner.cubic-bezier ::after {
  width: 14px;
  height: 60px;
  transform-origin: 0 0;
  background-color: #0879D1;
}

div.spinner.cubic-bezier p::before {
  left: -45px;
  animation: cubic-bezier-spin 2s -0.24s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}

div.spinner.cubic-bezier p::after {
  left: 0;
  animation: cubic-bezier-spin 2s -0.12s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}

div.spinner.cubic-bezier strong::after {
  right: -45px;
  animation: cubic-bezier-spin 2s 0s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}

/* ----------------- ease-in-out-fill spinner -------------------- */
@keyframes ease-in-out-fill-spin {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em #0879D1;
  }
  40% {
    box-shadow: 0 2.5em 0 0 #0879D1;
  }
}
div.spinner.ease-in-out-fill ::before, div.spinner.ease-in-out-fill ::after {
  width: 20px;
  height: 20px;
  top: -85px;
  border-radius: 100%;
  transform-origin: 50% 50%;
  animation-fill-mode: both;
  animation: ease-in-out-fill-spin 1.8s ease-in-out infinite;
}

div.spinner.ease-in-out-fill p::before {
  left: -90px;
  animation-delay: -0.64s;
}

div.spinner.ease-in-out-fill p::after {
  left: 0;
  animation-delay: -0.32s;
}

div.spinner.ease-in-out-fill strong::after {
  right: -90px;
  animation-delay: -0.16s;
}

/* ----------------- linear-dot spinner -------------------- */
@keyframes linear-dot-outer-spin {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(3);
    opacity: 0;
  }
}
@keyframes linear-dot-inner-spin {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  100% {
    transform: scale(0.5);
    opacity: 1;
  }
}
div.spinner.linear-dot ::before, div.spinner.linear-dot ::after {
  width: 20px;
  height: 20px;
  top: -55px;
  border-radius: 100%;
  transform-origin: 50% 50%;
  background-color: #0879D1;
}

div.spinner.linear-dot p::before {
  display: none;
}

div.spinner.linear-dot p::after {
  left: 50%;
  margin-left: -10px;
  animation: linear-dot-inner-spin forwards 2.5s 0s linear infinite;
}

div.spinner.linear-dot strong::after {
  left: 50%;
  margin-left: -10px;
  transform-origin: 50%;
  animation: linear-dot-outer-spin forwards 2.5s 0s linear infinite;
}

/* ----------------- linear-circle spinner -------------------- */
@keyframes linear-circle-spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
div.spinner.linear-circle p {
  margin-bottom: -70px;
}

div.spinner.linear-circle ::before, div.spinner.linear-circle ::after {
  width: 60px;
  height: 60px;
  top: -100px;
  content: "";
  border-radius: 100%;
  transform-origin: 50% 50%;
}

div.spinner.linear-circle p::after {
  left: 50%;
  margin-left: -40px;
  border-top: 10px solid rgba(8, 121, 209, 0.2);
  border-right: 10px solid rgba(8, 121, 209, 0.2);
  border-bottom: 10px solid rgba(8, 121, 209, 0.2);
  border-left: 10px solid #0879d1;
  animation: linear-circle-spin 1.1s linear infinite;
}

div.spinner.linear-circle p::before,
div.spinner.linear-circle strong::before,
div.spinner.linear-circle strong::after {
  display: none;
}

/* ----------------- progress-bar spinner -------------------- */
@keyframes progress-bar-spin {
  0% {
    transform: scaleX(0.1);
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    opacity: 1;
  }
}
div.spinner.progress-bar {
  position: static;
  width: 180px;
  height: auto;
  text-align: left;
  background-color: rgba(255, 255, 255, 0);
  margin: 1rem 0;
}

div.spinner.progress-bar p {
  margin: 0;
}

div.spinner.progress-bar ::before, div.spinner.progress-bar ::after {
  width: 180px;
  height: 10px;
  top: -1em;
  left: 0;
  content: "";
  border-radius: 1rem;
}

div.spinner.progress-bar p {
  font-size: 0.8em;
}

div.spinner.progress-bar p::before {
  background-color: rgba(8, 121, 209, 0.2);
  animation: unset;
}

div.spinner.progress-bar p::after {
  background-color: #0879d1;
  transform-origin: 0 0;
  animation: progress-bar-spin 2.3s linear infinite;
}

div.spinner.progress-bar span.wait {
  display: none;
}

@keyframes quiet {
  25% {
    transform: scaleY(0.6);
  }
  50% {
    transform: scaleY(0.4);
  }
  75% {
    transform: scaleY(0.8);
  }
}
@keyframes normal {
  25% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.9);
  }
  75% {
    transform: scaleY(0.5);
  }
}
@keyframes loud {
  25% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.7);
  }
  75% {
    transform: scaleY(1.4);
  }
}
.boxContainer {
  display: flex;
  justify-content: space-between;
  margin-left: 12px;
  height: 20px;
  --boxSize: 8px;
  --gutter: 5px;
  width: calc((var(--boxSize) + var(--gutter)) * 20);
}

.box {
  transform: scaleY(0.8);
  height: 90%;
  width: var(--boxSize);
  background: #DDE3E8;
  border-radius: 5px;
}

.box-animation .box {
  background: #0879D1;
  animation-duration: 0.8s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

.box1, .box4, .box8, .box11, .box13, .box16, .box20 {
  animation-name: quiet;
}

.box2, .box6, .box10, .box14, .box17, .box19 {
  animation-name: normal;
}

.box3, .box5, .box7, .box9, .box12, .box15, .box18 {
  animation-name: loud;
}

[class*=icon-].icon-reading-speed {
  background-color: #308276;
  background-position: 6px 5px;
  border-radius: 1em;
  background-image: url("/ti-web-shared/images/reading-speed.svg");
}

[class*=icon-].icon-reading-speed:hover {
  background-color: #1F394E;
}

[class*=icon-].icon-volume {
  background-color: #308276;
  background-position: 6px 7px;
  border-radius: 1em;
  background-image: url("/ti-web-shared/images/volume.svg");
}

[class*=icon-].icon-volume:hover {
  background-color: #1F394E;
}

/* -------------- TOOLTIPS ---------- */
span.tooltip {
  display: block;
  position: absolute;
  top: 50px;
  width: 8em;
  height: auto;
  max-width: 8em;
  word-wrap: break-word;
  font: 12px/1 Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: center;
  color: #FFF;
  /*IE*/
  color: #FFF;
  background-color: #000;
  /*IE*/
  background-color: #1F394E;
  padding: 0.7em 1em;
  border-radius: 0.2rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  opacity: 1;
  z-index: 5000;
}

span.tooltip::before {
  position: absolute;
  top: -5px;
  left: 50%;
  display: block;
  width: 10px;
  height: 10px;
  content: "";
  background: #1F394E;
  margin-left: -5px;
  border-top: 1px solid #FFF;
  border-left: 1px solid #FFF;
  transform: rotate(45deg);
}

button.show-icons[type=submit] {
  padding: 0;
}

.show-icons a:hover + .tooltip, .show-icons a:focus + .tooltip {
  display: block;
}

/* Gives tooltip with aria-label */
.alternative-alt:hover, .alternative-alt:focus {
  position: relative;
  z-index: 1;
}

.alternative-alt:hover::before, .alternative-alt:focus::before {
  display: block;
  position: absolute;
  top: -2.5em;
  left: -1.5em;
  content: attr(aria-label);
  font: 0.7em Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-transform: none;
  color: #FFF;
  background-color: var(--selection-a11y);
  padding: 0.5em 1em;
  border-radius: 100%;
  z-index: 2;
}

/* --------------------- EMBER POWER SELECT ------------------- */
.ember-basic-dropdown {
  position: relative;
}

.ember-basic-dropdown, .ember-basic-dropdown-content, .ember-basic-dropdown-content * {
  box-sizing: border-box;
}

.ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 10000;
  background-color: #ffffff;
}

.ember-basic-dropdown-content--left {
  left: 0;
}

.ember-basic-dropdown-content--right {
  right: 0;
}

.ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none;
}

.ember-basic-dropdown-content-wormhole-origin {
  display: inline;
}

.ember-power-select-options {
  list-style-type: none;
  border: 1px solid #A3AFB7;
}

.ember-power-select-options li {
  padding: 0.3em 0.5em;
}

.ember-power-select-options li:hover, .ember-power-select-options li:focus {
  background-color: #A3AFB7;
}

.ember-power-select-dropdown * {
  box-sizing: border-box;
}

div.p-select .ember-power-select-trigger {
  width: auto;
  flex: 1;
}

.ember-power-select-trigger {
  position: relative;
  width: 90%;
  max-width: 35em;
  min-height: 1em;
  padding: 0.5em 0.6em;
  border: 2px solid #DDE3E8;
  border-radius: 0.3rem;
  background-color: #FFF;
  overflow-x: hidden;
  text-overflow: ellipsis;
  user-select: none;
  -webkit-user-select: none;
}

.ember-power-select-trigger::after {
  content: "";
  display: table;
  clear: both;
}

.ember-power-select-trigger [class*=icon-] {
  overflow: visible;
  width: auto;
  height: auto;
  font: 90% Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #000000;
  background-color: #FFF;
  text-indent: 0;
  padding: 0;
}

.ember-power-select-trigger:focus,
.ember-power-select-trigger--active {
  border-top: 2px solid #0879D1;
  box-shadow: none;
}

.ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded=true],
.ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded=true] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.ember-basic-dropdown-trigger--above.ember-power-select-trigger[aria-expanded=true] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ember-power-select-search-input {
  width: 100%;
}

.ember-power-select-multiple-options {
  padding: 0;
  margin: 0;
  width: 90%;
}

.ember-power-select-multiple-option {
  border: 1px solid gray;
  border-radius: 4px;
  color: #333333;
  background-color: #e4e4e4;
  padding: 4px !important;
  display: inline-block;
  line-height: 1.45;
  float: left;
  margin: 2px 0 2px 3px;
}

.ember-power-select-multiple-remove-btn {
  cursor: pointer;
}

.ember-power-select-multiple-remove-btn:not(:hover) {
  opacity: 0.5;
}

input.ember-power-select-trigger-multiple-input {
  font-family: inherit;
  font-size: inherit;
  border: none;
  display: inline-block;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  padding: 0;
  float: left;
  background-color: transparent;
  text-indent: 2px;
  /* There's a browser bug where this selectos cannot be chained with commas */
}

.ember-power-select-multiple-option--disabled .ember-power-select-multiple-remove-btn {
  display: none;
}

/* ------------------- SIDE MENU -----------------------*/
div.controled div.content {
  position: absolute;
  box-sizing: border-box;
  width: 80%;
  max-width: 21rem;
  height: 100%;
  color: #FFF;
  background-color: #1F394E;
  z-index: 1020;
}

div.controled nav {
  flex-shrink: 1;
  flex-grow: 1;
  flex-basis: 0;
}

div#side-panel-container {
  width: 21rem;
  max-width: 21rem;
}

header#side-panel {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  max-height: 100%;
  width: 100vw;
  display: flex;
  flex-direction: column;
  z-index: 2000;
  pointer-events: none;
}

.side-panel-footer {
  pointer-events: auto;
  flex-grow: 1;
  flex-shrink: 0;
  z-index: 2000;
  background-color: #308276;
  padding: 0.6rem 5vw 0.4rem;
}

.side-panel-footer h1 {
  height: 100%;
  align-items: center;
}

#main-nav {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

#main-nav ul.level2 li.division {
  padding-top: 0.5em;
  margin-top: 0.5em;
  border-top: 1px solid #A3AFB7;
}

#main-nav ul.level2 li.division a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M10,22C9.75,22 9.54,21.82 9.5,21.58L9.13,18.93C8.5,18.68 7.96,18.34 7.44,17.94L4.95,18.95C4.73,19.03 4.46,18.95 4.34,18.73L2.34,15.27C2.21,15.05 2.27,14.78 2.46,14.63L4.57,12.97L4.5,12L4.57,11L2.46,9.37C2.27,9.22 2.21,8.95 2.34,8.73L4.34,5.27C4.46,5.05 4.73,4.96 4.95,5.05L7.44,6.05C7.96,5.66 8.5,5.32 9.13,5.07L9.5,2.42C9.54,2.18 9.75,2 10,2H14C14.25,2 14.46,2.18 14.5,2.42L14.87,5.07C15.5,5.32 16.04,5.66 16.56,6.05L19.05,5.05C19.27,4.96 19.54,5.05 19.66,5.27L21.66,8.73C21.79,8.95 21.73,9.22 21.54,9.37L19.43,11L19.5,12L19.43,13L21.54,14.63C21.73,14.78 21.79,15.05 21.66,15.27L19.66,18.73C19.54,18.95 19.27,19.04 19.05,18.95L16.56,17.95C16.04,18.34 15.5,18.68 14.87,18.93L14.5,21.58C14.46,21.82 14.25,22 14,22H10M11.25,4L10.88,6.61C9.68,6.86 8.62,7.5 7.85,8.39L5.44,7.35L4.69,8.65L6.8,10.2C6.4,11.37 6.4,12.64 6.8,13.8L4.68,15.36L5.43,16.66L7.86,15.62C8.63,16.5 9.68,17.14 10.87,17.38L11.24,20H12.76L13.13,17.39C14.32,17.14 15.37,16.5 16.14,15.62L18.57,16.66L19.32,15.36L17.2,13.81C17.6,12.64 17.6,11.37 17.2,10.2L19.31,8.65L18.56,7.35L16.15,8.39C15.38,7.5 14.32,6.86 13.12,6.62L12.75,4H11.25Z' style='fill: %23FFF' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  padding-left: 2rem;
  background-position: 0 0.5em;
}

div.controled {
  position: relative;
  box-sizing: border-box;
  margin-left: -2000px;
  flex-basis: 100%;
  flex-shrink: 1;
  border-top: 1px solid #FFF;
  box-shadow: 5px 3px 5px rgba(0, 0, 0, 0.2);
  transition: margin-left 0.5s;
  z-index: 1010;
}

div.controled.active {
  margin-left: 0;
}

div.controled div.content {
  display: none;
}

div.controled.active div.content {
  display: flex;
  flex-direction: column;
}

div.controled > * {
  pointer-events: auto;
}

.underlay {
  opacity: 0;
}

div.controled.active .underlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(44, 53, 65, 0.7);
  opacity: 1;
  cursor: pointer;
  transition: opacity 2s;
  z-index: 1000;
}

#main-nav h2 {
  color: #FFF;
  background-color: #1F394E;
}

#main-nav h2::before {
  content: none;
}

#main-nav > *[data-simplebar] {
  margin: 0 0 0 2rem;
  flex-shrink: 1;
  flex-grow: 1;
  min-height: 0;
  height: 0;
}

/* script: slideNav */
button.nav-control {
  position: absolute;
  overflow: hidden;
  width: 24px;
  height: 24px;
  top: 1.2rem;
  right: 5%;
  background-color: #308276;
  padding: 0;
  border-radius: 0;
  z-index: 2000;
}
button.nav-control:focus {
  outline-color: #0879D1;
}

/* Menu icon animation */
#menu-control rect {
  fill: #FFF;
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: slideRight;
}

#menu-control rect.active {
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: slideLeft;
}

#menu-control polygon {
  fill: #A3AFB7;
  transform-origin: center;
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: toHide;
}

#menu-control polygon.active {
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: toShow;
}

#main-nav li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  font: 1.1em/1 Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  list-style-type: none;
  padding: 0 1.5rem 0 0;
}

#main-nav p.module-choice {
  font-size: 1em;
  margin: 0;
}

#main-nav select {
  box-sizing: border-box;
  width: 100%;
  left: 0;
  font: 80% Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  background-position-x: 91%;
  background-color: #DDE3E8;
  padding: 0.5em 3rem 0.5em 3vw;
  border: none;
  border-radius: 0;
  z-index: 1;
}

#main-nav li a, #main-nav li button {
  display: block;
  box-sizing: border-box;
  width: 100%;
  font-family: Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: left;
  text-decoration: none;
  color: #FFF;
  background-color: #1F394E;
  padding: 0.8em 0 0.8em 0;
}
#main-nav li a:focus, #main-nav li button:focus {
  outline: 0;
  font-family: Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-style: italic;
}

#main-nav ul.level2 li.active a {
  outline: 0;
  font-family: Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-style: italic;
}

#main-nav li a::after, #main-nav li button::after {
  content: "";
  position: relative;
  float: right;
  width: 0.8em;
  height: 0.8em;
  top: 0.15em;
  background-color: #1F394E;
  margin-left: 1rem;
  margin-right: 6px;
  border-radius: 0.8em;
}

#main-nav ul:not(.interlocutor-side-menu) ul li a.active::after,
#main-nav li a:hover::after,
#main-nav li a:focus::after {
  background-color: #0879D1;
}

#main-nav li.active > a::after {
  background-color: #0879D1;
}

#main-nav li button:hover::after,
#main-nav li button:focus::after {
  background-color: #0879D1;
}

#main-nav li.active > button:first-child::after {
  background-color: #0879D1;
}

#main-nav li button.collapse {
  display: inline-block;
  box-sizing: initial;
  overflow: hidden;
  width: 1.05em;
  height: 1em;
  text-indent: -500em;
  white-space: nowrap;
  color: #FFF;
  background-color: rgba(255, 255, 255, 0.3);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23FFF'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 0.3em 0.5em;
  padding: 0.2em;
  border-radius: 0.3rem;
}

#main-nav li button.collapse[aria-expanded=true] {
  transform: rotate(180deg);
}

#main-nav span.badge {
  font-family: Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}

#main-nav span.badge:before {
  content: "(";
}

#main-nav span.badge:after {
  content: ")";
}

.simplebar-offset {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* New item button */
#main-nav li a.bt-create, #main-nav li a.bt-create:visited {
  font-family: Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #FFF;
  background-color: #0879D1;
  padding: 0.8em 0 0.8em 2.5em;
  margin: 1rem 0 2rem;
}

#main-nav li a.bt-create::after {
  content: none;
}

#main-nav li a.bt-create:hover, #main-nav li a.bt-create:focus {
  background-color: #308276;
}

/* Level2 sections */
ul.level2 {
  padding-left: 1rem;
  margin-bottom: 1rem;
  border-left: 1px solid #308276;
}

#main-nav ul.level2 li {
  font-size: 1em;
  padding-right: 0;
}

#main-nav div.line {
  flex-basis: 100%;
}

#main-nav button.has-level2, #main-nav a.has-level2 {
  display: inline-block;
  width: auto;
  flex-basis: 70%;
  flex-grow: 1;
}

#main-nav button.has-level2::after, #main-nav a.has-level2::after,
#main-nav button.has-level2:hover::after, #main-nav a.has-level2:hover::after,
#main-nav button.has-level2:focus::after, #main-nav a.has-level2:focus::after {
  content: none;
}

#main-nav button.collapse::after,
#main-nav button.collapse:hover::after,
#main-nav button.collapse:focus::after {
  content: none;
}

#main-nav .menu-bottom {
  margin: 0 0 10px 2rem;
  padding-top: 20px;
}
#main-nav .menu-bottom .site-map__link {
  text-decoration: underline;
}

/* ----------------- FILE UPLOADER  ------------------- */
p.uploader {
  position: relative;
  overflow: hidden;
  width: 41px;
  height: 41px;
}

p.uploader input {
  position: absolute;
  left: -500em;
}

label.icon-file-uploader {
  display: inline-block;
  overflow: hidden;
  width: 33px;
  height: 32px;
  text-indent: -500em;
  color: #FFF;
  background-color: #0879D1;
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  padding: 0;
  margin: 0;
  background-position: 4px -832px;
  cursor: pointer;
}

p.uploader input:focus + label.icon-file-uploader {
  background-color: #1F394E;
}

/* ------------------------------ MODALS --------------------------- */
div.modal {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  transition: opacity 400ms ease-in 0s;
  -webkit-transition: opacity 400ms ease-in 0s;
  -ms-transition: opacity 400ms ease-in 0s;
  z-index: 9000;
}

div.modal[aria-hidden=false], div.modal.active {
  display: block;
  opacity: 1;
}

div.modal .overlay {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: rgba(19, 25, 31, 0);
  background: rgba(19, 25, 31, 0.9);
}

div.modal h3 {
  overflow-x: hidden;
  padding-right: 3.5rem;
}

div.modal div.content {
  position: relative;
  overflow: auto;
  width: 70%;
  max-width: 600px;
  max-height: 80%;
  background-color: #FFF;
  padding: 1rem;
  margin: 5% auto;
  margin: 5vmax auto;
  border-radius: 0.2rem;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  transition: all 0.4s ease-in-out;
}

div.modal.active div.content {
  transition: all 0.4s ease-in-out;
}

div.modal.active div.content .buttons-bar {
  margin-bottom: 0;
}

div.modal div.content .modal-title {
  font-size: 1.5em;
  word-break: break-all;
  padding-right: calc(1rem + 40px);
  margin-bottom: 0.5em;
}

div.modal div.content ol {
  margin: 1rem;
}

div.modal div.content li {
  margin-bottom: 0.5rem;
}

div.modal div.content ul.treeview li {
  margin-bottom: 0;
}

.modal-close {
  position: absolute;
  overflow: hidden;
  width: 32px;
  height: 32px;
  top: 6px;
  right: 10px;
  text-indent: -50em;
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-repeat: no-repeat;
  background-position: 4px -281px;
  padding: 0;
  transform: scale(0.7);
  z-index: 1000;
}

.modal .buttons-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.modal .buttons-bar [class*=bt-] {
  width: auto;
}

@media screen and (min-width: 1000px) {
  .modal-close {
    top: 0.8rem;
    right: 1rem;
    transform: scale(1);
  }
}
/* ----------------- DROPDOWN ---------------- */
div.dropdown button.dd-trigger {
  font: 0.8em/1 Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #000000;
  background-color: #FFF;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.5em top 50%;
  background-size: 0.8em auto;
  padding: 0.2em 2em 0.2em 0.3em;
  border: 1px solid #A3AFB7;
  border-radius: 0.2em;
}

div.dropdown button.dd-trigger:hover, div.dropdown button.dd-trigger:focus {
  border-color: #0879D1;
}

div.dropdown ul {
  display: none;
  position: absolute;
  width: 10em;
  list-style-type: none;
  background-color: #FFF;
  padding: 0.2rem;
  border: 1px solid #A3AFB7;
  border-radius: 0.3rem;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  z-index: 1000;
}

div.dropdown ul[aria-hidden=true] {
  display: none;
}

div.dropdown ul[aria-hidden=false] {
  display: block;
}

div.dropdown ul button,
div.dropdown ul a,
div.dropdown ul [class*=icon-],
div.dropdown ul [class*=icon-].secondary {
  display: block;
  width: 100%;
  font: 100%/1 Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: left;
  text-indent: 0;
  text-decoration: none;
  color: #000000;
  background-color: #FFF;
  background-image: none;
  padding: 0.5em;
  margin: 0.1em 0;
}

div.dropdown ul a {
  text-decoration: none;
}

div.dropdown ul button:hover, div.dropdown ul a:hover,
div.dropdown ul button:focus, div.dropdown ul a:focus,
div.dropdown ul [class*=icon-]:focus, div.dropdown ul [class*=icon-]:hover,
div.dropdown ul [class*=icon-].secondary:focus, div.dropdown ul [class*=icon-].secondary:hover {
  color: #000000;
  background-color: #F2F3F4;
}

/* ------------ PAGINATION ---------------- */
nav.pagination {
  max-width: 60em;
  margin: auto;
}

nav.pagination ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  text-align: center;
}

nav.pagination li {
  width: 40px;
}

/* FOR WINDOW > 450px */
@media screen and (min-width: 450px) {
  nav.pagination li {
    /* Margin around page digits buttons */
  }
  nav.pagination li:not(.page) + li.page, nav.pagination li.page + li:not(.page) {
    margin-left: 10px;
  }
}
nav.pagination li:first-of-type {
  margin-left: auto;
}

nav.pagination li:last-of-type {
  margin-right: auto;
}

nav.pagination li.shortcut {
  flex-basis: 100%;
}

nav.pagination a, nav.pagination li button {
  display: block;
  text-decoration: none;
  color: #000000;
  background-color: #FFF;
  padding: 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid #FFF;
  border-radius: 0;
  font-family: Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  width: 100%;
}
nav.pagination a.firstPage, nav.pagination a.previousPage, nav.pagination a.nextPage, nav.pagination a.lastPage, nav.pagination li button.firstPage, nav.pagination li button.previousPage, nav.pagination li button.nextPage, nav.pagination li button.lastPage {
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: center;
  text-indent: -500em;
  overflow: hidden;
}
nav.pagination a.firstPage, nav.pagination li button.firstPage {
  background-image: url("/ti-web-shared/images/double-arrow-left.svg");
}
nav.pagination a.previousPage, nav.pagination li button.previousPage {
  background-image: url("/ti-web-shared/images/arrow-left.svg");
}
nav.pagination a.nextPage, nav.pagination li button.nextPage {
  background-image: url("/ti-web-shared/images/arrow-right.svg");
}
nav.pagination a.lastPage, nav.pagination li button.lastPage {
  background-image: url("/ti-web-shared/images/double-arrow-right.svg");
}

nav.pagination a:hover, nav.pagination a:focus, nav.pagination li.active a,
nav.pagination li button:hover, nav.pagination li button:focus, nav.pagination li.active button {
  border-bottom-color: #0879D1;
}

nav.pagination li button:disabled:hover {
  background-color: #FFF;
  border-bottom: 1px solid #FFF;
}

nav.pagination li.shortcut a, nav.pagination li.shortcut button {
  padding: 0.5em;
  margin-bottom: 0;
}

select.selector, input[type=search].search-selector {
  width: 90%;
  max-width: 35em;
  min-width: 12em;
}

.has-error input, .has-error select, .has-error textarea {
  border-color: #F00;
}

/* ------------------------------ RATING --------------------------- */
div.rating {
  text-align: center;
  padding: 0.5rem 1rem;
  margin: 2rem 0;
  border-top: 1px solid #A3AFB7;
  border-bottom: 1px solid #A3AFB7;
}

div.rating h3 {
  font-size: 1.1em;
  margin: 0 1rem 0 0;
  border: none;
}

div.rating .rate {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}

div.rating input[type=checkbox] {
  position: absolute;
  top: auto;
  left: -50em;
  opacity: 0;
}

div.rating .rate-item span {
  visibility: hidden;
}

div.rating .rate-item {
  display: block;
  width: 35px;
  height: 35px;
  background-size: 35px 35px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23CCC' /%3E%3C/svg%3E");
  cursor: pointer;
  padding: 0.25rem;
}

div.rating .rate-item.active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23DE7300' /%3E%3C/svg%3E");
}

div.rating .rate:hover .rate-item {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23DE7300' /%3E%3C/svg%3E");
}

div.rating .rate-item:hover ~ .rate-item {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23CCC' /%3E%3C/svg%3E");
}

div.rating input[type=submit] {
  overflow: hidden;
  width: 35px;
  height: 35px;
  text-indent: -80em;
  background-color: rgba(255, 255, 255, 0);
  background-repeat: no-repeat;
  background-size: 35px 35px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' style='fill: %230879D1' /%3E%3C/svg%3E");
  border: none;
}

div.rating input[type=reset] {
  overflow: hidden;
  width: 35px;
  height: 35px;
  text-indent: -80em;
  background-color: rgba(255, 255, 255, 0);
  background-repeat: no-repeat;
  background-size: 35px 35px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z' style='fill: %234B6377;' /%3E%3C/svg%3E");
  margin-left: 0;
  border: none;
}

div.rating input[type=submit][disabled] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' style='fill: %23CCC' /%3E%3C/svg%3E");
}

div.rating input[type=reset][disabled] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z' style='fill: %23CCC;' /%3E%3C/svg%3E");
}

@media screen and (min-width: 800px) {
  div.rating {
    display: flex;
    align-items: center;
    margin-bottom: 3rem;
  }

  div.rating ul {
    flex: 1;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
}
/* -------------------------------------------------------------
 TI HTML editor
Le Studio, 2020

Inherits from application main styles

------------------------------------------------------------- */
/* editor spinner */
div.editor {
  position: relative;
}
div.editor .editor-spinner {
  position: absolute;
  width: 100%;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
}
div.editor .editor-spinner div.spinner {
  height: 100%;
}
div.editor div.specifics > p, div.editor div.specifics div.field-specifics {
  flex: 1 0 50%;
  min-width: 250px;
}

p + div.editor {
  margin-top: 1em;
}

/* Local styles and exceptions */
div.editor-wrapper a, div.editor a:visited {
  color: #2900EC;
}

div.editor-wrapper div.actions-bar.editor-actions-bar {
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
  margin-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

div.editor-wrapper div.actions-bar p {
  font-size: 0.95em;
  margin: 0;
}

div.editor-wrapper ul.actions-list.editor-actions-list,
div.editor-wrapper div[role=list].actions-list.editor-actions-list {
  display: flex;
  flex-wrap: wrap;
  background-color: #DDE3E8;
  padding: 0.25rem 0.25rem 0;
  border: none;
  margin: 0;
  box-sizing: border-box;
}

div.editor-wrapper ul.actions-list.editor-actions-list li,
div.editor-wrapper div[role=list].actions-list.editor-actions-list div[role=listitem] {
  position: relative;
  margin: 0.25rem 0.15rem;
}

div.editor-wrapper ul.actions-list li > button,
div.editor-wrapper ul.actions-list li button.icon-attach,
div.editor-wrapper ul.actions-list li button.icon-attachments,
div.editor-wrapper div[role=list].actions-list div[role=listitem] > button,
div.editor-wrapper div[role=list].actions-list div[role=listitem] button.icon-attach,
div.editor-wrapper div[role=list].actions-list div[role=listitem] button.icon-attachments {
  background-color: #DDE3E8;
  padding: 0;
  border: none;
}

strong, b {
  font-family: Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}

em, i {
  font-style: italic;
}

/* Main */
div.editor-wrapper div.editable-block ul {
  margin: 1em;
}

div.editor-wrapper div.editable-block p, div.editor-wrapper div.editable-block li {
  margin-bottom: 0.5em;
}

div.editor-wrapper div.editable-block {
  min-height: 6rem;
  padding: 1rem;
  border: 1px solid #A3AFB7;
  border-radius: 0.3rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: auto;
  background-color: #F2F3F4;
}
div.editor-wrapper div.editable-block[contenteditable] {
  background-color: #FFF;
}

.has-error div.editor-wrapper div.editable-block,
.has-error div.editor-wrapper div.editable-block:hover {
  border: 2px solid #F00;
}

div.editor-wrapper div.editable-block b {
  font-weight: bold;
}

div.editor-wrapper div.editable-block:focus, div.editor-wrapper div.editable-block:hover {
  border-color: #0879D1;
}

div.editor-wrapper div.editable-block.active {
  border: 3px dotted #308276;
}

div.editor-wrapper p.buttons-bar {
  margin: 1rem 0 0;
}

div.editor-wrapper input[type=url] {
  width: 19em;
}

select.models, select.signature {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
}

button.signature option .invisible-signature-data {
  display: none;
}

.contentEditableValue {
  display: none;
}

select.signature {
  max-width: 170px;
  height: 32px;
  border: 0;
}

div.editor-wrapper div.actions-bar div.f-header {
  margin-bottom: 5px;
}

div.editor div.specifics {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px dotted #308276;
}

div.editor div.specifics label {
  display: inline-block;
  margin: 0 0.5em 0 0;
}

div.editor-wrapper .editor-actions-list select {
  border: 0;
}

input[type=color] {
  width: 2rem;
  height: 2.2em;
  padding: 1px;
}

#color-poly {
  display: none;
}

#color-poly.active {
  display: block;
}

#color-poly div.format-options {
  display: none;
  width: 228px;
  min-width: 1px;
}

#color-poly div.format-options.active {
  display: block;
}

div.editor-wrapper ul.actions-list li button.color,
div.editor-wrapper div[role=list].actions-list div[role=listitem] button.color {
  overflow: hidden;
  text-indent: -50em;
  border: 2px solid #FFF;
  padding: 0.5em 1em 0.55em;
}

button.color:hover, button.color:focus {
  border-top-color: #000;
  border-right-color: #FFF;
  border-bottom-color: #FFF;
  border-left-color: #000;
}

#color-poly ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}

div.editor-wrapper ul.actions-list.editor-actions-list #color-poly li,
div.editor-wrapper div[role=list].actions-list.editor-actions-list #color-poly li {
  margin: 0.25rem;
}

/* ------------ BUTTONS ------------- */
div.editor-wrapper [class*=icon-] {
  background-image: url("/ti-web-shared/images/sprite-editor.svg");
  background-color: #F2F3F4;
  border: 1px solid #A3AFB7;
}

div.editor-wrapper ul.actions-list li button[class*=icon-]:hover,
div.editor-wrapper ul.actions-list li button[class*=icon-]:focus,
div.editor-wrapper div[role=list].actions-list div[role=listitem] button[class*=icon-]:hover,
div.editor-wrapper div[role=list].actions-list div[role=listitem] button[class*=icon-]:focus {
  background-color: #A3AFB7;
}

div.editor-wrapper ul.actions-list li button[class*=icon-].active,
div.editor-wrapper div[role=list].actions-list div[role=listitem] button[class*=icon-].active {
  background-color: #A3AFB7;
}

div.editor-wrapper .actions-bar .extraButtons {
  inline-size: max-content;
  display: flex;
}
div.editor-wrapper .actions-bar .extraButtons > * {
  margin: 0 2px;
}

.icon-bold {
  background-position: -1px 4px;
}

.icon-italic {
  background-position: -2px -82px;
}

.icon-underl {
  background-position: -1px -771px;
}

.icon-list {
  background-position: -1px -172px;
}

.icon-link {
  background-position: -1px -275px;
}

.icon-img {
  background-position: -1px -363px;
}

.icon-aright {
  background-position: -1px -462px;
}

.icon-acenter {
  background-position: -1px -656px;
}

.icon-aleft {
  background-position: -1px -563px;
}

.icon-attach {
  background-position: -1px -910px;
}

.icon-spellcheck {
  background-position: -1px -1084px;
}

.icon-ai {
  background-position: 0 -1232px;
}

.icon-tt {
  background-position: 0 -1377px;
}

.icon-signature {
  background-position: -1px -1084px;
}

.icon-check-signature {
  background-position: -1px -1084px;
}

.icon-attachments {
  background-position: -1px -1537px;
}

div.editor-wrapper ul.actions-list li p.uploader,
div.editor-wrapper div[role=list].actions-list div[role=listitem] p.uploader {
  width: 33px;
  height: 32px;
}

/* ------------ LINKS ------------- */
div.format-options {
  display: none;
  position: absolute;
  width: 100%;
  min-width: 260px;
  left: -105px;
  top: 2rem;
  background-color: #DDE3E8;
  padding: 1rem 1rem 0.8rem;
  border-radius: 0.3rem;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  z-index: 9999;
}

@media (max-width: 1440px) {
  div.format-options {
    left: 0px;
  }
}
div.format-options.active {
  display: block;
}

div.format-options p {
  margin: 0;
}

div.format-options label {
  display: contents;
  width: 80%;
}

div.format-options button {
  padding: 0.6em 1em 0.5em;
}

div.format-options input[type=url] {
  width: 80%;
  padding: 0.3em 0.6em;
}

div.format-options ul li {
  list-style: none;
}

/* Attachments */
div.editor-wrapper ul.message-attachments {
  margin-left: 0;
}

div.editor-wrapper ul.message-attachments .filetype {
  display: inline-block;
  width: 2.5em;
  font-size: 90%;
  text-align: center;
  text-transform: uppercase;
  color: #FFF;
  background-color: #308276;
  padding: 0.2em 0.45em;
  margin-right: 0.5em;
  border-radius: 0.3rem;
}

div.editor-wrapper .feedback-message {
  margin: 0.5rem 0;
  padding: 0.5rem;
}

div.editor-wrapper ul.message-attachments .ellipsis {
  flex-basis: 100%;
}

div.editor-wrapper ul.message-attachments > li {
  align-items: center;
}

div.attachment-line {
  padding: 1em 0.5em;
  display: flex;
  justify-content: space-between;
  margin: 1em 0;
  background-color: #F2F3F4;
  border-radius: 0.3rem;
  font-weight: bold;
  align-items: center;
  cursor: pointer;
}

/* ----------------------- SPELLCHECK ----------------------  */
mark {
  cursor: help;
}

ul.sc-options {
  position: absolute;
  width: auto;
  min-width: 6em;
  left: 0;
  list-style-type: none;
  background-color: #FFF;
  padding: 0.5rem;
  border: 1px solid #A3AFB7;
  border-radius: 0.3rem;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  z-index: 10;
  margin: 30px 20px;
}

mark[aria-expanded=false] ul.sc-options {
  display: none;
}

mark[aria-expanded=true] ul.sc-options {
  display: block;
}

ul.sc-options li {
  padding: 0.2em 0.3em;
}

b ul.sc-options li, strong ul.sc-options li {
  font-family: Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}

u ul.sc-options li {
  text-decoration: none;
}

em ul.sc-options li, i ul.sc-options li {
  font-family: Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-style: normal;
}

ul.sc-options li:hover, ul.sc-options li:focus {
  background-color: rgba(0, 0, 0, 0.1);
}

ul.sc-options li.ignore {
  font-weight: bold;
  padding-top: 0.5em;
  margin-top: 0.5em;
  border-top: 1px solid #A3AFB7;
}

ul.sc-options li.ignore-all {
  font-weight: bold;
}

div.editor-wrapper ul.editor-actions-list li > button.icon-spellcheck,
div.editor-wrapper div[role=list].editor-actions-list div[role=listitem] > button.icon-spellcheck {
  border: 1px solid #A3AFB7;
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

div.editor-wrapper ul.editor-actions-list li > button.icon-lang,
div.editor-wrapper div[role=list].editor-actions-list div[role=listitem] > button.icon-lang {
  background-color: #DDE3E8;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.65em top 50%;
  background-size: 1em auto;
  margin-left: -2px;
  border: 1px solid #A3AFB7;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

div.editor-wrapper ul.editor-actions-list li > button.icon-signature,
div.editor-wrapper div[role=list].editor-actions-list div[role=listitem] > button.icon-signature {
  background-color: #DDE3E8;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.65em top 50%;
  background-size: 1em auto;
  border: 1px solid #A3AFB7;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -2.5px;
}

div.editor-wrapper ul.editor-actions-list li > button.icon-check-signature,
div.editor-wrapper div[role=list].editor-actions-list div[role=listitem] > button.icon-check-signature {
  background-color: #DDE3E8;
  background-image: url("/ti-web-shared/images/tosign.svg");
  background-repeat: no-repeat;
  background-position: right 0.3em top 50%;
  border: 1px solid #A3AFB7;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}

li.f-spellCheck .format-options,
div.f-spellCheck .format-options {
  min-width: 9em;
  left: auto;
  right: 0;
}

@media (max-width: 1550px) {
  ul li.f-spellCheck .format-option,
div div.f-spellCheck .format-option {
    right: auto;
  }
}
/* ----------------------- IMAGE RESIZER ----------------------  */
.editable-block .editor-image {
  position: relative;
  display: inline-block;
}

.editable-block .editor-image img {
  max-width: unset;
  cursor: default;
  outline: none;
}

.editable-block .resizers {
  position: absolute;
  display: none;
  border: 1px solid #1F394E;
  cursor: default;
  z-index: 1;
}

.editable-block .resizers .resizer {
  width: 7px;
  height: 7px;
  background: white;
  border: 1px solid #1F394E;
  position: absolute;
  cursor: nw-resize;
}

.editable-block .resizers .resizer.top-left {
  left: -5px;
  top: -5px;
}

.editable-block .resizers .resizer.top-right {
  right: -5px;
  top: -5px;
}

.editable-block .resizers .resizer.bottom-left {
  left: -5px;
  bottom: -5px;
}

.editable-block .resizers .resizer.bottom-right {
  right: -5px;
  bottom: -5px;
}

/* ----------------------- MEDIA QUERIES ----------------------  */
@media screen and (min-width: 800px) {
  div.editor-wrapper ul.message-attachments .ellipsis {
    flex-basis: calc(100% - 220px);
  }

  div.editor div.group {
    display: flex;
    margin: 0.5rem 0 0;
  }

  div.editor div.group p:first-of-type {
    margin-right: 4rem;
  }

  div.editor-wrapper div.actions-bar.editor-actions-bar {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background-color: #DDE3E8;
    padding-left: 0.5rem;
    margin-bottom: 0;
  }

  div.editor-wrapper div.actions-bar div.f-header {
    max-width: 20em;
    margin: 0.5rem 0;
  }
  div.editor-wrapper div.actions-bar div.f-header input[type=search].search-selector {
    width: 100%;
  }
}
/* ---------------------------- IE --------------------------------- */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  select, div.h-card select {
    padding-right: 3em;
  }
}
.search-input-global-component {
  display: flex;
  width: 100%;
  align-items: center;
}
.search-input-global-component input {
  width: 100%;
  outline: none;
  padding-right: 52px;
}
.search-input-global-component button {
  position: absolute;
  right: 32px;
  width: 32px !important;
}
.search-input-global-component button::after {
  content: unset !important;
}

/* -------- CLIENT SHEET ------------- */
section.participants {
  margin-bottom: 1rem;
}

section.participants h3 {
  margin-bottom: 1rem;
}

section.participants .h-card {
  justify-content: flex-start;
  align-items: center;
  position: relative;
  color: #FFF;
  padding: 1rem;
  background-color: #308276;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

section.participants dl {
  display: flex;
  flex-flow: column;
  margin-left: 2rem;
}

section.participants dt {
  font: 1.3em/1.1 Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.5rem;
  word-break: break-word;
}

section.participants div.h-card .u-photo, section.participants div.h-card .u-photo img {
  order: initial;
  width: 100px;
  height: 100px;
}

main.conversation section.participants ul.actions-list,
section.participants ul.actions-list {
  position: absolute;
  width: auto;
  bottom: -17px;
  left: calc(110px + 3rem);
  text-align: center;
  margin: 0;
}

button.info {
  position: absolute;
  width: 35px;
  top: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
}

/* -------- AVATAR ------------- */
ul.avatars {
  list-style-type: none;
  background-color: #DDE3E8;
  padding: 1rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

ul.avatars li {
  display: flex;
  align-items: center;
  padding: 0.5rem 0;
}

ul.avatars li + li {
  border-top: 1px dotted #308276;
}

ul.avatars img {
  object-fit: cover;
  object-position: center;
  font-family: "object-fit: cover; object-position: center;";
  width: 35px;
  height: 35px;
  border-radius: 35px;
  margin-right: 1rem;
}

/* ------------- ACTIONS BAR ------------------ */
div.actions-bar {
  color: #000;
  background-color: #DDE3E8;
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}
div.actions-bar p, div.actions-bar li, div.actions-bar div[role=listitem] {
  font-size: 0.9em;
}

div.actions-bar > :only-child {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}

div.actions-bar form p {
  margin-bottom: 0.5rem;
}

div.actions-bar .activity p {
  margin-bottom: 0.5rem;
}

div.actions-bar .activity {
  justify-content: left;
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0;
  column-gap: 30px;
}

.status-filter input {
  position: fixed;
  top: -4em;
}

div.actions-bar form > :nth-child(2) {
  border-top: 1px solid #A3AFB7;
  border-bottom: 1px solid #A3AFB7;
}

div.actions-bar .radio-chips label {
  border: 1px solid #A3AFB7;
}

div.actions-bar .radio-chips input:hover + label, div.actions-bar .radio-chips input:focus + label {
  color: #000;
  background-color: #DDE3E8;
  border-color: #0879D1;
}

div.actions-bar .radio-chips input:checked + label {
  color: #FFF;
  background-color: #0879D1;
  border-color: #0879D1;
}

div.actions-bar .radio-chips {
  padding: 0;
  margin: 0;
}

div.actions-bar > * {
  padding: 0;
}

/* ------------------------- COLLAPSIBLES -------------------- */
.collapsible {
  margin-bottom: 3rem;
}

.collapsible h3, .collapsible h4 {
  margin-bottom: 0;
}

.collapsible > .content {
  display: none;
}

.collapsible > .content[aria-hidden=false] {
  display: block;
  background-color: #F2F3F4;
  padding: 3rem 1rem 0.5rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.collapsible button.control {
  width: 100%;
  text-align: left;
  background-color: #1F394E;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %23FFF'/%3E%3Cpolygon points='33.26 10.19 41.74 10.19 37.5 15.81 33.26 10.19' style='fill: %230879D1'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 3em 30px;
  background-position: right 0.8em top 0.25em;
  background-repeat: no-repeat;
  padding-right: 60px;
}

.collapsible button.control[aria-expanded=true] {
  background-color: #0879D1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %23FFF'/%3E%3Cpolygon points='33.26 15 41.74 15 37.5 9.38 33.26 15' style='fill: %230879D1'/%3E%3C/g%3E%3C/svg%3E");
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-size: 3em 30px;
}

.collapsible.top-level button.control {
  color: #FFF;
  background-color: #0879D1;
}

fieldset.collapsible.sub-group {
  border-top: 1px solid #A3AFB7;
  margin-bottom: 1rem;
}

fieldset.collapsible.sub-group legend,
fieldset.choices div:first-child label {
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
}

fieldset.collapsible.sub-group button.control {
  color: #000000;
  background-color: rgba(255, 255, 255, 0);
  background-position: right 0.5em top 0.2em;
  padding-left: 0;
}

/* FOR WINDOW > 1250px */
@media screen and (min-width: 1250px) {
  .collapsible button.control[aria-expanded=true] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %230879D1'/%3E%3Cpolygon points='33.26 15 41.74 15 37.5 9.38 33.26 15' style='fill: %23FFF'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 3em 30px;
  }

  .collapsible > .content[aria-hidden=false] {
    padding-top: 1rem;
    margin-bottom: 2rem;
  }

  .collapsible.top-level button.control[aria-expanded=true] {
    color: #1F394E;
    background-color: #F2F3F4;
  }

  header .collapsible {
    width: 100%;
  }

  header .collapsible > .content[aria-hidden=false] {
    margin-top: 1rem;
  }
}
/* ------------------------------ TABS --------------------------- */
ul.tabs {
  display: flex;
  overflow-x: auto;
  border-bottom: 5px solid #0879D1;
}

ul.tabs li {
  list-style-type: none;
  font-family: Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}

ul.tabs li + li {
  margin-left: 0.5em;
}

ul.tabs li a, ul.tabs li a:visited {
  display: block;
  text-decoration: none;
  background-color: #F2F3F4;
  padding: 0.5em 1em;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

ul.tabs li a:hover, ul.tabs li a:focus {
  color: #FFF;
  background-color: #1F394E;
}

ul.tabs li.active a, ul.tabs li.active a:visited {
  color: #FFF;
  background-color: #0879D1;
}

div.tab-item-component {
  padding-top: 1rem;
}

div.tab-item-component > h3:first-child {
  font-size: 1.2em;
  padding-bottom: 0;
  margin: 0 0 1rem;
  border: none;
}

@media screen and (min-width: 1000px) {
  div.tab-item-component > h3:first-child {
    font-size: 1.5em;
    padding: 0.5rem 0 1rem;
  }
}
/* TOP-LEVEL FIELDSETS */
.top-level {
  position: relative;
  padding: 0;
  border-radius: 0.3rem;
}

.top-level > legend {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  color: #FFF;
  background-color: #0879D1;
  padding: 0;
  border-radius: 0.3rem;
}

.top-level > legend button.control {
  width: 100%;
  text-align: left;
  padding: 0.5em 1rem;
  border-radius: 0.3rem;
  background-position: calc(100% - 0.6rem) 0.2em;
}

.top-level label {
  background-color: #F2F3F4;
}

/* ----------------- DATA SHEET -------------------- */
div.data-sheet {
  margin-bottom: 2rem;
}

div.data-sheet dl {
  margin-bottom: 1rem;
}

div.data-sheet dt {
  font: 0.9em Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.3em;
}

div.data-sheet {
  font: 0.9em Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.3em;
}

div.data-sheet div {
  margin-right: 2rem;
}

div.data-sheet div.main {
  flex-basis: 100%;
}

div.data-sheet dd {
  font-size: 1.1em;
}

div.data-sheet span {
  font: 1.1em Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.5em;
}

/* ------------- ACTIONS LIST ------------------ */
ul.actions-list {
  display: flex;
  list-style-type: none;
}

ul.actions-list li {
  margin: 0.25rem 0.5rem 0.25rem 0;
}

ul.actions-list li:last-of-type {
  margin-right: 0;
}

ul.actions-list button {
  vertical-align: top;
}

/* ---------------------- INTERACTIVE BLOCKS  -------------------------- */
/* --- DETAILS / SUMMARY --- */
details {
  position: relative;
  padding: 1rem 0;
  border-top: 1px solid #A3AFB7;
}

summary {
  overflow: hidden;
  font: 1em Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  cursor: pointer;
}

details[open] summary {
  margin-bottom: 1rem;
}

details.special ul {
  position: absolute;
  width: 100%;
  top: 2.2em;
  left: 0;
  list-style-type: none;
  text-align: left;
  background-color: #0879D1;
}

details.special li {
  font-size: 0.7em;
}

details.simple {
  color: #000000;
  padding: 0;
  border: none;
}

details.simple summary {
  font-size: 80%;
  color: #000000;
  margin-top: 1em;
}

details.simple summary::after {
  content: " +";
}

details.simple[open] summary {
  margin-bottom: 0.5em;
}

details.simple[open] summary::after {
  content: " -";
}

/* --------------------------- UTILITIES -------------------------- */
.nowrap {
  white-space: nowrap;
}

hr {
  border: none;
  border-top: 1px dotted #A3AFB7;
  margin-bottom: 1rem;
}

.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20em;
  white-space: nowrap;
}

/* ------------ CHIPS ---------------- */
.chip {
  white-space: nowrap;
  line-height: 1;
  padding: 0.5em 0 0.5em 1em;
  border-radius: 2em;
}

.chip .icon-close {
  background-color: transparent;
  padding: 0;
  vertical-align: middle;
  transform: scale(0.3);
}

ul.chips {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
}

ul.chips li {
  margin: 0 0.5rem 0 0;
}

/* ------------ TAGS ---------------- */
.tags {
  background: url("/ti-web-shared/images/tags.svg") 0 0.35em no-repeat;
  background-size: 0.8em;
  padding-left: 20px;
}
.tags span.tag {
  font-size: 0.75rem;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20em;
  white-space: nowrap;
}
.tags span.tag:not(:last-child):after {
  content: ", ";
}

/* ------------ THEME ---------------- */
.theme {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 512 512'%3E%3Cpath d='M507.31 84.69L464 41.37c-6-6-14.14-9.37-22.63-9.37H288V16c0-8.84-7.16-16-16-16h-32c-8.84 0-16 7.16-16 16v16H56c-13.25 0-24 10.75-24 24v80c0 13.25 10.75 24 24 24h385.37c8.49 0 16.62-3.37 22.63-9.37l43.31-43.31c6.25-6.26 6.25-16.38 0-22.63zM224 496c0 8.84 7.16 16 16 16h32c8.84 0 16-7.16 16-16V384h-64v112zm232-272H288v-32h-64v32H70.63c-8.49 0-16.62 3.37-22.63 9.37L4.69 276.69c-6.25 6.25-6.25 16.38 0 22.63L48 342.63c6 6 14.14 9.37 22.63 9.37H456c13.25 0 24-10.75 24-24v-80c0-13.25-10.75-24-24-24z' transform='translate(0 -0.03)' style='fill: %234b6377'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 0.8em;
  background-position: left center;
  padding-left: 20px;
}
.theme > span {
  font-size: 0.75rem;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20em;
  white-space: nowrap;
}
.theme > span:not(:last-child):after {
  content: ", ";
}

/* ---------- LIST OF LINKS ---------- */
ul.links-list {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  margin-left: 0;
}

ul.links-list li:first-child {
  flex-basis: 100%;
  font-family: Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}

ul.links-list li {
  flex-basis: 40%;
  margin-right: 1rem;
}

/* ---------- ENTRIES LIST ---------- */
ul.entries-list {
  position: relative;
  list-style-type: none;
  margin: 2rem;
  border-left: 1px solid #0879D1;
}

ul.entries-list [class*=bt-] {
  font: 90% Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #000000;
  background-color: #FFF;
}

/* ------------ EXCEPTIONS FOR IE < EDGE ------------------*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #menu-control rect {
    opacity: 1;
  }

  #menu-control rect.active {
    opacity: 0;
  }

  #main-nav li button.collapse {
    background-position: 5px 8px;
    padding: 12px;
  }

  fieldset.collapsible button.control {
    background-size: 2em 2em;
  }

  div.actions-bar form {
    align-items: flex-end;
  }

  .form-makeup label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='10' style='fill: %23fff; stroke: %23505050; stroke-width:2'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
  }

  .form-makeup input:checked + label::before, .form-makeup label.checked::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='10.65' style='fill: %230879D1'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
  }

  .form-makeup input[type=checkbox] + label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='20.3' height='20.3' x='1' y='1' rx='2.33' ry='2.33' style='fill: %23fff; stroke:%23505050; stroke-width:2;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }

  .form-makeup input[type=checkbox]:checked + label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='22.3' height='22.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }

  button[disabled], .form-reset[disabled], .form-submit[disabled] {
    opacity: 0.4;
    background-color: #308276;
  }

  button[disabled]:hover, .form-reset[disabled]:hover, .form-submit[disabled]:hover {
    background-color: #A3AFB7;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  div#modal-container div.modal div.content {
    margin: 5% auto;
  }
}
/* Style of hyperlinks */
@font-face {
  font-family: "latobold";
  src: url("/ti-web-shared/assets/fonts/lato-bold-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "latolight";
  src: url("/ti-web-shared/assets/fonts/lato-light-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "latoregular";
  src: url("/ti-web-shared/assets/fonts/lato-regular-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "latoblack";
  src: url("/ti-web-shared/assets/fonts/lato-black-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-black-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.graph-component {
  width: 100%;
  height: 500px;
  margin-top: 10px;
}
@media screen and (max-width: 1000px) {
  .graph-component {
    margin-top: 0;
  }
}
.graph-component .amcharts-amexport-menu-root.amcharts-amexport-top {
  top: -10px;
}
@media screen and (max-width: 1000px) {
  .graph-component .amcharts-amexport-menu {
    display: none !important;
  }
}

/* -------------- DATEPICKER IE FALLBACK  ----------------- */
div.datepickerDialog {
  position: absolute;
  width: 269px;
  background-color: #FFF;
  padding: 0.3rem;
  border-radius: 0.3rem;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  z-index: 1000;
  display: none;
}

div.datepickerDialog caption {
  font-size: 0.8em;
  text-align: center;
  text-transform: uppercase;
  padding: 0.5em;
}

div.datepickerDialog caption p {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}

div.datepickerDialog caption button {
  background-color: #F2F3F4;
  padding: 0.3em;
  margin: 0 0.5em;
}

div.datepickerDialog caption button:first-of-type {
  margin-right: auto;
}

div.datepickerDialog caption button:last-of-type {
  margin-left: auto;
}

div.datepickerDialog th, div.datepickerDialog td {
  font-size: 0.75em;
  padding: 0;
}

div.datepickerDialog th {
  background-color: #F2F3F4;
}

div.datepickerDialog td button {
  width: 100%;
  color: #000000;
  background-color: #FFF;
  padding: 0.5em 0.2em;
}

div.datepickerDialog td button:hover, div.datepickerDialog td button:focus {
  color: #FFF;
  background-color: #0879D1;
}

div.datepickerDialog td button.disabled {
  color: #A3AFB7;
  background-color: #FFF;
}

div.datepickerDialog p.buttons-bar, div.datepickerDialog p.time-selector {
  display: flex;
  justify-content: center;
  font-size: 0.8em;
  padding-top: 0.3em;
  margin: 0.3em 0.3em 0 0.3em;
  border-top: 1px solid #DDE3E8;
}

button.dp-button {
  width: 33px;
  height: 32px;
  padding: 0;
  vertical-align: -5px;
}

figure.img-container p.img-container-filename {
  word-break: break-all;
}

figure.img-container {
  overflow: auto;
  height: 50vh;
}

figure.img-container img {
  max-width: unset;
}

@media screen and (min-width: 800px) {
  div.modal div.content[id^=image-preview-modal-content-] {
    overflow: unset;
    width: fit-content;
    max-width: 70%;
    min-width: 600px;
  }
}
@media screen and (max-width: 800px) {
  div.modal div.content[id^=image-preview-modal-content-] {
    overflow: unset;
    max-width: 600px;
    max-height: 80%;
  }
}
.icon-zoom {
  position: absolute;
  top: 110px;
  background-position: 2px 4px;
  background-color: transparent;
}
.icon-zoom:hover {
  background-color: #F2F3F4;
}
.icon-zoom:focus {
  background-color: #A3AFB7;
}

.icon-zoom-in {
  right: 50px;
  background-image: url("/ti-web-shared/images/zoom-in.svg");
}

.icon-zoom-out {
  right: 80px;
  background-image: url("/ti-web-shared/images/zoom-out.svg");
}

.preview-page {
  max-height: 100vh;
  position: relative;
  overflow: hidden !important;
}
.preview-page a {
  color: #6a91b7;
  font-size: 14px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.preview-page a i {
  font-size: 1.8333333333em;
}
.preview-page a i:focus {
  outline: none;
}
.preview-page a i:hover {
  outline: none;
}
.preview-page a:not(.action-icon-disabled):focus {
  outline: none;
}
.preview-page a:not(.action-icon-disabled):focus i {
  font-weight: bolder;
}
.preview-page a:focus {
  text-decoration: none;
}
.preview-page a:hover {
  text-decoration: none;
}

.uploader-info {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.pagination-item {
  align-items: baseline;
}

.preview-page-img {
  width: inherit;
  max-width: 70vw !important;
  min-width: 20vw;
}

.icon-zoom {
  position: inherit;
}

figure.img-container img {
  width: 100%;
}

.zoom-group {
  display: flex;
  justify-content: end;
  margin-bottom: 10px;
}

div.editor-wrapper .audio, div.editor-wrapper .audio-record [class*=icon-download] {
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-color: #308276;
}

div.editor-wrapper .audio, div.editor-wrapper .audio-record [class*=icon-download]:hover,
div.editor-wrapper .audio, div.editor-wrapper .audio-record [class*=icon-download]:focus {
  background-color: #1F394E;
}

#wavesurfer-audio-editor {
  padding: 0;
}

[id^=wavesurfer-audio-] {
  width: 37%;
  padding: 0;
}

.audio-preview {
  justify-content: center;
}

div.record-duration {
  font-size: 1em;
  font-weight: bold;
  margin-top: 8px;
}

div.message-duration {
  font-size: 1em;
  padding-top: 10px;
  margin-right: 0;
  margin-left: 0;
}

div.editable-block.record-block > div.audio-record > div.player-actions > ul > li {
  margin: 0 0.6rem 0 0;
}
div.editable-block.record-block > div.audio-record > div.player-actions > ul > li > a {
  display: flex;
  margin-top: 0;
}

.audio-message, .audio-record, .audio {
  display: flex;
  gap: 10px;
}
.audio-message audio, .audio-record audio, .audio audio {
  background: #FFF;
  border: 2px solid #DDE3E8;
  border-radius: 5px;
  width: 100%;
  height: 40px;
}
.audio-message .icon-download.voice-message, .audio-record .icon-download.voice-message, .audio .icon-download.voice-message {
  border: none;
  border-radius: 1em;
}

.audio-message a {
  display: flex;
  height: 32px;
}

.audio-record {
  margin-top: 25px;
  min-width: 31rem;
  min-height: 4rem;
}
.audio-record a {
  margin-top: 14px;
  height: 32px;
}

.audio {
  min-width: 20rem;
}
.audio a {
  margin-top: 6px;
  margin-left: 10px;
  height: 32px;
}

.audio-preview-container {
  width: 100%;
  margin-bottom: 0.3rem;
}
.audio-preview-container .loading {
  display: flex;
  justify-content: left;
  align-items: center;
  margin-bottom: -5px;
  margin-left: -15px;
}
.audio-preview-container .loading p.loading-text {
  margin-top: 0;
}
.audio-preview-container button.loading-icon {
  width: 30px;
  height: 25px;
  background-color: transparent;
  border-radius: 0;
  vertical-align: text-top;
  outline: none;
}
.audio-preview-container button.loading-icon span {
  background-image: url("/ti-web-shared/images/loading-circle.svg");
  animation: spin 1.5s linear infinite;
  display: block;
  width: 13px;
  height: 13px;
  background-repeat: no-repeat;
}

.vm-actions-list {
  display: flex;
  list-style-type: none;
  margin-left: 0;
}

#volume-control, #speed-control {
  display: none;
}
#volume-control > input, #speed-control > input {
  width: 65px;
}

.audio-volume {
  min-width: 41px;
  text-align: right;
}

.audio-speed {
  min-width: 33px;
  text-align: right;
}

#volume-control[aria-hidden=false], #speed-control[aria-hidden=false] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

div.bubble .content .player-actions ul {
  margin-top: 5px;
  margin-bottom: 0;
  margin-left: 0;
}

div.editable-block.record-block > div.audio-record > div.player-actions > ul {
  margin: 0;
}
div.editable-block.record-block > div.audio-record > div.player-actions > ul li > button {
  background-color: #308276;
}
div.editable-block.record-block > div.audio-record > div.player-actions > ul li > button:hover {
  background-color: #1F394E;
}

input[type=range] {
  -webkit-appearance: none;
  background-color: #0879D1;
  height: 5px;
  border-radius: 1em;
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background-color: #308276;
  border-radius: 1em;
  width: 5px;
  height: 15px;
}

div.files-list {
  margin-top: 20px;
}

li.list-form {
  display: flex;
  align-items: center;
}

ul.add-list {
  max-width: unset;
  padding: 0 1rem 0 1.5rem;
  margin: 2rem 0;
  border-left: 5px solid #0879D1;
}

ul.add-list li {
  padding: 0;
}

ul.add-list li:last-child {
  border-bottom: none;
}

.merge-files li.form-makeup {
  overflow: unset;
}

.list-form dl dt {
  overflow-wrap: anywhere;
  white-space: normal;
  max-width: 100%;
}

.merge-files .form-makeup input {
  top: inherit;
  opacity: 0;
}

/*--------------- PROJECTS MODULE ------------------ */
/* SPECIFIC BUTTONS*/
.icon-share, .icon-edit, .icon-info,
.icon-upload, .icon-close, .icon-info-close,
.icon-notify, .icon-conversation {
  background-image: url("/ti-web-shared/images/sprite-projects.svg");
}

.icon-share {
  background-position: 4px -752px;
}

.icon-upload {
  background-position: 4px -144px;
}

.icon-edit {
  background-position: 5px -96px;
}

.icon-info, .icon-info-close {
  background-position: 4px -1254px;
}

.icon-info-close {
  opacity: 0.5;
}

.icon-add {
  background-color: #D83550;
  background-position: 4px 7px;
}

.icon-close {
  background-position: 4px -282px;
}

.icon-notify {
  background-position: 4px -668px;
}

.icon-conversation {
  background-position: 4px -44px;
}

div.content + div.content {
  margin-top: 2rem;
}

div.buddies p {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

div.buddies label {
  flex-basis: 100%;
}

main header.simple:first-child {
  display: block;
}

/* ------ RESULTS ---------- */
div.projects-results {
  display: flex;
  flex-wrap: wrap;
}

div.project-card {
  position: relative;
  display: flex;
  flex-flow: column;
  flex: 1;
  min-width: 16rem;
  max-width: 20rem;
  background-color: #F2F3F4;
  padding: 1rem;
  margin: 0 2rem 2rem 0;
  border-left: 5px solid #308276;
  border-radius: 0.3rem;
}

div.project-card.closed {
  border-color: #A3AFB7;
}

div.project-card::before, div.project-card::after {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 2rem;
  background-color: #FFF;
}

div.project-card::after {
  top: 2rem;
  width: 80%;
  height: 3px;
}

div.project-card header {
  margin: 2rem 0 0;
}

div.project-card h4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.1em;
  background-color: #F2F3F4;
  padding: 0;
  margin-bottom: 0.5em;
  border: none;
}

div.project-card h4 a {
  color: #000;
  background-color: #F2F3F4;
}

div.project-card h4 a:visited {
  color: #308276;
  background-color: #F2F3F4;
}

div.project-card img {
  width: 15px;
  height: 15px;
}

div.project-card h4 span {
  position: relative;
  margin-left: auto;
  z-index: 2;
}

div.project-card .ellipsis {
  max-width: 10em;
}

/* FOR WINDOWS < 450px */
@media screen and (max-width: 450px) {
  div.project-card .ellipsis {
    max-width: 5em;
  }

  ul.files-list > li .ellipsis {
    max-width: 6em;
  }
}
div.project-card p.nature {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 5.5rem;
  background-color: #F2F3F4;
  padding: 0.3rem 1rem 0.6rem 1rem;
  border-top-right-radius: 0.3rem;
}

.nature-chip {
  font: 0.7em/1 Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: #000000;
}

p.description {
  overflow: hidden;
  font: 1em Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 1rem;
}

header p.description {
  font-size: 1.2em;
}

div.project-card .content {
  margin-top: auto;
}

dl.project-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0.5rem 0 0;
  border-top: 1px solid #A3AFB7;
  border-bottom: 1px solid #A3AFB7;
}

dl.project-info div:first-of-type {
  margin-right: 2rem;
}

div.project-card dl.project-info div.fulldata {
  display: none;
}

dl.project-info dt, dl.project-info dd {
  font-size: 0.95em;
  line-height: 1.3;
}

dl.project-info dd {
  font-family: Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.5rem;
  width: 100%;
}

p.docs-status-invalid {
  font-size: 0.9em;
  text-indent: -24px;
  margin-top: 1em;
  margin-left: 24px;
}

p.docs-status-invalid.alert::before {
  content: url("/ti-web-shared/images/priority.svg");
  margin-right: 0.5em;
}

div.actions-bar p:last-of-type {
  margin-top: 0.5em;
}

/* -------- PROJECT PAGE -------- */
div.project-sheet {
  background-color: #F2F3F4;
  padding: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}

div.project-sheet p.description {
  font-size: 1.1em;
  line-height: 1.2;
}

p.assignment {
  font-size: 1em;
  line-height: 1.3;
  background: url("/ti-web-shared/images/sprite-projects.svg") 0 -215px no-repeat;
  padding-left: 30px;
  margin: 1.5rem 0 0;
}

p.assignment strong {
  display: block;
}

/* Add a document */
#add-doc-form ul.choices {
  list-style-type: none;
  margin: 0;
  border-bottom: 5px solid #0879D1;
}

#add-doc-form ul.choices li {
  margin-bottom: 0;
}

#add-doc-form ul.choices label {
  overflow: hidden;
  position: relative;
  top: 3px;
  background-color: #F2F3F4;
  padding: 0.5em 1em;
  margin-bottom: 0;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  cursor: pointer;
}

@media screen and (max-width: 500px) {
  #add-doc-form ul.choices label {
    padding: 0.5em 0.5em;
  }
}
#add-doc-form ul.choices input {
  position: absolute;
  width: 1px;
  top: -5rem;
}

#add-doc-form ul.choices input:checked + label {
  color: #FFF;
  background-color: #0879D1;
}

#add-doc-form ul.choices label:hover {
  color: #FFF;
  background-color: #0879D1;
}

#add-doc-form p.main-form input {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

/* Exception for PROFILE */
main.projects .h-card {
  padding: 1rem;
  margin-bottom: 0.5rem;
  border-radius: 0.3rem;
}

main.projects .h-card .p-name {
  font-family: Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}

main.projects .h-card button.info {
  display: none;
}

main.projects section.requests h3 {
  display: none;
}

/* ----------------- FOLDERS ----------------- */
section.project-folder {
  background-color: #F2F3F4;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}

section.project-folder h3 {
  overflow: hidden;
  font-size: 1.3em;
  color: #FFF;
  background: #308276 url("/ti-web-shared/images/sprite-projects.svg") 13px -887px no-repeat;
  padding-top: 0.5rem;
  padding-left: calc(1rem + 30px);
  border: none;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

section.project-folder h3 small {
  display: block;
  font-family: Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}

section.project-folder section.document-block {
  margin: 0 1rem;
}

section.project-folder h3 section.document-block h4 {
  font-size: 1.1em;
}

section.project-folder section.document-block + section.document-block {
  border-width: 1px;
}

section.project-folder section.document-block::before {
  height: calc(100% - 34px);
  top: 34px;
}

/* ----------------- DOCUMENTS ----------------- */
div.list-of-documents h3 {
  padding: 0;
  border: none;
}

div.list-of-documents .collapsible {
  margin-bottom: 1rem;
}

div.list-of-documents .collapsible > .content[aria-hidden=false] {
  background-color: #FFF;
}

section.document-block {
  position: relative;
  padding-left: 30px;
}

section.document-block::before {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: calc(100% - 19px);
  top: 19px;
  left: 10px;
  border-left: 1px dashed #A3AFB7;
}

section.document-block + section.document-block {
  padding-top: 2rem;
  margin-top: 2rem;
  border-top: 4px solid #1F394E;
}

section.document-block + section.document-block::before {
  height: calc(100% - 19px - 2rem);
  top: calc(2rem + 19px);
}

section.document-block h4 {
  font: 1.2em Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  line-height: 1.3;
  margin-bottom: 0.25em;
}

section.document-block h4::before {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  content: "";
  width: 25px;
  height: 25px;
  top: 0;
  left: -1px;
  background: url("/ti-web-shared/images/sprite-projects.svg") 0 -1085px no-repeat;
}

section.document-block + section.document-block h4::before {
  top: 2rem;
}

section.document-block h4 strong {
  display: block;
  font: 60% Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}

section.document-block div.highlight {
  margin-top: 1rem;
}

section.document-block div.highlight p.buttons-bar {
  margin-bottom: 0;
}

section.document-block ul.actions-list {
  margin: 1rem 0;
}

ul.files-list {
  list-style-type: none;
}

ul.files-list > li {
  position: relative;
  display: flex;
  font-size: 0.95em;
  margin-bottom: 0.5rem;
}

ul.files-list > li::before {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  content: "";
  width: 0.6em;
  height: 0.6em;
  top: 0.4em;
  left: -23px;
  background-color: #308276;
  border-radius: 100%;
}

ul.files-list > li .ellipsis {
  display: inline-block;
  max-width: 10em;
  margin-right: 1em;
}

ul.files-list > li .signature {
  width: 22px;
  height: 17px;
  display: inline-block;
  content: "";
  margin-right: 0.5em;
  background-repeat: no-repeat;
  margin-top: 2px;
}

ul.files-list > li .signature-required {
  background-image: url("/ti-web-shared/images/tosign.svg");
}

ul.files-list > li .signed {
  background-image: url("/ti-web-shared/images/signed.svg");
}

ul.files-list div.dropdown {
  margin-left: auto;
}

div.doc-info-block {
  padding: 0.5rem 0;
  margin: 1rem 0;
  border-top: 1px solid #DDE3E8;
  border-bottom: 1px solid #DDE3E8;
}

div.doc-info-block p {
  font-family: Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}

div.doc-info-block p.buttons-bar {
  margin-bottom: 0;
}

div.document-edit {
  padding: 1rem;
  margin: 1rem 0;
  border: 1px solid #A3AFB7;
  border-radius: 0.3rem;
}

div.data-sheet {
  margin: 1rem 0;
}

div.data-sheet p {
  margin-bottom: 1rem;
}

div.data-sheet div p {
  margin-bottom: 0;
}

/* ------------------------ MEDIA QUERIES ----------------------- */
@media screen and (min-width: 800px) {
  main.projects div.actions-bar {
    justify-content: space-between;
  }

  main.projects div.actions-bar select {
    display: initial;
  }

  main.projects div.actions-bar p:last-of-type {
    margin-top: 0;
  }

  section.document-block h4 {
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: flex-end;
    font-size: 1.5em;
    margin-bottom: 0.25em;
  }

  section.document-block h4::before {
    left: -32px;
  }

  section.document-block + section.document-block h4::before {
    top: 0;
  }

  section.document-block h4 strong {
    margin-left: 2rem;
  }

  div.project-card h4 a, div.project-card h4 a:visited {
    text-decoration: none;
  }

  div.project-card h4 a::after {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
  }

  ul.files-list > li .ellipsis {
    max-width: 12em;
  }
}
@media screen and (min-width: 1000px) {
  section.project-folder {
    background-color: #FFF;
  }

  section.project-folder h3 {
    display: inline-block;
    font-size: 2em;
    background-position: 13px -332px;
    padding-right: 1.5rem;
    margin-bottom: 0;
  }

  section.project-folder h3 small {
    font-size: 60%;
  }

  section.project-folder section.document-block {
    background-color: #FFF;
    padding-top: 1rem;
    margin: 0;
    border-top: 5px solid #308276;
  }

  div.list-of-documents h3 {
    font-size: 1.3em;
  }

  section.document-block div.data-sheet {
    margin-bottom: 1rem;
  }

  ul.actions-list.with-add li:last-of-type {
    margin-left: auto;
  }

  dl.project-info div {
    flex-basis: 45%;
  }

  dl.project-info div:first-of-type {
    margin-right: 0;
  }
}
@media screen and (min-width: 1250px) {
  p.nature {
    flex: 1;
  }

  main.projects > header:first-child {
    max-width: 100%;
    align-items: center;
  }

  main.projects > header:first-child h2 {
    width: 70%;
  }

  main.projects div.actions-bar {
    padding: 0.5rem 1rem;
  }

  div.project-sheet {
    padding: 1.5vw;
    margin-bottom: 2rem;
  }
}
/* CSS for the treeview component */
/* Was previously in ti-web-module-administration */
div.treeview-wrapper {
  padding: 1rem;
  border: 2px solid var(--n-light);
  border-radius: 0.3rem;
}

div.treeview-selection p.empty-state {
  text-align: center;
  background: url("/ti-web-shared/images/templates-empty.svg") center 20px no-repeat;
  background-size: 80px 100px;
  padding-top: 160px;
}

ul.treeview {
  min-height: 300px;
  overflow: auto;
  list-style-type: none;
}
ul.treeview button:disabled {
  filter: none;
}
ul.treeview button:disabled:hover {
  background-color: transparent;
}
ul.treeview button.element-button {
  vertical-align: text-top;
  background-color: #7a8a9f;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  margin-top: 0.1em;
  margin-bottom: 0.1em;
  float: right;
}
ul.treeview button.element-button:hover, ul.treeview button.element-button:focus {
  background-color: #4b5868;
}
ul.treeview ul {
  display: none;
  list-style-type: none;
  margin-left: 21px;
}
ul.treeview ul.active {
  display: block;
}
ul.treeview li {
  font-size: 0.8em;
}
ul.treeview li li {
  font-size: 100%;
}
ul.treeview li.tree-element {
  display: flex;
}
ul.treeview li.tree-element button.element {
  flex-grow: 1;
  text-align: left;
}
ul.treeview li.tree-element button.element.ellipsis {
  max-width: none;
}
ul.treeview button.deploy, ul.treeview button.element {
  color: #000000;
  background-color: #FFF;
  background-image: url("/ti-web-shared/images/sprite-treeview.svg");
  background-position: 2px 6px;
  background-repeat: no-repeat;
  padding: 0.5em;
  padding-left: 25px;
  border-radius: 0;
}
ul.treeview button.deploy, ul.treeview button.element {
  background-position: 2px -115px;
}
ul.treeview button:focus, ul.treeview button:hover, ul.treeview button.active {
  background-color: #F2F3F4;
}
ul.treeview button.deploy-arrow {
  margin: 0.5em 0.5em 0.5em 0;
  width: 14px;
  height: 14px;
  background-color: #FFF;
  border-radius: 0;
  vertical-align: text-top;
  outline: none;
}
ul.treeview button.deploy-arrow span {
  display: block;
  width: 13px;
  height: 13px;
  margin-top: -0.5em;
  margin-left: 0.5em;
  background-repeat: no-repeat;
}
ul.treeview button.deploy-arrow-close span {
  background-image: url("/ti-web-shared/images/nav-arrow.svg");
  transform: rotate(180deg);
}
ul.treeview button.deploy-arrow-open span {
  background-image: url("/ti-web-shared/images/nav-arrow.svg");
  transform: rotate(225deg);
  animation: none;
}
ul.treeview button.deploy-arrow-close:focus span {
  background-image: url("/ti-web-shared/images/nav-arrow-focus.svg");
}
ul.treeview button.deploy-arrow-open:focus span {
  background-image: url("/ti-web-shared/images/nav-arrow-focus.svg");
}
ul.treeview button.deploy-loading span {
  background-image: url("/ti-web-shared/images/loading-circle.svg");
  animation: spin 1.5s linear infinite;
}

.treeview-search-combo > .search {
  margin-bottom: 2px;
  display: flex;
  align-items: center;
}
.treeview-search-combo > .search input {
  width: 80%;
}
.treeview-search-combo > .search button {
  margin-left: 2px;
}
.treeview-search-combo > .search .spacer {
  flex-grow: 1;
}
.treeview-search-combo > .treeview {
  border: 1px solid #A3AFB7;
  padding: 5px 0;
}
.treeview-search-combo > .treeview .noresult {
  margin: 10px;
}
.treeview-search-combo .hidden {
  display: none;
}
.treeview-search-combo button.element.highlight, .treeview-search-combo button.deploy.highlight {
  font-weight: bold;
  color: #157fcc;
}

.icon-tree {
  background-image: url("/ti-web-shared/images/tree.svg");
  background-position: 5px 5px;
}

.icon-tree-list {
  background-image: url("/ti-web-shared/images/tree.svg");
  background-position: 5px -18px;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
/* -------------- MEDIA QUERIES ------------ */
@media screen and (min-width: 700px) {
  div.treeview-wrapper {
    display: flex;
  }

  ul.treeview {
    flex-basis: 25%;
    overflow: hidden;
  }

  div.treeview-selection {
    max-width: 50%;
    margin: 0px auto;
  }
}
/* --------------- IE -------------------- */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  ul.treeview button.deploy-arrow span {
    margin-left: 0;
  }
}
/* --------------------------------------------------------------------
               WL TRUSTED INTERACTIONS
          				Le Studio, 2020
/*-------------------------------------------------------------------- */
:root {
  --body-text: #404040;
  --body-bg: #FFF;
  --text-inv: #FFF;
  --radius: 0.3rem;
  --main-color: #0879D1;
  --main-dark: #1F394E;
  --highlight: #D83550;
  --highlight-l: #F90;
  --n-u-dark: #000;
  --n-dark: #4B6377;
  --n-medium: #A3AFB7;
  --n-light: #DDE3E8;
  --n-u-light: #F2F3F4;
  --alert-color: #F00;
  --positive-bg: #D1F7E5;
  --negative-bg: #FEE6EA;
  --flash: #FFF2A9;
  --stack: latoregular, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  --stack-b: latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  --stack-light: latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  --stack-head: latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}

/* ------------------ ABSENCES CALENDAR ------------------ */
#absences-calendar div.actions-bar {
  justify-content: center;
}

#absences-calendar div.actions-bar fieldset {
  margin: 0;
}

#absences-calendar ul.choices li + li {
  margin: 0;
}

#absences-calendar ul.actions-list, #absences-calendar ul.check-chips {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0;
}

#absences-calendar ul.check-chips {
  padding-top: 0.5rem;
  margin-top: 0.5rem;
  border-top: 1px solid var(--main-color);
}

ul.actions-list li.current-view-date {
  font: 110% var(--stack-b);
  margin: 0.5em 0;
  padding: 0 2rem;
}

#absences-calendar .icon-next, #absences-calendar .icon-prev {
  background-color: var(--n-dark);
  background-size: 17px 17px;
  background-position: 10px 7px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.19 16'%3E%3Cpolygon points='0 0 0 16 12.19 8 0 0' style='fill: %23fff'/%3E%3C/svg%3E%0A");
}

#absences-calendar .icon-prev {
  transform: rotate(180deg);
  background-position: 9px 8px;
}

#entities-list {
  position: relative;
  top: 2rem;
  width: 13.5em;
}

table.plan-grid {
  border-spacing: 0;
}
table.plan-grid th:not([scope=row]), table.plan-grid th[scope=col] {
  color: var(--body-text);
  background-color: var(--body-bg);
  padding: 0.5em 0.5em 1em;
  border-bottom: 4px solid var(--n-dark);
}
table.plan-grid th:not([scope=row]) {
  border-top: 4px solid transparent;
}
table.plan-grid th.today {
  border-top-color: var(--main-color);
}
table.plan-grid th[scope=row] {
  background-color: #FFF;
}
table.plan-grid td, table.plan-grid th[scope=row] {
  position: relative;
  padding: 1px;
  border-left: 1px solid var(--n-medium);
  border-bottom: 1px dotted var(--n-medium);
}
table.plan-grid tr th:first-of-type {
  width: 15em;
  white-space: nowrap;
}
table.plan-grid th.advisor {
  font-family: var(--stack-b);
  text-align: left;
  border-left: none;
  height: 2em;
}
table.plan-grid div {
  display: block;
  height: 2em;
  background: repeating-linear-gradient(-45deg, #bbb, #bbb 2px, #eee 2px, #eee 5px);
}
table.plan-grid div p {
  display: none;
}
table.plan-grid div p::before {
  display: block;
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  top: -5px;
  left: 1rem;
  background-color: var(--n-dark);
  transform: rotate(45deg);
  z-index: 10;
}
table.plan-grid div:hover p, table.plan-grid div:focus p {
  display: block;
  position: absolute;
  width: 12em;
  top: 2.5em;
  color: var(--text-inv);
  background-color: var(--n-dark);
  padding: 0.5rem;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  z-index: 1000;
}
table.plan-grid td div span {
  display: block;
}

@media screen and (min-width: 800px) {
  #absences-calendar p {
    font-size: 0.9em;
  }

  #absences-calendar li {
    font-size: 0.8em;
  }

  #absences-calendar div.actions-bar {
    justify-content: space-between;
  }

  #absences-calendar ul.check-chips {
    padding-top: 0;
    margin-top: 0;
    border-top: none;
  }

  #absences-calendar ul.actions-list, #absences-calendar ul.check-chips {
    flex-wrap: nowrap;
  }

  #entities-list {
    max-width: 13.5em;
  }
}
/* ------ATTENTION!!!! MAX-WIDTH -----------------*/
@media screen and (max-width: 1280px) {
  #entities-list {
    position: static;
    width: 100%;
  }

  table.plan-grid thead {
    display: none;
  }

  table.plan-grid tr {
    display: block;
    text-align: left;
    padding-top: 0.25em;
    margin-top: 1rem;
    border: none;
    border-top: 4px solid var(--n-dark);
  }

  table.plan-grid td, table.plan-grid tr th[scope=row] {
    width: 100%;
  }

  table.plan-grid th.advisor {
    display: block;
    width: 100%;
    font-size: 105%;
    margin-bottom: 0.5em;
    border: none;
  }

  table.plan-grid td:not(.advisor) {
    display: flex;
    align-items: baseline;
    width: calc(100% - 15em);
    text-align: left;
    margin-left: 15em;
    border: none;
  }

  table.plan-grid td:empty {
    display: none;
  }

  table.plan-grid td::before {
    content: attr(data-header);
    font-family: var(--stack-b);
    text-align: left;
    width: 10em;
  }

  table.plan-grid td div {
    flex: 1;
    padding-bottom: 1em;
    margin-bottom: 0.5em;
    background-image: none;
    border-bottom: 1px solid var(--n-medium);
    height: 100%;
    margin-left: 0 !important;
  }

  table.plan-grid div p {
    display: block;
    padding: 0;
  }

  table.plan-grid div p::before {
    content: none;
  }

  table.plan-grid div:hover p, table.plan-grid div:focus p {
    position: static;
    color: var(--body-text);
    background-color: var(--body-bg);
    padding: 0;
    box-shadow: none;
  }
}
@media screen and (max-width: 600px) {
  table.plan-grid td:not(.advisor) {
    width: 100%;
    margin-left: 0;
  }
}
@media screen and (max-width: 1280px) {
  table.plan-grid div:hover p, table.plan-grid div:focus p {
    width: auto;
  }
}
div.editor-wrapper a, div.editor a {
  text-decoration: underline;
  color: #0000EE;
}
div.editor-wrapper a:visited, div.editor a:visited {
  color: #551A8B;
  opacity: 1;
}
div.editor-wrapper p:not(.feedback-message), div.editor-wrapper li, div.editor-wrapper div[role=listitem], div.editor-wrapper th:not(.external-th), div.editor-wrapper td:not(.external-td), div.editor-wrapper div.field-specifics, div.editor p:not(.feedback-message), div.editor li, div.editor div[role=listitem], div.editor th:not(.external-th), div.editor td:not(.external-td), div.editor div.field-specifics {
  font-size: 1em;
  padding: 0;
}
div.editor-wrapper p, div.editor-wrapper div.field-specifics, div.editor p, div.editor div.field-specifics {
  margin: 1em 0;
}
div.editor-wrapper th, div.editor th {
  color: inherit;
  background-color: inherit;
}
div.editor-wrapper tr:nth-child(odd) td, div.editor tr:nth-child(odd) td {
  background-color: inherit;
}
div.editor-wrapper th[scope=col]:not(.external-th), div.editor th[scope=col]:not(.external-th) {
  color: #404040;
  background-color: #dde3e8;
}
div.editor-wrapper th[scope=row], div.editor th[scope=row] {
  text-align: left;
}
div.editor-wrapper strong, div.editor-wrapper b, div.editor-wrapper th:not(.external-th), div.editor strong, div.editor b, div.editor th:not(.external-th) {
  font-family: inherit;
  font-weight: bold;
}
div.editor-wrapper table:not(.external-table), div.editor table:not(.external-table) {
  width: auto;
  border-spacing: 2px;
}

div.editor-wrapper div.editable-block {
  white-space: normal;
}
div.editor-wrapper div.editable-block ul, div.editor-wrapper div.editable-block ol {
  margin: 0 1em;
}
div.editor-wrapper div.editable-block li {
  margin: 0;
}
div.editor-wrapper div.editable-block p {
  margin: 1em 0;
}

/* ----------------- SIDE PANEL PROFILE  ------------------- */
#side-bar-profile {
  position: relative;
}

#side-bar-profile a::after {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

#user-agency {
  position: relative;
  z-index: 2;
}

.livechat-status-icon {
  height: 20px;
  width: 20px;
  position: absolute;
  top: 3rem;
  left: 70%;
  z-index: 1;
}

.livechat-status-icon.available {
  background: url("/ti-web-shared/images/available.svg") no-repeat;
}

.livechat-status-icon.busy {
  background: url("/ti-web-shared/images/busy.svg") no-repeat;
}

.livechat-status-icon.offline {
  background: url("/ti-web-shared/images/offline.svg") no-repeat;
}

.livechat-status-icon.tooltip .tooltip-inner {
  min-width: 150px;
}

#adviser-livechat-status {
  position: relative;
  z-index: 2;
}

p.p-role select {
  display: inline;
}

.livechat-status-selector {
  width: 50% !important;
  min-width: 0 !important;
  max-width: 6.5em !important;
}

div.u-livechat-status .tooltip {
  min-width: 200px;
}

/* ------- HEADER ----------- */
header#side-panel {
  color: #FFF;
}
header#side-panel h1 a {
  display: contents;
}

/* ------------------------------ TOOLTIPS --------------------------- */
.tooltip {
  z-index: 9000;
}

div.tooltip .tooltip-inner, div.tooltip .tooltip-inner div {
  margin-bottom: 0;
  word-wrap: break-word;
}

/* ----------------- FIGURE ---------------- */
figure {
  text-align: center;
}

figure img {
  margin: 0 auto;
}

figcaption {
  padding-top: 1rem;
  margin-top: 1rem;
  border-top: 1px dotted #A3AFB7;
}

figcaption p + p {
  margin-top: 0.5em;
}

/* ---------------------- FEEDBACK MESSAGES ----------------------------- */
.feedback-message {
  color: #1F394E;
  background-color: #D1F7E5;
  padding: 1rem;
  margin: 1rem 0;
  border-radius: 0.3rem;
}

.feedback-message.negative {
  background-color: #FEE6EA;
}

.feedback-message.warn {
  background-color: #FFF2A9;
}

.feedback-message.hidden {
  display: none;
}

.feedback-message.small {
  padding: 0.5rem;
  font-size: 85%;
}

.upload-feedback {
  margin-left: 15px;
}

/* --------------------------------------------------------------------- */
/* ------------ EXCEPTIONS FOR IE < EDGE ------------------*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  h1 img {
    width: 100px;
    height: 39px;
  }

  #menu-control rect {
    opacity: 1;
  }

  #menu-control rect.active {
    opacity: 0;
  }

  #main-nav li button.collapse {
    background-position: 5px 8px;
    padding: 12px;
  }
}
/* ---- HIDE CONTENT FROM DISPLAY --- */
/* Readen but not seen */
.no-display {
  position: absolute;
  overflow: hidden;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
}

.break-word {
  word-wrap: break-word;
}

.cc-multi-selector-component .ember-power-select-trigger {
  overflow-x: auto;
}
.cc-multi-selector-component input.ember-power-select-trigger-multiple-input {
  margin-left: 10px;
}

main.site-map h3 {
  margin-top: 30px;
}
main.site-map a {
  margin-top: 10px;
}
main.site-map button {
  font: 100%/1.2 Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-top: 10px;
  background-color: #FFF;
  color: #000000;
  text-align: left;
  text-decoration: underline;
  font-weight: unset;
  padding: 0;
}
main.site-map .site-map__links {
  display: flex;
  flex-direction: column;
}

/* ------------ DASHBOARD ------------- */
section.dashboard div.actions-bar {
  padding: 1rem 1rem 0.5rem;
}

div.buttons-bar {
  margin-bottom: 1.5rem;
  font-size: 0.95em;
}

div.field {
  font-size: 1.1em;
  margin-bottom: 1.5rem;
}

div.all-stats {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2rem;
  transition: all 0.2s;
}

div.all-stats h3 {
  flex-basis: 100%;
}

div.stat {
  position: relative;
  flex: 1;
  min-width: 200px;
  max-width: 210px;
  background-color: #F2F3F4;
  padding: 0.8rem 1rem 1rem;
  margin: 1rem;
  border-radius: 0.3rem;
  cursor: pointer;
}

div.stat header {
  display: flex;
  justify-content: space-between;
}

div.stat h4 {
  font-size: 1em;
  margin-bottom: 0.3em;
}

div.stat .regular-value {
  overflow: hidden;
  font: 3em/1 Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: right;
  background-image: url("/ti-web-shared/images/stats.svg");
  background-repeat: no-repeat;
  padding-right: 1.2em;
  margin: 1rem 0 0;
}

div.stat.conversations-to-process .regular-value {
  background-position: right -1px;
}

div.stat.requests-to-process .regular-value {
  background-position: right -1px;
}

div.stat.conversations-to-moderate .regular-value {
  background-position: right -109px;
}

div.stat.conversations-late .regular-value {
  background-position: right -109px;
}

div.stat.conversations-critically-late .regular-value {
  background-position: right -109px;
}

div.stat.conversations-unassigned .regular-value {
  background-position: right -206px;
}

div.stat.conversations-new .regular-value {
  background-position: right -305px;
}

div.stat.conversations-absent-adviser .regular-value {
  background-position: right -416px;
}

div.stat.projects-doc-approval .regular-value {
  background-position: right -534px;
}

div.stat.customer-contacted .regular-value {
  background-position: right -639px;
}

div.stat.conversations-closed .regular-value {
  background-position: right -749px;
}

div.stat .badge {
  font: 0.85em Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #000;
  background-color: #FEE6EA;
  padding: 0.3em 0.5em;
  border-radius: 0.3rem;
}

div.stat .badge:not(.positive) img {
  transform: rotate(180deg);
}

div.stat .badge.positive {
  background-color: #D1F7E5;
}

div.card.conversation-card {
  min-height: 6.5rem;
}

div.card.conversation-card .card-header {
  display: flex;
  justify-content: space-between;
}

div.card.conversation-card .card-header .manuk {
  display: flex;
}

div.card.conversation-card .card-header .psto {
  z-index: 1000;
}

div.card.conversation-card .header-name {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
}

div.card.conversation-card .name-and-status-icon {
  display: flex;
  flex-flow: row;
}

div.card dd div {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 22em;
  white-space: nowrap;
}

/* MULTISELECTION */
div.actions-bar.multiselect {
  display: flex;
  align-items: center;
}
div.actions-bar.multiselect div.actions {
  display: flex;
}
div.actions-bar.multiselect div.actions ul.actions-list {
  margin-left: 1rem;
}
div.actions-bar.multiselect div.actions div.selected-count {
  align-self: center;
  margin-left: 1rem;
  font-size: 80%;
}

div.card-selection {
  position: relative;
  padding-left: 25px;
}

div.card-selection .icon-check {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
  background-size: 20px 20px;
}

#confirmation-list-action-modal .modal-body > div {
  border: 2px solid #0879D1;
  font-weight: bold;
  line-height: 3em;
  padding: 0 10px;
  margin-bottom: 15px;
}

/* FOR WINDOW < 400px */
@media screen and (max-width: 400px) {
  div.actions-bar.multiselect.checked {
    display: flex;
    align-items: center;
  }
  div.actions-bar.multiselect.checked div.actions {
    display: block;
  }
  div.actions-bar.multiselect.checked ul.actions-list {
    margin-left: 1rem;
  }
  div.actions-bar.multiselect.checked ul.actions-list li {
    margin-top: 1rem;
  }
  div.actions-bar.multiselect.checked div.selected-count {
    margin-top: 0.25rem;
    align-self: center;
    margin-left: 1rem;
    font-size: 80%;
  }
}
/* ------------ CONVERSATION ------------- */
#assign-to-me {
  margin-top: 2rem;
  width: 100%;
}

#assign-to-me p {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

#assign-to-me span {
  flex: 1;
  margin-right: 1em;
}

#assign-to-me button {
  margin-left: auto;
}

main.conversation > header:first-child {
  display: block;
}

p.baseline {
  margin-bottom: 2rem;
}

p.baseline.warning {
  background-color: bisque;
  padding: 13px;
  border-radius: 5px;
}

main.conversation ul.actions-list {
  flex-wrap: wrap;
  padding: 0;
  margin-bottom: 2rem;
}

main.conversation ul.actions-list li {
  margin: 0 0.5rem 0.5rem 0;
}

div.flow {
  display: flex;
  flex-flow: column;
  margin-bottom: 1rem;
}

.scrollbar-for-messages {
  overflow-y: auto;
  width: auto;
  height: 500px;
}

div.bubble {
  position: relative;
  display: flex;
  flex-flow: column;
  align-self: flex-start;
  max-width: 40em;
  padding-left: 50px;
  margin-bottom: 1.5rem;
}

div.bubble h4 {
  font: 0.8em Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.5rem;
}

div.bubble h4 .status.moderate {
  font-size: 90%;
  padding: 0.3em 0 0.3em 1.8em;
  margin-top: 0;
  margin-left: 2rem;
}

div.bubble h4 .status.check svg {
  width: 1.5em;
  height: 1.5em;
}

div.bubble .u-photo {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 2px;
}

div.bubble .u-photo img {
  object-fit: cover;
  object-position: center;
  font-family: "object-fit: cover; object-position: center;";
  width: 40px;
  height: 40px;
  border-width: 1px;
  border-radius: 100%;
  vertical-align: bottom;
}

div.bubble .u-photo::before {
  content: "";
  display: block;
  position: absolute;
  background-color: rgba(255, 255, 255, 0);
  transition: all 0.2s;
}

div.bubble .u-photo::before {
  width: 28px;
  height: 30px;
  left: 22px;
  top: 45px;
  border-bottom: 1px solid #A3AFB7;
  border-left: 1px solid #A3AFB7;
}

div.bubble .content {
  font-family: Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  padding: 0.5rem 1rem;
  margin-bottom: 0.5rem;
  border-radius: 0.3rem;
}

div.bubble > .content {
  color: #FFF;
  background-color: #0879D1;
}

div.bubble > .content.whatsapp {
  color: #000;
  background-color: #E1FFE1;
}

div[class*=owner-] > div.bubble > .content.voice-message {
  min-width: 425px;
}
@media screen and (max-width: 550px) {
  div[class*=owner-] > div.bubble > .content.voice-message {
    min-width: 280px;
  }
}

div.bubble .content ul {
  margin-left: 1rem;
}

div.bubble .content p:not(.buttons-bar), div.bubble .content li {
  font: 0.9em/1.4 Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.8em;
}

div.bubble .content p:last-of-type, div.bubble .content li:last-of-type {
  margin-bottom: 0;
}

div.bubble div.dropdown {
  align-self: flex-start;
}

div.bubble div.dropdown li {
  font-size: 0.85em;
}

div.bubble .flash-answer {
  background-color: #f6ebbc;
}

p.u-photo img.flash-answer {
  object-fit: contain;
  border-width: 3px;
}

div.conversation-message-body__text pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}

/* Exceptions Adviser */
div[class*=owner-] {
  align-self: flex-end;
}

div[class*=owner-] div.bubble {
  padding-left: 0;
  padding-right: 50px;
}

div[class*=owner-] div.bubble h4 {
  text-align: right;
}

div[class*=owner-] div.bubble h4 div.flash-answer {
  text-align: left;
  position: absolute;
  padding-left: 2.5em;
  display: flex;
}

div[class*=owner-] div.bubble h4 div.flash-answer p {
  padding-left: 0.5em;
}

div[class*=owner-] div.bubble .u-photo {
  left: auto;
  right: 0;
}

div[class*=owner-] div.bubble .u-photo::before {
  left: auto;
  right: 22px;
  border-left: none;
  border-right: 1px solid #A3AFB7;
}

div[class*=owner-] div.bubble div.dropdown {
  align-self: flex-end;
}

div[class*=owner-] div.bubble .ellipsis {
  flex-basis: 55%;
}

div[class*=owner-] > div.bubble > .content {
  width: 90%;
  align-self: flex-end;
  color: #000;
  background-color: #F2F3F4;
}

div.owner-other > div.bubble > .content {
  background-color: #DDE3E8;
}

div.owner-flash-refused > div.bubble > .content {
  background-color: #FFF2A9;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 251, 197, 0.4) 5px, rgba(214, 214, 214, 0.4) 10px);
}

div.owner-flash-accepted > div.bubble > .content {
  background-color: #FFF2A9;
}

.status.flashed, .status.unflashed {
  font-size: 90%;
  text-transform: none;
  background-position: 0.8em 3px;
  background-repeat: no-repeat;
  background-size: 15px 15px;
  padding: 0.3em 0 0.3em 2.5em;
}

.status.flashed {
  background-image: url("/ti-web-shared/images/flashed.svg");
}

.status.unflashed {
  background-image: url("/ti-web-shared/images/unflashed.svg");
}

div.multiple-flash {
  border: 1px solid #A3AFB7;
  padding: 1em;
  margin: 1em;
}

div.ko-declaration {
  display: flex;
  margin: 5% 15% 5%;
  align-items: center;
}

button.ko {
  margin: auto;
  background-color: red;
}

/* Conversation status */
dl.conversation-status {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem 0 0;
  border-top: 1px solid #DDE3E8;
  border-bottom: 1px solid #DDE3E8;
  margin: 1rem 0;
}

dl.conversation-status.due-date-passed {
  border-top-color: #F90;
}

dl.conversation-status.critical-due-date-passed {
  border-top-color: #F00;
}

dd.due-date-passed, dd.critical-due-date-passed {
  text-transform: uppercase;
  margin-bottom: 0.3em;
}

dd.due-date-passed {
  color: #F90;
}

dd.critical-due-date-passed {
  color: #F00;
}

dl.conversation-status dd {
  font-size: 0.7em;
  line-height: 1.35;
  margin: 0 1rem 0.5rem 0;
}

dl.conversation-status dd.tags {
  margin-left: auto;
}

ul.conversation-tags {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1em;
}
ul.conversation-tags li {
  display: block;
  width: 50%;
}
ul.conversation-tags .form-makeup input {
  top: -3em;
  left: 0;
  visibility: hidden;
}
ul.conversation-tags .form-makeup label {
  line-height: 1.5;
}

/* Attachments */
ul.message-attachments {
  list-style-type: none;
  color: #1F394E;
  background: rgba(255, 255, 255, 0.6);
  padding-bottom: 0.5rem;
  margin: 0.5rem 0;
  border-top: 2px dotted #FFF;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}

ul.message-attachments.voiceMessage {
  background: none;
  border-top: none;
}

ul.message-attachments > li {
  font-size: 0.85em;
  padding: 0.3em 0.5em;
  margin: 0.5rem;
  display: flex;
  flex-wrap: wrap;
}

div.bubble .content ul.message-attachments > li {
  font-size: 0.85em;
}

div.bubble .content ul.message-attachments > li li {
  font-size: 100%;
}

ul.message-attachments > li + li {
  padding-top: 0.5rem;
  margin-top: 0.5rem;
  border-top: 1px dotted #A3AFB7;
}

div.editor ul.message-attachments {
  border-top: 2px solid #0879D1;
}

ul.message-attachments div.dropdown {
  margin-left: auto;
}

ul.message-attachments div.dropdown li {
  font-size: 0.85em;
}

ul.message-attachments div.dropdown button.dd-trigger {
  font-size: 90%;
}

ul.message-attachment div.dropdown {
  margin-left: auto;
}

/* Comments */
div.bubble.conversation-message-comments {
  margin-top: 1rem;
}

div.bubble.conversation-message-comments .content {
  color: #000000;
  background-color: #FFF;
  border: 1px solid #A3AFB7;
}

div.bubble.conversation-message-comments .u-photo {
  transform: scale(0.7);
}

div.bubble.conversation-message-comments .u-photo::before {
  width: 50px;
}

div.bubble.conversation-message-comments p.buttons-bar {
  margin: 1rem 0 0;
}

div.bubble.conversation-message-comments p.buttons-bar > * {
  margin: 0 0.5rem 0 0;
}

div.bubble.message-comment {
  max-width: 100%;
  margin-top: 1rem;
}

div.bubble.message-comment .content {
  background-color: #A3AFB7;
}

div.bubble.message-comment .u-photo, div.bubble.message-comment .u-photo img {
  width: 40px;
  height: 40px;
}

div.bubble.message-comment .u-photo::before {
  width: 25px;
}

/* FOR WINDOW < 450px */
@media screen and (max-width: 450px) {
  ul.message-attachments .ellipsis {
    flex-basis: 55%;
  }

  div.bubble .content {
    min-width: 190px;
  }

  div.card.conversation-card dd .due-date,
div.card.conversation-card dd .critical-due-date {
    display: none;
  }
}
/* FOR WINDOW > 800px */
@media screen and (min-width: 800px) {
  main.conversation div.actions-bar {
    margin-bottom: 3rem;
  }

  div.buttons-bar {
    font-size: 1.1em;
  }

  div.bubble {
    padding-left: 70px;
  }

  div.bubble.message-comment {
    padding-left: 50px;
  }

  div[class*=owner-] div.bubble {
    padding: 0 70px 0 0;
  }

  div.bubble .u-photo, div.bubble .u-photo img, div.bubble .u-photo-livechat {
    width: 55px;
    height: 55px;
  }

  div.bubble .u-photo::before {
    height: 30px;
    top: 56px;
    left: 29px;
  }

  div.bubble.message-comment .u-photo::before {
    top: 45px;
    left: 25px;
  }

  div[class*=owner-] div.bubble .u-photo::before {
    right: 29px;
  }

  div.bubble .content {
    padding: 0.8rem 1rem;
  }

  dl.conversation-status img {
    vertical-align: -0.8rem;
  }

  ul.message-attachments > li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
}
/* FOR WINDOW > 1000px */
@media screen and (min-width: 1000px) {
  section.dashboard div.actions-bar {
    margin: -1.5rem 0 1rem;
  }
}
/* FOR WINDOW < 1250px */
@media screen and (max-width: 1250px) {
  div.grid-forth-container {
    width: 100%;
  }
}
/* FOR WINDOW > 1250px */
@media screen and (min-width: 1250px) {
  main.demands .top-level > legend button.control {
    width: 12em;
  }

  main.conversation > header:first-child {
    width: 70%;
  }

  main.interlocutor > header:first-child {
    max-width: 100%;
  }

  main.conversation header.grid-forth {
    position: fixed;
    width: 19%;
    bottom: 2vh;
    scrollbar-width: none;
    pointer-events: auto;
  }

  main.conversation header h2, main.conversation header div[role=heading][aria-level="2"] {
    margin-right: 18.5%;
  }

  #grid-forth-bar > *[data-simplebar] {
    height: 95vh;
  }

  main.conversation div.grid-forth-container {
    width: 22%;
  }

  div.grid-forth-container .simplebar-content {
    margin-right: 2vh;
  }

  dl.conversation-status {
    display: block;
    position: absolute;
    width: 20%;
    top: 0;
    right: 0;
    padding-left: 1rem;
    border: none;
    border-left: 4px dotted #A3AFB7;
  }

  #conversation-status-bar {
    right: 22%;
  }

  dl.conversation-status.due-date-passed {
    border-left-color: #F90;
  }

  dl.conversation-status.critical-due-date-passed {
    border-left-color: #F00;
  }

  dl.conversation-status dd.tags {
    margin: 1rem 0 0;
  }

  dl.conversation-status dd.tags {
    font-size: 0.9em;
  }

  div.bubble {
    margin-bottom: 2rem;
  }

  div.bubble .content p:not(.buttons-bar), div.bubble .content li {
    font-size: 1em;
  }

  #new-talk .divide {
    display: flex;
  }

  #new-talk .divide p {
    margin-right: 4rem;
  }
}
/* --- CONVERSATION ASSIGNMENT INFO IN CONV LIST --- */
div.card dd.conv-assignment-info {
  position: absolute;
  font-size: 0.8em;
  background-image: url("/ti-web-shared/images/big-info.svg");
  background-size: 1.3em;
  background-repeat: no-repeat;
  left: 1rem;
  bottom: 0.8rem;
  text-align: center;
}

@media screen and (min-width: 1250px) {
  /* As conversation status, display conversation info only on big screens */
  div.card dd.conv-assignment-info {
    width: 18px;
    height: 18px;
  }
}
@media screen and (max-width: 1250px) {
  div.card.conversation-card .card-header .psto {
    display: none;
  }
}
/* ------------------   NEW CONVERSATION ----------------- */
#new-talk {
  margin-bottom: 2rem;
}

#new-talk input[type=text] {
  width: 80%;
  max-width: 45em;
}

/* ---------------------   EDITOR ------------------- */
div.editor {
  background-color: #F2F3F4;
  padding: 1rem;
  margin-bottom: 2rem;
  border-top: 5px solid #308276;
  border-radius: 0.3rem;
}
div.editor p.buttons-bar, div.editor div.buttons-bar {
  display: flex;
  flex-wrap: wrap;
  margin: 2rem 0 0;
}
div.editor p.buttons-bar.no-top-margin, div.editor div.buttons-bar.no-top-margin {
  margin-top: 0;
}

div.editor.empty {
  padding: 0;
  margin: 0;
}

div.editor h3 {
  background-color: #F2F3F4;
  margin-bottom: 0;
  border: none;
}

div.editor p.choices {
  margin-top: 0.5rem;
}

div.editor > div.content {
  margin-top: 1rem;
}

div.simple-editor textarea {
  width: 98%;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

div.message-composer-section {
  display: flex;
  flex-wrap: wrap;
  background-color: #DDE3E8;
  padding: 0.5rem 0.8rem 0;
  margin: 0.5rem 0;
  border-radius: 0.3rem;
}

div.message-composer-section p {
  margin-bottom: 0.5rem;
}

div.message-composer-section.demand p.uploader {
  margin-left: auto;
}

.demand-message-body div[data-class=message-history] {
  display: none;
}

p.template-selector {
  width: 100%;
}

p.template-selector input {
  width: 100%;
}

ul.message-attachments {
  flex-basis: 100%;
  max-width: 100%;
}

div.mce-toolbar-grp button:hover, div.mce-toolbar-grp button:focus {
  background-color: #FFF;
}

/* FOR WINDOW > 700px */
@media screen and (min-width: 700px) {
  div.conversation > ul.actions-list {
    background-color: #DDE3E8;
    padding: 0.5rem 0.5rem 0;
    border-radius: 0.3rem;
  }

  p.template-selector {
    display: flex;
    align-items: center;
    flex-basis: 80%;
  }

  p.template-selector input {
    width: 80%;
  }

  p.template-selector label {
    margin: 0 0.5em 0 0;
  }

  p.template-selector + p.uploader {
    padding-left: 0.5em;
    margin-left: auto;
    border-left: 1px solid #A3AFB7;
  }
}
/* ------------------   TEMPLATE SELECTOR   ----------------- */
div.modal div.content#template-selector-modal {
  max-width: none;
}

/* ---------------------   INTERLOCUTORS ------------------- */
#create-interlocutor-modal div.mt-2 {
  margin-top: 1rem;
}
#create-interlocutor-modal p.mb-2 {
  margin-bottom: 1rem;
}

/* --------------------- VOICE MESSAGE ------------------- */
.record-block {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

div.timer {
  margin-left: 15px;
  font-size: 1em;
  font-weight: bold;
}

.icon-remove {
  margin-bottom: 32px;
  margin-left: -39px;
  min-width: 32px;
}

/* ---------------------   REQUESTS ------------------- */
section.requests {
  display: flex;
  flex-wrap: wrap;
}

section.requests + section.requests {
  margin-top: 1rem;
}

section.requests h3 {
  flex-basis: 100%;
}

section.requests .buttons-bar {
  flex-basis: 100%;
  text-align: right;
  border-top: 1px solid #308276;
}

section.requests h3 {
  margin-bottom: 0;
}

div.request {
  position: relative;
  display: flex;
  flex: 1;
  min-width: 250px;
  flex-wrap: wrap;
  margin: 0.5rem;
  cursor: pointer;
}

div.request h4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-basis: 100%;
  text-align: center;
  background-color: #F2F3F4;
  padding: 0.5rem;
}

div.request h4 .status {
  margin: 0;
}

div.request a.allover {
  text-decoration: none;
}

div.request a.allover::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

div.request dl {
  flex: 1;
  line-height: 1.58em;
  padding-left: 1rem;
  margin-left: 1rem;
  border-left: 1px solid #A3AFB7;
}

div.request dl::first-letter {
  text-transform: uppercase;
}

div.request dl div {
  display: flex;
}

div.request dt {
  flex-basis: 5em;
  min-width: 4em;
}

div.request dd {
  flex: 2;
  font-family: Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}

p.request-email-body {
  flex-basis: 100%;
  min-width: 100%;
  margin-top: 0.5em;
}

p.create-request a {
  display: inline-block;
  font: 100%/1 Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-decoration: none;
  color: #FFF;
  background-color: #D83550;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M10.1,6H16V9.8H10.1V16H5.93V9.75H0V6H5.93V0H10.1Z' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 0.8em;
  padding: 0.4em 1em 0.5em 39px;
  border-radius: 0.3rem;
}

p.create-request a:hover, p.create-request a:focus {
  background-color: #1F394E;
}
p.create-request a:hover div.request, p.create-request a:focus div.request {
  position: relative;
}
p.create-request a:hover div.request dt, p.create-request a:hover div.request dd, p.create-request a:focus div.request dt, p.create-request a:focus div.request dd {
  font-size: 0.95em;
}
p.create-request a:hover div.request a::after, p.create-request a:focus div.request a::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
p.create-request a:hover div.request a:hover::after, p.create-request a:hover div.request a:focus::after, p.create-request a:focus div.request a:hover::after, p.create-request a:focus div.request a:focus::after {
  background-color: rgba(8, 121, 209, 0.05);
}

/* FOR WINDOW > 800px */
@media screen and (min-width: 800px) {
  p.request-email-body {
    font-size: 0.9em;
  }
}
/* ---------------------   ADVISERS ------------------- */
nav.secondary-nav {
  flex-basis: 100%;
}

nav.secondary-nav ul.entries-list {
  display: flex;
  flex-wrap: wrap;
  flex-basis: 100%;
  margin: 1rem 0;
}

nav.secondary-nav ul.entries-list button {
  padding: 0.5em;
}

.adviser-list div.card.persons ul.actions-list {
  flex: 0 0 123px;
}

li.moderation {
  display: flex;
  flex-wrap: wrap;
}

li.moderation, li.moderation label {
  line-height: 40px;
}

li.moderation label.moderation-rate-label::before {
  display: none;
}

li.moderation span.moderation-rate-label {
  font-family: Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}

li.moderation .moderation-rate-label {
  padding-left: 3px;
}

li.moderation input[type=number] {
  width: 75px;
  height: 40px;
  margin-left: 3px;
}

/* FIREFOX ONLY!!! */
@supports (-moz-appearance: meterbar) and (background-blend-mode: difference, normal) {
  div.card .modal-trigger {
    position: relative;
    left: -1px;
  }
}
.conversation .subtitle small {
  display: inline-block;
  margin-left: 60px;
  color: #1F394E;
  margin-top: 5px;
  font-weight: bold;
}

.conversation .subtitle {
  margin-left: 26px;
  position: relative;
}

.conversation .subtitle::before {
  content: "";
  width: 50px;
  height: 15px;
  border-left: 1px solid #A3AFB7;
  border-bottom: 1px solid #A3AFB7;
  display: inline-block;
  position: absolute;
}

.reply-template-selector {
  display: flex;
}
.reply-template-selector > * {
  padding: 10px;
}
.reply-template-selector .tree {
  flex-basis: 500px;
  min-width: 450px;
}
.reply-template-selector .details {
  flex-grow: 1;
  max-height: 442px;
  overflow-y: auto;
}
.reply-template-selector .details .title {
  font-size: 1em;
  font-weight: bold;
}
.reply-template-selector .details p {
  margin: 5px 0;
}
.reply-template-selector .treeview-search-combo > .treeview {
  height: 400px;
  max-height: 400px;
  overflow-y: auto;
}

.fit-content {
  display: table;
}

label[for=demand-creation-assigned-actor] {
  max-width: 20em;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.card .subtitle small {
  margin-left: 15px;
}

.card .subtitle::before {
  content: "";
  width: 10px;
  height: 15px;
  border-left: 1px solid #A3AFB7;
  border-bottom: 1px solid #A3AFB7;
  display: inline-block;
  position: absolute;
}

.due-date {
  color: #F90;
}

.critical-due-date {
  color: #F00;
}

div.due-date, div.critical-due-date, div.critical-due-date + div {
  font-size: 0.95em;
}

@media screen and (min-width: 800px) {
  div.due-date, div.critical-due-date, div.critical-due-date + div {
    font-size: 1.1em;
  }
}
.conversation-message-body__text--size-short, .demand-message-body-short {
  max-height: 150px;
}
.conversation-message-body__text--size-short.conversation-message-body__text--isTooLong, .conversation-message-body__text--size-short.demand-message-body-isTooLong, .demand-message-body-short.conversation-message-body__text--isTooLong, .demand-message-body-short.demand-message-body-isTooLong {
  -webkit-mask-image: linear-gradient(to bottom, black 0, transparent 100%);
  mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
  overflow-y: hidden;
}

.tabs li.tab-menu-item.hasNewContent a {
  color: #0879D1;
}
.tabs li.tab-menu-item.hasNewContent a:focus, .tabs li.tab-menu-item.hasNewContent a:hover {
  color: #FFF;
}
.tabs li.tab-menu-item.hasNewContent.active a {
  color: #FFF;
}

.chat-actions {
  background-color: #F2F3F4;
  display: flex;
  justify-content: flex-end;
  margin-top: -15px;
  padding: 5px;
}
.chat-actions > button {
  margin-left: 5px;
}

main.page-content-main.interactions.livechat > header:first-child {
  display: unset;
}

main.page-content-main.interactions.livechat > div.grids {
  margin-top: 1rem;
}

div.card.person.clickable {
  cursor: pointer;
}

main.page-content-main.livechat-list > .results > .cards > a {
  text-decoration: none;
}

main.page-content-main.livechat {
  /* Exceptions Interlocutor */
}
main.page-content-main.livechat .tabs {
  flex-wrap: nowrap;
  overflow-x: hidden;
}
main.page-content-main.livechat .tabs .tab-menu-item {
  min-width: 0;
}
@media screen and (min-width: 1500px) {
  main.page-content-main.livechat .tabs .tab-menu-item {
    flex-basis: 25%;
  }
}
main.page-content-main.livechat .tabs .tab-menu-item a.chatTabLabel {
  max-width: 100%;
}
main.page-content-main.livechat a.chatTabLabel {
  display: flex;
  flex-direction: row;
}
main.page-content-main.livechat a.chatTabLabel .chatNewMsgIcon {
  width: 24px;
  margin-left: -10px;
  flex-shrink: 0;
}
main.page-content-main.livechat a.chatTabLabel .chatMucRoomNumber, main.page-content-main.livechat a.chatTabLabel .chatTitle {
  margin-left: 0.25em;
  margin-right: 0.25em;
  flex-basis: auto;
  flex-shrink: 0;
}
main.page-content-main.livechat a.chatTabLabel .chatTitle {
  flex-basis: auto;
  flex-shrink: 1;
  white-space: nowrap;
  min-width: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  /* Style if we use chat ref
  display: none;
  @media screen and (min-width: $minToDisplaySubject) {
    display:block;
  }
  */
}
main.page-content-main.livechat .tab-menu-item.hasNewContent .chatNewMsgIcon {
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 1.6V7.2C12 8.08 11.28 8.8 10.4 8.8H3.2L0 12V1.6C0 0.72 0.72 0 1.6 0H10.4C11.28 0 12 0.72 12 1.6ZM13.6 3.20003H14.4C15.28 3.20003 16 3.92003 16 4.80003V16L12.8 12.8H4.79999C3.91999 12.8 3.19999 12.08 3.19999 11.2V10.4H12.8C13.24 10.4 13.6 10.04 13.6 9.60003V3.20003Z' fill='%230879D1'/%3E%3C/svg%3E%0A");
}
main.page-content-main.livechat .chat.grid-3forths .tabbed-content > * {
  margin-bottom: 1rem;
}
main.page-content-main.livechat #livechat-new-message-form > span {
  position: relative;
}
main.page-content-main.livechat #livechat-new-message-form > span input[type=image] {
  position: absolute;
  right: 0;
  padding: 10px;
  background-color: transparent;
}
main.page-content-main.livechat #new-message {
  width: 100%;
  box-sizing: border-box;
  padding-right: 2.5em;
}
main.page-content-main.livechat div.bubble .u-photo-livechat {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 40px;
  height: 50px;
  padding: 2px;
}
main.page-content-main.livechat div.bubble .u-photo-livechat img {
  object-fit: cover;
  object-position: center;
  font-family: "object-fit: cover; object-position: center;";
  width: 40px;
  height: 40px;
  border-width: 1px;
  border-radius: 100%;
  vertical-align: bottom;
}
main.page-content-main.livechat div.livechat-message-body__text pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-all;
  font-family: Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
main.page-content-main.livechat div.card.person.clickable {
  cursor: pointer;
}
main.page-content-main.livechat div[class*=interlocutor] {
  align-self: flex-start;
}
main.page-content-main.livechat div[class*=owner-] div.bubble .u-photo-livechat {
  left: auto;
  right: 0;
}
main.page-content-main.livechat div.small-margin-bottom {
  margin-bottom: 5px !important;
}

div.bubble .content a {
  text-decoration: underline;
  color: #0000EE;
}
div.bubble .content a:visited {
  color: #551A8B;
  opacity: 1;
}
div.bubble .content p:not(.feedback-message), div.bubble .content li, div.bubble .content div[role=listitem], div.bubble .content th:not(.external-th), div.bubble .content td:not(.external-td), div.bubble .content div.field-specifics {
  font-size: 1em;
  padding: 0;
}
div.bubble .content p, div.bubble .content div.field-specifics {
  margin: 1em 0;
}
div.bubble .content th {
  color: inherit;
  background-color: inherit;
}
div.bubble .content tr:nth-child(odd) td {
  background-color: inherit;
}
div.bubble .content th[scope=col]:not(.external-th) {
  color: #404040;
  background-color: #dde3e8;
}
div.bubble .content th[scope=row] {
  text-align: left;
}
div.bubble .content strong, div.bubble .content b, div.bubble .content th:not(.external-th) {
  font-family: inherit;
  font-weight: bold;
}
div.bubble .content table:not(.external-table) {
  width: auto;
  border-spacing: 2px;
}
div.bubble .content li {
  margin: 0;
}
div.bubble .content p {
  margin: 1em 0;
}

div[class*=owner-] > div.bubble > .content {
  color: #000;
}

div.bubble > .content {
  color: #000;
  background-color: #cee6ff;
}

.aria-prompt {
  background-color: #FFF;
  padding: 7px 0 7px 0;
}

.open-aria-prompt-button {
  background-color: #F2F3F4;
  outline: #A3AFB7;
  height: fit-content;
}

.cross-ai {
  display: flex;
  justify-content: flex-end;
}

.cross-ai-button:hover {
  background: transparent url("/ti-web-shared/images/cross.svg") no-repeat;
  background-position-x: right;
}

.cross-ai-button {
  background: transparent url("/ti-web-shared/images/cross.svg") no-repeat;
  background-position-x: right;
}

.cross-end {
  display: flex;
  justify-content: flex-end;
  flex: auto;
}

.prompt-title {
  color: #25384C;
  font-family: Montserratbold, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin: 0.25rem 0.25rem 0.25rem 0.25rem;
  padding-top: 2px;
}

.prompt-tips {
  flex: auto;
  display: block;
  margin: auto;
  padding-top: 5px;
}

.bar-prompt {
  display: flex;
  flex-wrap: wrap;
  padding: 0.25rem 0.25rem 0;
  border: none;
  margin: 0;
  box-sizing: border-box;
}

.prompt-submit {
  background-color: #0879D1;
  flex: initial;
  margin: 0.25rem 0.25rem 0.25rem 0.25rem;
}

.prompt-input {
  width: 0;
  flex: auto;
  margin: 0.25rem 0.25rem 0.25rem 0.25rem;
}

.chat-creation-date {
  font-size: 0.7em;
}

#preview-modal {
  max-width: 1000px;
}
#preview-modal iframe {
  width: 100%;
  min-height: 400px;
}

.suggested-model-display {
  background-color: #DDE3E8;
  padding: 10px;
  border-radius: 0.3rem;
}
.suggested-model-display .suggested-answer {
  display: flex;
  padding-left: 8px;
}
.suggested-model-display img.image-answer {
  width: 24px;
  height: 24px;
}
.suggested-model-display .suggestion-lbl {
  padding-top: 0px;
  padding-left: 8px;
  font-size: 20px;
}
.suggested-model-display .btn {
  max-width: 200px;
  min-width: 200px;
  color: #404040;
  background-color: #FFF;
  border: 1px solid #4B6377;
}

div.card-selection div.card dd:last-of-type {
  width: 11em;
}

/* MEDIA QUERIES */
/* FOR WINDOW > 450px */
@media screen and (min-width: 450px) {
  div.bubble .content {
    min-width: 20em;
  }

  div.panel.cards.with-action h4 {
    margin-block-end: 0;
  }

  div.card.persons h4 {
    margin-bottom: 1.5em;
  }
  div.card.persons h4 span.label {
    margin: 0 2vw 0 -5px;
  }

  div.card header h4, div.card header div[role=heading][aria-level="4"] {
    order: 2;
  }
  div.card header .header-spacer {
    display: none;
  }
}
/* FOR WINDOW > 550px */
@media screen and (min-width: 550px) {
  .recall-data {
    display: flex;
    justify-content: space-between;
  }

  .recall-data ul.avatars {
    flex: 1;
    margin-left: 1rem;
  }

  nav.pagination li {
    margin: 0;
  }

  nav.pagination li.shortcut {
    flex-basis: auto;
    padding: 0.5em 1em;
    margin: 0;
  }

  nav.pagination li.disabled {
    display: block;
  }

  div.card.persons {
    display: flex;
    align-items: center;
  }
  div.card.persons ul.actions-list {
    flex-basis: auto;
    margin-left: auto;
    margin-bottom: 0;
  }
  div.card.persons h4 {
    flex-basis: auto;
    margin: 0;
    max-width: 340px;
  }

  ul.optional-status {
    left: calc(1vw + 1rem + 60px);
  }
}
div.card-list {
  position: relative;
  line-height: 1.5;
  background-color: #F2F3F4;
  padding: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
  transition: all 0.2s;
}
div.card-list dl div {
  display: flex;
  flex-flow: column-reverse;
  padding: 0 0 1rem;
}
div.card-list ul.actions-list {
  justify-content: flex-end;
  align-items: flex-end;
}
div.card-list dt {
  font-size: 0.7em;
  text-transform: uppercase;
}
div.card-list dd {
  font-family: Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}

/* FOR WINDOW > 700px */
@media screen and (min-width: 700px) {
  #main-nav select {
    font-size: 100%;
  }

  div.personal-info {
    display: flex;
    flex-wrap: wrap;
  }

  div.personal-info form {
    flex-basis: 100%;
  }

  div.personal-info div.avatar {
    flex: 1;
    margin-bottom: 2rem;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.3rem;
  }

  div.personal-info dl {
    flex-flow: column;
    flex: 1;
    padding: 2rem;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
  }

  div.personal-info dt {
    font-size: 1em;
  }

  div.personal-info dd {
    font-size: 1.2em;
  }

  div.personal-info dl div:last-of-type {
    margin-top: auto;
  }

  ul.notifications-list li {
    display: flex;
    justify-content: space-between;
  }

  div.card.persons h4 {
    max-width: 500px;
  }
}
/* FOR WINDOW > 700px to window < 1550px*/
@media screen and (min-width: 700px) and (max-width: 1510px) {
  section.participants h3 {
    flex-basis: 100%;
  }

  section.participants .h-card {
    flex: 1;
  }

  section.participants ul.avatars {
    flex: 1;
  }
}
/* FOR WINDOW > 800px */
@media screen and (min-width: 800px) {
  p,
li,
dt,
dd,
dd div {
    font-size: 1.1em;
  }

  summary {
    font-size: 1.1em;
  }

  nav.pagination {
    margin-top: 1rem;
  }

  nav.pagination li {
    font-size: 0.95em;
  }

  ul.optional-status li,
ul.metadata-list li {
    font-size: 0.9em;
  }

  p.buttons-bar.discret {
    font-size: 0.9em;
  }

  section.participants ul.avatars li {
    font-size: 1em;
  }

  div.card {
    display: flex;
    flex-wrap: wrap;
  }
  div.card header {
    flex: 1;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  div.card header .header-spacer {
    display: flex;
    flex-basis: 30px;
  }
  div.card dl {
    flex: 2;
    padding-top: 0;
    margin-left: 2rem;
    border-top: none;
  }
  div.card ul.actions-list {
    flex-basis: 100%;
    justify-content: flex-end;
  }

  .status {
    margin-top: 0.2em;
  }

  .go-away {
    padding-left: 2rem;
  }

  div.actions-bar {
    display: flex;
    align-items: center;
  }
}
/* FOR WINDOW > 1000px */
@media screen and (min-width: 1000px) {
  h2, div[role=heading][aria-level="2"] {
    font-size: 2.5em;
    margin-bottom: 0;
  }

  h3 {
    font-size: 2em;
  }

  h3 + div.actions-bar {
    margin-top: -1rem;
  }

  #container {
    display: flex;
  }

  #wrapper {
    flex: 1;
    min-height: 800px;
    padding: 0;
    margin: 1.5vw 3% 2vw 3%;
  }

  #wrapper footer {
    display: none;
  }

  main > header:first-child {
    margin-bottom: 2rem;
  }

  h2 + .grids .grid-3forths {
    margin-top: 3rem;
  }

  #main-nav {
    padding: 0;
  }

  #main-nav h2 {
    font-size: 1em;
  }

  fieldset.choices legend {
    font-size: 1.1em;
    padding-bottom: 0.5em;
  }

  div.h-card {
    padding: 1rem 2rem;
  }

  div.h-card form {
    margin: 0 0 0 1rem;
  }

  div.grid-2thirds,
div.grid-3cols,
div.grid-2cols {
    margin-bottom: 4rem;
  }

  div.grid-2thirds > :first-child {
    flex-basis: 65%;
    max-width: 100%;
  }

  div.grid-2thirds > :last-child {
    flex-basis: 30%;
    max-width: 100%;
  }

  div.grid-3cols > * {
    flex-basis: 30%;
    max-width: 100%;
  }

  div.grid-2cols > * {
    flex-basis: 47.5%;
    max-width: 100%;
  }

  div.data-sheet {
    margin-bottom: 4rem;
  }

  main.campaign div.data-sheet {
    margin-bottom: 2rem;
  }

  .set-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #F2F3F4;
    padding: 1rem;
    border-radius: 0.3rem;
  }

  .set-line > :first-child {
    flex: 1;
    margin-right: 2rem;
  }

  div.set-line p + p {
    margin-top: 0;
  }
}
/* FOR WINDOW < 1200px */
/* !!!!!!!!!!! MAX-WIDTH!!!!!!!!! Tables only */
@media screen and (max-width: 1200px) {
  table.transform th {
    display: none;
  }

  tr:nth-child(odd) td {
    background-color: #FFF;
  }

  table.transform tr,
table.transform td {
    display: block;
    text-align: left;
  }

  table.transform tr {
    padding-bottom: 1rem;
    border-bottom: 5px solid #0879D1;
  }

  table.transform td + td {
    border-top: 1px solid #A3AFB7;
  }

  table.transform td::before {
    display: inline-block;
    width: 15em;
    content: attr(data-head);
    text-transform: uppercase;
    font-size: 0.8em;
  }

  table.transform tr td:first-of-type {
    background-color: #DDE3E8;
  }

  table.transform td::before {
    display: inline-block;
    width: 15em;
    content: attr(data-head);
    text-transform: uppercase;
    font-size: 0.8em;
  }
}
/* FOR WINDOW > 1174px */
@media screen and (min-width: 1174px) {
  section.participants .h-card {
    flex-flow: column;
    padding: 2rem;
  }

  section.participants dl {
    text-align: center;
    margin: 1rem auto;
  }

  section.participants dt {
    font-size: 1.5em;
  }

  section.participants div.h-card .u-photo,
section.participants div.h-card .u-photo img {
    align-self: initial;
    width: 150px;
    height: 150px;
  }

  section.participants div.h-card .u-photo {
    padding: 13px;
  }

  section.participants div.h-card .u-photo img {
    border-width: 3px;
  }

  button.info {
    top: 0.5rem;
    left: calc(51% + 35px);
  }

  button.info img {
    width: 35px;
    height: 35px;
  }

  main.conversation section.participants ul.actions-list,
section.participants ul.actions-list {
    left: 0;
    width: 100%;
    justify-content: center;
  }

  section.participants ul.avatars {
    padding-top: 2rem;
    padding-bottom: 0;
  }

  section.participants dt {
    font-size: 1.5em;
  }

  main > header.with-action.with-search:first-child {
    max-width: calc(100% - 11rem);
  }

  legend {
    font-size: 1.3em;
  }

  p.buttons-bar, div.buttons-bar {
    text-align: left;
  }

  .top-level {
    position: static;
    margin-bottom: 1rem;
  }

  .top-level legend,
fieldset.choices div:first-child label {
    font-size: 1.1em;
    background-color: transparent;
  }

  .top-level > legend button.control {
    position: absolute;
    width: 9em;
    top: 0.5rem;
    right: 0;
    left: auto;
    color: #000;
    background-color: #F2F3F4;
    background-size: 2em 2em;
    background-position-y: 0;
    padding-bottom: 3.3rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    transition: all 0.3s;
  }

  .top-level > legend button.control[aria-expanded=false] {
    color: #FFF;
    background-color: #0879D1;
    padding-bottom: 0.5em;
    border-radius: 0.3em;
  }

  main.demands .top-level > legend button.control {
    width: 12em;
  }

  .highlight {
    padding: 1rem;
  }

  main.interlocutor > header:first-child {
    max-width: 100%;
  }

  div.actions-bar.results-options {
    padding: 1rem 1rem 0.5rem 1rem;
    margin-bottom: 2rem;
  }

  div.actions-bar form {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 0;
  }

  div.actions-bar p,
div.actions-bar fieldset {
    margin: 0;
  }

  div.actions-bar form > :nth-child(2) {
    padding: 0;
    border: none;
  }

  div.actions-bar fieldset.choices ul.check-chips {
    margin: 0 1rem 0;
  }

  ul.check-chips.add-legend::before {
    padding: 0 0 0.5em;
  }

  #sorting label.inline,
form.sorting label.inline {
    display: block;
  }
  #sorting p:only-child label.inline,
form.sorting p:only-child label.inline {
    display: inline-block;
  }

  div.card {
    min-height: 3rem;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 0.5rem 1rem;
    margin-bottom: 0.5rem;
  }
  div.card header {
    box-sizing: border-box;
    flex: 1 0 30%;
    flex-flow: row;
    max-width: 22em;
    margin: 0;
  }
  div.card header h4, div.card header div[role=heading][aria-level="4"] {
    order: 2;
    z-index: 2;
  }
  div.card header .header-spacer {
    flex-basis: 80px;
  }
  div.card .status {
    order: 1;
    overflow: hidden;
    width: 18px;
    height: 22px;
    text-indent: -50em;
    padding-left: 1rem;
    margin-top: 0.3em;
  }
  div.card .status.moderate {
    position: relative;
    top: -5px;
    height: 2em;
    padding-left: 0;
    z-index: 1;
  }
  div.card dl {
    box-sizing: border-box;
    flex: 1 0 45%;
    max-width: 25em;
    padding: 0 0 0 1rem;
    margin: 0 2rem 0 1rem;
    border: none;
    border-left: 5px solid #308276;
  }
  div.card ul.actions-list {
    box-sizing: border-box;
    flex-basis: 25%;
    align-self: center;
  }
  div.card dd:last-of-type {
    bottom: 0.7rem;
    left: calc(2rem + 18px);
  }
  div.card.persons {
    box-sizing: border-box;
    width: 48%;
    min-width: 300px;
    margin: 0 1rem 1rem 0;
  }
  div.card.persons h4 {
    max-width: 255px;
  }
  div.card.persons h4 span.label {
    margin: 0 1vw 0 -5px;
  }

  div.cards.persons {
    display: flex;
    flex-wrap: wrap;
    margin: 0 1rem 1rem 0;
  }

  p.baseline {
    margin-top: -1rem;
  }

  main > header.with-action:first-child h2 {
    margin-right: 2rem;
  }

  div.card-notification,
div.card-notification dl {
    display: flex;
  }

  div.card-notification dl {
    flex: 1;
  }

  div.card-notification dd {
    font-size: 1em;
  }

  div.card-notification dl div {
    padding: 0;
  }

  div.card-notification.document-repository dl div:nth-child(1) {
    flex: 0 0 15em;
  }

  div.card-notification dl div:nth-child(1) {
    flex: 0 0 10em;
  }

  div.card-notification dl div:nth-child(2) {
    flex: 0 0 15em;
  }

  div.card-notification.document-repository dl div:nth-child(2) {
    flex: 1 0 15em;
  }

  div.card-notification div + div {
    margin-left: 1rem;
  }

  div.card-notification ul.actions-list {
    margin-left: auto;
  }

  div.card-notification div.ember-tooltip-inner {
    margin-left: auto;
  }

  div.card-notification.blacklist dl div:nth-child(1) {
    flex: 0 0 25em;
  }

  div.card-list,
div.card-list dl {
    display: flex;
  }

  div.card-list dl {
    flex: 1;
  }

  div.card-list dd {
    font-size: 1em;
  }

  div.card-list dl div {
    padding: 0;
  }

  div.card-list dl div:nth-child(1) {
    flex: 0 0 12em;
  }

  div.card-list dl div:nth-child(2) {
    flex: 0 0 12em;
  }

  div.card-list div + div {
    margin-left: 1rem;
  }

  div.card-list ul.actions-list {
    margin-left: auto;
  }

  div.card-list ul.actions-list li {
    height: 32px;
  }

  div.card-list.blacklist dl div:nth-child(1) {
    flex: 0 0 25em;
  }
}
/* FOR WINDOW > 1500px */
@media screen and (min-width: 1500px) {
  /*section.participants::after {
    display: block;
    content: "";
    width: 100%;
    height: 30px;
    background-color: $n-light;
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
  }*/
  div.card.persons h4 {
    max-width: 355px;
  }

  div.card-list dl div:nth-child(1) {
    flex: 0 0 15em;
  }

  div.card-list dl div:nth-child(2) {
    flex: 0 0 20em;
  }

  div.card-list dl div:nth-child(3) {
    flex: 0 0 10em;
  }
}
/* --------------------- MQ FOR IE ------------------------ */
@media screen and (min-width: 1000px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  h1 img {
    width: 100px;
    height: 39px;
  }
}
@media screen and (min-width: 1500px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  section.participants dl {
    order: 2;
  }
}
/* ------------------------- PRINT QUERIES ------------------ */
@media print {
  /* hide navigation */
}
/* FOR WINDOW > 1000px */
@media screen and (min-width: 1000px) {
  div#side-panel-container.close {
    width: 0;
  }
  div#side-panel-container.close header#side-panel {
    width: 0;
  }
  div#side-panel-container.close header#side-panel h1 {
    width: 0;
  }

  div#side-panel-container.open header#side-panel {
    box-sizing: border-box;
    width: 21rem;
    background-color: #1F394E;
    flex-direction: column-reverse;
  }
  div#side-panel-container.open header#side-panel h1 {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 21rem;
    height: 4rem;
    text-align: left;
    background-color: #308276;
    padding: 0 2vw;
    border-top: 2px solid #FFF;
    z-index: 1021;
  }
  div#side-panel-container.open header#side-panel h1 img {
    width: 30%;
  }
  div#side-panel-container.open header#side-panel h1::after {
    font: 0.8em Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
    content: "WL Trusted Interactions";
  }

  div.controled {
    background: #308276;
    border: none;
    box-shadow: none;
  }
  div.controled div.content {
    display: block;
    width: 21rem;
    max-width: 100%;
  }

  .side-panel-footer {
    padding: inherit;
    flex-basis: 4rem;
  }

  #main-nav select {
    /*top: -4rem;*/
    padding-left: 1.5vw;
  }

  button.nav-control {
    display: block;
    width: 16px;
    height: 100%;
    top: 0;
    right: -16px;
    background-color: #F2F3F4;
  }
  button.nav-control svg {
    display: none;
  }
  button.nav-control::before {
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    background: url("/ti-web-shared/images/nav-arrow.svg") 0 0 no-repeat;
    background-size: 16px 16px;
  }
  button.nav-control[aria-expanded=false]::before {
    transform: rotate(180deg);
  }

  #side-bar-profile {
    padding: 0;
  }
}
/* --------------------- MQ FOR IE ------------------------ */
@media screen and (min-width: 1000px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  div#side-panel-container.open header#side-panel h1 img {
    width: 100px;
    height: 39px;
  }
}
@media screen and (max-width: 380px) {
  #main-nav li a::after, #main-nav li button::after {
    margin-left: 0;
  }

  #main-nav ul.level2 li a {
    font-size: 0.9em;
  }
}
section.login {
  width: 90%;
  max-width: 300px;
  margin: 5vw auto;
}

section.login main {
  position: static;
  min-height: auto;
  background-color: #F2F3F4;
  padding: 1rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

section.login h1 {
  position: static;
  width: auto;
  text-align: left;
  color: #FFF;
  background-color: #308276;
  padding: 1rem;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

section.login h1::after {
  content: none;
}

section.login h1 img {
  width: 100px;
  height: 45px;
}

section.login h2 {
  font-size: 1.5em;
  background-color: #F2F3F4;
  margin-bottom: 1em;
}

section.login form p {
  margin: 0 auto 1rem;
}

section.login .buttons-bar {
  padding-top: 1rem;
  margin-top: 1rem;
  border-top: 1px solid #DDE3E8;
}

.lost-password {
  font-size: 0.95em;
}

/* FOR WINDOW HEIGHT < 600px and WIDTH > 1000px */
@media screen and (min-width: 1000px) and (max-height: 600px) {
  section.login h1 {
    display: block;
  }
}
/* FOR WINDOW > 1250px */
@media screen and (min-width: 1250px) {
  section.login main > header:first-child {
    max-width: 100%;
  }
}
div.personal-info div.avatar {
  background-color: #308276;
  padding: 1rem;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

div.personal-info div.avatar p.u-photo {
  position: relative;
  width: 70%;
  width: 200px;
  height: 200px;
  margin: 1vw auto;
}

div.personal-info div.avatar p.uploader {
  position: absolute;
  right: 0rem;
  top: 10rem;
  width: 41px;
  height: 41px;
}

.icon-add-avatar {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  background-image: url("/ti-web-shared/images/add-avatar.svg");
  background-position: 4px 4px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

div.personal-info dl {
  display: flex;
  flex-wrap: wrap;
  background-color: #F2F3F4;
  padding-top: 1rem;
  margin-bottom: 2rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

div.personal-info dl div {
  margin: 0 1rem 1rem;
}

div.personal-info dt {
  font: 0.8em/1.1 Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}

div.personal-info dd {
  font: 1.1em Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}

form.avatar-form {
  padding-top: 1rem;
  border-top: 1px solid #A3AFB7;
}

div.avatar-uploader {
  flex-basis: 100%;
  padding-top: 2rem;
}

form.avatar-form p.buttons-bar {
  margin-bottom: 2rem;
}

form.avatar-form div.message-composer-section {
  display: flex;
}

main.settings div.data-sheet h4 {
  color: #0879D1;
  background-color: #FFF;
}

main.settings div.data-sheet > dl {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 2px dotted #A3AFB7;
}

form#coords-form > div {
  font-size: 0.95em;
  margin-bottom: 1.5em;
}

@media screen and (min-width: 800px) {
  form#coords-form > div {
    font-size: 1.1em;
  }
}
ul.notifications-list li {
  list-style-type: none;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px dotted #A3AFB7;
}

ul.notifications-list p {
  margin: 0;
}

ul.notifications-list p.ellipsis {
  max-width: 15em;
  margin-left: 30px;
}

ul.notifications-list p.break-word {
  margin-left: 30px;
}

ul.notifications-list strong {
  display: inline-block;
  color: #000;
  background-color: #FFF;
  margin-bottom: 0.2em;
}

ul.notifications-list .selector {
  width: 100%;
}

/* EXCEPTIONS */
.icon-table, .icon-chart {
  background-image: url("/ti-web-shared/images/sprite-admin.svg");
}

.icon-table {
  background-position: 4px 6px;
}

.icon-chart {
  background-position: 4px -96px;
}

main.admin div.added-signatures label {
  display: block;
}

main.admin div.added-signatures {
  margin: 0;
}

div.panel {
  margin-bottom: 2rem;
}

div.panel.with-action {
  position: relative;
}

div.panel.with-action p.buttons-bar {
  text-align: right;
  margin: -1rem 0 0.5rem;
}

.main-form h3 {
  background-color: #F2F3F4;
}

div.panel h4 {
  font-size: 1.2;
}

div.panel h3 .label {
  float: right;
  font-size: 50%;
}

ul.message-attachments p.uploader {
  margin-left: auto;
}

div.notification-info-component div.data-sheet + p.buttons-bar {
  margin: -3rem 0 2rem;
}

div.card-notification ul.actions-list li {
  height: 32px;
}

.label {
  vertical-align: bottom;
}

main.admin div.set-line {
  background-color: #F2F3F4;
  padding: 1rem;
  border-radius: 0.3rem;
}

div.set-line div.group {
  margin-bottom: 1rem;
}

div.set-line + .main-form {
  margin-top: 1rem;
}

div.card-list-theme .ellipsis {
  max-width: 15em;
}

.main-form ul:not(.add-list) {
  margin-left: 1rem;
}

.main-form ul.add-list li {
  background-color: #F2F3F4;
  animation: none;
}

.buddies label {
  margin-right: 0.5em;
}

ul.check-list {
  margin-bottom: 2rem;
}

main.admin div.data-sheet {
  padding-left: 1rem;
  border-left: 4px solid #0879D1;
}

main.admin div.data-sheet dl div + div {
  margin-top: 0.5rem;
}

main.admin div.data-sheet dl div {
  padding-bottom: 0.65rem;
  border-bottom: 1px dotted #A3AFB7;
}

main.admin div.data-sheet dt.category {
  width: 30em;
}

dl.tabbed {
  max-width: 30em;
}

dl.tabbed div {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}

dl.tabbed div + div {
  margin-top: 0.5em;
}

div.card.simple {
  padding: 0.5rem;
}

div.card.simple .badge {
  display: block;
}

div.data-sheet h3 small, div.panel h3 small {
  display: block;
  font-family: Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}

div.data-sheet h4 {
  font-size: 1.1em;
}

ul.check-list strong {
  display: block;
}

p.clone-popup {
  display: inline-flex;
  font-size: 0.55em;
}

form.clone-adviser input[type=text] {
  min-width: 65%;
}

/* Settings on-off */
.on-off-button {
  position: relative;
  overflow: hidden;
  display: flex;
  align-content: center;
  width: 50px;
  height: 26px;
  line-height: 3em;
}

.on-off-button button {
  width: 50px;
  height: 26px;
  text-indent: -50em;
  background: #DDE3E8;
  padding: 0;
  border-radius: 1rem;
}

.on-off-button::after {
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 3px;
  left: 2px;
  content: "";
  background: #A3AFB7;
  border-radius: 20px;
  transition: all 1s;
  z-index: 10;
}

.on-off-button.active::before {
  background: #DDE3E8;
}

.on-off-button.active::after {
  left: 27px;
  background: #0879D1;
}

/* Reference list */
div.reference {
  margin: 2rem 0;
}

div.reference h3, div.reference h4 {
  font-size: 1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %234B6377' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  padding: 0.2em 0 0.2em 2rem;
  margin-bottom: 1rem;
  border: none;
}

div.reference li {
  font-size: 0.9em;
}

div.reference dl, div.reference ul {
  margin: 0 0 1rem 2rem;
}

div.reference dt {
  font-family: Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.5em;
}

div.reference dd, div.reference li {
  display: inline-block;
  padding: 0 0.5em 0.5em 0;
}

div.meta-edit {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  align-items: flex-end;
  padding-left: 1rem;
  padding-top: 0.5rem;
  border-left: 1px solid #A3AFB7;
}

div.meta-edit::before, div.meta-edit::after {
  content: "";
  display: block;
  position: absolute;
  width: 0.5rem;
  height: 1px;
  top: 0;
  left: 0;
  background-color: #A3AFB7;
}

div.meta-edit::after {
  top: auto;
  bottom: 0;
}

div.meta-edit input {
  width: 11em;
}

div.meta-edit p:first-of-type {
  margin-right: 1rem;
}

div.meta-edit button {
  margin-left: 1rem;
}

main.admin ul.add-list dt {
  font-family: Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #1F394E;
  margin-bottom: 0.3em;
}

ul.add-list ul.actions-list {
  margin-left: auto;
}

ul.add-list ul.actions-list li {
  padding: 0.5rem 0 0 0.5rem;
}

/* DASHBOARD */
section.dashboard-section {
  margin-bottom: 2rem;
}

div.health-summary {
  margin: 0 0 2rem;
}

div.health-summary dl {
  display: flex;
  flex-wrap: wrap;
}

div.health-summary dl div {
  flex: 1 0 39%;
  min-width: 7em;
  display: flex;
  flex-flow: column;
  text-align: center;
  background-color: #F2F3F4;
  padding: 0.5rem;
  margin: 0 0.5rem 0.5rem 0;
  border-radius: 0.3rem;
}

div.health-summary dt {
  font-size: 0.8em;
  text-transform: uppercase;
}

div.health-summary dd {
  font: 2em/1 Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #1F394E;
  margin-top: auto;
}

div.health-summary ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  margin: 0;
}

div.health-summary li {
  flex: 1 0 39%;
  min-width: 7em;
  text-align: center;
  margin: 0 0.5rem 0.5rem 0;
}

div.health-summary button {
  display: flex;
  flex-flow: column;
  width: 100%;
  color: #000000;
  background-color: #F2F3F4;
  padding: 0.5rem;
  margin: 0 0.5rem 0.5rem 0;
  border-radius: 0.3rem;
  align-items: center;
}

div.health-summary button:focus, div.health-summary button:hover, div.health-summary button.active {
  color: #FFF;
  background-color: #0879D1;
}

div.health-summary button time {
  font: 0.8em Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}

div.health-summary button span {
  font: 2em/1 Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-top: auto;
}

div.chart-block header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

div.chart-block header h4 {
  flex-basis: 45%;
  margin-bottom: 0;
}

div.chart-block header p {
  flex-basis: auto;
  min-width: 8em;
  margin-left: auto;
}

div.chart-block .ember-power-select-trigger {
  min-width: 5em;
  max-width: 8em;
}

/* TREE */
div.orgchart {
  width: 100%;
  overflow-x: auto;
}

div.orgchart .node .title {
  color: #000;
  display: inline-block;
}

div.orgchart .node {
  display: block;
}

.label {
  display: inline-block;
  font: 80% Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #000;
  background-color: #DDE3E8;
  padding: 0.2em 0.8em 0.3em;
  border-radius: 1em;
}

.label.label-success {
  background-color: #D1F7E5;
}

/* GROUPS */
div.card.adv-group ul:not(.actions-list) {
  margin: 0 0 0.5rem 1rem;
}

div.card.adv-group .label {
  position: absolute;
  width: auto;
  width: max-content;
  bottom: 1rem;
  left: 1rem;
}

main.admin div.card.person .u-photo {
  width: 55px;
  height: 55px;
  margin: 0 1vw 0 -5px;
}

main.admin div.card.person h4 {
  flex-basis: 70%;
  display: flex;
  align-items: center;
  font-size: 1.1em;
  line-height: 1.3;
}

/* DOCUMENTS */
div.card.document {
  display: flex;
  flex-flow: column;
}

div.card.document p.labels {
  margin-bottom: 1rem;
}

div.card.document p.last-date {
  position: absolute;
  width: 15em;
  bottom: 0.5rem;
  left: 1rem;
  font-size: 0.95em;
}

div.card.document h4 {
  font-size: 1em;
}

div.card.document h4 .ellipsis {
  max-width: 15em;
}

div.card.document .label.ellipsis {
  max-width: 10em;
}

#edit-tpl-folder {
  padding: 1rem;
  margin-top: 0.5rem;
  border: 1px solid #A3AFB7;
  border-radius: 0.3rem;
}

#edit-tpl-folder p.buttons-bar {
  margin-bottom: 0;
}

div.set-line.folder-tpl {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#add-ref-img div.message-composer-section {
  display: flex;
}

.entity-hours {
  display: flex;
  flex-wrap: wrap;
}

.entity-hours fieldset {
  flex: 1 1 auto;
  padding-right: 3rem;
  min-width: 265px;
  max-width: 265px;
}

.entity-hours fieldset p {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.entity-hours fieldset p input[type=time] {
  font-size: 0.85em;
  flex: 1 1 auto;
}
.entity-hours fieldset p span {
  flex: 0;
  margin: 0 2px;
}

.entity-hours fieldset p > * {
  flex: 1 1 auto;
  text-align: center;
}

/* ROUTING RULES */
div.rule-list {
  counter-reset: step;
  margin-bottom: 2rem;
}

div.rule {
  background-color: #F2F3F4;
  padding: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}

div.rule header {
  position: relative;
  padding-left: 3em;
  margin-bottom: 1rem;
}

div.rule header::before {
  display: flex;
  flex-flow: column;
  justify-content: center;
  position: absolute;
  width: 1.8em;
  height: 1.8em;
  top: 0.3em;
  left: 0;
  line-height: 1.5em;
  font-size: 1.2em;
  content: counter(step);
  counter-increment: step;
  text-align: center;
  color: #FFF;
  background: #308276;
  margin-right: 0.5em;
  border-radius: 1.8em;
}

div.rule h5 {
  font-size: 1.1em;
  color: #000;
  margin-bottom: 0.2em;
}

div.rule p.description {
  font-size: 1em;
}

div.rule li {
  position: relative;
  list-style-type: none;
  font-size: 0.95em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M14.4,6H20V16H13L12.6,14H7V21H5V4H14L14.4,6M14,14H16V12H18V10H16V8H14V10L13,8V6H11V8H9V6H7V8H9V10H7V12H9V10H11V12H13V10L14,12V14M11,10V8H13V10H11M14,10H16V12H14V10Z' /%3E%3C/svg%3E");
  background-position: 0 0.35rem;
  background-repeat: no-repeat;
  padding-left: 30px;
  padding-top: 0.5rem;
  margin-top: 0.5rem;
  border-top: 1px solid #A3AFB7;
}

div.rule li strong {
  display: block;
}

div.card.reply-message {
  justify-content: flex-start;
  align-items: center;
}

div.card.reply-message dt {
  font-size: 0.65em;
  text-transform: uppercase;
}

div.card.reply-message dd {
  font-family: Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}

div.card.reply-message dd:last-child {
  padding: 0;
}

div.card.reply-message dd:last-of-type {
  position: inherit;
  font-size: 1em;
  line-height: 1.5;
}

div.card.reply-message dl div {
  display: flex;
  flex-flow: column-reverse;
}
div.card.reply-message dl div dd > a {
  text-decoration: none;
}
div.card.reply-message dl div dd > a::after {
  display: block;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

div.card.reply-message dl {
  border-bottom: none;
}

div.card.reply-message div.group {
  flex-flow: row;
  align-items: flex-start;
  border-top: 1px dotted #A3AFB7;
  border-bottom: 1px dotted #A3AFB7;
}

div.card.reply-message.simple-data {
  width: 9em;
}

div.card.reply-message .label {
  position: static;
}

#add-to-blacklist {
  margin-top: 2rem;
}

/* COMMUNICATIONS SETTINGS */
#page-communication-settings input[type=date] {
  width: 200px;
}

/* TREEVIEW */
div.treeview-wrapper {
  padding: 1rem;
  border: 2px solid var(--n-light);
  border-radius: 0.3rem;
}

div.treeview-selection p.empty-state {
  text-align: center;
  background: url("/ti-web-shared/images/templates-empty.svg") center 20px no-repeat;
  background-size: 80px 100px;
  padding-top: 160px;
}

ul.treeview {
  overflow: auto;
  list-style-type: none;
}

ul.treeview ul {
  display: none;
  list-style-type: none;
  margin-left: 21px;
}

ul.treeview ul.active {
  display: block;
}

ul.treeview li {
  font-size: 0.8em;
}

ul.treeview li li {
  font-size: 100%;
}

ul.treeview button.deploy {
  color: #000000;
  background-color: #FFF;
  background-image: url("/ti-web-shared/images/sprite-treeview.svg");
  background-position: 2px 6px;
  background-repeat: no-repeat;
  padding: 0.5em 0.5em 0.5em 25px;
  border-radius: 0;
}

ul.treeview button:focus, ul.treeview button:hover, ul.treeview button.active {
  background-color: #F2F3F4;
}

ul.treeview button.deploy-arrow {
  margin: 0.5em 0.5em 0.5em 0;
  width: 14px;
  height: 14px;
  background-color: #FFF;
  border-radius: 0;
  vertical-align: text-top;
  outline: none;
}

ul.treeview button.deploy-arrow span {
  display: block;
  width: 13px;
  height: 13px;
  margin-top: -0.5em;
  margin-left: 0.5em;
  background-repeat: no-repeat;
}

ul.treeview button.deploy-arrow-close span {
  background-image: url("/ti-web-shared/images/nav-arrow.svg");
  transform: rotate(180deg);
}

ul.treeview button.deploy-arrow-open span {
  background-image: url("/ti-web-shared/images/nav-arrow.svg");
  transform: rotate(225deg);
  animation: none;
}

ul.treeview button.deploy-loading span {
  background-image: url("/ti-web-shared/images/loading-circle.svg");
  animation: spin 1.5s linear infinite;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
div.card-list.classification-rule-line dd {
  min-height: 1.5em;
}

dt.rule-priority-term {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.rule-priority {
  display: inline-flex;
  flex-flow: column;
  justify-content: center;
  width: 1.8em;
  height: 1.8em;
  top: 0.3em;
  left: 0;
  line-height: 1.8em;
  font-size: 1.2em;
  content: counter(step);
  counter-increment: step;
  text-align: center;
  color: #FFF;
  background: #308276;
  margin-right: 0.5em;
  border-radius: 1.8em;
  position: relative;
  margin-bottom: 1rem;
}

div.card-list dl div.rule-priority {
  padding: 0;
}

/* -------------- MEDIA QUERIES ------------ */
@media screen and (min-width: 700px) {
  div.panel h4 {
    font-size: 1.3em;
    padding-top: 0;
    padding-bottom: 0;
  }

  div.card.person {
    display: flex;
    align-items: center;
  }

  div.card.person h4 {
    flex-basis: 20em;
    margin-bottom: 0;
  }

  div.card.person ul.actions-list {
    margin-left: auto;
  }

  ul.check-list strong {
    display: inline-block;
    width: 15em;
  }

  #edit-tpl-folder {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  #edit-tpl-folder p {
    margin-bottom: 0;
  }

  #edit-tpl-folder p.buttons-bar {
    margin: 0 0 0 auto;
  }

  main.admin ul.add-list li {
    display: flex;
    justify-content: space-between;
  }

  div.card.reply-message {
    justify-content: flex-start;
    align-items: center;
  }

  div.card.reply-message .label {
    position: static;
  }

  div.treeview-wrapper {
    display: flex;
  }

  ul.treeview {
    flex-basis: 25%;
    overflow: hidden;
  }

  div.treeview-selection {
    max-width: 50%;
    margin: 0px auto;
  }

  div.message-type {
    justify-content: flex-start;
  }

  div.message-type > :nth-child(1) {
    width: 25%;
  }

  div.message-type > :nth-child(2) {
    width: 25%;
  }

  div.message-type > :nth-child(3) {
    margin-right: 4rem;
    width: 35%;
  }

  div.message-type button {
    margin-left: auto;
  }
}
@media screen and (min-width: 1000px) {
  section.dashboard-section {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  section.dashboard-section h3, section.dashboard-section .buttons-bar {
    flex-basis: 100%;
  }

  div.health-summary {
    flex-basis: 30%;
    margin-bottom: 1rem;
  }

  div.chart-block {
    flex-basis: 65%;
  }

  section.dashboard-section.dash-status div.chart-block {
    flex-basis: 45%;
  }

  main.admin div.data-sheet div {
    display: flex;
  }

  main.admin div.data-sheet dt {
    width: 15em;
    margin-right: 2rem;
  }

  div.rule-list {
    margin-bottom: 4rem;
  }

  div.rule li {
    display: flex;
    justify-content: space-between;
  }

  main.classification-rules .input-text-width {
    width: 35em;
  }

  main.classification-rules .text-width {
    width: 39em;
  }

  main.classification-rules .multi-text-width {
    width: 37.2em;
  }
}
@media screen and (min-width: 1250px) {
  div.health-summary dt {
    margin-bottom: 0.5rem;
  }

  div.card.simple {
    align-items: center;
  }

  div.card.simple h4 {
    margin-bottom: 0;
  }

  div.card.adv-group {
    justify-content: flex-start;
    align-items: center;
  }

  div.card.adv-group > :first-child {
    width: 15em;
  }

  div.card.adv-group ul:not(.actions-list) {
    list-style-type: none;
    padding-left: 1rem;
    margin-bottom: 0;
    border-left: 4px solid #1F394E;
  }

  div.card.adv-group ul.actions-list {
    margin-left: auto;
  }

  div.card.adv-group .label {
    position: static;
  }

  div.card.document {
    flex-flow: row;
  }

  div.card.document h4 {
    order: 2;
    font-size: 1em;
    width: 60%;
  }

  div.card.document p.labels {
    order: 1;
    width: 40%;
    margin-bottom: 0;
  }

  div.card.document p.last-date {
    position: static;
    order: 3;
    width: 20%;
  }

  div.card.document ul.actions-list {
    order: 4;
    flex-basis: 10%;
  }

  div.panel.with-action h3 {
    padding-right: 5em;
  }

  div.panel.with-action p.buttons-bar {
    position: absolute;
    width: auto;
    top: -5px;
    right: 0;
    margin: 0;
  }

  div.panel.with-action p.buttons-bar.btn-popup {
    top: 3px;
  }

  div.card.reply-message dl {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    max-width: 100%;
    align-items: start;
    margin: 0;
    padding: 0;
    border: none;
    border-left: none;
  }

  div.card.reply-message div.group {
    flex-flow: row;
    align-items: flex-start;
    margin-bottom: 1rem;
    border-top: none;
    border-bottom: none;
  }

  div.classification-rule-line dl {
    display: grid;
    grid-template-columns: 0.1fr 0.1fr 0.5fr 0.5fr 0.5fr 0.5fr 0.5fr 0.5fr 0.5fr;
    width: 100%;
    align-items: start;
  }
}
@media screen and (max-width: 1249px) {
  div.card.reply-message dd.ellipsis:last-of-type {
    width: 100%;
  }
}
/* --------------- IE -------------------- */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .entity-hours fieldset {
    max-width: 420px;
    min-width: 420px;
  }

  .entity-hours fieldset p > span {
    flex: 1 1 20px;
  }

  ul.treeview button.deploy-arrow span {
    margin-left: 0;
  }
}
@media screen and (max-width: 1250px) and (-ms-high-contrast: active), screen and (max-width: 1250px) and (-ms-high-contrast: none) {
  div.card.reply-message .group div {
    margin-right: 10px;
  }
}
@media screen and (min-width: 1250px) and (-ms-high-contrast: active), screen and (min-width: 1250px) and (-ms-high-contrast: none) {
  div.card.reply-message dl {
    display: table;
    width: 93%;
  }

  div.card.reply-message dl div {
    display: table-cell;
  }

  div.card.reply-message dl > div:first-of-type {
    width: 15em;
  }

  div.card.reply-message div.group {
    width: 20em;
  }

  div.card.reply-message div.simple-data {
    width: 10em;
  }

  div.card.reply-message dl > div:last-of-type {
    width: 15em;
  }

  div.card.reply-message.template div:nth-child(1) {
    width: 30%;
  }

  div.card.reply-message.template div:nth-child(2) {
    width: 30%;
  }

  div.card.reply-message.template div:nth-child(3) {
    width: 20%;
  }

  div.card.reply-message.template div:nth-child(4) {
    width: 20%;
  }

  div.card.reply-message.template div:nth-child(1) dd,
div.card.reply-message.template div:nth-child(2) dd {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }

  div.card.reply-message.template div:nth-child(1) dd {
    max-width: 12em;
  }

  div.card.reply-message.template div:nth-child(2) dd {
    max-width: 12em;
  }

  div.classification-rule-line dl {
    display: table;
    width: 93%;
  }

  div.classification-rule-line dl > div {
    display: table-cell;
  }

  div.classification-rule-line dl > div:first-of-type {
    width: 5em;
  }

  div.classification-rule-line dl > div:nth-of-type(2) {
    width: 15em;
  }

  div.classification-rule-line dl > div:nth-of-type(3) {
    width: 15em;
  }

  div.classification-rule-line dl > div:nth-of-type(4) {
    width: 15em;
  }

  div.classification-rule-line dl > div:nth-of-type(5) {
    width: 10em;
  }

  div.classification-rule-line dl > div:nth-of-type(6) {
    width: 15em;
  }

  div.classification-rule-line dl > div:nth-of-type(7) {
    width: 10em;
  }

  div.classification-rule-line dl > div:nth-of-type(8) {
    width: 10em;
  }

  div.classification-rule-line dl > div:nth-of-type(9) {
    width: 10em;
  }
}
.envelope .hidden {
  display: none;
}
.envelope textarea {
  width: 100%;
  margin-top: 10px;
}
.envelope .display-line {
  padding-bottom: 10px;
}
.envelope #sub-checkbox {
  display: inline-block;
}

#preview-html-popup {
  max-width: 1000px;
}

.preview-envelope {
  width: 100%;
  min-height: 500px;
}

.cursor-pointer {
  cursor: pointer;
}

/* --------------- Documentary database -------------------- */
.document-file-input {
  visibility: hidden !important;
}

div.buddies p.uploader {
  width: auto;
}

input#document-file-input::file-selector-button {
  display: none;
}

div.with-subtext {
  margin-bottom: -0.75em;
}

form.document-db-form > .buttons-bar {
  margin-top: 1em;
}

.buttons-generate {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

#generate-report {
  min-width: 14em;
}

.history-section .collapsible > .content[aria-hidden=false] {
  padding-top: 1rem;
}
.history-section .supervision-history-graph > label {
  display: inline-block;
}
.history-section .supervision-history-graph ul.choices {
  display: inline-flex;
}
.history-section .supervision-history-graph ul.choices.aggregation-type {
  justify-content: flex-end;
  display: inline-flex;
  float: right;
}

@media screen and (min-width: 800px) {
  button#generate-button {
    margin: 0.4em;
  }
}
@media screen and (max-width: 800px) {
  button#generate-button {
    margin-left: 0.5em;
  }
}
.collapsible.supervision-graph > .content[aria-hidden=false] {
  background-color: transparent;
}

.supervision-reports-data-panel__body--scroll.report-data {
  overflow: auto;
}

.supervision-reports-data-panel-table > tbody > tr:not(:nth-child(1)) > th {
  background-color: #F2F3F4;
}

.supervision-reports-filters {
  background-color: #F2F3F4;
  padding: 1rem 1rem 0.5rem;
  border-radius: 0.3rem;
}
.supervision-reports-filters div.field {
  font-size: 1.2em;
  margin-bottom: 1.5rem;
}

th:not(.external-th).supervision-info-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %234B6377' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  padding: 0.2em 0.75rem 0.2em 0;
  border: none;
  background-position-x: right;
  background-position-y: bottom;
}

@font-face {
  font-family: "cats-icomoon";
  src: url("fonts/cats-icomoon.eot?jz974o");
  src: url("fonts/cats-icomoon.eot?jz974o#iefix") format("embedded-opentype"), url("fonts/cats-icomoon.ttf?jz974o") format("truetype"), url("fonts/cats-icomoon.woff?jz974o") format("woff"), url("fonts/cats-icomoon.svg?jz974o#cats-icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.cats-font, .icon-add, .icon-zoom-out, .icon-zoom-in, .icon-add-avatar, .icon-delete, .icon-report, .icon-print, .icon-edit, .icon-see, .bt-create:after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "cats-icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bt-create:after {
  content: "";
  color: #ffffff;
}

.cats-font-assistance:before {
  content: "";
  color: #666e8a;
}

.cats-font-basket:before {
  content: "";
  color: #666e8a;
}

.cats-font-board:before {
  content: "";
  color: #666e8a;
}

.cats-font-pension:before {
  content: "";
  color: #666e8a;
}

.cats-font-second-home:before {
  content: "";
  color: #666e8a;
}

.cats-font-sidebar-close:before {
  content: "";
  color: #666e8a;
}

.cats-font-sidebar-open:before {
  content: "";
  color: #666e8a;
}

.cats-font-sofa:before {
  content: "";
  color: #666e8a;
}

.cats-font-tax:before {
  content: "";
  color: #666e8a;
}

.cats-font-t-shirt:before {
  content: "";
  color: #666e8a;
}

.cats-font-historic:before {
  content: "";
  color: #666e8a;
}

.cats-font-profile:before {
  content: "";
  color: #666e8a;
}

.cats-font-edit:before, .icon-edit:before {
  content: "";
  color: #666e8a;
}

.cats-font-search:before, .icon-see:before {
  content: "";
  color: #666e8a;
}

.cats-font-add:before, .icon-add:before, .icon-zoom-in:before {
  content: "";
  color: #666e8a;
}

.cats-font-add-profile:before {
  content: "";
  color: #666e8a;
}

.cats-font-agency:before {
  content: "";
  color: #666e8a;
}

.cats-font-alert:before {
  content: "";
  color: #666e8a;
}

.cats-font-answer:before {
  content: "";
  color: #666e8a;
}

.cats-font-arrow-left:before {
  content: "";
  color: #666e8a;
}

.cats-font-arrow-right:before {
  content: "";
  color: #666e8a;
}

.cats-font-atm:before {
  content: "";
  color: #666e8a;
}

.cats-font-attached-document:before {
  content: "";
  color: #666e8a;
}

.cats-font-attached-document-white:before {
  content: "";
  color: #FFF;
}

.cats-font-baby:before {
  content: "";
  color: #666e8a;
}

.cats-font-bar:before {
  content: "";
  color: #666e8a;
}

.cats-font-bear:before {
  content: "";
  color: #666e8a;
}

.cats-font-bell:before {
  content: "";
  color: #666e8a;
}

.cats-font-boat:before {
  content: "";
  color: #666e8a;
}

.cats-font-bone:before {
  content: "";
  color: #666e8a;
}

.cats-font-bowl:before {
  content: "";
  color: #666e8a;
}

.cats-font-budget:before {
  content: "";
  color: #666e8a;
}

.cats-font-bus:before {
  content: "";
  color: #666e8a;
}

.cats-font-calculator:before {
  content: "";
  color: #666e8a;
}

.cats-font-calendar:before {
  content: "";
  color: #666e8a;
}

.cats-font-camera:before, .icon-add-avatar:before {
  content: "";
  color: #666e8a;
}

.cats-font-car:before {
  content: "";
  color: #666e8a;
}

.cats-font-card:before {
  content: "";
  color: #666e8a;
}

.cats-font-car-key:before {
  content: "";
  color: #666e8a;
}

.cats-font-cart:before {
  content: "";
  color: #666e8a;
}

.cats-font-check:before {
  content: "";
  color: #666e8a;
}

.cats-font-check-full:before {
  content: "";
  color: #666e8a;
}

.cats-font-chequebook:before {
  content: "";
  color: #666e8a;
}

.cats-font-chevron-down:before {
  content: "";
  color: #666e8a;
}

.cats-font-chevron-left:before {
  content: "";
  color: #666e8a;
}

.cats-font-chevron-right:before {
  content: "";
  color: #666e8a;
}

.cats-font-chevron-up:before {
  content: "";
  color: #666e8a;
}

.cats-font-children:before {
  content: "";
  color: #666e8a;
}

.cats-font-close:before {
  content: "";
  color: #666e8a;
}

.cats-font-close-full:before {
  content: "";
  color: #666e8a;
}

.cats-font-cloudy:before {
  content: "";
  color: #666e8a;
}

.cats-font-coffee:before {
  content: "";
  color: #666e8a;
}

.cats-font-concierge:before {
  content: "";
  color: #666e8a;
}

.cats-font-contact:before {
  content: "";
  color: #666e8a;
}

.cats-font-copy:before {
  content: "";
  color: #666e8a;
}

.cats-font-court:before {
  content: "";
  color: #666e8a;
}

.cats-font-cow:before {
  content: "";
  color: #666e8a;
}

.cats-font-credit:before {
  content: "";
  color: #666e8a;
}

.cats-font-deaf:before {
  content: "";
  color: #666e8a;
}

.cats-font-debit:before {
  content: "";
  color: #666e8a;
}

.cats-font-delete:before, .icon-zoom-out:before {
  content: "";
  color: #666e8a;
}

.cats-font-doctor:before {
  content: "";
  color: #666e8a;
}

.cats-font-document:before, .icon-report:before {
  content: "";
  color: #666e8a;
}

.cats-font-dog:before {
  content: "";
  color: #666e8a;
}

.cats-font-donation:before {
  content: "";
  color: #666e8a;
}

.cats-font-download:before {
  content: "";
  color: #666e8a;
}

.cats-font-dumbbells:before {
  content: "";
  color: #666e8a;
}

.cats-font-emoji:before {
  content: "";
  color: #666e8a;
}

.cats-font-energy:before {
  content: "";
  color: #666e8a;
}

.cats-font-enlarge:before {
  content: "";
  color: #666e8a;
}

.cats-font-erase:before {
  content: "";
  color: #666e8a;
}

.cats-font-exchange:before {
  content: "";
  color: #666e8a;
}

.cats-font-extend:before {
  content: "";
  color: #666e8a;
}

.cats-font-eye-off:before {
  content: "";
  color: #666e8a;
}

.cats-font-eye-on:before {
  content: "";
  color: #666e8a;
}

.cats-font-family:before {
  content: "";
  color: #666e8a;
}

.cats-font-file:before {
  content: "";
  color: #666e8a;
}

.cats-font-filter:before {
  content: "";
  color: #666e8a;
}

.cats-font-flag:before {
  content: "";
  color: #666e8a;
}

.cats-font-flag-english:before {
  content: "";
  color: #666e8a;
}

.cats-font-food:before {
  content: "";
  color: #666e8a;
}

.cats-font-fuel:before {
  content: "";
  color: #666e8a;
}

.cats-font-geolocation:before {
  content: "";
  color: #666e8a;
}

.cats-font-gift:before {
  content: "";
  color: #666e8a;
}

.cats-font-glasses:before {
  content: "";
  color: #666e8a;
}

.cats-font-health:before {
  content: "";
  color: #666e8a;
}

.cats-font-heartbeat:before {
  content: "";
  color: #666e8a;
}

.cats-font-highway:before {
  content: "";
  color: #666e8a;
}

.cats-font-home:before {
  content: "";
  color: #666e8a;
}

.cats-font-housing:before {
  content: "";
  color: #666e8a;
}

.cats-font-identity-card:before {
  content: "";
  color: #666e8a;
}

.cats-font-iead:before {
  content: "";
  color: #666e8a;
}

.cats-font-info:before {
  content: "";
  color: #666e8a;
}

.cats-font-instant-payment:before {
  content: "";
  color: #666e8a;
}

.cats-font-insurrance:before {
  content: "";
  color: #666e8a;
}

.cats-font-island:before {
  content: "";
  color: #666e8a;
}

.cats-font-justice:before {
  content: "";
  color: #666e8a;
}

.cats-font-launch:before {
  content: "";
  color: #666e8a;
}

.cats-font-link:before {
  content: "";
  color: #666e8a;
}

.cats-font-list:before {
  content: "";
  color: #666e8a;
}

.cats-font-loan:before {
  content: "";
  color: #666e8a;
}

.cats-font-lock:before {
  content: "";
  color: #666e8a;
}

.cats-font-log-out:before {
  content: "";
  color: #666e8a;
}

.cats-font-machine:before {
  content: "";
  color: #666e8a;
}

.cats-font-mail:before {
  content: "";
  color: #666e8a;
}

.cats-font-map:before {
  content: "";
  color: #666e8a;
}

.cats-font-market:before {
  content: "";
  color: #666e8a;
}

.cats-font-medication:before {
  content: "";
  color: #666e8a;
}

.cats-font-menu:before {
  content: "";
  color: #666e8a;
}

.cats-font-microphone-off:before {
  content: "";
  color: #666e8a;
}

.cats-font-microphone-on:before {
  content: "";
  color: #666e8a;
}

.cats-font-mobile:before {
  content: "";
  color: #666e8a;
}

.cats-font-more:before {
  content: "";
  color: #666e8a;
}

.cats-font-motorbike:before {
  content: "";
  color: #666e8a;
}

.cats-font-movie:before {
  content: "";
  color: #666e8a;
}

.cats-font-music:before {
  content: "";
  color: #666e8a;
}

.cats-font-newspaper:before {
  content: "";
  color: #666e8a;
}

.cats-font-open:before {
  content: "";
  color: #666e8a;
}

.cats-font-paint-roller:before {
  content: "";
  color: #666e8a;
}

.cats-font-parameter:before {
  content: "";
  color: #666e8a;
}

.cats-font-parking:before {
  content: "";
  color: #666e8a;
}

.cats-font-patrimony:before {
  content: "";
  color: #666e8a;
}

.cats-font-personal-credit:before {
  content: "";
  color: #666e8a;
}

.cats-font-phone:before {
  content: "";
  color: #666e8a;
}

.cats-font-picture:before {
  content: "";
  color: #666e8a;
}

.cats-font-planet:before {
  content: "";
  color: #666e8a;
}

.cats-font-plant:before {
  content: "";
  color: #666e8a;
}

.cats-font-play:before {
  content: "";
  color: #666e8a;
}

.cats-font-print:before, .icon-print:before {
  content: "";
  color: #666e8a;
}

.cats-font-professional:before {
  content: "";
  color: #666e8a;
}

.cats-font-puzzle:before {
  content: "";
  color: #666e8a;
}

.cats-font-qrcode:before {
  content: "";
  color: #666e8a;
}

.cats-font-question:before {
  content: "";
  color: #666e8a;
}

.cats-font-rainy:before {
  content: "";
  color: #666e8a;
}

.cats-font-rate:before {
  content: "";
  color: #666e8a;
}

.cats-font-recurrence:before {
  content: "";
  color: #666e8a;
}

.cats-font-reduce:before {
  content: "";
  color: #666e8a;
}

.cats-font-refresh:before {
  content: "";
  color: #666e8a;
}

.cats-font-refund:before {
  content: "";
  color: #666e8a;
}

.cats-font-remove:before, .icon-delete:before {
  content: "";
  color: #666e8a;
}

.cats-font-rib:before {
  content: "";
  color: #666e8a;
}

.cats-font-rocket:before {
  content: "";
  color: #666e8a;
}

.cats-font-salary-tax:before {
  content: "";
  color: #666e8a;
}

.cats-font-sandwich:before {
  content: "";
  color: #666e8a;
}

.cats-font-save:before {
  content: "";
  color: #666e8a;
}

.cats-font-savings:before {
  content: "";
  color: #666e8a;
}

.cats-font-scissors:before {
  content: "";
  color: #666e8a;
}

.cats-font-screen-share-start:before {
  content: "";
  color: #666e8a;
}

.cats-font-screen-share-stop:before {
  content: "";
  color: #666e8a;
}

.cats-font-security:before {
  content: "";
  color: #666e8a;
}

.cats-font-send:before {
  content: "";
  color: #666e8a;
}

.cats-font-settings:before {
  content: "";
  color: #666e8a;
}

.cats-font-shopping:before {
  content: "";
  color: #666e8a;
}

.cats-font-sign:before {
  content: "";
  color: #666e8a;
}

.cats-font-sos:before {
  content: "";
  color: #666e8a;
}

.cats-font-star:before {
  content: "";
  color: #666e8a;
}

.cats-font-star-full:before {
  content: "";
  color: #666e8a;
}

.cats-font-stock-market-transaction:before {
  content: "";
  color: #666e8a;
}

.cats-font-sunny:before {
  content: "";
  color: #666e8a;
}

.cats-font-sunset:before {
  content: "";
  color: #666e8a;
}

.cats-font-target:before {
  content: "";
  color: #666e8a;
}

.cats-font-taxes:before {
  content: "";
  color: #666e8a;
}

.cats-font-taxi:before {
  content: "";
  color: #666e8a;
}

.cats-font-time:before {
  content: "";
  color: #666e8a;
}

.cats-font-touch-id:before {
  content: "";
  color: #666e8a;
}

.cats-font-tractor:before {
  content: "";
  color: #666e8a;
}

.cats-font-training:before {
  content: "";
  color: #666e8a;
}

.cats-font-transfer:before {
  content: "";
  color: #666e8a;
}

.cats-font-transfer-message:before {
  content: "";
  color: #666e8a;
}

.cats-font-travel:before {
  content: "";
  color: #666e8a;
}

.cats-font-upload:before {
  content: "";
  color: #666e8a;
}

.cats-font-videoconference:before {
  content: "";
  color: #666e8a;
}

.cats-font-wallet:before {
  content: "";
  color: #666e8a;
}

.cats-font-wealth-tax:before {
  content: "";
  color: #666e8a;
}

.cats-font-wine:before {
  content: "";
  color: #666e8a;
}

.cats-font-works:before {
  content: "";
  color: #666e8a;
}

.cats-font-thumb-up:before {
  content: "";
  color: #666e8a;
}

.cats-font-thumb-down:before {
  content: "";
  color: #666e8a;
}

.cats-font-robot:before {
  content: "";
  color: #666e8a;
}

.cats-font-tags:before {
  content: "";
  color: #666e8a;
}

/* ------------------------------ BUTTONS ------------------------------------ */
/* CA-TS customization : override from ti-web-shared */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/Montserrat-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat Bold";
  font-style: normal;
  font-weight: bold;
  src: url("fonts/Montserrat-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat SemiBold";
  font-style: normal;
  font-weight: bold;
  src: url("fonts/Montserrat-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "OpenSans";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/OpenSans-Regular.ttf") format("truetype");
}
[class*=icon-], [class*=follow-] {
  display: inline-block;
  overflow: hidden;
  text-indent: unset;
  background-image: none;
  background-color: #F2F4F6;
  border-radius: 50px;
  padding: 0;
}
[class*=icon-]:hover, [class*=follow-]:hover {
  background-color: #E3E4E9;
}

.cc-selector-block > span:first-child {
  align-items: center;
}
.cc-selector-block i::before {
  font-size: 23px;
}

.editor [class*=icon-] {
  border-radius: 0.2rem;
}

label.icon-file-uploader {
  display: inline-block;
  text-indent: unset;
  background-image: none;
  background-color: #F2F4F6;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
label.icon-file-uploader i:before {
  font-size: 25px;
}

[class*=icon-]:hover, [class*=icon-]:focus {
  text-decoration: unset;
}

button.secondary, button, button.bt-create {
  font-family: "Montserrat SemiBold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  background-color: #007461;
  color: #FFFFFF;
  border-radius: 50px;
  cursor: pointer;
  padding: 12px 24px;
}
button.secondary:hover, button:hover, button.bt-create:hover {
  background-color: #308276;
  border-color: #308276;
}

.buttons-bar > button {
  border: 1px solid #007461;
}
.buttons-bar > button:not(:first-child) {
  margin-top: 10px !important;
}

button.bt-create {
  padding: 12px 24px 12px 39px;
}

button.bt-create {
  font-family: "Montserrat SemiBold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  background-image: none;
  padding: 12px 24px;
  display: inline-flex;
}
button.bt-create:after {
  font-weight: bold;
  margin-left: 8px;
}

ul.treeview button.element-button {
  background-color: #007461;
}
ul.treeview button.element-button:hover, ul.treeview button.element-button:focus {
  background-color: #308276;
  border-color: #308276;
}

ul.treeview button.element {
  background-position: 2px -110px;
}

button.deploy.ellipsis.highlight,
button.element.ellipsis.highlight {
  display: inline-block;
}

.icon-attachments.show-icons {
  text-indent: -500em;
}

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/Montserrat-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat Bold";
  font-style: normal;
  font-weight: bold;
  src: url("fonts/Montserrat-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat SemiBold";
  font-style: normal;
  font-weight: bold;
  src: url("fonts/Montserrat-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "OpenSans";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/OpenSans-Regular.ttf") format("truetype");
}
#main-nav {
  border-top: 1px solid #55978E;
}
#main-nav .simplebar-content > ul > li:not(.skip-link) {
  border-top: 1px solid #55978E;
  padding-right: 0;
}
#main-nav .simplebar-content > ul > li:not(.skip-link) .collapse {
  margin-right: 1.8rem;
}
#main-nav .simplebar-content > ul > li:not(.skip-link) a, #main-nav .simplebar-content > ul > li:not(.skip-link) button {
  background-color: #308276;
}
#main-nav .simplebar-content > ul > li:not(.skip-link):not(.active):not(:has(.line:hover)):hover, #main-nav .simplebar-content > ul > li:not(.skip-link):not(.active):not(:has(.line:focus-within)):focus-within {
  background-color: #007461;
  border-radius: unset;
}
#main-nav .simplebar-content > ul > li:not(.skip-link):not(.active):not(:has(.line:hover)):hover > button, #main-nav .simplebar-content > ul > li:not(.skip-link):not(.active):not(:has(.line:hover)):hover > a, #main-nav .simplebar-content > ul > li:not(.skip-link):not(.active):not(:has(.line:focus-within)):focus-within > button, #main-nav .simplebar-content > ul > li:not(.skip-link):not(.active):not(:has(.line:focus-within)):focus-within > a {
  background-color: #007461;
}
#main-nav .simplebar-content > ul > li:not(.skip-link) ul.level2 li:not(.active):not(.no-action):hover, #main-nav .simplebar-content > ul > li:not(.skip-link) ul.level2 li:not(.active):focus-within {
  background-color: #007461;
  border-radius: unset;
}
#main-nav .simplebar-content > ul > li:not(.skip-link) ul.level2 li:not(.active):not(.no-action):hover a, #main-nav .simplebar-content > ul > li:not(.skip-link) ul.level2 li:not(.active):not(.no-action):hover button, #main-nav .simplebar-content > ul > li:not(.skip-link) ul.level2 li:not(.active):focus-within a, #main-nav .simplebar-content > ul > li:not(.skip-link) ul.level2 li:not(.active):focus-within button {
  background-color: #007461;
}
#main-nav .simplebar-content > ul > li:not(.skip-link) > a:first-child, #main-nav .simplebar-content > ul > li:not(.skip-link) > button:first-child {
  line-height: 1.8rem;
  font-family: "Montserrat SemiBold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
}
#main-nav .simplebar-content > ul > li:not(.skip-link) .level2-no-text {
  padding: 0.8em 0 0.8em 0;
  margin-bottom: 5px;
}
#main-nav .simplebar-content > ul > li:not(.skip-link) a:first-child, #main-nav .simplebar-content > ul > li:not(.skip-link) button:first-child, #main-nav .simplebar-content > ul > li:not(.skip-link) > span:first-child, #main-nav .simplebar-content > ul > li:not(.skip-link) ul.level2 li > span:first-child {
  padding-left: 1.8rem;
}
#main-nav .simplebar-content > ul > li:not(.skip-link).active, #main-nav .simplebar-content > ul > li:not(.skip-link) .active {
  background-color: #FFFFFF !important;
  color: #308276;
  font-weight: bold;
}
#main-nav .simplebar-content > ul > li:not(.skip-link).active .level2, #main-nav .simplebar-content > ul > li:not(.skip-link) .active .level2 {
  color: #FFFFFF;
}
#main-nav .simplebar-content > ul > li:not(.skip-link).active > a, #main-nav .simplebar-content > ul > li:not(.skip-link).active > button, #main-nav .simplebar-content > ul > li:not(.skip-link) .active > a, #main-nav .simplebar-content > ul > li:not(.skip-link) .active > button {
  background-color: #FFFFFF;
  color: #308276;
  font-weight: bold;
}
#main-nav .simplebar-content > ul > li:not(.skip-link).active .link-to-section-icon .cats-font::before, #main-nav .simplebar-content > ul > li:not(.skip-link).active .link-to-section-icon .icon-add::before, #main-nav .simplebar-content > ul > li:not(.skip-link).active .link-to-section-icon .icon-zoom-out::before, #main-nav .simplebar-content > ul > li:not(.skip-link).active .link-to-section-icon .icon-zoom-in::before, #main-nav .simplebar-content > ul > li:not(.skip-link).active .link-to-section-icon .icon-add-avatar::before, #main-nav .simplebar-content > ul > li:not(.skip-link).active .link-to-section-icon .icon-delete::before, #main-nav .simplebar-content > ul > li:not(.skip-link).active .link-to-section-icon .icon-report::before, #main-nav .simplebar-content > ul > li:not(.skip-link).active .link-to-section-icon .icon-print::before, #main-nav .simplebar-content > ul > li:not(.skip-link).active .link-to-section-icon .icon-edit::before, #main-nav .simplebar-content > ul > li:not(.skip-link).active .link-to-section-icon .icon-see::before, #main-nav .simplebar-content > ul > li:not(.skip-link) .active .link-to-section-icon .cats-font::before, #main-nav .simplebar-content > ul > li:not(.skip-link) .active .link-to-section-icon .icon-add::before, #main-nav .simplebar-content > ul > li:not(.skip-link) .active .link-to-section-icon .icon-zoom-out::before, #main-nav .simplebar-content > ul > li:not(.skip-link) .active .link-to-section-icon .icon-zoom-in::before, #main-nav .simplebar-content > ul > li:not(.skip-link) .active .link-to-section-icon .icon-add-avatar::before, #main-nav .simplebar-content > ul > li:not(.skip-link) .active .link-to-section-icon .icon-delete::before, #main-nav .simplebar-content > ul > li:not(.skip-link) .active .link-to-section-icon .icon-report::before, #main-nav .simplebar-content > ul > li:not(.skip-link) .active .link-to-section-icon .icon-print::before, #main-nav .simplebar-content > ul > li:not(.skip-link) .active .link-to-section-icon .icon-edit::before, #main-nav .simplebar-content > ul > li:not(.skip-link) .active .link-to-section-icon .icon-see::before {
  color: #308276;
}
#main-nav .simplebar-content .link-to-section-icon, #main-nav .simplebar-content .back-profile-menu {
  display: flex;
  align-items: center;
}
#main-nav .simplebar-content .link-to-section-icon .cats-font, #main-nav .simplebar-content .link-to-section-icon .icon-add, #main-nav .simplebar-content .link-to-section-icon .icon-zoom-out, #main-nav .simplebar-content .link-to-section-icon .icon-zoom-in, #main-nav .simplebar-content .link-to-section-icon .icon-add-avatar, #main-nav .simplebar-content .link-to-section-icon .icon-delete, #main-nav .simplebar-content .link-to-section-icon .icon-report, #main-nav .simplebar-content .link-to-section-icon .icon-print, #main-nav .simplebar-content .link-to-section-icon .icon-edit, #main-nav .simplebar-content .link-to-section-icon .icon-see, #main-nav .simplebar-content .back-profile-menu .cats-font, #main-nav .simplebar-content .back-profile-menu .icon-add, #main-nav .simplebar-content .back-profile-menu .icon-zoom-out, #main-nav .simplebar-content .back-profile-menu .icon-zoom-in, #main-nav .simplebar-content .back-profile-menu .icon-add-avatar, #main-nav .simplebar-content .back-profile-menu .icon-delete, #main-nav .simplebar-content .back-profile-menu .icon-report, #main-nav .simplebar-content .back-profile-menu .icon-print, #main-nav .simplebar-content .back-profile-menu .icon-edit, #main-nav .simplebar-content .back-profile-menu .icon-see {
  margin-right: 19px;
}
#main-nav .simplebar-content .link-to-section-icon .cats-font::before, #main-nav .simplebar-content .link-to-section-icon .icon-add::before, #main-nav .simplebar-content .link-to-section-icon .icon-zoom-out::before, #main-nav .simplebar-content .link-to-section-icon .icon-zoom-in::before, #main-nav .simplebar-content .link-to-section-icon .icon-add-avatar::before, #main-nav .simplebar-content .link-to-section-icon .icon-delete::before, #main-nav .simplebar-content .link-to-section-icon .icon-report::before, #main-nav .simplebar-content .link-to-section-icon .icon-print::before, #main-nav .simplebar-content .link-to-section-icon .icon-edit::before, #main-nav .simplebar-content .link-to-section-icon .icon-see::before, #main-nav .simplebar-content .back-profile-menu .cats-font::before, #main-nav .simplebar-content .back-profile-menu .icon-add::before, #main-nav .simplebar-content .back-profile-menu .icon-zoom-out::before, #main-nav .simplebar-content .back-profile-menu .icon-zoom-in::before, #main-nav .simplebar-content .back-profile-menu .icon-add-avatar::before, #main-nav .simplebar-content .back-profile-menu .icon-delete::before, #main-nav .simplebar-content .back-profile-menu .icon-report::before, #main-nav .simplebar-content .back-profile-menu .icon-print::before, #main-nav .simplebar-content .back-profile-menu .icon-edit::before, #main-nav .simplebar-content .back-profile-menu .icon-see::before {
  font-size: 24px;
  color: #FFFFFF;
}
#main-nav .simplebar-content .back-profile-menu {
  font-size: 20px !important;
}
#main-nav > *[data-simplebar] {
  margin: 0;
}
#main-nav div.line {
  background-color: #308276;
}

ul.level2 {
  padding-left: 0;
}

#main-nav li a, #main-nav span.badge, #main-nav ul.level2 li, #main-nav ul.level2 li button {
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

#main-nav ul.level2 li {
  padding-left: 1rem;
}
#main-nav ul.level2 li.level2-subline {
  padding-left: calc(1rem + 1.8rem);
}
#main-nav ul.level2 li.level2-subline a, #main-nav ul.level2 li.level2-subline button, #main-nav ul.level2 li.level2-subline span {
  font-weight: 400;
}
#main-nav ul.level2 li.level2-subline a:first-child {
  border-left: 1px solid #FFFFFF;
  padding-left: 1rem;
}
#main-nav ul.level2 li.active a {
  font-style: normal;
}

#main-nav li a:focus, #main-nav li button:focus {
  font-style: normal;
}

#main-nav li a.active::after, #main-nav li a:hover::after, #main-nav li a:focus::after {
  background-color: unset;
}

#main-nav li a::after, #main-nav li button::after {
  background-color: unset !important;
}

#main-nav li button:hover::after, #main-nav li button:focus::after {
  background-color: unset;
}

div.controled div.content {
  background-color: #308276;
}

#side-bar-profile a::after {
  content: none;
}

.h-card .p-name {
  display: flex;
  align-items: center;
  font-family: "Montserrat SemiBold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
}
.h-card .p-name i {
  margin-right: 19px;
}
.h-card .u-email, .h-card .p-internalEmail, .h-card .p-birthDate, .h-card .p-speakerName, .h-card .p-incidentDate {
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
}
.h-card button {
  background-color: unset;
  padding: 0;
}
.h-card .cats-font-profile:before, .h-card .cats-font-more:before {
  font-size: 24px;
  color: #FFFFFF;
}

div.h-card {
  padding-left: 1.8rem;
  cursor: pointer;
}
div.h-card:focus-visible {
  outline: none;
}
div.h-card h2 {
  background-color: transparent;
}
div.h-card:focus {
  background-color: #007461;
}

#user-module {
  font-family: "Montserrat SemiBold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  background-color: #FFFFFF !important;
  color: #007461;
  width: 90%;
  left: 12px;
  border-radius: 0.6rem;
  cursor: pointer;
}
#user-module li {
  line-height: 2rem;
  padding-left: 20px;
}
#user-module li:hover {
  background-color: #F2F4F6;
}

#main-nav li.active .collapse {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23308276'/%3E%3C/svg%3E");
}

#main-nav p.module-choice:focus-within, #main-nav p.module-choice:hover, #main-nav p.module-choice .ember-basic-dropdown:focus-within, #main-nav p.module-choice .ember-basic-dropdown:hover, #main-nav #user-agency:focus-within, #main-nav #user-agency:hover {
  background-color: #007461;
}

#main-nav p.module-choice ul {
  border: 1px solid #007461;
  border-top-color: #308276;
  margin: auto;
  width: 90%;
  box-shadow: 5px 5px 5px #007461;
  cursor: pointer;
}

#main-nav select, #main-nav #user-agency {
  font-family: "Montserrat SemiBold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  padding-left: 1.8rem;
  line-height: 37px;
  background-color: #308276;
  color: #FFFFFF;
  text-transform: none;
}

#main-nav #user-agency {
  width: 85%;
  padding-top: 7px;
  padding-bottom: 7px;
  cursor: pointer;
}

#main-nav select {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEyLjcwNjkgMTUuNjU2OUMxMi4zMTY0IDE2LjA0NzQgMTEuNjgzMiAxNi4wNDc0IDExLjI5MjcgMTUuNjU2OUw2LjM0Mjk0IDEwLjcwNzFDNS45NTI0MiAxMC4zMTY2IDUuOTUyNDIgOS42ODM0MiA2LjM0Mjk0IDkuMjkyODlDNi43MzM0NyA4LjkwMjM3IDcuMzY2NjMgOC45MDIzNyA3Ljc1NzE2IDkuMjkyODlMMTEuOTk5OCAxMy41MzU1TDE2LjI0MjQgOS4yOTI4OUMxNi42MzMgOC45MDIzNyAxNy4yNjYxIDguOTAyMzcgMTcuNjU2NyA5LjI5Mjg5QzE4LjA0NzIgOS42ODM0MiAxOC4wNDcyIDEwLjMxNjYgMTcuNjU2NyAxMC43MDcxTDEyLjcwNjkgMTUuNjU2OVoiIGZpbGw9IiNmZmYiLz48L3N2Zz4K");
  background-size: 28px;
  white-space: pre-wrap;
}

#main-nav .ember-power-select-trigger:focus, .ember-power-select-trigger--active {
  border-top: 0;
}

#main-nav .ember-basic-dropdown-content {
  width: 100%;
  background-color: #308276;
  color: #FFFFFF;
}
#main-nav .ember-basic-dropdown-content li {
  padding-left: 30px;
  margin-top: 10px;
  margin-bottom: 10px;
}
#main-nav .ember-basic-dropdown-content li:hover, #main-nav .ember-basic-dropdown-content li:focus, #main-nav .ember-basic-dropdown-content li[aria-current=true] {
  background-color: #007461;
}

#main-nav .ember-power-select-status-icon {
  position: absolute;
  display: inline-block;
  width: 1.05em;
  height: 1em;
  top: 22px;
  right: 28px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23FFF'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

#main-nav li button.collapse {
  background-color: transparent;
}

div#side-panel-container.open header#side-panel {
  background-color: #308276;
}

@media screen and (min-width: 1000px) {
  .side-panel-footer {
    flex-basis: 0;
  }
}

#main-nav .skip-link a {
  background-color: #007461;
}

/* ------------------------------ FORMS ------------------------------------ */
/* CA-TS customization : override from ti-web-shared */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/Montserrat-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat Bold";
  font-style: normal;
  font-weight: bold;
  src: url("fonts/Montserrat-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat SemiBold";
  font-style: normal;
  font-weight: bold;
  src: url("fonts/Montserrat-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "OpenSans";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/OpenSans-Regular.ttf") format("truetype");
}
/*START CATS override*/
[type=submit], [type=reset], button.form-submit, button.form-reset, button.discret, p.create-request a {
  font-family: "Montserrat SemiBold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  background-color: #007461;
  color: #FFFFFF;
  border: 1px solid #007461;
  border-radius: 50px;
  cursor: pointer;
  padding: 12px 24px;
  gap: 10px;
}
[type=submit] i::before, [type=reset] i::before, button.form-submit i::before, button.form-reset i::before, button.discret i::before, p.create-request a i::before {
  color: #007461;
}
[type=submit]:hover, [type=submit]:focus, [type=submit]:focus-visible, [type=reset]:hover, [type=reset]:focus, [type=reset]:focus-visible, button.form-submit:hover, button.form-submit:focus, button.form-submit:focus-visible, button.form-reset:hover, button.form-reset:focus, button.form-reset:focus-visible, button.discret:hover, button.discret:focus, button.discret:focus-visible, p.create-request a:hover, p.create-request a:focus, p.create-request a:focus-visible {
  background-color: #308276;
  border-color: #308276;
}

.on-off input:checked + label::after, .on-off-button.active::after {
  background: #0A94A8;
}

.on-off-button:hover button {
  background-color: #dde3e8;
}

[type=submit] + [type=reset], button.form-submit + button.form-reset {
  margin-left: 0.5rem;
}

[type=reset], [type=submit].optional, button.form-reset, button.form-submit.optional {
  background-color: #FFFFFF;
  color: #007461;
  border-color: #007461;
}
[type=reset]:hover, [type=reset]:focus, [type=reset]:focus-visible, [type=submit].optional:hover, [type=submit].optional:focus, [type=submit].optional:focus-visible, button.form-reset:hover, button.form-reset:focus, button.form-reset:focus-visible, button.form-submit.optional:hover, button.form-submit.optional:focus, button.form-submit.optional:focus-visible {
  background-color: #FFFFFF;
  color: #308276;
  border-color: #308276;
}

.ember-power-select-trigger:focus, .ember-power-select-trigger--active {
  border-top: unset;
}

div.p-select.error .ember-power-select-trigger {
  width: auto;
  flex: 1;
  border-bottom: 1px solid #AE0014;
}

.ember-power-select-multiple-options {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.ember-power-select-multiple-options .ember-power-select-multiple-option {
  display: flex;
}
.ember-power-select-multiple-options .ember-power-select-multiple-option .ember-power-select-multiple-remove-btn {
  margin-right: 5px;
}

.ember-power-select-options {
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 12px;
  border: 1px solid #308276;
}

.check-chips input {
  position: absolute;
  top: -8em;
}

.check-chips input:focus + label {
  background-color: unset;
}

.check-chips input:checked + label, .check-chips label.active {
  background-color: unset;
  border: 0;
}

div:has(> input[type=checkbox]) {
  display: flex;
  align-items: flex-start;
}

label {
  margin-bottom: 0.75em;
}

label.inline {
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

ul.choices.vertical {
  list-style: none;
}

fieldset.choices legend, legend.title {
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 19px;
  color: #000000;
}

.choices label, .form-makeup label {
  font-weight: 400;
}

*:has(> input[type=checkbox]) > label {
  cursor: pointer;
}

input[type=checkbox] {
  cursor: pointer;
  accent-color: #0A94A8;
}

input[type=text]:focus-visible, input[type=password]:focus-visible, input[type=number]:focus-visible, input[type=search]:focus-visible, input[type=date]:focus-visible, input[type=datetime-local]:focus-visible, input[type=email]:focus-visible, select:focus-visible, .ember-power-select-trigger:focus:focus-visible, .ember-power-select-trigger--active:focus-visible {
  outline: none;
  border-bottom: 1px solid #0A94A8;
}
input[type=text].error, input[type=password].error, input[type=number].error, input[type=search].error, input[type=date].error, input[type=datetime-local].error, input[type=email].error, select.error, .ember-power-select-trigger:focus.error, .ember-power-select-trigger--active.error {
  border-bottom: 1px solid #AE0014;
}

input[type=text], input[type=password], input[type=date], input[type=datetime-local], input[type=url], input[type=tel], input[type=time], input[type=email], input[type=number], input[type=search], select, .ember-power-select-trigger {
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  background-color: #F7F8FA;
  padding: 12px 16px;
  font-weight: 400;
  border: 0;
  border-radius: 10px;
}
input[type=text]:hover, input[type=password]:hover, input[type=date]:hover, input[type=datetime-local]:hover, input[type=url]:hover, input[type=tel]:hover, input[type=time]:hover, input[type=email]:hover, input[type=number]:hover, input[type=search]:hover, select:hover, .ember-power-select-trigger:hover {
  background-color: #E3E4E9;
}

p.has-error input[type=text], p.has-error input[type=password], p.has-error input[type=date], p.has-error input[type=datetime-local], p.has-error input[type=url], p.has-error input[type=tel], p.has-error input[type=time], p.has-error input[type=email], p.has-error input[type=number], p.has-error select, p.has-error .ember-power-select-trigger {
  border-bottom: 1px solid #AE0014;
}

.ember-power-select-trigger:hover input {
  background-color: #E3E4E9;
}

.form-makeup input[type=checkbox]:checked + label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %230A94A8'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
}

.form-makeup input:checked + label::before, .form-makeup label.checked::before {
  filter: grayscale(0) opacity(100%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='11.65' style='fill: %230A94A8'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
}

div.editor-wrapper div.editable-block[contenteditable] {
  background-color: #F7F8FA;
  border: 0;
}
div.editor-wrapper div.editable-block[contenteditable]:hover {
  border: 0;
  background-color: #E3E4E9;
}
div.editor-wrapper div.editable-block[contenteditable]:focus-visible {
  outline: none;
  border-bottom: 1px solid #0A94A8;
  background-color: #E3E4E9;
}
div.editor-wrapper div.editable-block[contenteditable].error {
  border-bottom: 1px solid #AE0014;
}

/* End CATS override */
/* ------------------------------ MODALS --------------------------- */
/* CA-TS customization : override from ti-web-shared + add new style for modals */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/Montserrat-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat Bold";
  font-style: normal;
  font-weight: bold;
  src: url("fonts/Montserrat-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat SemiBold";
  font-style: normal;
  font-weight: bold;
  src: url("fonts/Montserrat-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "OpenSans";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/OpenSans-Regular.ttf") format("truetype");
}
/* --------------START CATS customization ---------------*/
div.modal h3 {
  font-family: "Montserrat Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 24px;
  color: #000000;
  text-align: center;
  line-height: 36px;
  padding-right: 0;
  border-bottom: none;
}
div.modal h4 {
  font-family: "Montserrat SemiBold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  color: #000000;
}
div.modal input {
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  background-color: #F2F4F6;
  font-weight: 400;
}
div.modal input[type=search].search-selector {
  min-width: 39em;
  max-width: 39em;
}
div.modal input.wider {
  min-width: 39em;
  max-width: 39em;
}
div.modal .group-comment-optional {
  display: flex;
}
div.modal .optional {
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 12px;
  padding: 4px;
}
div.modal .recall-data {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 8px;
  gap: 10px;
  background-color: #FFFFFF;
  border: 1px solid #E3E4E9;
  border-radius: 10px;
  margin-right: 50px;
  margin-left: 0px;
  height: 78px;
  width: 35em;
}
div.modal .info-flag {
  width: 32px;
  height: 32px;
  background-color: rgba(10, 148, 168, 0.1);
  border-radius: 6px;
  text-align: center;
  padding: 8px;
}
div.modal .delegate {
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
}
div.modal button.form-reassign {
  font-family: "Montserrat SemiBold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 600;
  background-color: #FFFFFF;
  color: #007461;
  box-shadow: 0px 4px 16px rgba(193, 201, 214, 0.35);
  border-radius: 5px;
  padding: 12px;
}
div.modal button.form-reassign:hover {
  color: #308276;
}
div.modal .modal-close {
  overflow: visible;
  text-indent: 0;
  border-radius: 20px;
  background-image: none;
  background: #F2F4F6;
}
div.modal .modal-close:hover {
  background-color: #E3E4E9;
}
div.modal .modal-close .cats-font-close:before {
  color: #004652;
}
div.modal fieldset.single.banner {
  background-color: #F2F4F6;
  border: 1px solid #E3E4E9;
  margin-top: 0px;
}
div.modal fieldset.single.banner ul {
  margin-bottom: -12px;
}

.modal .buttons-bar {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 10px;
}
.modal .buttons-bar i {
  margin-left: 10px;
}

@media screen and (max-width: 1174px) {
  div.modal .recall-data {
    height: auto;
    width: 100%;
  }

  div.modal input[type=search].search-selector, div.modal input.wider {
    width: 100%;
    min-width: unset;
    max-width: unset;
  }
}
/*--------- END CA-TS customization ---------------*/
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/Montserrat-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat Bold";
  font-style: normal;
  font-weight: bold;
  src: url("fonts/Montserrat-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat SemiBold";
  font-style: normal;
  font-weight: bold;
  src: url("fonts/Montserrat-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "OpenSans";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/OpenSans-Regular.ttf") format("truetype");
}
.actions-bar.results-options {
  background-color: white;
}
.actions-bar.results-options #sorting {
  align-items: flex-end;
  width: 100%;
}
.actions-bar.results-options #sorting p {
  align-items: flex-end;
  display: flex;
}
.actions-bar.results-options #sorting p label {
  color: #007461;
  font-weight: 500;
  text-wrap: nowrap;
}
.actions-bar.results-options #sorting p select {
  color: #007461;
  background-image: url("fonts/up-down-arrow.svg");
  background-size: 20px;
  outline: none;
  padding: 0;
}
@media screen and (min-width: 800px) {
  .actions-bar.results-options #sorting p select {
    width: 270px;
  }
}
.actions-bar.results-options #sorting p select option {
  color: black;
}
.actions-bar.results-options #sorting select {
  background-color: white;
}

/* ------------------------------ FORMS ------------------------------------ */
/* CA-TS customization : override from ti-web-shared */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/Montserrat-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat Bold";
  font-style: normal;
  font-weight: bold;
  src: url("fonts/Montserrat-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat SemiBold";
  font-style: normal;
  font-weight: bold;
  src: url("fonts/Montserrat-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "OpenSans";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/OpenSans-Regular.ttf") format("truetype");
}
div.card.simple, div.card.persons {
  border-left: 0;
  border: 1px solid #E3E4E9;
  background-color: unset;
  border-radius: 10px;
}
@media screen and (min-width: 1174px) {
  div.card.simple, div.card.persons {
    max-width: 48%;
  }
}
div.card.simple strong, div.card.persons strong {
  font-family: "Montserrat SemiBold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 16px;
}
div.card.simple .badge, div.card.persons .badge {
  font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  color: #666E8A;
}
div.card.simple ul.actions-list, div.card.persons ul.actions-list {
  display: block;
  margin: 15px 0;
}

div.card.persons h4 a {
  font-family: "Montserrat SemiBold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 16px;
  color: #000000;
}
div.card.persons h4 a span.display-id {
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  color: #666E8A;
}

div.card dt, div.card dd {
  line-height: 17px;
}

@media screen and (min-width: 700px) {
  div.card.simple {
    display: inline-flex;
  }
}
@media screen and (min-width: 800px) {
  div.card.simple {
    display: block;
  }
}
@media screen and (min-width: 1174px) {
  div.card.simple {
    box-sizing: border-box;
    width: 48%;
    max-width: 48%;
    min-width: 300px;
    margin: 0 1rem 1rem 0;
  }
}
/*End CATS override*/
.aria-prompt {
  display: flex;
  background-color: #DDE3E8;
  padding: 7px 0 7px 0;
}

.open-aria-prompt-button {
  background-color: #F2F3F4;
  outline: #A3AFB7;
  height: fit-content;
}

.cross-ai {
  display: flex;
  justify-content: flex-end;
}

.cross-ai-button:hover {
  background: transparent url("/ti-web-shared/images/cross.svg") no-repeat;
  background-position-x: right;
}

.cross-ai-button {
  background: transparent url("/ti-web-shared/images/cross.svg") no-repeat;
  background-position-x: right;
}

.cross-end {
  display: flex;
  justify-content: flex-end;
}

.prompt-title {
  color: #25384C;
  font-family: Montserratbold, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin: 0.25rem 0.25rem 0.25rem 0.25rem;
  padding-top: 2px;
}

div.bar-prompt.aria-actions > span > img {
  height: 20px;
}

.bar-prompt {
  display: flex;
  flex-wrap: wrap;
  padding: 0.25rem 0.25rem 0;
  border: none;
  margin: 0;
  box-sizing: border-box;
}

.prompt-submit {
  background-color: #007461;
  flex: initial;
  border-radius: 3.2px;
  margin: 0.25rem 0.25rem 0.25rem 0.25rem;
}

.prompt-input {
  width: 0;
  margin: 0.25rem 0.25rem 0.25rem 0.25rem;
  font-size: 13px;
}

.aria-info {
  width: 35px;
  height: 35px;
  display: flex;
  margin-bottom: 5px;
  margin-right: 7px;
  border: 1px solid #007461;
  border-radius: 3.2px;
}

.aria-faq {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.aria-faq > button {
  height: 32px;
}

.aria-faq-collapsible {
  margin-left: 10px;
}
.aria-faq-collapsible div.display-full-body {
  justify-content: space-between;
  margin-left: 30px;
  flex-direction: row-reverse;
  align-items: flex-start;
}
.aria-faq-collapsible .collapsible > .content[aria-hidden=false] {
  background-color: transparent;
  box-shadow: none;
  margin-top: unset;
  margin-bottom: auto;
}
.aria-faq-collapsible fieldset.collapsible {
  margin-bottom: 1rem;
  box-shadow: 0px 4px 16px 0px #F2F3F4;
  border-radius: 25px;
}
.aria-faq-collapsible fieldset.collapsible > legend {
  width: 100%;
  float: left;
  margin-top: 0.3em;
  background: transparent;
}
.aria-faq-collapsible fieldset.collapsible .buddies {
  padding-top: 0;
}
.aria-faq-collapsible fieldset.collapsible .buddies-formated {
  white-space: pre-line;
}

div.bar-prompt.aria-editor {
  flex-grow: 40;
  height: 144px;
}

div.bar-prompt.aria-actions {
  align-items: end;
  justify-content: flex-end;
}

.show-icons.btn-default.bt-create {
  padding: 0.55em 1em 0.5em 39px;
}

.show-icons.icon-ai-generate-close.btn-default.bt-create {
  background-color: #F2F3F4 !important;
  color: #000 !important;
}

.show-icons.icon-ai-generate-open.btn-default.bt-create {
  background-color: #004652 !important;
  color: #FFFFFF !important;
}

button.show-icons.btn-default.icon-ai-generate-open.bt-create:after {
  content: "";
}

button.show-icons.btn-default.icon-ai-generate-close.bt-create:after {
  content: "";
  color: #000;
}

div.editor-wrapper [class*=icon-].icon-ai-generate-open {
  background-image: url("robot_white.svg");
}

div.editor-wrapper [class*=icon-].icon-ai-generate-close {
  background-image: url("robot.svg");
}

div.editor-wrapper [class*=icon-].icon-prompt-tips {
  background: url("ic_shape.svg") transparent center no-repeat;
  border: none;
  width: 35px;
  height: 35px;
}

.aria-assisted {
  border-radius: 4px;
  background-color: #F1EDFF;
  padding: 6px;
  color: #7d41db;
  font-weight: 600;
  line-height: 12px;
  font-size: 12px;
}

.ai-assisted-message-tag {
  align-self: flex-start;
  margin-bottom: 1rem;
}

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/Montserrat-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat Bold";
  font-style: normal;
  font-weight: bold;
  src: url("fonts/Montserrat-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat SemiBold";
  font-style: normal;
  font-weight: bold;
  src: url("fonts/Montserrat-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "OpenSans";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/OpenSans-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/Montserrat-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat Bold";
  font-style: normal;
  font-weight: bold;
  src: url("fonts/Montserrat-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat SemiBold";
  font-style: normal;
  font-weight: bold;
  src: url("fonts/Montserrat-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "OpenSans";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/OpenSans-Regular.ttf") format("truetype");
}
.cats-icon {
  background-color: transparent;
  background-image: url("/assets/fonts/sprite.svg");
}

.icon-zoom:focus {
  background-color: #E3E4E9;
}

.panel .panel-body {
  margin-top: 20px;
}
.panel .flex-basic {
  display: flex;
}
.panel .flex-basic label {
  width: 200px;
}

.panel-body .field {
  margin-bottom: 10px;
}

div.data-sheet dl {
  margin-bottom: 0;
}

#confirmation-list-action-modal .modal-body > div {
  border: 2px solid #007461;
  text-align: justify;
  line-height: 2em;
}

header:has(h2) {
  border-bottom: 1px solid #E3E4E9;
  padding-bottom: 1vw;
  font-weight: 600;
  line-height: 39px;
}

main > header.with-action.with-search:first-child {
  max-width: 100%;
}
main > header.with-action.with-search:first-child .buttons-bar button {
  margin-right: 75px;
}

h2 {
  font-family: "Montserrat SemiBold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 32px;
  color: #000000;
  line-height: 39px;
  font-weight: 600;
}

h3 {
  font-family: "Montserrat Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 32px;
  color: #000000;
  border-bottom: 0;
  margin-bottom: 1rem;
  background-color: unset;
}
h3:has(i) {
  display: flex;
  align-items: flex-start;
}
h3:has(ul.actions-list) {
  display: flex;
  align-items: center;
}
h3 i {
  background-color: #F2F4F6;
  vertical-align: middle;
  border-radius: 6px;
  padding: 7px 8px;
  margin-right: 10px;
}
h3 i.cats-font::before, h3 i.icon-see::before, h3 i.icon-edit::before, h3 i.icon-print::before, h3 i.icon-report::before, h3 i.icon-delete::before, h3 i.icon-add-avatar::before, h3 i.icon-zoom-in::before, h3 i.icon-zoom-out::before, h3 i.icon-add::before {
  font-size: 16px;
  color: #004652;
}

h5 {
  font-size: 1.5em;
}

.main-content-caption {
  display: flex;
  justify-content: space-between;
}
.main-content-caption .pull-right {
  display: flex;
}
.main-content-caption .pull-right button:not(:first-child) {
  margin-left: 10px;
}

button.show-icons.cats-font, button.show-icons.icon-see, button.show-icons.icon-edit, button.show-icons.icon-print, button.show-icons.icon-report, button.show-icons.icon-delete, button.show-icons.icon-add-avatar, button.show-icons.icon-zoom-in, button.show-icons.icon-zoom-out, button.show-icons.icon-add, button.modal-trigger.cats-font, button.modal-trigger.icon-see, button.modal-trigger.icon-edit, button.modal-trigger.icon-print, button.modal-trigger.icon-report, button.modal-trigger.icon-delete, button.modal-trigger.icon-add-avatar, button.modal-trigger.icon-zoom-in, button.modal-trigger.icon-zoom-out, button.modal-trigger.icon-add {
  padding: 6px 6px;
  background-color: #F2F4F6;
  color: #004652;
  font-size: 20px;
}
button.show-icons.cats-font::before, button.show-icons.icon-see::before, button.show-icons.icon-edit::before, button.show-icons.icon-print::before, button.show-icons.icon-report::before, button.show-icons.icon-delete::before, button.show-icons.icon-add-avatar::before, button.show-icons.icon-zoom-in::before, button.show-icons.icon-zoom-out::before, button.show-icons.icon-add::before, button.modal-trigger.cats-font::before, button.modal-trigger.icon-see::before, button.modal-trigger.icon-edit::before, button.modal-trigger.icon-print::before, button.modal-trigger.icon-report::before, button.modal-trigger.icon-delete::before, button.modal-trigger.icon-add-avatar::before, button.modal-trigger.icon-zoom-in::before, button.modal-trigger.icon-zoom-out::before, button.modal-trigger.icon-add::before {
  color: #004652;
}
button.show-icons.cats-font:hover, button.show-icons.icon-see:hover, button.show-icons.icon-edit:hover, button.show-icons.icon-print:hover, button.show-icons.icon-report:hover, button.show-icons.icon-delete:hover, button.show-icons.icon-add-avatar:hover, button.show-icons.icon-zoom-in:hover, button.show-icons.icon-zoom-out:hover, button.show-icons.icon-add:hover, button.modal-trigger.cats-font:hover, button.modal-trigger.icon-see:hover, button.modal-trigger.icon-edit:hover, button.modal-trigger.icon-print:hover, button.modal-trigger.icon-report:hover, button.modal-trigger.icon-delete:hover, button.modal-trigger.icon-add-avatar:hover, button.modal-trigger.icon-zoom-in:hover, button.modal-trigger.icon-zoom-out:hover, button.modal-trigger.icon-add:hover {
  background-color: #E3E4E9;
}
button.show-icons.cats-font:disabled, button.show-icons.icon-see:disabled, button.show-icons.icon-edit:disabled, button.show-icons.icon-print:disabled, button.show-icons.icon-report:disabled, button.show-icons.icon-delete:disabled, button.show-icons.icon-add-avatar:disabled, button.show-icons.icon-zoom-in:disabled, button.show-icons.icon-zoom-out:disabled, button.show-icons.icon-add:disabled, button.modal-trigger.cats-font:disabled, button.modal-trigger.icon-see:disabled, button.modal-trigger.icon-edit:disabled, button.modal-trigger.icon-print:disabled, button.modal-trigger.icon-report:disabled, button.modal-trigger.icon-delete:disabled, button.modal-trigger.icon-add-avatar:disabled, button.modal-trigger.icon-zoom-in:disabled, button.modal-trigger.icon-zoom-out:disabled, button.modal-trigger.icon-add:disabled {
  background-color: #E3E4E9;
  color: #81869b;
}

.card-notification button.show-icons, .card-notification button.modal-trigger, .card-list-theme button.show-icons, .classification-rule-line button.show-icons {
  background-color: #FFFFFF;
}

label {
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 19px;
  color: #000000;
}

.actions-list-button li {
  display: flex;
  align-items: center;
}
.actions-list-button li button {
  margin-right: 10px;
}
.actions-list-button li button:has(+ a:hover) {
  background-color: #E3E4E9;
}
.actions-list-button li a {
  color: #007461;
}

.contextual-error {
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 12px;
  color: #AE0014;
}

.actions-list-button li a, div.editor a, .collapsible .display-full-body a {
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #007461;
}

div.editor a {
  font-size: unset;
}

.actions-list-button li a {
  text-decoration: underline;
}

section + section {
  margin-top: 1.5rem;
}

fieldset.search-notification-templates {
  position: relative;
  padding-top: 20px;
}

.ember-power-select-trigger {
  background-image: none;
}
.ember-power-select-trigger input[type=search] {
  padding: 0;
}

.cc-multi-selector-component input.ember-power-select-trigger-multiple-input,
.interlocutor-multi-selector-component input.ember-power-select-trigger-multiple-input {
  margin: 0;
  margin-left: 10px;
}

.editor-actions-bar input[type=text], .editor-actions-bar input[type=password], .editor-actions-bar input[type=date], .editor-actions-bar input[type=url], .editor-actions-bar input[type=tel], .editor-actions-bar input[type=time], .editor-actions-bar input[type=email], .editor-actions-bar input[type=number], .editor-actions-bar input[type=search], .editor-actions-bar select, .editor-actions-bar .ember-power-select-trigger {
  background-color: #FFFFFF;
  padding: 0.5em 2em 0.5em 0.6em;
}

div.cards .u-photo {
  width: 40px;
  height: 40px;
  background-color: unset;
}
div.cards .u-photo img {
  width: 40px;
  height: 40px;
}
div.cards .u-photo::before {
  border: 0;
}

.cats-text-icon {
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  color: #007461;
  font-weight: 500;
  line-height: 19px;
  padding-top: 6px;
  padding-right: 40px;
}

.cats-check {
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  background: #FFFFFF;
  border: 1px solid #666E8A;
  border-radius: 3px;
}
.cats-check:checked {
  accent-color: #0A94AB;
}

.cats-text-check-icon {
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  line-height: 19px;
  margin: 0;
  margin-left: 10px;
  margin-right: 20px;
}

.header-splitter {
  margin-top: 24px;
  margin-bottom: 40px;
  border: 1px solid #E3E4E9;
}

div.actions-bar {
  color: #000;
  background-color: transparent;
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}

.collapsible > .content[aria-hidden=false] {
  display: block;
  background-color: transparent;
  padding: 3rem 1rem 0.5rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.highlight {
  background-color: transparent;
  border-radius: 0.2rem;
  display: flex;
  padding: 0 0.5rem 0.5rem 0;
}

.check-chips {
  display: flex;
  gap: 24px;
  margin: 0;
}
.check-chips li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 16px;
  gap: 10px;
  border-radius: 10px;
  box-shadow: 0 4px 16px rgba(193, 201, 214, 0.45);
  color: #007461;
  cursor: pointer;
}
.check-chips li.active {
  background-color: #308276;
  box-shadow: none;
  color: white;
}
.check-chips li label {
  background-color: inherit;
  font-family: "Montserrat SemiBold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  padding: 0;
}
.check-chips li label::first-letter {
  text-transform: capitalize;
}

.buddies {
  display: flex;
  align-items: center;
  padding: inherit;
}

.form-input-cats {
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  min-width: 30em;
  max-width: 8em;
  display: flex;
  flex-direction: column;
}
.form-input-cats input[type=text], .form-input-cats input[type=password], .form-input-cats input[type=date], .form-input-cats input[type=url], .form-input-cats input[type=tel], .form-input-cats input[type=time], .form-input-cats input[type=email], .form-input-cats input[type=number], .form-input-cats input[type=search], .form-input-cats select, .form-input-cats .ember-power-select-trigger {
  width: 100%;
}
@media screen and (max-width: 376px) {
  .form-input-cats {
    min-width: 20em;
    max-width: 8em;
    display: flex;
    flex-direction: column;
    font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 10px;
  }
}
.form-input-cats .error-text {
  font-weight: normal;
  color: red;
  padding-left: 15px;
}

.form-input-cats-inline {
  display: flex;
  flex-direction: row;
  gap: 1em;
}
.form-input-cats-inline div {
  display: flex;
  align-items: center;
}
.form-input-cats-inline div label {
  margin-bottom: 0;
}
.form-input-cats-inline div input[type=radio] {
  margin: 0 5px 0 0;
}

.due-date-gap {
  display: flex;
  flex-direction: row;
  gap: 1em;
}

.highlight label, .top-level .highlight label {
  font-family: "Montserrat SemiBold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  background-color: transparent;
}

form .highlight {
  margin-bottom: 0;
}

.top-level label {
  background-color: transparent;
}

form .buddies input:not([type=image]) {
  width: 100%;
  max-width: 100%;
  min-width: 420px;
}
@media screen and (max-width: 376px) {
  form .buddies input:not([type=image]) {
    width: 89em;
    max-width: 26%;
  }
}

div.actions-bar.results-options {
  padding: 1rem 0 0.5rem 0;
  margin-bottom: 2rem;
  background-color: transparent;
}

.top-level > legend {
  background-color: transparent;
}

.top-level > legend button.control {
  width: 100%;
  text-align: left;
  padding: 0.5em 1rem;
  border-radius: 0.3rem;
  background-position: calc(100% - 0.6rem) 0.2em;
}

.form-choice-text {
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.divide {
  border-top: none;
  border-bottom: none;
}

.selected-line {
  background-color: #E3E4E9 !important;
}

ul.check-chips.add-legend::before {
  font-family: "Montserrat Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 18px;
}

.inline-h {
  display: inline;
}

.result-list {
  display: flex;
  flex-wrap: wrap;
}
.result-list .card {
  flex: 0 47%;
  margin-right: 10px;
}
.result-list ul.actions-list {
  display: flex !important;
}

.p-data .group-comment-optional label {
  padding-right: 4px;
}

@media screen and (min-width: 1000px) {
  ul.notifications-list .selector {
    width: 400px;
  }
}

#search-talk .content {
  margin-bottom: 1rem;
}

#search-talk .display-full-body > button {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}

@media only screen and (max-width: 768px) {
  form#search-talk > fieldset, form#sorting > fieldset {
    padding-inline-start: 0;
    padding-inline-end: 0;
    margin-inline-start: 0;
    padding-block-end: 0;
    padding-block-start: 0;
    min-inline-size: unset;
    width: 100%;
  }
  form#search-talk > fieldset .form-input-cats, form#sorting > fieldset .form-input-cats {
    min-width: unset;
    max-width: unset;
  }
  form#search-talk > fieldset input:not([type=image]), form#sorting > fieldset input:not([type=image]) {
    min-width: unset;
  }
  form#search-talk > fieldset .p-select, form#sorting > fieldset .p-select {
    min-width: unset;
  }
  form#search-talk > fieldset .p-select > .buddies, form#sorting > fieldset .p-select > .buddies {
    flex-grow: 1;
  }

  form#sorting {
    flex-wrap: wrap;
  }
}
.highlight-terms {
  display: flex;
  flex-wrap: wrap;
}
.highlight-terms .highlight {
  background-color: #D9ECE1;
}

.tooltip {
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
}
.tooltip .tooltip-inner div {
  line-height: 25px;
}

div.spinner {
  height: 300px;
}
div.spinner p {
  background-image: url("/assets/cats-loader.gif");
  background-size: 100%;
  background-repeat: no-repeat;
  width: 300px;
  height: 300px;
  max-width: 100%;
}
div.spinner p::before, div.spinner p::after, div.spinner strong::after, div.spinner strong, div.spinner .wait {
  display: none;
}

#toast-container > div {
  opacity: unset;
  padding: 15px 15px 15px 15px;
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
}
#toast-container > div.toast {
  background-color: #fff;
}
#toast-container > div.toast-error {
  color: #AE0014;
}
#toast-container > div.toast-error .toast-message:before {
  content: "";
  color: #AE0014;
}
#toast-container > div.toast-success {
  color: #008037;
}
#toast-container > div.toast-success .toast-message:before {
  content: "";
  color: #008037;
}
#toast-container .toast-message {
  display: flex;
  align-items: center;
}
#toast-container .toast-message::before {
  font-size: 26px;
  margin-right: 10px;
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "cats-icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#toast-container .toast-close-button, #toast-container .toast-close-button:hover, #toast-container .toast-close-button:focus {
  color: #666e8a;
  opacity: unset;
  background-color: unset;
}

.html-file-uploader-hidden {
  display: none;
}

.relative {
  position: relative;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

.flex-manual {
  flex: 1 1 0;
}

.flex.flex-column {
  flex-direction: column;
  justify-content: start;
}

.text-right {
  text-align: right;
}

.w-100 {
  width: 100%;
}

.w-70 {
  width: 100%;
}

.w-30 {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .w-70 {
    width: 70%;
  }

  .w-30 {
    width: 30%;
  }

  .flex {
    flex-direction: row;
  }
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/Montserrat-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat Bold";
  font-style: normal;
  font-weight: bold;
  src: url("fonts/Montserrat-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat SemiBold";
  font-style: normal;
  font-weight: bold;
  src: url("fonts/Montserrat-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "OpenSans";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/OpenSans-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/Montserrat-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat Bold";
  font-style: normal;
  font-weight: bold;
  src: url("fonts/Montserrat-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat SemiBold";
  font-style: normal;
  font-weight: bold;
  src: url("fonts/Montserrat-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "OpenSans";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/OpenSans-Regular.ttf") format("truetype");
}
.clone-adviser {
  background-color: #FFFFFF;
}

#classification-rule p {
  width: fit-content;
}

@media screen and (min-width: 1174px) {
  #classification-rules .result-list {
    display: block;
  }

  div.classification-rule-line dl {
    display: flex;
  }
  div.classification-rule-line dl > div {
    width: calc(100% / 6);
    flex: unset !important;
  }
  div.classification-rule-line dl > div:nth-child(1) {
    min-width: 3.5em;
    width: fit-content;
  }
}
.warning-message {
  color: #C85207;
  margin-bottom: 10px;
  padding: 5px;
  border: 1px solid #C85207;
  border-radius: 4px;
  font-weight: 600;
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 16px;
}

main.admin .data-sheet-heading {
  font-family: "Montserrat SemiBold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 16px;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
}

main.admin div.data-sheet {
  padding: 1rem;
  border-radius: 8px;
  border-left: 0;
  background-color: #F2F4F6;
  max-width: 100%;
  width: 600px;
  box-sizing: border-box;
}
main.admin div.data-sheet.set-line {
  width: 100%;
}
main.admin div.data-sheet dl div {
  border-bottom: 0;
  font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  line-height: 21px;
}
main.admin div.data-sheet dl div dd {
  font-family: "Montserrat SemiBold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
}
main.admin div.data-sheet .buttons-bar {
  margin: 0;
}

div.panel.with-action h3 {
  display: flex;
  align-items: center;
}
div.panel.with-action h3 p.buttons-bar {
  position: unset;
}

.clone-buttons {
  margin-left: 18px;
}

.simple-group-name {
  display: inline-flex;
  margin-right: 10px;
}

label.simple-group-name {
  font-family: "Montserrat SemiBold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
}

.admin form.main-form, #tree .actions-bar {
  background-color: transparent;
  box-shadow: 0 10px 60px rgba(193, 201, 214, 0.45);
  border-radius: 8px;
}
.admin form.main-form legend, .admin form.main-form ul.add-list li, #tree .actions-bar legend, #tree .actions-bar ul.add-list li {
  background-color: transparent;
}
.admin form.main-form ul.add-list, #tree .actions-bar ul.add-list {
  border-left: 5px solid #55978E;
}

div.health-summary button:focus, div.health-summary button:hover, div.health-summary button.active {
  background-color: #007461;
}

main.admin div.card {
  display: flex;
  justify-content: space-between;
}
main.admin div.card ul.actions-list li {
  height: 100%;
}
main.admin div.card ul {
  text-align: right;
}
main.admin div.card label {
  margin-bottom: 0;
}

main.admin .card-notification {
  width: 100%;
}

main.admin div.data-sheet form {
  background-color: #FFFFFF;
}

main.admin div.data-sheet:not(:has(.buttons-bar)) dl div:last-child {
  padding-bottom: 0;
}

main.admin div.card.adv-group {
  display: block;
}
main.admin div.card.adv-group ul.actions-list {
  justify-content: flex-start;
}

main.admin .card.person.persons {
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
}

@media screen and (min-width: 1174px) {
  main.closing-reason div.card-notification dl div:nth-child(1) {
    flex: 0 0 70%;
  }
}

div.treeview-selection div.card.simple.message-type {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
}

p.buddies.close-day div {
  max-width: 50%;
}
p.buddies.close-day div input {
  max-width: 100%;
}
p.buddies.close-day label {
  margin-bottom: 0;
}

main.admin ul.add-list li {
  line-height: 50px;
  align-items: center;
}
main.admin ul.add-list li > button {
  position: relative;
  bottom: unset;
}

main.classification-rules .feedback-message {
  width: max-content;
}

.rule-priority {
  justify-content: center;
  width: fit-content;
  padding: 0 0.25em;
  min-width: 2em;
  max-width: 3em;
  height: 2.5em;
  line-height: 2em;
  font-size: 1em;
  border-radius: 2.25em;
}

p.varTitle {
  font-weight: bold;
  margin-top: 0.5em;
}

p.listVar {
  padding: 0.5em 1em;
}

.edit-adviser-function-block {
  display: block !important;
  width: 100% !important;
}
.edit-adviser-function-block div.add-adviser-function {
  gap: 30px !important;
}

.page-content-main.admin div.data-sheet div {
  margin-right: 0;
}

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/Montserrat-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat Bold";
  font-style: normal;
  font-weight: bold;
  src: url("fonts/Montserrat-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat SemiBold";
  font-style: normal;
  font-weight: bold;
  src: url("fonts/Montserrat-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "OpenSans";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/OpenSans-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/Montserrat-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat Bold";
  font-style: normal;
  font-weight: bold;
  src: url("fonts/Montserrat-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat SemiBold";
  font-style: normal;
  font-weight: bold;
  src: url("fonts/Montserrat-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "OpenSans";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/OpenSans-Regular.ttf") format("truetype");
}
.advisers-button-calendar {
  display: flex;
  justify-content: flex-end;
  gap: 5px;
  margin-bottom: 20px;
}

#subject-line label,
div.editor div.specifics label {
  margin-bottom: 10px;
}

.conversations .message-composer #subject-line {
  flex: 1 0 100%;
}
.conversations .message-composer #conversation-subject {
  max-width: 100%;
  width: 97%;
}

.new-interlocutor-popup-container,
.search-interlocutor-popup-container,
.search-interlocutor-popup-new-interlocutor {
  display: flex;
  align-items: center;
  display: flex;
  align-items: center;
}
.new-interlocutor-popup-container button,
.search-interlocutor-popup-container button,
.search-interlocutor-popup-new-interlocutor button {
  margin-right: 10px;
}
.new-interlocutor-popup-container button:has(+ a:hover),
.search-interlocutor-popup-container button:has(+ a:hover),
.search-interlocutor-popup-new-interlocutor button:has(+ a:hover) {
  background-color: #E3E4E9;
}
.new-interlocutor-popup-container a,
.search-interlocutor-popup-container a,
.search-interlocutor-popup-new-interlocutor a {
  color: #007461;
}

.search-interlocutor-popup-link {
  display: flex;
  align-items: center;
}
.search-interlocutor-popup-link .search-interlocutor-popup-container {
  margin-left: 10px;
}

.search-popup-prelink {
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.search-popup-block {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 5px;
}
.search-popup-block .search-interlocutor-popup-container {
  margin-left: 10px;
}

.search-interlocutor-popup .search-interlocutor-popup-content input[type=text] {
  width: 100%;
}
.search-interlocutor-popup .search-interlocutor-popup-content .int-search-panel {
  margin-top: 20px;
}
.search-interlocutor-popup .search-interlocutor-popup-content .int-res-header {
  margin-top: 20px;
}
.search-interlocutor-popup .search-interlocutor-popup-content .results .cards {
  margin: 0;
}
.search-interlocutor-popup .search-interlocutor-popup-content .results .card {
  max-width: 100%;
  width: 100%;
  margin-right: 0;
}

#check-signature {
  border: 1px solid #A3AFB7;
  border-radius: 3.2px;
}

#choose-signature {
  display: none;
}

.cats-template-button {
  width: 100%;
  color: black;
  text-indent: 2rem;
  padding-right: 8px;
}
.cats-template-button:hover, .cats-template-button:focus {
  color: black;
  font-weight: bold;
  text-decoration: none;
}

section.requests {
  margin-bottom: 1rem;
}

section.participants h3,
section.requests h3 {
  border-bottom: 0;
  margin-bottom: 1rem;
  font-family: "Montserrat Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 16px;
}
section.participants .num,
section.requests .num {
  margin-left: 5px;
  font-family: "Montserrat Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 16px;
}
section.participants .h-card,
section.requests .h-card {
  display: block;
  border-radius: 10px;
  border: 1px solid #E3E4E9;
  background-color: #FFFFFF;
  color: #000000;
  flex-flow: unset;
  padding: 1rem;
  cursor: default;
}
section.participants .h-card .profile-data,
section.requests .h-card .profile-data {
  display: flex;
  align-items: center;
}
section.participants .h-card .profile-data .p-name,
section.requests .h-card .profile-data .p-name {
  font-family: "Montserrat SemiBold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}
section.participants .h-card .profile-data .p-role,
section.requests .h-card .profile-data .p-role {
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #666E8A;
  line-height: 19px;
}
section.participants .h-card .profile-data .p-photo img,
section.requests .h-card .profile-data .p-photo img {
  border-radius: 100%;
  width: 40px;
  min-width: 40px;
  height: 40px;
}
section.participants .h-card .profile-data button.customer-popup,
section.requests .h-card .profile-data button.customer-popup {
  top: 0.8rem;
  left: calc(2% + 35px);
  position: absolute;
  overflow: hidden;
  font-size: 13px;
  padding: 3px;
  background-color: #D7EAF2;
  color: #097FAF;
}
section.participants .h-card .profile-data .body-customer-data,
section.requests .h-card .profile-data .body-customer-data {
  margin-left: 20px;
}
section.participants .h-card .profile-data.participants .p-photo,
section.requests .h-card .profile-data.participants .p-photo {
  position: relative;
}
section.participants .h-card .profile-data.participants button.customer-popup,
section.requests .h-card .profile-data.participants button.customer-popup {
  top: -0.5rem;
  left: calc(2% + 27px);
}
section.participants .h-card ul.actions-list li button:before,
section.requests .h-card ul.actions-list li button:before {
  color: #007461;
}
section.participants .h-card ul.avatars,
section.requests .h-card ul.avatars {
  background-color: unset;
  border-top: 1px solid #E3E4E9;
  padding-top: 1rem;
  margin-top: 2rem;
}
section.participants .buttons-bar,
section.requests .buttons-bar {
  border-top: 0;
}
section.participants p.create-request a,
section.requests p.create-request a {
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: none;
  text-align: center;
}
section.participants p.create-request a i:before,
section.requests p.create-request a i:before {
  color: #FFFFFF;
}

section.requests div.h-card {
  width: 100%;
}
section.requests div.h-card:last-of-type {
  margin-bottom: 10px;
}

@media screen and (min-width: 1250px) {
  main.demand-create #demand-creation-assigned-actor {
    width: 490px;
  }
  main.demand-create .specifics input[type=text] {
    width: 500px;
  }
}

main.conversation section.participants ul.actions-list,
main.conversation section.requests ul.actions-list,
main.demand section.participants ul.actions-list,
section.participants ul.actions-list {
  position: relative;
  justify-content: flex-start;
  flex-direction: column;
  left: 0;
  padding-bottom: 10px;
}

main.conversation section.requests ul.actions-list li.area-link {
  margin: 0 0.5rem 0.5rem 0.5rem;
}

div.request {
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  font-size: 14px;
  min-width: 0;
  margin: 0;
}
div.request h4 {
  padding: 0;
  background-color: #FFFFFF;
}
div.request h4 time {
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #666E8A;
}
div.request dd {
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
}
div.request dl {
  color: #666E8A;
  padding-left: 0;
  margin-left: 0;
  border-left: 0;
}
div.request dl dt {
  font-weight: 700;
}
div.request .request-email-body {
  margin-top: 15px;
}

div.bubble {
  margin-bottom: 0;
}

main.conversation > header:first-child,
main.demand > header:first-child {
  width: 74%;
  padding-bottom: 0;
  margin-bottom: 0.5rem;
  border-bottom: 0;
}
main.conversation > header:first-child div,
main.conversation > header:first-child h2,
main.demand > header:first-child div,
main.demand > header:first-child h2 {
  font-family: "Montserrat Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 18px;
  color: #666E8A;
  height: fit-content;
}
main.conversation .status-container,
main.demand .status-container {
  display: inline-flex;
}
main.conversation ul.actions-list,
main.demand ul.actions-list {
  flex-wrap: wrap;
}
main.conversation p.baseline,
main.demand p.baseline {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 21px;
}
main.conversation p.baseline.warning,
main.demand p.baseline.warning {
  margin-top: 15px;
}
main.conversation .conversation-container,
main.conversation .demand-container,
main.demand .conversation-container,
main.demand .demand-container {
  display: flex;
  flex-direction: column;
}
main.conversation .conversation-container.conversation-unsorted, main.conversation .conversation-container.demand-unsorted,
main.conversation .demand-container.conversation-unsorted,
main.conversation .demand-container.demand-unsorted,
main.demand .conversation-container.conversation-unsorted,
main.demand .conversation-container.demand-unsorted,
main.demand .demand-container.conversation-unsorted,
main.demand .demand-container.demand-unsorted {
  flex-direction: column-reverse;
}
main.conversation .conversation-subject-info,
main.conversation .demand-subject-info,
main.demand .conversation-subject-info,
main.demand .demand-subject-info {
  font-family: "Montserrat SemiBold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 12px;
}
main.conversation .conversation-subject-info a,
main.conversation .demand-subject-info a,
main.demand .conversation-subject-info a,
main.demand .demand-subject-info a {
  color: #007461;
}
main.conversation .conversation-subject-info.assign-label,
main.demand .conversation-subject-info.assign-label {
  font-family: "Montserrat SemiBold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
}
main.conversation .conversation-sort,
main.conversation .demand-sort,
main.demand .conversation-sort,
main.demand .demand-sort {
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #007461;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 2rem;
}
main.conversation .conversation-sort button,
main.conversation .demand-sort button,
main.demand .conversation-sort button,
main.demand .demand-sort button {
  margin-left: 10px;
}
main.conversation .conversation-subject-part,
main.conversation .demand-subject-part,
main.demand .conversation-subject-part,
main.demand .demand-subject-part {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 450px) {
  main.conversation .conversation-subject-part,
main.conversation .demand-subject-part,
main.demand .conversation-subject-part,
main.demand .demand-subject-part {
    justify-content: flex-start;
  }
}
main.conversation .conversation-subject-part .conversation-subject,
main.conversation .conversation-subject-part .demand-subject,
main.conversation .demand-subject-part .conversation-subject,
main.conversation .demand-subject-part .demand-subject,
main.demand .conversation-subject-part .conversation-subject,
main.demand .conversation-subject-part .demand-subject,
main.demand .demand-subject-part .conversation-subject,
main.demand .demand-subject-part .demand-subject {
  font-family: "Montserrat Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  flex-grow: 1;
  word-break: break-all;
}
@media screen and (max-width: 450px) {
  main.conversation .conversation-subject-part .conversation-subject,
main.conversation .conversation-subject-part .demand-subject,
main.conversation .demand-subject-part .conversation-subject,
main.conversation .demand-subject-part .demand-subject,
main.demand .conversation-subject-part .conversation-subject,
main.demand .conversation-subject-part .demand-subject,
main.demand .demand-subject-part .conversation-subject,
main.demand .demand-subject-part .demand-subject {
    flex: 0 0 100%;
    margin-bottom: 6px;
  }
}
main.conversation .conversation-subject-part .cats-font-edit-icon,
main.demand .conversation-subject-part .cats-font-edit-icon {
  opacity: 0;
  pointer-events: none;
}
main.conversation .conversation-subject-part .conversation-subject:hover,
main.demand .conversation-subject-part .conversation-subject:hover {
  box-shadow: 0 0 0 2px #ebecf0;
  border-radius: 0.2rem;
  display: flex;
  justify-content: space-between;
}
main.conversation .conversation-subject-part .conversation-subject:hover .cats-font-edit-icon,
main.demand .conversation-subject-part .conversation-subject:hover .cats-font-edit-icon {
  opacity: 1;
  pointer-events: auto;
  float: right;
  width: 36px;
  background-color: white;
}
main.conversation .conversation-subject-part .conversation-subject-edit,
main.demand .conversation-subject-part .conversation-subject-edit {
  width: 100%;
  height: 36px;
  font-weight: 700;
  font-size: 24px;
  padding: 0 16px;
  border-radius: 0.2rem;
  font-family: "Montserrat Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
}
main.conversation .conversation-subject-part #conversation-subject-form,
main.demand .conversation-subject-part #conversation-subject-form {
  width: 100%;
}
main.conversation .conversation-subject-part .conversation-subject-edit-actions,
main.demand .conversation-subject-part .conversation-subject-edit-actions {
  display: flex;
  justify-content: flex-end;
}
main.conversation .download-attachments,
main.demand .download-attachments {
  list-style: none;
  margin: 1em 0.5em;
}
main.conversation .download-attachments > button,
main.demand .download-attachments > button {
  width: 100%;
}
main.conversation .cats-font-attached-document-white,
main.demand .cats-font-attached-document-white {
  position: absolute;
  margin-top: 11px;
  margin-left: 9%;
}
main.conversation div[class*=owner-] > div.bubble .bubble-comment,
main.demand div[class*=owner-] > div.bubble .bubble-comment {
  justify-content: flex-end;
}
main.conversation div[class*=owner-] > div.bubble .content,
main.demand div[class*=owner-] > div.bubble .content {
  background-color: #D8EAD7;
  color: #000000;
}
main.conversation div[class*=owner-] > div.bubble .conversation-message-comments,
main.demand div[class*=owner-] > div.bubble .conversation-message-comments {
  align-items: flex-end;
}
main.conversation div[class*=owner-] > div.bubble .message-comment-container,
main.demand div[class*=owner-] > div.bubble .message-comment-container {
  margin-right: 0;
}
@media screen and (max-width: 800px) {
  main.conversation div[class*=owner-] > div.bubble .message-comment-container,
main.demand div[class*=owner-] > div.bubble .message-comment-container {
    flex-direction: column;
    align-items: flex-end;
  }
}
main.conversation div[class*=owner-] > div.bubble.column-reverse,
main.demand div[class*=owner-] > div.bubble.column-reverse {
  flex-direction: column-reverse;
}
main.conversation div[class*=owner-],
main.demand div[class*=owner-] {
  align-self: auto;
}
main.conversation .conversation-message .bubble,
main.conversation .demand-message .bubble,
main.demand .conversation-message .bubble,
main.demand .demand-message .bubble {
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  max-width: unset;
  padding-left: 0px;
  padding-right: 0px;
}
main.conversation .conversation-message .bubble .header-container,
main.conversation .demand-message .bubble .header-container,
main.demand .conversation-message .bubble .header-container,
main.demand .demand-message .bubble .header-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-bottom: 10px;
}
main.conversation .conversation-message .bubble .header-container .avatar-wrapper,
main.conversation .demand-message .bubble .header-container .avatar-wrapper,
main.demand .conversation-message .bubble .header-container .avatar-wrapper,
main.demand .demand-message .bubble .header-container .avatar-wrapper {
  margin-left: 10px;
}
main.conversation .conversation-message .bubble .header-container .u-photo,
main.conversation .demand-message .bubble .header-container .u-photo,
main.demand .conversation-message .bubble .header-container .u-photo,
main.demand .demand-message .bubble .header-container .u-photo {
  position: relative;
  width: 40px;
  height: 40px;
  background-color: unset;
}
main.conversation .conversation-message .bubble .header-container .u-photo img,
main.conversation .demand-message .bubble .header-container .u-photo img,
main.demand .conversation-message .bubble .header-container .u-photo img,
main.demand .demand-message .bubble .header-container .u-photo img {
  width: 40px;
  height: 40px;
}
main.conversation .conversation-message .bubble .header-container .u-photo::before,
main.conversation .demand-message .bubble .header-container .u-photo::before,
main.demand .conversation-message .bubble .header-container .u-photo::before,
main.demand .demand-message .bubble .header-container .u-photo::before {
  border: 0;
}
main.conversation .conversation-message .bubble .header-container h4,
main.conversation .demand-message .bubble .header-container h4,
main.demand .conversation-message .bubble .header-container h4,
main.demand .demand-message .bubble .header-container h4 {
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  margin-inline: 10px;
  font-weight: 400;
  color: #666E8A;
}
main.conversation .conversation-message .bubble .header-container h4 strong,
main.conversation .demand-message .bubble .header-container h4 strong,
main.demand .conversation-message .bubble .header-container h4 strong,
main.demand .demand-message .bubble .header-container h4 strong {
  font-weight: 700;
}
main.conversation .conversation-message .bubble .header-container h4 .cats-font, main.conversation .conversation-message .bubble .header-container h4 .icon-see, main.conversation .conversation-message .bubble .header-container h4 .icon-edit, main.conversation .conversation-message .bubble .header-container h4 .icon-print, main.conversation .conversation-message .bubble .header-container h4 .icon-report, main.conversation .conversation-message .bubble .header-container h4 .icon-delete, main.conversation .conversation-message .bubble .header-container h4 .icon-add-avatar, main.conversation .conversation-message .bubble .header-container h4 .icon-zoom-in, main.conversation .conversation-message .bubble .header-container h4 .icon-zoom-out, main.conversation .conversation-message .bubble .header-container h4 .icon-add,
main.conversation .demand-message .bubble .header-container h4 .cats-font,
main.conversation .demand-message .bubble .header-container h4 .icon-see,
main.conversation .demand-message .bubble .header-container h4 .icon-edit,
main.conversation .demand-message .bubble .header-container h4 .icon-print,
main.conversation .demand-message .bubble .header-container h4 .icon-report,
main.conversation .demand-message .bubble .header-container h4 .icon-delete,
main.conversation .demand-message .bubble .header-container h4 .icon-add-avatar,
main.conversation .demand-message .bubble .header-container h4 .icon-zoom-in,
main.conversation .demand-message .bubble .header-container h4 .icon-zoom-out,
main.conversation .demand-message .bubble .header-container h4 .icon-add,
main.demand .conversation-message .bubble .header-container h4 .cats-font,
main.demand .conversation-message .bubble .header-container h4 .icon-see,
main.demand .conversation-message .bubble .header-container h4 .icon-edit,
main.demand .conversation-message .bubble .header-container h4 .icon-print,
main.demand .conversation-message .bubble .header-container h4 .icon-report,
main.demand .conversation-message .bubble .header-container h4 .icon-delete,
main.demand .conversation-message .bubble .header-container h4 .icon-add-avatar,
main.demand .conversation-message .bubble .header-container h4 .icon-zoom-in,
main.demand .conversation-message .bubble .header-container h4 .icon-zoom-out,
main.demand .conversation-message .bubble .header-container h4 .icon-add,
main.demand .demand-message .bubble .header-container h4 .cats-font,
main.demand .demand-message .bubble .header-container h4 .icon-see,
main.demand .demand-message .bubble .header-container h4 .icon-edit,
main.demand .demand-message .bubble .header-container h4 .icon-print,
main.demand .demand-message .bubble .header-container h4 .icon-report,
main.demand .demand-message .bubble .header-container h4 .icon-delete,
main.demand .demand-message .bubble .header-container h4 .icon-add-avatar,
main.demand .demand-message .bubble .header-container h4 .icon-zoom-in,
main.demand .demand-message .bubble .header-container h4 .icon-zoom-out,
main.demand .demand-message .bubble .header-container h4 .icon-add {
  font-size: 15px;
}
main.conversation .conversation-message .bubble .content,
main.conversation .demand-message .bubble .content,
main.demand .conversation-message .bubble .content,
main.demand .demand-message .bubble .content {
  width: 100%;
  background-color: #F2F4F6;
}
@media screen and (max-width: 450px) {
  main.conversation .conversation-message .bubble .content,
main.conversation .demand-message .bubble .content,
main.demand .conversation-message .bubble .content,
main.demand .demand-message .bubble .content {
    width: 100%;
  }
}
main.conversation .conversation-message .bubble .content .display-full-body,
main.conversation .demand-message .bubble .content .display-full-body,
main.demand .conversation-message .bubble .content .display-full-body,
main.demand .demand-message .bubble .content .display-full-body {
  display: flex;
  align-items: center;
}
main.conversation .conversation-message .bubble .content .display-full-body button,
main.conversation .demand-message .bubble .content .display-full-body button,
main.demand .conversation-message .bubble .content .display-full-body button,
main.demand .demand-message .bubble .content .display-full-body button {
  margin-right: 10px;
}
main.conversation .conversation-message .bubble .content .display-full-body button:has(+ a:hover),
main.conversation .demand-message .bubble .content .display-full-body button:has(+ a:hover),
main.demand .conversation-message .bubble .content .display-full-body button:has(+ a:hover),
main.demand .demand-message .bubble .content .display-full-body button:has(+ a:hover) {
  background-color: #E3E4E9;
}
main.conversation .conversation-message .bubble .content .display-full-body a,
main.conversation .demand-message .bubble .content .display-full-body a,
main.demand .conversation-message .bubble .content .display-full-body a,
main.demand .demand-message .bubble .content .display-full-body a {
  color: #007461;
}
main.conversation .conversation-message .bubble .content .display-full-body a,
main.conversation .demand-message .bubble .content .display-full-body a,
main.demand .conversation-message .bubble .content .display-full-body a,
main.demand .demand-message .bubble .content .display-full-body a {
  color: #000000;
}
main.conversation .conversation-message .bubble .message-comment-container,
main.conversation .demand-message .bubble .message-comment-container,
main.demand .conversation-message .bubble .message-comment-container,
main.demand .demand-message .bubble .message-comment-container {
  display: flex;
  align-items: flex-end;
}
@media screen and (max-width: 800px) {
  main.conversation .conversation-message .bubble .message-comment-container,
main.conversation .demand-message .bubble .message-comment-container,
main.demand .conversation-message .bubble .message-comment-container,
main.demand .demand-message .bubble .message-comment-container {
    flex-direction: column;
    align-items: flex-start;
  }
}
main.conversation .conversation-message .bubble .bubble-comment,
main.conversation .demand-message .bubble .bubble-comment,
main.demand .conversation-message .bubble .bubble-comment,
main.demand .demand-message .bubble .bubble-comment {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-inline: 1rem;
  padding-bottom: 1rem;
}
main.conversation .conversation-message .bubble .bubble-comment button,
main.conversation .demand-message .bubble .bubble-comment button,
main.demand .conversation-message .bubble .bubble-comment button,
main.demand .demand-message .bubble .bubble-comment button {
  margin-right: 10px;
}
main.conversation .conversation-message .bubble .bubble-comment button:has(+ a:hover),
main.conversation .demand-message .bubble .bubble-comment button:has(+ a:hover),
main.demand .conversation-message .bubble .bubble-comment button:has(+ a:hover),
main.demand .demand-message .bubble .bubble-comment button:has(+ a:hover) {
  background-color: #E3E4E9;
}
main.conversation .conversation-message .bubble .bubble-comment a,
main.conversation .demand-message .bubble .bubble-comment a,
main.demand .conversation-message .bubble .bubble-comment a,
main.demand .demand-message .bubble .bubble-comment a {
  color: #007461;
}
main.conversation .conversation-message .bubble .comment,
main.conversation .demand-message .bubble .comment,
main.demand .conversation-message .bubble .comment,
main.demand .demand-message .bubble .comment {
  word-wrap: break-word;
}
main.conversation .conversation-message .bubble .message-attachments,
main.conversation .demand-message .bubble .message-attachments,
main.demand .conversation-message .bubble .message-attachments,
main.demand .demand-message .bubble .message-attachments {
  padding: 0.25rem;
}
main.conversation .conversation-message .bubble .conversation-message-comments,
main.conversation .demand-message .bubble .conversation-message-comments,
main.demand .conversation-message .bubble .conversation-message-comments,
main.demand .demand-message .bubble .conversation-message-comments {
  margin-inline: 2rem;
}
main.conversation .conversation-message .bubble .conversation-message-comments .content,
main.conversation .demand-message .bubble .conversation-message-comments .content,
main.demand .conversation-message .bubble .conversation-message-comments .content,
main.demand .demand-message .bubble .conversation-message-comments .content {
  background-color: #F2F4F6;
  border: 0;
}
main.conversation .conversation-message .bubble .conversation-message-comments .content.content-new-comment,
main.conversation .demand-message .bubble .conversation-message-comments .content.content-new-comment,
main.demand .conversation-message .bubble .conversation-message-comments .content.content-new-comment,
main.demand .demand-message .bubble .conversation-message-comments .content.content-new-comment {
  margin-top: 10px;
  max-width: 52em;
  background-color: #FFFFFF;
}
main.conversation .conversation-message .bubble .conversation-message-comments .content.content-new-comment h4,
main.conversation .demand-message .bubble .conversation-message-comments .content.content-new-comment h4,
main.demand .conversation-message .bubble .conversation-message-comments .content.content-new-comment h4,
main.demand .demand-message .bubble .conversation-message-comments .content.content-new-comment h4 {
  font-weight: 600;
}
main.conversation .conversation-message .bubble .conversation-message-comments .content.content-new-comment h5,
main.conversation .demand-message .bubble .conversation-message-comments .content.content-new-comment h5,
main.demand .conversation-message .bubble .conversation-message-comments .content.content-new-comment h5,
main.demand .demand-message .bubble .conversation-message-comments .content.content-new-comment h5 {
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  font-size: 14px;
  color: #666E8A;
  font-weight: 550;
  text-align: justify;
}
main.conversation .conversation-message .bubble .conversation-message-comments .content.content-new-comment textarea,
main.conversation .demand-message .bubble .conversation-message-comments .content.content-new-comment textarea,
main.demand .conversation-message .bubble .conversation-message-comments .content.content-new-comment textarea,
main.demand .demand-message .bubble .conversation-message-comments .content.content-new-comment textarea {
  width: 100%;
  background-color: #F2F4F6;
  border: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
main.conversation .conversation-message .bubble .conversation-message-comments .content.content-new-comment .buttons-bar,
main.conversation .demand-message .bubble .conversation-message-comments .content.content-new-comment .buttons-bar,
main.demand .conversation-message .bubble .conversation-message-comments .content.content-new-comment .buttons-bar,
main.demand .demand-message .bubble .conversation-message-comments .content.content-new-comment .buttons-bar {
  text-align: right;
}
main.conversation .ember-tooltip,
main.demand .ember-tooltip {
  max-width: 300px;
}

#conversation-download-attachments-modal form div.group p.choices {
  margin-bottom: 0;
}

main.conversation .editor,
main.conversations .editor,
main.demand .editor {
  box-shadow: 0 10px 60px rgba(193, 201, 214, 0.45);
  border-radius: 20px;
  background-color: #FFFFFF;
  border-top: 0;
}
main.conversation .editor .specifics,
main.conversations .editor .specifics,
main.demand .editor .specifics {
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 600;
  align-items: flex-start;
}
main.conversation .editor .specifics select,
main.conversation .editor .specifics .choices,
main.conversations .editor .specifics select,
main.conversations .editor .specifics .choices,
main.demand .editor .specifics select,
main.demand .editor .specifics .choices {
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0;
}
main.conversation .editor .specifics .group,
main.conversations .editor .specifics .group,
main.demand .editor .specifics .group {
  margin-top: auto;
}
main.conversation .editor .specifics p span label,
main.conversations .editor .specifics p span label,
main.demand .editor .specifics p span label {
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px;
}
main.conversation .editor .buttons-bar,
main.conversations .editor .buttons-bar,
main.demand .editor .buttons-bar {
  margin-top: 1rem;
}
main.conversation label.moderationLabel,
main.conversations label.moderationLabel,
main.demand label.moderationLabel {
  cursor: auto;
  margin: 0;
}

div.conversation > ul.actions-list,
div.demand > ul.actions-list {
  margin-top: 13px;
  margin-bottom: 1rem;
  background-color: #F2F4F6;
  border: 1px solid #E3E4E9;
  padding: 0;
}
div.conversation > ul.actions-list li,
div.demand > ul.actions-list li {
  flex: 1 1 0;
  text-align: center;
  justify-content: center;
  margin: 0;
  padding: 16px 5px 16px 5px;
  flex-direction: row;
}
div.conversation > ul.actions-list li .modal-trigger,
div.demand > ul.actions-list li .modal-trigger {
  margin: 0;
}
div.conversation > ul.actions-list li button.show-icons.cats-font, div.conversation > ul.actions-list li button.show-icons.icon-see, div.conversation > ul.actions-list li button.show-icons.icon-edit, div.conversation > ul.actions-list li button.show-icons.icon-print, div.conversation > ul.actions-list li button.show-icons.icon-report, div.conversation > ul.actions-list li button.show-icons.icon-delete, div.conversation > ul.actions-list li button.show-icons.icon-add-avatar, div.conversation > ul.actions-list li button.show-icons.icon-zoom-in, div.conversation > ul.actions-list li button.show-icons.icon-zoom-out, div.conversation > ul.actions-list li button.show-icons.icon-add,
div.demand > ul.actions-list li button.show-icons.cats-font,
div.demand > ul.actions-list li button.show-icons.icon-see,
div.demand > ul.actions-list li button.show-icons.icon-edit,
div.demand > ul.actions-list li button.show-icons.icon-print,
div.demand > ul.actions-list li button.show-icons.icon-report,
div.demand > ul.actions-list li button.show-icons.icon-delete,
div.demand > ul.actions-list li button.show-icons.icon-add-avatar,
div.demand > ul.actions-list li button.show-icons.icon-zoom-in,
div.demand > ul.actions-list li button.show-icons.icon-zoom-out,
div.demand > ul.actions-list li button.show-icons.icon-add {
  width: fit-content;
}
div.conversation > ul.actions-list li .show-icons-external-text,
div.demand > ul.actions-list li .show-icons-external-text {
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #007461;
  margin-left: 10px;
}
@media screen and (max-width: 724px) {
  div.conversation > ul.actions-list li .show-icons-external-text,
div.demand > ul.actions-list li .show-icons-external-text {
    display: none;
  }
}
div.conversation > ul.actions-list li button,
div.demand > ul.actions-list li button {
  margin-right: 0;
}
div.conversation > ul.actions-list li:first-child,
div.demand > ul.actions-list li:first-child {
  margin-left: 1rem;
}
div.conversation > ul.actions-list li:last-of-type,
div.demand > ul.actions-list li:last-of-type {
  margin-right: 1rem;
}
div.conversation > ul.actions-list button.show-icons.cats-font, div.conversation > ul.actions-list button.show-icons.icon-see, div.conversation > ul.actions-list button.show-icons.icon-edit, div.conversation > ul.actions-list button.show-icons.icon-print, div.conversation > ul.actions-list button.show-icons.icon-report, div.conversation > ul.actions-list button.show-icons.icon-delete, div.conversation > ul.actions-list button.show-icons.icon-add-avatar, div.conversation > ul.actions-list button.show-icons.icon-zoom-in, div.conversation > ul.actions-list button.show-icons.icon-zoom-out, div.conversation > ul.actions-list button.show-icons.icon-add,
div.conversation > ul.actions-list button.modal-trigger.cats-font,
div.conversation > ul.actions-list button.modal-trigger.icon-see,
div.conversation > ul.actions-list button.modal-trigger.icon-edit,
div.conversation > ul.actions-list button.modal-trigger.icon-print,
div.conversation > ul.actions-list button.modal-trigger.icon-report,
div.conversation > ul.actions-list button.modal-trigger.icon-delete,
div.conversation > ul.actions-list button.modal-trigger.icon-add-avatar,
div.conversation > ul.actions-list button.modal-trigger.icon-zoom-in,
div.conversation > ul.actions-list button.modal-trigger.icon-zoom-out,
div.conversation > ul.actions-list button.modal-trigger.icon-add,
div.demand > ul.actions-list button.show-icons.cats-font,
div.demand > ul.actions-list button.show-icons.icon-see,
div.demand > ul.actions-list button.show-icons.icon-edit,
div.demand > ul.actions-list button.show-icons.icon-print,
div.demand > ul.actions-list button.show-icons.icon-report,
div.demand > ul.actions-list button.show-icons.icon-delete,
div.demand > ul.actions-list button.show-icons.icon-add-avatar,
div.demand > ul.actions-list button.show-icons.icon-zoom-in,
div.demand > ul.actions-list button.show-icons.icon-zoom-out,
div.demand > ul.actions-list button.show-icons.icon-add,
div.demand > ul.actions-list button.modal-trigger.cats-font,
div.demand > ul.actions-list button.modal-trigger.icon-see,
div.demand > ul.actions-list button.modal-trigger.icon-edit,
div.demand > ul.actions-list button.modal-trigger.icon-print,
div.demand > ul.actions-list button.modal-trigger.icon-report,
div.demand > ul.actions-list button.modal-trigger.icon-delete,
div.demand > ul.actions-list button.modal-trigger.icon-add-avatar,
div.demand > ul.actions-list button.modal-trigger.icon-zoom-in,
div.demand > ul.actions-list button.modal-trigger.icon-zoom-out,
div.demand > ul.actions-list button.modal-trigger.icon-add {
  background-color: #FFFFFF;
}
div.conversation > ul.actions-list button.show-icons.cats-font:hover, div.conversation > ul.actions-list button.show-icons.icon-see:hover, div.conversation > ul.actions-list button.show-icons.icon-edit:hover, div.conversation > ul.actions-list button.show-icons.icon-print:hover, div.conversation > ul.actions-list button.show-icons.icon-report:hover, div.conversation > ul.actions-list button.show-icons.icon-delete:hover, div.conversation > ul.actions-list button.show-icons.icon-add-avatar:hover, div.conversation > ul.actions-list button.show-icons.icon-zoom-in:hover, div.conversation > ul.actions-list button.show-icons.icon-zoom-out:hover, div.conversation > ul.actions-list button.show-icons.icon-add:hover,
div.conversation > ul.actions-list button.modal-trigger.cats-font:hover,
div.conversation > ul.actions-list button.modal-trigger.icon-see:hover,
div.conversation > ul.actions-list button.modal-trigger.icon-edit:hover,
div.conversation > ul.actions-list button.modal-trigger.icon-print:hover,
div.conversation > ul.actions-list button.modal-trigger.icon-report:hover,
div.conversation > ul.actions-list button.modal-trigger.icon-delete:hover,
div.conversation > ul.actions-list button.modal-trigger.icon-add-avatar:hover,
div.conversation > ul.actions-list button.modal-trigger.icon-zoom-in:hover,
div.conversation > ul.actions-list button.modal-trigger.icon-zoom-out:hover,
div.conversation > ul.actions-list button.modal-trigger.icon-add:hover,
div.demand > ul.actions-list button.show-icons.cats-font:hover,
div.demand > ul.actions-list button.show-icons.icon-see:hover,
div.demand > ul.actions-list button.show-icons.icon-edit:hover,
div.demand > ul.actions-list button.show-icons.icon-print:hover,
div.demand > ul.actions-list button.show-icons.icon-report:hover,
div.demand > ul.actions-list button.show-icons.icon-delete:hover,
div.demand > ul.actions-list button.show-icons.icon-add-avatar:hover,
div.demand > ul.actions-list button.show-icons.icon-zoom-in:hover,
div.demand > ul.actions-list button.show-icons.icon-zoom-out:hover,
div.demand > ul.actions-list button.show-icons.icon-add:hover,
div.demand > ul.actions-list button.modal-trigger.cats-font:hover,
div.demand > ul.actions-list button.modal-trigger.icon-see:hover,
div.demand > ul.actions-list button.modal-trigger.icon-edit:hover,
div.demand > ul.actions-list button.modal-trigger.icon-print:hover,
div.demand > ul.actions-list button.modal-trigger.icon-report:hover,
div.demand > ul.actions-list button.modal-trigger.icon-delete:hover,
div.demand > ul.actions-list button.modal-trigger.icon-add-avatar:hover,
div.demand > ul.actions-list button.modal-trigger.icon-zoom-in:hover,
div.demand > ul.actions-list button.modal-trigger.icon-zoom-out:hover,
div.demand > ul.actions-list button.modal-trigger.icon-add:hover {
  background-color: #E3E4E9;
}

@media screen and (min-width: 450px) {
  div.conversation > ul.actions-list li.forward {
    padding-right: 1rem;
    border-right: 1px solid #E3E4E9;
  }
}
@media screen and (min-width: 450px) {
  div.conversation > ul.actions-list li.reassign {
    padding-right: 1rem;
    border-right: 1px solid #E3E4E9;
  }
}
@media screen and (min-width: 450px) {
  div.conversation > ul.actions-list li.print {
    margin-left: 1rem;
  }
}
@media screen and (min-width: 450px) {
  div.conversation > ul.actions-list .list-seperator {
    width: 1px;
    background-color: #E3E4E9;
    margin: 0 1rem;
  }
}

.message-composer-body-cc-add {
  display: flex;
  align-items: center;
}
.message-composer-body-cc-add div {
  display: flex;
  align-items: center;
}
.message-composer-body-cc-add div button {
  margin-right: 10px;
}
.message-composer-body-cc-add div button:has(+ a:hover) {
  background-color: #E3E4E9;
}
.message-composer-body-cc-add div a {
  color: #007461;
}

div.conversation-late,
div.conversation-status,
div.demand-status,
div.conversation-moderation {
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 27px;
}

div.conversation-status:has(+ .conversation-status) {
  margin-right: 10px;
}
div.conversation-status.in-progress {
  display: flex;
  align-items: center;
  border-radius: 4px;
  background-color: #F8EFD1;
  padding: 0 10px 0 10px;
  color: #7B5F16;
}
div.conversation-status.in-progress i {
  margin-right: 5px;
}
div.conversation-status.in-progress i::before {
  font-size: 15px;
  color: #7B5F16;
}
div.conversation-status.to-acknowledge, div.conversation-status.moderation {
  display: flex;
  align-items: center;
  border-radius: 4px;
  background-color: #D7EAF2;
  padding: 0 10px 0 10px;
  color: #097FAF;
}
div.conversation-status.to-acknowledge i, div.conversation-status.moderation i {
  margin-right: 5px;
}
div.conversation-status.to-acknowledge i::before, div.conversation-status.moderation i::before {
  font-size: 15px;
  color: #097FAF;
}
div.conversation-status.closed {
  display: flex;
  align-items: center;
  border-radius: 4px;
  background-color: #D9ECE1;
  padding: 0 10px 0 10px;
  color: #008037;
}
div.conversation-status.closed i {
  margin-right: 5px;
}
div.conversation-status.closed i::before {
  font-size: 15px;
  color: #008037;
}
div.conversation-status.draft {
  display: flex;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E4E9;
  padding: 0 10px 0 10px;
  color: #666E8A;
}
div.conversation-status.draft i {
  margin-right: 5px;
}
div.conversation-status.draft i::before {
  font-size: 15px;
  color: #666E8A;
}
div.conversation-status.init {
  display: flex;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E4E9;
  padding: 0 10px 0 10px;
  color: #666E8A;
}
div.conversation-status.init i {
  margin-right: 5px;
}
div.conversation-status.init i::before {
  font-size: 15px;
  color: #666E8A;
}
div.conversation-status.late {
  display: flex;
  align-items: center;
  border-radius: 4px;
  background-color: #F7EBE0;
  padding: 0 10px 0 10px;
  color: #C85207;
}
div.conversation-status.late i {
  margin-right: 5px;
}
div.conversation-status.late i::before {
  font-size: 15px;
  color: #C85207;
}

div.demand-status.to-acknowledge {
  display: flex;
  align-items: center;
  border-radius: 4px;
  background-color: #D7EAF2;
  padding: 0 10px 0 10px;
  color: #097FAF;
}
div.demand-status.to-acknowledge i {
  margin-right: 5px;
}
div.demand-status.to-acknowledge i::before {
  font-size: 15px;
  color: #097FAF;
}
div.demand-status.closed {
  display: flex;
  align-items: center;
  border-radius: 4px;
  background-color: #D9ECE1;
  padding: 0 10px 0 10px;
  color: #008037;
}
div.demand-status.closed i {
  margin-right: 5px;
}
div.demand-status.closed i::before {
  font-size: 15px;
  color: #008037;
}
div.demand-status.give-up {
  display: flex;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E4E9;
  padding: 0 10px 0 10px;
  color: #666E8A;
}
div.demand-status.give-up i {
  margin-right: 5px;
}
div.demand-status.give-up i::before {
  font-size: 15px;
  color: #666E8A;
}
div.demand-status.returned {
  display: flex;
  align-items: center;
  border-radius: 4px;
  background-color: #F7EBE0;
  padding: 0 10px 0 10px;
  color: #C85207;
}
div.demand-status.returned i {
  margin-right: 5px;
}
div.demand-status.returned i::before {
  font-size: 15px;
  color: #C85207;
}

.close-conversation-popup p {
  margin-bottom: 20px;
}
.close-conversation-popup select {
  width: 100%;
}

div.card {
  flex-grow: 1;
}

div.actions-bar {
  background-color: #F2F4F6;
  border-radius: 10px;
}

div.actions-bar .cats-font, div.actions-bar .icon-see, div.actions-bar .icon-edit, div.actions-bar .icon-print, div.actions-bar .icon-report, div.actions-bar .icon-delete, div.actions-bar .icon-add-avatar, div.actions-bar .icon-zoom-in, div.actions-bar .icon-zoom-out, div.actions-bar .icon-add {
  background-color: #FFFFFF;
}

.conversation-card header {
  margin-bottom: 5px !important;
  justify-content: space-between !important;
  max-width: 100% !important;
  gap: 0 !important;
  max-height: fit-content !important;
}
.conversation-card header .card-content-right-description dl {
  margin-bottom: 0;
}
.conversation-card header .card-content-left-description {
  flex-direction: row !important;
  flex-wrap: wrap;
  gap: 10px;
}
.conversation-card header .card-shadow {
  padding: 3px;
  box-shadow: 0px 0px 10px #CCCCCC;
}
@media screen and (max-width: 450px) {
  .conversation-card header {
    align-items: flex-start !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
  }
}
.conversation-card .card-content-left-description .conversation-status {
  width: fit-content;
}
.conversation-card .content-body h4 {
  margin-bottom: 0.25em;
}
.conversation-card .content-body .card-content-right-description {
  gap: 0.25em;
}
.conversation-card .card-check-box {
  padding: 2.5em 1.5em 1.5em 0.5em;
}
.conversation-card .card-check-box input[type=checkbox] {
  z-index: 10;
}

div.qualifications.qualifications-block.top-line {
  margin-top: 5px;
  border-top: 1px solid #E3E4E9;
}

div.qualifications.qualifications-block.bottom-line {
  margin-bottom: 5px;
  border-bottom: 1px solid #E3E4E9;
}

div.qualifications.qualifications-block {
  display: flex;
  flex-wrap: wrap;
}
div.qualifications.qualifications-block .qualification {
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;
  display: flex;
  margin: 10px 5px 10px 0;
  width: fit-content;
  align-items: center;
  border-radius: 4px;
  background-color: #F3FAFB;
  padding: 0 10px 0 10px;
  color: #0A5B66;
}
div.qualifications.qualifications-block .hide {
  display: none;
}
div.qualifications.qualifications-block > a.qualification-display,
div.qualifications.qualifications-block > a.qualification-display:visited {
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;
  color: #007461;
  display: block;
  margin-top: 10px;
  z-index: 1000;
}

p.qualification-feedback.bottom-line {
  margin-bottom: 5px;
  border-bottom: 1px solid #E3E4E9;
}

.qualification-feedback {
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 25px;
  letter-spacing: 0em;
  text-align: left;
  display: flex;
  flex-direction: row;
  gap: 0.5em;
}
.qualification-feedback .qualification-feedback-radio, .qualification-feedback .qualification-feedback-radio:disabled:checked {
  margin-bottom: 10px;
}
.qualification-feedback .qualification-feedback-radio:disabled:checked {
  color: #007461;
}
.qualification-feedback label {
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 600;
  line-height: 25px;
  letter-spacing: 0em;
  text-align: left;
  display: flex;
  flex-direction: row;
  gap: 1em;
  margin-right: 5px;
}
.qualification-feedback .cats-font, .qualification-feedback .icon-see, .qualification-feedback .icon-edit, .qualification-feedback .icon-print, .qualification-feedback .icon-report, .qualification-feedback .icon-delete, .qualification-feedback .icon-add-avatar, .qualification-feedback .icon-zoom-in, .qualification-feedback .icon-zoom-out, .qualification-feedback .icon-add {
  margin-top: 7px;
}

.assign-button-label {
  display: inline-block;
  overflow: hidden;
  width: 95px;
  height: 25px;
  text-align: left;
  background-position: 4px -42px;
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  padding: 0;
}

.conversations-type-selector {
  margin-bottom: 30px;
  display: flex;
  gap: 32px;
}
.conversations-type-selector > span {
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 16px;
  cursor: pointer;
  padding-bottom: 8px;
}
.conversations-type-selector > span.selected {
  font-weight: 600;
  border-bottom: 2px solid #071621;
}

.message-archived-card {
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.message-archived-card .bold {
  font-weight: 600;
}
.message-archived-card .subject-link {
  text-decoration: underline;
  color: #004652;
}
.message-archived-card .subject-link:hover {
  cursor: pointer;
  color: #0A94A8;
}

.demand-subject-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media screen and (min-width: 1250px) {
  main.demand header.grid-forth {
    position: fixed;
    width: 19%;
    bottom: 2vh;
    scrollbar-width: none;
    pointer-events: auto;
  }

  main.demand div.grid-forth-container,
main.adviser div.grid-forth-container,
main.interlocutor div.grid-forth-container {
    width: 22%;
  }
}
@media screen and (max-width: 1600px) {
  main.conversation .cats-font.cats-font-attached-document-white, main.conversation .cats-font-attached-document-white.icon-see, main.conversation .cats-font-attached-document-white.icon-edit, main.conversation .cats-font-attached-document-white.icon-print, main.conversation .cats-font-attached-document-white.icon-report, main.conversation .cats-font-attached-document-white.icon-delete, main.conversation .cats-font-attached-document-white.icon-add-avatar, main.conversation .cats-font-attached-document-white.icon-zoom-in, main.conversation .cats-font-attached-document-white.icon-zoom-out, main.conversation .cats-font-attached-document-white.icon-add {
    margin-left: 6%;
  }
}
@media screen and (max-width: 1400px) {
  main.conversation .cats-font.cats-font-attached-document-white, main.conversation .cats-font-attached-document-white.icon-see, main.conversation .cats-font-attached-document-white.icon-edit, main.conversation .cats-font-attached-document-white.icon-print, main.conversation .cats-font-attached-document-white.icon-report, main.conversation .cats-font-attached-document-white.icon-delete, main.conversation .cats-font-attached-document-white.icon-add-avatar, main.conversation .cats-font-attached-document-white.icon-zoom-in, main.conversation .cats-font-attached-document-white.icon-zoom-out, main.conversation .cats-font-attached-document-white.icon-add {
    margin-left: 3%;
  }
}
.adviser-list div.card.persons ul.actions-list {
  flex: 0 0 123px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

main.interlocutor .cards,
main.adviser .cards {
  margin-top: 40px;
}
main.interlocutor > header:first-child, main.interlocutor > fieldset,
main.adviser > header:first-child,
main.adviser > fieldset {
  width: 74%;
}
main.interlocutor .top-level > legend button.control,
main.adviser .top-level > legend button.control {
  right: calc(100% - 74%);
}

@media screen and (min-width: 1250px) {
  main.interlocutor header.grid-forth,
main.adviser header.grid-forth {
    position: fixed;
    width: 19%;
    bottom: 2vh;
    scrollbar-width: none;
    pointer-events: auto;
  }
}
#assign-to-me .actions-bar p {
  margin-top: 0;
}

main.absence-page header .buttons-bar,
main.adviser header .buttons-bar {
  display: flex;
}
main.absence-page #entities-list,
main.adviser #entities-list {
  top: 2.5rem;
}
main.absence-page #absences-calendar div.actions-bar,
main.adviser #absences-calendar div.actions-bar {
  background-color: unset;
}
main.absence-page #absences-calendar div.actions-bar .cats-font, main.absence-page #absences-calendar div.actions-bar .icon-see, main.absence-page #absences-calendar div.actions-bar .icon-edit, main.absence-page #absences-calendar div.actions-bar .icon-print, main.absence-page #absences-calendar div.actions-bar .icon-report, main.absence-page #absences-calendar div.actions-bar .icon-delete, main.absence-page #absences-calendar div.actions-bar .icon-add-avatar, main.absence-page #absences-calendar div.actions-bar .icon-zoom-in, main.absence-page #absences-calendar div.actions-bar .icon-zoom-out, main.absence-page #absences-calendar div.actions-bar .icon-add,
main.adviser #absences-calendar div.actions-bar .cats-font,
main.adviser #absences-calendar div.actions-bar .icon-see,
main.adviser #absences-calendar div.actions-bar .icon-edit,
main.adviser #absences-calendar div.actions-bar .icon-print,
main.adviser #absences-calendar div.actions-bar .icon-report,
main.adviser #absences-calendar div.actions-bar .icon-delete,
main.adviser #absences-calendar div.actions-bar .icon-add-avatar,
main.adviser #absences-calendar div.actions-bar .icon-zoom-in,
main.adviser #absences-calendar div.actions-bar .icon-zoom-out,
main.adviser #absences-calendar div.actions-bar .icon-add {
  background-color: #F2F4F6;
}
main.absence-page #absences-calendar div.actions-bar .current-view-date,
main.adviser #absences-calendar div.actions-bar .current-view-date {
  display: flex;
  flex-direction: column;
}
main.absence-page #absences-calendar div.actions-bar .current-view-date .absence-current-day,
main.adviser #absences-calendar div.actions-bar .current-view-date .absence-current-day {
  font-family: "Montserrat Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  text-transform: capitalize;
}
main.absence-page #absences-calendar div.actions-bar .current-view-date .absence-current-week,
main.adviser #absences-calendar div.actions-bar .current-view-date .absence-current-week {
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #666E8A;
}
main.absence-page #absences-calendar table.plan-grid th,
main.adviser #absences-calendar table.plan-grid th {
  color: #666E8A;
  line-height: 40px;
}
main.absence-page #absences-calendar table.plan-grid th:not(:first-child),
main.adviser #absences-calendar table.plan-grid th:not(:first-child) {
  background-color: #F2F4F6;
}
main.absence-page #absences-calendar table.plan-grid th:nth-of-type(2),
main.adviser #absences-calendar table.plan-grid th:nth-of-type(2) {
  border-top-left-radius: 20px 20px;
}
main.absence-page #absences-calendar table.plan-grid th:last-of-type,
main.adviser #absences-calendar table.plan-grid th:last-of-type {
  border-top-right-radius: 20px 20px;
}
main.absence-page #absences-calendar table.plan-grid th span,
main.adviser #absences-calendar table.plan-grid th span {
  padding: 10px;
  text-transform: capitalize;
}
main.absence-page #absences-calendar table.plan-grid th.today,
main.adviser #absences-calendar table.plan-grid th.today {
  border-top: 0;
  color: #071621;
}
main.absence-page #absences-calendar table.plan-grid th.today span,
main.adviser #absences-calendar table.plan-grid th.today span {
  border-radius: 10px;
  background-color: #007461;
  color: #FFFFFF;
}
main.absence-page #absences-calendar table.plan-grid td,
main.adviser #absences-calendar table.plan-grid td {
  border-left: 1px solid #E3E4E9;
  border-bottom: 1px solid #E3E4E9;
}
main.absence-page #absences-calendar table.plan-grid td.advisor,
main.adviser #absences-calendar table.plan-grid td.advisor {
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  border-left: 0;
}
main.absence-page #absences-calendar table.plan-grid td.advisor span,
main.adviser #absences-calendar table.plan-grid td.advisor span {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 1280px) {
  main.absence-page #absences-calendar table.plan-grid .absence-bar,
main.adviser #absences-calendar table.plan-grid .absence-bar {
    height: auto;
  }
}

#create-civility {
  width: 200px;
}

form.absence-edit-component .buddies {
  display: unset;
}
form.absence-edit-component div.from-to div.backup {
  width: fit-content;
}
form.absence-edit-component .backup > div {
  width: fit-content;
}

div.bubble h5 {
  font: 0.8em Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.5rem;
  text-align: justify;
}

div.bubble h4 {
  font-weight: 600;
}

.conversation-subject-part .tags {
  padding-left: 8px;
  background: none;
  display: inline;
}

.conversation-subject-part .tags-wrapper {
  padding-top: 0.5rem;
  display: inline;
}
.conversation-subject-part .tags-wrapper i {
  font-size: 0.95em;
  vertical-align: middle;
}

.tag-conversation-edit-wrapper .flex {
  justify-content: center;
}

.conversation-line-tooltip {
  max-width: 45vw;
}

div.text-center.action-bar > nav > ul > select {
  background-image: none;
}

@media screen and (max-width: 520px) {
  .absence-edit-component div.from-to > p {
    width: 100%;
  }

  form.absence-edit-component div.from-to div.backup {
    width: 100%;
  }
  form.absence-edit-component div.from-to div.backup > div {
    width: 100%;
  }
  form.absence-edit-component div.from-to div.backup input:not([type=image]) {
    min-width: 100%;
    width: 100%;
  }
}
@media screen and (max-width: 500px) {
  div.p-select > span.buddies.not-much {
    display: block;
    width: 100%;
  }

  #demand-creation-assigned-actor {
    min-width: 100%;
  }
}
.conversation-card .closing-reason-label {
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 27px;
  padding: 5px;
  color: #666E8A;
}

div[data-class=table-wrapper-scrollable] {
  overflow-x: auto;
  padding-bottom: 1em;
}

div.editor-wrapper div.editable-block th p, div.editor-wrapper div.editable-block td p {
  margin: unset;
}

div.bubble .content th p, div.bubble .content td p {
  margin: unset;
}

th:not(.external-th), td:not(.external-td) {
  text-align: unset;
}

section.login main {
  background-color: #FFFFFF;
  border: 1px solid #F2F4F6;
}
section.login main h2 {
  background-color: #FFFFFF;
}

main.sso-error-card, main.logout-card {
  margin: auto;
  max-width: 600px;
  min-height: auto;
  background-color: #F2F3F4;
  padding: 1rem 1.5rem 1.5rem;
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
  font-size: 1.2rem;
  box-shadow: 10px 5px 5px rgba(0, 0, 0, 0.17);
}
main.sso-error-card .panel-heading, main.logout-card .panel-heading {
  margin-bottom: 1rem;
}
main.sso-error-card .panel-heading .panel-title, main.logout-card .panel-heading .panel-title {
  font-weight: bold;
  font-size: 1.3rem;
}

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/Montserrat-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat Bold";
  font-style: normal;
  font-weight: bold;
  src: url("fonts/Montserrat-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat SemiBold";
  font-style: normal;
  font-weight: bold;
  src: url("fonts/Montserrat-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "OpenSans";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/OpenSans-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/Montserrat-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat Bold";
  font-style: normal;
  font-weight: bold;
  src: url("fonts/Montserrat-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat SemiBold";
  font-style: normal;
  font-weight: bold;
  src: url("fonts/Montserrat-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "OpenSans";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/OpenSans-Regular.ttf") format("truetype");
}
.supervision-reports-data-panel-table > tbody > tr:not(:nth-child(1)) > th {
  background-color: transparent;
}

.supervision-reports-data-panel-table > tbody > tr > th {
  background-color: transparent;
}

.supervision-reports-data-panel-table > tbody > tr.data-panel-row-highlight > th,
.supervision-reports-data-panel-table > tbody > tr.data-panel-row-highlight > td {
  background-color: #F2F2F2;
}

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/Montserrat-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat Bold";
  font-style: normal;
  font-weight: bold;
  src: url("fonts/Montserrat-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat SemiBold";
  font-style: normal;
  font-weight: bold;
  src: url("fonts/Montserrat-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "OpenSans";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/OpenSans-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/Montserrat-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat Bold";
  font-style: normal;
  font-weight: bold;
  src: url("fonts/Montserrat-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat SemiBold";
  font-style: normal;
  font-weight: bold;
  src: url("fonts/Montserrat-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "OpenSans";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/OpenSans-Regular.ttf") format("truetype");
}
.add-list.absences {
  border-left: 5px solid #007461;
}
.add-list.absences li {
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  line-height: 65px;
  border-bottom: 0;
}

.absence-edit-component .highlight {
  margin: 0;
}

main.notifications .notifications-list li {
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.dashboard-title {
  font-weight: 600;
  color: #000000;
  font-family: "Montserrat SemiBold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 32px;
  line-height: 39px;
}

.dashboard-separator {
  margin-top: 24px;
  margin-bottom: 40px;
  border: 1px solid #E3E4E9;
}

.dashboard h3 i.cats-font-professional::before, .dashboard h3 i.cats-font-info::before {
  color: #0A94A8;
}
.dashboard h4 {
  font-family: "Montserrat SemiBold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 27px;
  margin-bottom: 23px;
}
.dashboard .panel-group-indicators {
  margin-top: 51px;
}
.dashboard .panel-group-indicators .dashboard-panel-title {
  display: flex;
  gap: 8px;
  flex-direction: row;
  align-items: center;
}
.dashboard .panel-group-indicators .dashboard-panel-title > div {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  background-color: #F2F4F6;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dashboard .panel-group-indicators .dashboard-panel-title > div > i:before {
  color: #0A94AB;
  font-size: 18px;
}
.dashboard .panel-group-indicators .dashboard-panel-title h4 {
  margin-bottom: 0;
}
.dashboard .all-stats {
  gap: 24px;
}
@media screen and (max-width: 376px) {
  .dashboard .all-stats {
    gap: 16px;
  }
}
.dashboard .all-stats .stat {
  max-width: 276px;
  padding: 24px;
  margin: 0;
  box-shadow: 0 10px 60px 0 rgba(193, 201, 214, 0.45);
  background-color: #FFFFFF;
  border-radius: 20px;
  cursor: auto;
}
@media screen and (max-width: 376px) {
  .dashboard .all-stats .stat {
    min-width: 110px;
    max-width: 160px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px 0;
  }
}
.dashboard .all-stats .stat header {
  color: #666E8A;
  margin-bottom: 10px;
  font-family: "Montserrat SemiBold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 600;
}
@media screen and (max-width: 376px) {
  .dashboard .all-stats .stat header {
    text-align: center;
    height: 34px;
  }
}
.dashboard .all-stats .stat header h4 {
  line-height: 17px;
}
.dashboard .all-stats .stat .value-lane {
  display: inline-flex;
  gap: 16px;
}
@media screen and (max-width: 376px) {
  .dashboard .all-stats .stat .value-lane {
    flex-direction: column;
    align-items: center;
    gap: 4px;
  }
}
.dashboard .all-stats .stat .value-lane a {
  text-decoration: none;
  margin: auto;
}
.dashboard .all-stats .stat .value-lane .value {
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 55px;
}
.dashboard .all-stats .stat .value-lane .additional-label {
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  align-content: end;
  margin-bottom: 10px;
}
.dashboard .all-stats .stat .value-lane .late-value {
  border-radius: 10px;
  background: #FFF5EA;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  color: #C85207;
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 600;
}
.dashboard .all-stats .stat .value-lane .late-value span {
  text-decoration: underline;
}
.dashboard .all-stats .stat .value-lane .late-value i:before {
  color: #C85207;
  font-size: 18px;
}
.dashboard .dashboard-team-conversations .value {
  color: #0A94A8;
}
.dashboard .dashboard-my-conversations .value {
  color: #004652;
}

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/Montserrat-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat Bold";
  font-style: normal;
  font-weight: bold;
  src: url("fonts/Montserrat-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat SemiBold";
  font-style: normal;
  font-weight: bold;
  src: url("fonts/Montserrat-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "OpenSans";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/OpenSans-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/Montserrat-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat Bold";
  font-style: normal;
  font-weight: bold;
  src: url("fonts/Montserrat-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat SemiBold";
  font-style: normal;
  font-weight: bold;
  src: url("fonts/Montserrat-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "OpenSans";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/OpenSans-Regular.ttf") format("truetype");
}
.int-res-header {
  justify-content: space-between !important;
}
@media screen and (min-width: 450px) {
  .int-res-header {
    display: flex;
    flex-wrap: wrap;
  }
}

.int-list div.cards .u-photo {
  margin-right: 3px;
  padding-top: 0;
  padding-bottom: 0;
}
.int-list .int-panel-birthday, .int-list .int-panel-email {
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #666E8A;
}
.int-list .int-panel-email {
  display: flex;
  align-items: center;
  position: relative;
}
.int-list .int-panel-email button {
  margin-right: 10px;
}
.int-list .int-panel-email button:has(+ a:hover) {
  background-color: #E3E4E9;
}
.int-list .int-panel-email a {
  color: #007461;
}
.int-list .int-panel-email .int-panel-email-label {
  text-decoration: underline;
  cursor: pointer;
}
.int-list .int-panel-email button {
  margin-left: 5px;
  margin-bottom: 2px;
  font-size: 20px;
}
.int-list .int-sub-title {
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.int-list .int-sub-title a {
  color: #007461 !important;
}
.int-list .int-sub-title .int-sub-subtitle {
  margin-right: 10px;
}
.int-list .int-search-panel {
  background-color: white;
  margin-top: 10px;
  margin-bottom: 40px;
}
.int-list .int-search-panel .buttons-bar {
  margin-top: 5px;
  text-align: left;
}
@media screen and (min-width: 450px) {
  .int-list .int-search-panel .int-search-box {
    display: flex;
  }
}
.int-list .int-search-panel .int-search-box p {
  width: 50%;
}
@media screen and (max-width: 450px) {
  .int-list .int-search-panel .int-search-box p {
    width: 100%;
  }
}
.int-list .int-search-panel .int-search-box p input {
  width: 75%;
  min-width: 200px;
  max-width: 400px;
}
.int-list .int-search-panel .int-filter-box .int-filter-elem {
  margin-top: 5px;
  display: flex;
}
.int-list .int-search-panel .int-filter-box .int-filter-elem label {
  margin-left: 10px;
  font-weight: normal;
}
.int-list .int-search-panel .buttons-bar .cats-font, .int-list .int-search-panel .buttons-bar .icon-see, .int-list .int-search-panel .buttons-bar .icon-edit, .int-list .int-search-panel .buttons-bar .icon-print, .int-list .int-search-panel .buttons-bar .icon-report, .int-list .int-search-panel .buttons-bar .icon-delete, .int-list .int-search-panel .buttons-bar .icon-add-avatar, .int-list .int-search-panel .buttons-bar .icon-zoom-in, .int-list .int-search-panel .buttons-bar .icon-zoom-out, .int-list .int-search-panel .buttons-bar .icon-add {
  margin-left: 10px;
}
.int-list .results .int-res-header {
  margin-bottom: 1rem;
}
.int-list .results .int-res-header h3 {
  margin-bottom: 0;
}
.int-list .results .int-res-header h3 i {
  margin-right: 10px;
}
.int-list .results .int-res-header div {
  margin: 0;
  padding: 0;
}
.int-list .results .cards.persons.search ul.actions-list li {
  height: 15px;
  margin: 15px 0;
}
.int-list .results .cards.persons.search ul.actions-list li button {
  font-size: 16px;
}
.int-list .results .card.persons {
  display: block;
  border-radius: 10px;
  border: 1px solid #E3E4E9;
  background-color: #FFFFFF;
  color: #000000;
  flex-flow: unset;
  padding: 1rem;
  flex-wrap: wrap !important;
}
.int-list .results .card.persons:hover {
  background-color: #F2F8F7;
}
.int-list .results .card.persons .int-panel {
  align-items: flex-start !important;
}
.int-list .results .card.persons .int-panel.disabled {
  opacity: 0.5;
}
.int-list .results .card.persons .int-panel .int-badge {
  display: flex;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E4E9;
  padding: 0 10px 0 10px;
  color: #666E8A;
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 600;
  margin-left: auto;
  padding: 4px 8px;
}
.int-list .results .card.persons .int-panel .int-badge i {
  margin-right: 5px;
}
.int-list .results .card.persons .int-panel .int-badge i::before {
  font-size: 15px;
  color: #666E8A;
}
.int-list .results .card.persons .int-panel .int-panel-header {
  font-family: "Montserrat SemiBold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 600;
  padding-top: 10px;
}
.int-list .results .card.persons .int-panel .int-badge-container {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-left: auto;
}
.int-list .results .card.persons .int-panel .int-badge-container .button-pin {
  z-index: 99999;
  margin-top: 0.5rem;
  margin-right: 0.9rem;
}
.int-list .results .card.persons h4 {
  max-width: none !important;
}
.int-list .results .card.persons .int-det-actions {
  opacity: 1;
  margin-left: 45px;
}
.int-list .results .card.persons .int-det-actions a {
  color: #007461 !important;
}
.int-list .results .card.persons .int-det-actions button.cats-font-star-full, .int-list .results .card.persons .int-det-actions button.cats-font cats-font-star, .int-list .results .card.persons .int-det-actions button.icon-see cats-font-star, .int-list .results .card.persons .int-det-actions button.icon-edit cats-font-star, .int-list .results .card.persons .int-det-actions button.icon-print cats-font-star, .int-list .results .card.persons .int-det-actions button.icon-report cats-font-star, .int-list .results .card.persons .int-det-actions button.icon-delete cats-font-star, .int-list .results .card.persons .int-det-actions button.icon-add-avatar cats-font-star, .int-list .results .card.persons .int-det-actions button.icon-zoom-in cats-font-star, .int-list .results .card.persons .int-det-actions button.icon-zoom-out cats-font-star, .int-list .results .card.persons .int-det-actions button.icon-add cats-font-star {
  margin-right: 10px;
}
.int-list .results .card.persons .int-det-actions ul.actions-list {
  margin-top: 25px;
}
.int-list.search-interlocutor-popup-content .results .card.persons .int-det-actions ul.actions-list li {
  margin-bottom: 1.6rem;
}

.select-civility {
  width: 10em;
}

.card.person.persons {
  flex-direction: column;
  align-content: space-between;
  justify-content: flex-start;
  height: 8em;
}
.card.person.persons div.int-badge {
  display: flex;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E4E9;
  padding: 0 10px 0 10px;
  color: #666E8A;
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 600;
  margin-left: auto;
  padding: 4px 8px;
}
.card.person.persons div.int-badge i {
  margin-right: 5px;
}
.card.person.persons div.int-badge i::before {
  font-size: 15px;
  color: #666E8A;
}

.conversations .cc-multi-selector-component, .conversations .interlocutor-multi-selector-component {
  width: 90%;
}

@media screen and (max-width: 672px) {
  div.multiselect ul.actions-list li:nth-child(even) {
    display: none;
  }

  .conversation-card .content-body {
    display: block;
  }
  .conversation-card .content-body ul.actions-list {
    margin-bottom: 10px;
  }
}
.download-attachments-list {
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
}

.download-attachment-filename {
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #666E8A;
}

.confirm-moderation {
  text-align: center;
}

.confirm-delete {
  text-align: center;
}

.cats-reload-conversations {
  font-size: 1em;
  margin-left: 16px;
  cursor: pointer;
}

.cats-conversation-last-reload {
  font-size: 0.9em;
  color: #888;
  margin-bottom: 0.5em;
  margin-left: 42px;
}

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/Montserrat-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat Bold";
  font-style: normal;
  font-weight: bold;
  src: url("fonts/Montserrat-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat SemiBold";
  font-style: normal;
  font-weight: bold;
  src: url("fonts/Montserrat-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "OpenSans";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/OpenSans-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/Montserrat-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat Bold";
  font-style: normal;
  font-weight: bold;
  src: url("fonts/Montserrat-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat SemiBold";
  font-style: normal;
  font-weight: bold;
  src: url("fonts/Montserrat-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "OpenSans";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/OpenSans-Regular.ttf") format("truetype");
}
/* ------------------------- CATS OVERRIDE - COLLAPSIBLE -------------------- */
.collapsible > .content[aria-hidden=false] {
  display: flex;
  flex-direction: column;
  background-color: transparent;
  padding: 1rem 1rem 0.5rem;
  box-shadow: 0 10px 60px rgba(193, 201, 214, 0.45);
}

.collapsible > .content.no-shadow-effect[aria-hidden=false] {
  padding: 1rem 0;
  box-shadow: unset;
}

/* FOR WINDOW > 1250px */
fieldset.collapsible.sub-group {
  border-top: none;
}

.display-full-body {
  display: flex;
  align-items: center;
}
.display-full-body button {
  margin-right: 10px;
}
.display-full-body button:has(+ a:hover) {
  background-color: #E3E4E9;
}
.display-full-body a {
  color: #007461;
}

fieldset.collapsible.sub-group .display-full-body-text {
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: underline;
  font-weight: 600;
  cursor: pointer;
}

.top-level > legend button.cats-control {
  position: absolute;
  top: 0.7rem;
  right: 0;
}

/* ------------------------- CATS OVERRIDE - QUERIES -------------------- */
/* FOR WINDOW > 1174px */
@media screen and (min-width: 1174px) {
  div.card header {
    box-sizing: border-box;
    flex: 1 0 37%;
    flex-flow: row;
    max-width: 60em;
    max-height: 2em;
  }
  div.card dl {
    box-sizing: border-box;
    flex: 1 0 45%;
    max-width: 25em;
    padding: 0 0 0 1rem;
    margin: 0 2rem 0 1rem;
    border: none;
  }
  div.card ul.actions-list {
    box-sizing: border-box;
    flex-basis: 25%;
    align-self: center;
  }
}
/* FOR WINDOW > 800px */
@media screen and (min-width: 800px) {
  div.card {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  div.card header {
    flex-flow: row;
  }
}
div.card-notification, div.card-notification dl, div.card-list-theme, div.classification-rule-line {
  width: 100%;
}

@media screen and (min-width: 1174px) {
  .top-level > legend button.control[aria-expanded=false] {
    color: #FFF;
    background-color: transparent;
    padding-bottom: 0;
    border-radius: 0;
    width: 0;
  }
}
@media screen and (min-width: 1174px) and (min-width: 1174px) {
  .top-level > legend button.control[aria-expanded=true] {
    color: #FFF;
    background-color: transparent;
    padding-bottom: 0;
    border-radius: 0;
    width: 0;
  }
}
@media screen and (min-width: 1174px) {
  .top-level > legend button.control {
    width: 0;
    background-size: 0;
    padding-bottom: 0;
    transition: none;
  }
}
/* ----------------- OVERRIDE CATS - CARDS -------------------- */
div.card {
  flex-grow: 1;
  background-color: transparent;
  border: 1px solid #E3E4E9;
  border-radius: 10px;
}
div.card header {
  justify-content: flex-start;
  gap: 5px;
}
div.card.unread {
  border-left: 4px solid #0A94AB;
}
div.card.read {
  border-left: 1px solid #E3E4E9;
}
div.card.read a, div.card.read a:visited {
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 600;
}
div.card.unread a, div.card.unread a:visited {
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #000000;
}
div.card dl {
  border-top: none;
  border-bottom: none;
}
div.card:hover {
  background-color: #F2F8F7;
}
div.card.conversation-card .card-content-left-description {
  display: flex;
  flex-basis: 30%;
  flex-direction: column;
}
div.card ul.actions-list li {
  height: 10px;
}
div.card.conversation-card, div.card.conversation-card.unread {
  flex-direction: row;
}
div.card ul.actions-list {
  gap: 1em;
}
div.card ul.actions-list li {
  height: 10px;
}
div.card.demand-card .card-content-left-description {
  display: flex;
  flex-basis: 30%;
  flex-direction: column;
}
div.card.demand-card, div.card.demand-card.unread {
  flex-direction: row;
}

div.card.selected-line {
  background-color: #F2F8F7 !important;
}

.card {
  display: flex;
  justify-content: start;
}

.card-check-box {
  padding: 2em 1em 3em 1em;
}

.card-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.card-name {
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  letter-spacing: 0;
  text-align: left;
}

.archived-message-name {
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0;
  text-align: left;
  font-family: Montserrat, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}

.card-content-text {
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  letter-spacing: 0;
  text-align: left;
  color: #666E8A;
  line-height: 18px;
  margin-top: 1px;
}

.content-body {
  display: flex;
}

.card-content-right-description {
  display: flex;
  flex-direction: column;
  flex: 1;
  flex-wrap: wrap;
  gap: 1em;
}

div.card-selection {
  display: flex;
  align-items: center;
  padding-left: 0;
  flex-direction: row;
}

.header-card-status {
  flex-direction: row;
}

.name-and-status-icon {
  font-family: "Montserrat SemiBold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  display: flex;
  flex-flow: row;
}

div.card.demand-card {
  min-height: 6.5rem;
}

.text-collapsible {
  font-family: "Montserrat Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 15px;
}

/* CATS - OVERRIDE - ACTION BAR */
div.actions-bar form > :nth-child(2) {
  border-top: none;
  border-bottom: none;
}

/* --- CATS - OVERRIDE - BUTTONS BAR --- */
.buttons-bar {
  text-align: left;
  margin: 0;
}

div.actions-bar > :only-child {
  display: flex;
  flex-wrap: nowrap;
  width: 98%;
}

select.selector, input[type=search].search-selector {
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  width: 100%;
}

nav.pagination li:last-of-type, nav.pagination li:first-of-type {
  margin-right: 0;
  margin-left: 0;
}

nav.pagination ul {
  justify-content: center;
}

.supervision-dashboard .actions-bar {
  justify-content: center;
}
.supervision-dashboard .dashboard-separator {
  margin-top: 24px;
  margin-bottom: 40px;
  border: 1px solid #E3E4E9;
}
.supervision-dashboard .dashboard-title {
  font-weight: 600;
  color: #000000;
  font-family: "Montserrat SemiBold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 32px;
  line-height: 39px;
}
.supervision-dashboard .no-background {
  background: unset !important;
}
.supervision-dashboard .header-dashboard {
  gap: 10%;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 376px) {
  .supervision-dashboard .header-dashboard {
    min-width: 110px;
    display: flex;
    flex-direction: column;
    padding: 8px;
    align-items: center !important;
  }
  .supervision-dashboard .header-dashboard .buttons-box {
    margin: 8px;
  }
}
.supervision-dashboard .header-dashboard .dashboard-date-box {
  display: flex;
  flex-direction: column;
  width: 50%;
}
.supervision-dashboard .header-dashboard .dashboard-entities-box {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.supervision-dashboard .header-dashboard .buttons-box {
  width: 80%;
  display: flex;
  justify-content: space-evenly;
  height: 3em;
}
.supervision-dashboard input {
  background-color: white;
}
.supervision-dashboard .all-stats {
  justify-content: space-between;
}
.supervision-dashboard .all-stats .right-box {
  display: flex;
  flex-direction: column;
}
.supervision-dashboard .all-stats .right-box p {
  text-align: center;
}
.supervision-dashboard .all-stats .left-box {
  padding-top: 23px;
}
.supervision-dashboard .all-stats .upper-line-box {
  display: flex;
}
.supervision-dashboard .all-stats .under-line-box {
  display: flex;
}
.supervision-dashboard .all-stats .under-line-box .summary-line {
  width: 100%;
  padding: 24px;
  box-shadow: 0 10px 60px 0 rgba(193, 201, 214, 0.45);
  background-color: #FFFFFF;
  border-radius: 20px;
  cursor: auto;
  text-align: center;
  line-height: 17px;
  color: #666E8A;
  margin: 0 15px 0 15px;
}
.supervision-dashboard .all-stats .under-line-box .summary-line bold {
  font-size: 20px;
  font-weight: 600;
  color: black;
}
@media screen and (max-width: 376px) {
  .supervision-dashboard .all-stats .under-line-box .summary-line {
    min-width: 110px;
    max-width: 160px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px 0;
  }
}
@media screen and (max-width: 376px) {
  .supervision-dashboard .all-stats {
    gap: 16px;
  }
}
.supervision-dashboard .all-stats .stat {
  max-width: 276px;
  padding: 24px;
  box-shadow: 0 10px 60px 0 rgba(193, 201, 214, 0.45);
  background-color: #FFFFFF;
  border-radius: 20px;
  cursor: auto;
}
@media screen and (max-width: 376px) {
  .supervision-dashboard .all-stats .stat {
    min-width: 110px;
    max-width: 160px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px 0;
  }
}
.supervision-dashboard .all-stats .stat header {
  color: #666E8A;
  margin-bottom: 10px;
  font-family: "Montserrat SemiBold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 600;
}
@media screen and (max-width: 376px) {
  .supervision-dashboard .all-stats .stat header {
    text-align: center;
    height: 34px;
  }
}
.supervision-dashboard .all-stats .stat header h4 {
  line-height: 17px;
}
.supervision-dashboard .all-stats .stat .value-lane {
  display: inline-flex;
  gap: 16px;
}
@media screen and (max-width: 376px) {
  .supervision-dashboard .all-stats .stat .value-lane {
    flex-direction: column;
    align-items: center;
    gap: 4px;
  }
}
.supervision-dashboard .all-stats .stat .value-lane a {
  text-decoration: none;
  margin: auto;
}
.supervision-dashboard .all-stats .stat .value-lane .value {
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 55px;
}
.supervision-dashboard .all-stats .stat .value-lane .color-orange {
  color: #C85207;
}
.supervision-dashboard .all-stats .stat .value-lane .late-value {
  border-radius: 10px;
  background: #FFF5EA;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  color: #C85207;
  font-family: OpenSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 600;
}
.supervision-dashboard .all-stats .stat .value-lane .late-value i:before {
  color: #C85207;
  font-size: 18px;
}
.supervision-dashboard table .parent-line {
  text-align: left;
  background-color: #F2F3F4;
}
.supervision-dashboard table .child-level-1 {
  text-align: left;
  padding-left: 20px;
}
.supervision-dashboard table .child-level-2 {
  text-align: left;
  padding-left: 30px;
}

.supervision-loading-spinner {
  border: 4px solid rgba(0, 0, 0, 0.1);
  border-left: 4px solid #308276;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  animation: spin 1s linear infinite;
  margin: 10px auto;
  position: center;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* ------------------------------ EDITOR ------------------------------------ */
/* CA-TS customization : override from ti-web-shared */
div.editor div.specifics.message p {
  margin: 0 0 0.5em 0;
}
div.editor div.specifics.message p > div:first-child {
  display: flex;
  align-items: center;
  margin-bottom: 0.1em;
}
div.editor div.specifics.message > p.wide {
  flex: 1 0 100%;
}
div.editor div.specifics.message input.wider {
  width: 100%;
  max-width: 100%;
}
div.editor div.specifics.message .flex-grow {
  flex-grow: 1;
}
div.editor div.specifics.message label {
  margin-bottom: 0;
  font-size: 13px;
}
div.editor div.specifics.message .ember-power-select-trigger {
  width: unset;
  max-width: unset;
}
div.editor div.specifics.message .ember-power-select-multiple-option {
  margin: 0 0 0 3px;
}
div.editor div.specifics.message .left .ember-power-select-trigger {
  width: 90%;
}
div.editor div.specifics.message .selector {
  max-width: unset;
}
div.editor div.specifics.message .search-popup-block {
  margin-top: 0.2em;
}
div.editor div.specifics.message .search-popup-block button {
  padding: 5px 5px;
  font-size: 15px;
}
div.editor div.specifics.message .search-popup-block .search-popup-prelink, div.editor div.specifics.message .search-popup-block .search-interlocutor-popup-container a {
  font-size: 12px;
}
div.editor div.specifics.message .cc-selector-block i::before {
  font-size: 20px;
}
div.editor div.specifics.message #subject-line {
  margin: 0;
}
div.editor div.specifics.message #subject-line label {
  margin-bottom: 0.1em;
}
div.editor div.specifics.message input[type=text], div.editor div.specifics.message select, div.editor div.specifics.message .ember-power-select-trigger {
  padding: 10px 16px;
}
div.editor div.specifics.message input[type=text], div.editor div.specifics.message input[type=search], div.editor div.specifics.message label, div.editor div.specifics.message select, div.editor div.specifics.message .ember-power-select-trigger {
  font-size: 13px;
}

.noJs {
  position: absolute;
  background: #FFF;
  border: 1px solid red;
  width: 200px;
  height: 100px;
  left: 50%;
  top: 50%;
  margin-left: -120px;
  margin-top: -70px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
  padding: 20px;
}