html {
  font-size: 11px;
  background-color: #FFF;
}

body {
  margin: 0;
  padding: 0;
}

html, body, table, input, a {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
}

a, a:hover, a:link {
  text-decoration: none;
}

a:link, a:visited, a:active, a:hover {
  color: #3E4F58;
}

a img {
  border: none;
}

h1 a, h2 a {
  font-size: initial;
}

h1 {
  font-size: 20px;
}

h2 {
  font-size: 16px;
}

h3 {
  font-size: 14px;
}

textarea, input[type=text], input[type=password], select {
  background-image: none;
  border-color: #DADEE1;
}

textarea:disabled::placeholder, input:disabled::placeholder {
  color: #525252;
}

textarea:disabled, input:disabled {
  color: #525252 !important;
}

input[type=submit], input[type=button], body .ui-button {
  cursor: pointer;
  margin: 5px 5px 5px 0;
}

input[type=submit][disabled] {
  color: #FFF !important;
}

button[type=submit], input[type=submit], input[type=button] {
  background-image: none;
  background-color: #DADEE1;
  color: #3E4F58;
}

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

select[disabled], button[type=button][disabled], button[type=submit][disabled],
input[type=submit][disabled], input[type=button][disabled], input[type=text][disabled] {
  color: #aaa;
  background-color: #eee;
  background-image: none;
  cursor: auto;
}

input[type=submit][disabled], input[type=button][disabled] {
  border: 1px solid #999;
}

input:disabled + label {
  color: #8F8F8F;
}

/** Remove default default design of the browser on a focus */
*:focus {
  outline: 0;
}

/** Override the default design of the browser on a focus + hover */
input:hover, input:focus, textarea:hover, textarea:focus, select:hover, select:focus {
  box-shadow: #BABABA 0 0 1px 1px;
}

input:hover[disabled=disabled] {
  box-shadow: none;
}

button:hover, input[type=submit]:hover, input[type=button]:hover {
  background-image: none;
}

/* states */
/* COLOR */
.color-title-second {
  color: #8E8E8E;
}

.color-description {
  color: #3E4F58;
}

.color-black {
  color: #000000;
}

.color-white {
  color: #FFFFFF;
}

.color-grey {
  color: #707070;
}

.color-darkgrey {
  color: #3E4F58;
}

.color-lightgrey {
  color: #8F8F8F;
}

.color-lightgrey2 {
  color: #DEDEDE;
}

.color-disabled {
  color: #7D7D7D;
}

.color-link {
  color: #007ad9 !important;
}

.color-success {
  color: #7AC632;
}

.color-red {
  color: #FF0000;
}

.color-orange {
  color: #FF7F00;
}

.color-fixed {
  color: #7AC632;
}

.color-new {
  color: #FD4426;
}

.color-suspicious {
  color: #AE89DF;
}

.color-delta-plus {
  color: firebrick;
}

.color-delta-minus {
  color: darkgreen;
}

.width-100-important {
  width: 100% !important;
}

/* WIDTH */
.w-auto {
  width: auto;
}

.w-auto-i {
  width: auto !important;
}

.w-fit {
  width: fit-content;
}

.w-20 {
  width: 20%;
}

.w-25 {
  width: 25%;
}

.w-30 {
  width: 30%;
}

.w-33 {
  width: 33%;
}

.w-50 {
  width: 50%;
}

.w-66 {
  width: 66%;
}

.w-75 {
  width: 75%;
}

.w-100 {
  width: 100%;
}

.minw-500px {
  min-width: 500px;
}

.maxw-33 {
  max-width: 33%;
}

.maxw-50 {
  max-width: 50%;
}

.maxw-64ch {
  max-width: 64ch;
}

.w-8px {
  width: 8px;
}

/* HEIGHT */
.h-100 {
  height: 100%;
}

.maxh-75 {
  max-height: 75%;
}

.maxh-50 {
  max-height: 50%;
}

.maxh-25 {
  max-height: 25%;
}

/* MARGIN */
.m-auto {
  margin: auto;
}

.m-0 {
  margin: 0;
}

.m-t-0 {
  margin-top: 0;
}

.m-r-0 {
  margin-right: 0;
}

.m-b-0 {
  margin-bottom: 0;
}

.m-l-0 {
  margin-left: 0;
}

.m-2 {
  margin: 2px;
}

.m-t-2 {
  margin-top: 2px;
}

.m-r-2 {
  margin-right: 2px;
}

.m-b-2 {
  margin-bottom: 2px;
}

.m-l-2 {
  margin-left: 2px;
}

.m-4 {
  margin: 4px;
}

.m-t-4 {
  margin-top: 4px;
}

.m-r-4 {
  margin-right: 4px;
}

.m-b-4 {
  margin-bottom: 4px;
}

.m-l-4 {
  margin-left: 4px;
}

.m-6 {
  margin: 6px;
}

.m-t-6 {
  margin-top: 6px;
}

.m-r-6 {
  margin-right: 6px;
}

.m-b-6 {
  margin-bottom: 6px;
}

.m-l-6 {
  margin-left: 6px;
}

.m-8 {
  margin: 8px;
}

.m-t-8 {
  margin-top: 8px;
}

.m-r-8 {
  margin-right: 8px;
}

.m-b-8 {
  margin-bottom: 8px;
}

.m-l-8 {
  margin-left: 8px;
}

.m-12 {
  margin: 12px;
}

.m-t-12 {
  margin-top: 12px;
}

.m-r-12 {
  margin-right: 12px;
}

.m-b-12 {
  margin-bottom: 12px;
}

.m-l-12 {
  margin-left: 12px;
}

.m-16 {
  margin: 16px;
}

.m-t-16 {
  margin-top: 16px;
}

.m-r-16 {
  margin-right: 16px;
}

.m-b-16 {
  margin-bottom: 16px;
}

.m-l-16 {
  margin-left: 16px;
}

.m-24 {
  margin: 24px;
}

.m-t-24 {
  margin-top: 24px;
}

.m-r-24 {
  margin-right: 24px;
}

.m-b-24 {
  margin-bottom: 24px;
}

.m-l-24 {
  margin-left: 24px;
}

.m-32 {
  margin: 32px;
}

.m-t-32 {
  margin-top: 32px;
}

.m-r-32 {
  margin-right: 32px;
}

.m-b-32 {
  margin-bottom: 32px;
}

.m-l-32 {
  margin-left: 32px;
}

.m-40 {
  margin: 40px;
}

.m-t-40 {
  margin-top: 40px;
}

.m-r-40 {
  margin-right: 40px;
}

.m-b-40 {
  margin-bottom: 40px;
}

.m-l-40 {
  margin-left: 40px;
}

.m-48 {
  margin: 48px;
}

.m-t-48 {
  margin-top: 48px;
}

.m-r-48 {
  margin-right: 48px;
}

.m-b-48 {
  margin-bottom: 48px;
}

.m-l-48 {
  margin-left: 48px;
}

.m-64 {
  margin: 64px;
}

.m-t-64 {
  margin-top: 64px;
}

.m-r-64 {
  margin-right: 64px;
}

.m-b-64 {
  margin-bottom: 64px;
}

.m-l-64 {
  margin-left: 64px;
}

/* PADDING */
.p-0 {
  padding: 0;
}

.p-t-0 {
  padding-top: 0;
}

.p-r-0 {
  padding-right: 0;
}

.p-b-0 {
  padding-bottom: 0;
}

.p-l-0 {
  padding-left: 0;
}

.p-2 {
  padding: 2px;
}

.p-t-2 {
  padding-top: 2px;
}

.p-r-2 {
  padding-right: 2px;
}

.p-b-2 {
  padding-bottom: 2px;
}

.p-l-2 {
  padding-left: 2px;
}

.p-4 {
  padding: 4px;
}

.p-t-4 {
  padding-top: 4px;
}

.p-r-4 {
  padding-right: 4px;
}

.p-b-4 {
  padding-bottom: 4px;
}

.p-l-4 {
  padding-left: 4px;
}

.p-6 {
  padding: 6px;
}

.p-t-6 {
  padding-top: 6px;
}

.p-r-6 {
  padding-right: 6px;
}

.p-b-6 {
  padding-bottom: 6px;
}

.p-l-6 {
  padding-left: 6px;
}

.p-8 {
  padding: 8px;
}

.p-t-8 {
  padding-top: 8px;
}

.p-r-8 {
  padding-right: 8px;
}

.p-b-8 {
  padding-bottom: 8px;
}

.p-l-8 {
  padding-left: 8px;
}

.p-16 {
  padding: 16px;
}

.p-t-16 {
  padding-top: 16px;
}

.p-r-16 {
  padding-right: 16px;
}

.p-b-16 {
  padding-bottom: 16px;
}

.p-l-16 {
  padding-left: 16px;
}

.p-24 {
  padding: 24px;
}

.p-t-24 {
  padding-top: 24px;
}

.p-r-24 {
  padding-right: 24px;
}

.p-b-24 {
  padding-bottom: 24px;
}

.p-l-24 {
  padding-left: 24px;
}

.p-32 {
  padding: 32px;
}

.p-t-32 {
  padding-top: 32px;
}

.p-r-32 {
  padding-right: 32px;
}

.p-b-32 {
  padding-bottom: 32px;
}

.p-l-32 {
  padding-left: 32px;
}

/* FLOAT */
.float-l {
  float: left;
}

.float-r {
  float: right;
}

/* TEXT */
.ta-l {
  text-align: left;
}

.ta-c {
  text-align: center;
}

.ta-r {
  text-align: right;
}

.font-monospace {
  font-family: monospace;
}

.font-normal {
  font-weight: normal;
}

.font-bold {
  font-weight: bold;
}

.font-italic {
  font-style: italic;
}

.font-line-through {
  text-decoration: line-through;
}

.lh-normal {
  line-height: normal;
}

.lh-2 {
  line-height: 2;
}

.lh-1-2 {
  line-height: 1.2em;
}

.lh-1-3 {
  line-height: 1.3em;
}

.lh-16 {
  line-height: 16px;
}

.white-space-nowrap {
  white-space: nowrap;
}

.white-space-normal {
  white-space: normal;
}

.white-space-pre-wrap {
  white-space: pre-wrap;
}

.wb-all {
  word-break: break-all;
}

.wb-all-important {
  word-break: break-all !important;
}

.wb-normal {
  word-break: normal;
}

.ff-monospace {
  font-family: monospace, Arial;
}

.fs-8 {
  font-size: 8px;
}

.fs-9 {
  font-size: 9px;
}

.fs-10 {
  font-size: 10px;
}

.fs-11 {
  font-size: 11px;
}

.fs-12 {
  font-size: 12px;
}

.fs-14 {
  font-size: 14px;
}

.fs-15 {
  font-size: 15px;
}

.fs-16 {
  font-size: 16px;
}

.fs-18 {
  font-size: 18px;
}

.fs-20 {
  font-size: 20px;
}

.text-capitalize {
  text-transform: capitalize;
}

.text-ellipsis {
  display: inline-block;
  width: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-ellipsis-clamp-1 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  white-space: normal;
}

.text-ellipsis-clamp-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.text-ellipsis-clamp-3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.text-ellipsis-clamp-6 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}

/* CURSOR */
.cursor-default {
  cursor: default;
}

.cursor-pointer {
  cursor: pointer;
}

/* DYNAMIC ICONS */
.arrow-right-before::before {
  content: "\f061";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  margin-right: 2px;
}

/* OPACITY */
.opa-0 {
  opacity: 0;
}

.opa-4 {
  opacity: 0.4;
}

.opa-6 {
  opacity: 0.6;
}

.opa-8 {
  opacity: 0.8;
}

.opa-1 {
  opacity: 1;
}

/* DISPLAY */
.display-none {
  display: none;
}

.display-b {
  display: block;
}

.display-i {
  display: inline;
}

.display-ib {
  display: inline-block;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

.overflow-auto {
  overflow: auto;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-y-auto {
  overflow-y: auto;
}

.v-visible {
  visibility: visible;
}

.v-hidden {
  visibility: hidden;
}

.scrollbar-thin {
  scrollbar-width: thin;
}

/* FLEX */
.display-flex {
  display: flex;
}

.display-flex-align-baseline {
  display: flex;
  align-items: baseline;
}

.display-flex-align-start {
  display: flex;
  align-items: start;
}

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

.display-flex-justify-center {
  display: flex;
  justify-content: center;
}

.display-flex-justify-end {
  display: flex;
  justify-content: flex-end;
}

.display-flex-wrap {
  display: flex;
  flex-wrap: wrap;
}

.display-inline-flex-align-center {
  display: inline-flex;
  align-items: center;
}

.flex-column {
  flex-direction: column;
}

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

.align-content-end {
  align-content: end;
}

.align-center {
  align-items: center;
}

.align-stretch {
  align-items: stretch;
}

.align-self-baseline {
  align-self: baseline;
}

.align-self-center {
  align-self: center;
}

.align-self-end {
  align-self: flex-end;
}

.flex-1-1-auto {
  flex: 1 1 auto;
}

.flex-1-1-0 {
  flex: 1 1 0;
}

.flex-1-1-100 {
  flex: 1 1 100%;
}

.flex-0-1-auto {
  flex: 0 1 auto;
}

.flex-0-0-auto {
  flex: 0 0 auto;
}

.row-gap-4 {
  row-gap: 4px;
}

.column-gap-4 {
  column-gap: 4px;
}

.flex-children-margin-m-r-8 > div {
  margin-right: 8px;
}

.flex-children-margin-m-r-16 > div {
  margin-right: 16px;
}

.row-gap-4 {
  row-gap: 4px;
}

.col-gap-4 {
  column-gap: 4px;
}

/* POSITIONING */
.p-a {
  position: absolute;
}

.p-r {
  position: relative;
}

.va-b {
  vertical-align: baseline;
}

.va-m {
  vertical-align: middle;
}

.va-t {
  vertical-align: top;
}

.va-bottom {
  vertical-align: bottom;
}

/* TABLE */
.tb-l-auto {
  table-layout: auto;
}

.tb-l-fixed {
  table-layout: fixed;
}

.tb-l-initial {
  table-layout: initial;
}

.tb-collapse-separate {
  border-collapse: separate;
}

.tb-spacing-4 {
  border-spacing: 4px;
}

.tb-spacing-6 {
  border-spacing: 6px;
}

.tb-spacing-8 {
  border-spacing: 8px;
}

.tb-va-top td {
  vertical-align: top;
}

/* BORDER */
.border-t-1 {
  border-top-width: 1px;
  border-top-style: solid;
}

.border-l-1 {
  border-left-width: 1px;
  border-left-style: solid;
}

.border-top-color-grey {
  border-top-color: #DADEE1;
}

.border-color-grey {
  border-color: #DADEE1;
}

/* BACKGROUND */
.bg-grey {
  background-color: #DADEE1;
}

.bg-hover-light-grey:hover {
  background-color: #F8F8F8;
}

/* SEPARATOR */
.separator-1 {
  border-top: 1px;
  border-bottom: 0;
  border-style: solid;
  border-color: #DADEE1;
}

/* Old */
.noBorder, .tableWithoutBorder {
  margin: 0;
  padding: 0;
  border-style: none;
  border-spacing: 0;
}

.tableWithoutBorder td, .noTdBorder {
  border-width: 0;
  border-style: none;
  border-spacing: 0;
}

.no-padding {
  padding: 0;
}

.withMargin {
  margin: 2px !important;
  padding: 0;
  border-spacing: 0;
}

.withDoubleMargin {
  margin: 10px;
  padding: 0;
  border-spacing: 0;
}

/* LINKS */
a.url-link:hover {
  text-decoration: underline;
}

/* LIST */
ul.list-no-bullet {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/*************/
/* ANIMATION */
/*************/
.fade-out {
  animation: fadeOut linear 2s;
  -webkit-animation: fadeOut linear 2s;
  -moz-animation: fadeOut linear 2s;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/**
  PURE-CSS custom
*/
.pure-button {
  background-color: #E6E6E6 !important;
  color: #444 !important;
}

.pure-button-primary {
  color: white !important;
}

.pure-controls input[type=submit] {
  margin-top: 0;
  padding: 0.5em 1em;
}

.pure-form select {
  padding: 0.1em 0.3em;
}

.pure-form-aligned .attributes-fieldset .pure-control-group > label {
  width: 40%;
}

.pure-control-group .pure-wrap-label-input {
  display: inline-block;
  min-width: 610px;
  min-height: 2.3em;
}

.pure-control-group .pure-wrap-label-input > label {
  min-width: 200px;
  max-width: 600px;
  width: 30em;
}

.pure-control-group .pure-wrap-label-input > label + input[type=text],
.pure-control-group .pure-wrap-label-input > label + textarea,
.pure-control-group .pure-wrap-label-input > label + input[type=password],
.pure-control-group .pure-wrap-label-input > label + select,
.pure-control-group .pure-wrap-label-input select {
  width: 20em;
}

.pure-control-group .pure-wrap-label-input.no-margin-left {
  display: inline-block;
  min-width: 600px;
  min-height: 2.3em;
}

.pure-control-group .pure-wrap-label-input.no-margin-left > label {
  width: auto !important;
  min-width: 14em;
  text-align: right;
}

.pure-wrap-nolabel-radio {
  display: inline-block;
}

.pure-wrap-nolabel-radio label {
  width: auto !important;
  margin: 0 1.8em 0 0.3em !important;
}

.pure-wrap-nolabel-radio-table {
  display: inline;
  border-collapse: separate;
  border-spacing: 0 0.5em;
  vertical-align: middle;
}

.pure-wrap-nolabel-radio-table label {
  display: inline !important;
  margin: 0 2em 0 0.3em !important;
}

/**
  FLEXDATALIST
*/
.flexdatalist-alias input {
  width: 60% !important;
}

.flexdatalist-results {
  min-width: 350px !important;
}

.flexdatalist-results li {
  font-size: 11px !important;
  line-height: initial !important;
  padding: 8px 8px !important;
}

.flexdatalist-results span:not(:first-child):not(.highlight) {
  padding-left: 10px;
  display: inline-block;
  font-size: 80%;
  color: rgba(0, 0, 0, 0.5);
}

.flexdatalist-results li.active span:not(:first-child):not(.highlight) {
  color: rgba(255, 255, 255, 0.5);
}

.flexdatalist-results li span.highlight {
  font-weight: 700;
  text-decoration: underline;
  color: #000;
  background: yellow;
}

.flexdatalist-multiple {
  width: 59.7% !important;
  margin: 0 !important;
  display: inline-block;
  vertical-align: middle;
  box-shadow: inset 0 1px 3px #ddd;
}

.flexdatalist-multiple li.value,
.flexdatalist-multiple li.input-container,
.flexdatalist-multiple li.input-container input,
.flexdatalist-multiple li.value span.fdl-remove {
  line-height: initial !important;
  font-size: 11px !important;
  border: none;
  box-shadow: none;
}

/**
  AWESOMPLETE
*/
.awesomplete {
  width: 60%;
}

.awesomplete input {
  width: 100% !important;
}

/**
 JSToolTip
*/
.jsTooltip {
  background: white;
  pointer-events: none;
  display: none;
  position: absolute;
  padding: 5px 10px;
  color: #000;
  text-align: left;
  z-index: 13001;
  border: 1px solid #000;
}

.jsTooltip-active {
  display: inline-block;
}

/**
  Nano scroller for filter.
*/
.nano {
  width: 100%;
  max-height: 208px;
}

.nano > .nano-content {
  padding: 0;
}

.nano > .nano-pane {
  background: rgba(227, 227, 227, 0.5);
}

.nano > .nano-pane > .nano-slider {
  background: rgba(145, 145, 145, 0.5);
}

.nano.nano-not-on-top:after {
  position: absolute;
  content: "";
  top: -32px;
  left: 0;
  height: 32px;
  width: 100%;
}

.nano.nano-not-on-end:before {
  position: absolute;
  content: "";
  top: 208px;
  left: 0;
  height: 32px;
  width: 100%;
  z-index: 5;
}

/**
  noUiSlider
*/
.noUi-horizontal {
  height: 14px;
}

.noUi-horizontal .noUi-handle {
  width: 24px;
  height: 22px;
  left: -12px;
  top: -5px;
}

.noUi-handle:after, .noUi-handle:before {
  height: 10px;
  width: 1px;
  left: 10px;
  top: 5px;
}

.noUi-handle:after {
  left: 12px;
}

/**
  Notifyjs
*/
.notifyjs-title-details-base div.title {
  font-size: 1.2em;
}

.notifyjs-title-details-base div.detail {
  padding-top: 10px;
  color: #456071;
}

/**
  Spectrum color picker
*/
.colorpicker-custom-container {
  border-color: #aaaaaa;
}

.colorpicker-custom-replacer {
  padding: 0 4px 0 0;
  border: none;
}

/* AJAX Management */
.progress {
  cursor: progress;
}

.progress-redirect {
  cursor: default;
}

/* BODY : 34px refers to the height of the header and the footer */
.body-container {
  min-width: 1200px;
  min-height: calc(100vh - 34px - 34px);
  padding: 34px 0 0 0;
}

/* * * * */
/* HEADER */
/* * * * */
nav {
  position: fixed;
  top: 0;
  display: flex;
  align-items: center;
  width: 100%;
  height: 34px;
  margin: 0;
  padding: 0;
  z-index: 99;
  background-color: red;
}
nav a, nav a:link, nav a:visited, nav a:active, nav a:hover, nav .submenu-toggler-container {
  font-size: 13px;
  color: #FFFFFF;
}
nav .top-menu-section {
  /* submenu management */
}
nav .top-menu-section > div {
  padding: 6px 10px 0 10px;
  border-top: 3px solid transparent;
  white-space: nowrap;
}
nav .top-menu-section > div i:first-child {
  margin-right: 4px;
}
nav .top-menu-section > div.menu-selected {
  border-top-color: #FFFFFF;
}
nav .top-menu-section .submenu-toggler-container {
  cursor: pointer;
  user-select: none;
}
nav .top-menu-section .submenu {
  display: none;
  position: absolute;
  margin: 4px 0 0 -8px;
  text-align: left;
  vertical-align: baseline;
  background: #FFFFFF;
  box-shadow: #CCCCCC 0 1px 5px 0;
  z-index: 5000;
}
nav .top-menu-section .submenu ul {
  line-height: 27px;
  margin: 0;
  padding: 2px;
  text-align: left;
  list-style-type: none;
}
nav .top-menu-section .submenu ul li a {
  display: block;
  padding: 3px 10px;
  white-space: nowrap;
}
nav .top-menu-section .submenu ul li a i {
  margin-right: 8px;
  color: #000000;
}
nav .top-menu-section .submenu ul li a .submenu_icon {
  vertical-align: text-bottom;
  margin-right: 8px;
}
nav .top-menu-section .submenu ul hr {
  height: 1px;
  margin: 2px;
  padding: 0;
  border-width: 0;
}
nav #menu-logo {
  flex: 0 0 auto;
  height: 100%;
}
nav #menu-logo i.fa-house {
  margin-left: 8px;
  font-size: 14px;
}
nav #menu-logo .menu-logo-image {
  height: 24px;
  margin-left: 6px;
}
nav #menu-logo .menu-logo-text {
  height: 30px;
  margin: 0 10px 0 6px;
}
nav #menu-left {
  flex: 1 1 auto;
  display: flex;
  height: 100%;
}
nav #menu-right {
  flex: 0 0 auto;
  display: flex;
  height: 100%;
}
nav #menu-right .separator-right-menu {
  height: 100%;
  width: 5px;
  transform: skew(-13deg);
  margin-right: 8px;
  padding: 0;
  background-color: #FFFFFF;
  border-top: 0;
}

.header_img {
  max-height: 30px;
  margin: 0 10px 2px 6px;
  vertical-align: middle;
}

/* * * * */
/* MENU */
/* * * * */
.submenu_link {
  padding-top: 6px;
  font-size: 13px;
}
.submenu_link i {
  font-size: 13px;
}

/* * * * * * * * * * */
/* EXCEPTION DIALOG */
/* * * * * * * * * * */
.exception-dialog {
  z-index: 1000000 !important;
}

/* * * * * * * * */
/* LOADING PANEL */
/* * * * * * * * */
.loading-panel {
  min-width: auto !important;
  border: 0;
  background-color: transparent;
  z-index: 13000 !important;
  box-shadow: unset !important;
  -webkit-box-shadow: unset !important;
  -moz-box-shadow: unset !important;
}

.loading-panel > .ui-dialog-content {
  background-color: transparent !important;
}

.loading {
  width: 150px;
  min-height: 100px;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  padding: 0 0 12px 0;
  text-align: center;
}

.loading > .loading-cancel {
  position: absolute;
  top: 100px;
  left: 50%;
  transform: translate(-50%, 0);
  margin-top: 0;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* * * * */
/* FOOTER */
/* * * * */
.footer {
  width: 100%;
  height: 34px;
  margin-bottom: 0;
  line-height: 34px;
  text-align: center;
  font-size: 1em;
  background-color: #3E4F58;
}

.footer, .footer a, .footer a:hover, .footer a:link {
  color: #FFFFFF !important;
}

.footer a:hover {
  text-decoration: underline;
}

/* * * * */
/* BANNER */
/* * * * */
.banner {
  width: 100%;
  color: #000000;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
}

.banner > div {
  margin: 2px;
  padding: 4px;
  background-color: yellow;
}

.banner .banner-dismiss {
  margin: 0 4px 0 0;
}

/* * * * * * * * * * */
/* GRIDS FULL HEIGHT */
/* * * * * * * * * * */
.grid-full-height-container > .grid-full-height {
  min-height: calc(100vh - 34px - 34px); /* 34px refers to the height of the header and the footer */
}
.grid-full-height-container > div:first-child, .grid-full-height-container > div:last-child {
  box-sizing: border-box;
  background-color: #ECF0F1;
}
.grid-full-height-container > div:first-child {
  border-right: 1px solid #DDDDDD;
}
.grid-full-height-container > div:last-child {
  border-left: 1px solid #DDDDDD;
}

/***************
 TABLES (dashboard + editor)
***************/
.artefact-table,
li.table-sortable-item {
  border: 1px solid #DADEE1;
  border-left-width: 4px;
}

.artefact-table .ui-panel-titlebar,
li.table-sortable-item .ui-panel-titlebar {
  display: flex;
  flex-direction: row-reverse;
  padding-left: 0 !important;
  background-color: initial !important;
  border: 0 !important;
  font-size: 14px;
  text-align: left;
}

.artefact-table .ui-panel-titlebar .ui-panel-title,
li.table-sortable-item .ui-panel-titlebar .ui-panel-title {
  flex: 1 1 auto;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.artefact-table .ui-panel-titlebar .ui-panel-titlebar-icon,
li.table-sortable-item .ui-panel-titlebar .ui-panel-titlebar-icon {
  flex: 0 0 auto;
  line-height: 2rem !important;
}

.artefact-table .ui-panel-content,
li.table-sortable-item .ui-panel-content {
  padding-right: 4px !important;
  border: 0 !important;
}

.dash-content-table {
  box-sizing: border-box;
  width: 100%;
  padding: 0;
  table-layout: auto;
  border-collapse: collapse;
  border-spacing: 0;
  border-style: none;
}

.dash-content-table tr {
  border: 0 !important;
}

.dash-content-table td {
  min-width: initial !important;
  padding: 4px !important;
  vertical-align: baseline;
}

.dash-content-table td:empty {
  min-width: 0 !important;
  padding: 0 !important;
}

.dash-content-table .ui-panel-titlebar {
  padding-bottom: 4px !important;
}

.dash-content-table span.ui-state-disabled,
.dash-content-table a.ui-state-disabled {
  opacity: 1 !important;
}

.dash-content-table .measure-link .disabled-link {
  opacity: 0.2 !important;
}

.dash-content-table .measure-icons {
  white-space: nowrap;
}

.dash-content-table .measure-icons-label {
  min-width: 56px !important;
  padding-left: 0 !important;
}

.dash-content-table .measure-icons-label-container {
  display: flex;
  align-items: flex-start;
}

.dash-content-table .measure-icons > *:only-child {
  margin-right: 4px;
}

.dash-content-table .measure-icons > img:last-child {
  margin-right: 4px;
}

.dash-content-table .measure-data {
  cursor: pointer;
}

.dash-content-table .measure-data:not(:empty) {
  min-width: 48px !important;
  vertical-align: top;
  font-weight: bold;
}

.dash-content-table .measure-data .measure-data-text-only {
  cursor: initial;
}

.dash-content-table .measure-data a.data-link {
  color: #000000;
}

.dash-content-table .measure-link {
  vertical-align: top !important;
  text-align: right;
}

.dash-content-table .measure-link i.external-link-icon {
  float: initial;
  height: initial;
  padding-left: initial;
  vertical-align: middle;
}

/***************
 TABLES (dashboard)
***************/
.artefact-table .ui-panel-content {
  margin-top: -4px;
}

.artefact-table .measure-data .measure-editable {
  padding: 2px 0 2px 4px;
  outline: 1px solid transparent;
  cursor: pointer;
  transition: outline-color 0s linear;
}

.artefact-table .measure-data .measure-editable:hover {
  outline: 1px solid #C8C8C8;
  transition: outline-color 0.2s linear;
}

.artefact-table .measure-data .measure-editable .measure-editable-icon-container {
  line-height: 16px;
  padding: 0 2px;
  background-color: transparent;
  transition: background-color 0s linear;
}

.artefact-table .measure-data .measure-editable:hover .measure-editable-icon-container {
  display: inline-block;
  background-color: #C8C8C8;
  transition: background-color 0.2s linear;
}

/***************
 TABLES (editor)
***************/
.table-sortable-item .ui-panel-content {
  padding: 0 !important;
}

.table-sortable-item .ui-panel-content .fields-block-collapsible {
  margin: 0 0 8px 8px;
}

#modelTablesArea #sortable-table .ui-panel-titlebar {
  padding-left: 4px !important;
}

/***************
 TOP TABLES (dashboard + editor)
***************/
#dashboard-top-tables-container,
#sortable-top-tables {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  margin-top: 0;
  margin-bottom: 0;
}

.tableRenderContainer .artefact-table {
  flex: none;
  max-height: initial !important;
}

#dashboard-top-tables-container .artefact-table,
.tableRenderContainer .artefact-table,
#sortable-top-tables > li {
  flex: 0 0 auto;
  min-width: 230px;
  max-width: 600px;
  min-height: 125px;
  max-height: 322px;
  margin-right: 8px;
  margin-bottom: 4px;
}

#dashboard-top-tables-container .artefact-table .ui-panel .top-table-item-content,
.tableRenderContainer .artefact-table .ui-panel .top-table-item-content,
#sortable-top-tables > li .ui-panel .top-table-item-content {
  display: block;
  width: 100%;
  max-height: 292px;
  padding-right: 8px;
}

#dashboard-top-tables-container .artefact-table .ui-panel,
#sortable-top-tables > li .ui-panel {
  height: 100%;
  overflow: hidden;
  padding-right: 8px;
}

#dashboard-top-tables-container .artefact-table .ui-panel-title,
#sortable-top-tables > li .ui-panel-title .table-header-flex {
  margin-left: 4px;
}

#dashboard-top-tables-container .top-tables-container .ui-panel-title,
#sortable-top-tables .top-tables-container .table-title {
  margin-left: 4px;
  font-size: 16px;
}

#dashboard-top-tables-container table tr:only-child td,
#sortable-top-tables table tr:only-child td {
  font-weight: normal;
}

#dashboard-top-tables-container table tr td,
#sortable-top-tables table tr td {
  height: 16px;
}

#dashboard-top-tables-container table tr:only-child:hover,
#sortable-top-tables table tr:only-child:hover {
  background-color: #FFFFFF;
}

#dashboard-top-tables-container td.measure-icons-label,
#sortable-top-tables td.measure-icons-label {
  word-break: normal;
}

#dashboard-top-tables-container td.measure-icons-label:empty + td.measure-data,
#sortable-top-tables td.measure-icons-label:empty + td.measure-data {
  padding-left: 0 !important;
  text-align: left;
}

#dashboard-top-tables-container td.measure-data .measure-html,
#sortable-top-tables td.measure-data .measure-html {
  text-align: left !important;
  font-weight: normal;
}

#dashboard-top-tables-container td.measure-icons-label:not(:empty) + td.measure-data,
#sortable-top-tables td.measure-icons-label:not(:empty) + td.measure-data {
  text-align: right;
}

#dashboard-top-tables-container .measure-icons-label-container,
#sortable-top-tables .measure-icons-label-container {
  white-space: normal;
}

/***************f
 TOP TABLES (only dashboard)
***************/
#dashboard-top-tables-container {
  margin: 0 0 2px 0;
}

/***************
 TOP TABLES (only editor)
***************/
#sortable-top-tables {
  padding-left: 5px;
  list-style: none;
}

#sortable-top-tables li > div.ui-panel {
  display: flex;
  flex-direction: column;
}

#sortable-top-tables > li .ui-panel-content > div:first-child {
  margin: 0 0 0 8px;
}

#sortable-top-tables li > div.ui-panel > div.ui-panel-titlebar {
  flex: 0 0 auto;
  padding-right: 0;
  padding-bottom: 4px;
}

#sortable-top-tables li > div.ui-panel > div.ui-panel-titlebar .table-icons {
  font-size: 11px;
}

#sortable-top-tables li > div.ui-panel > div.ui-panel-content {
  flex: 1 1 auto;
  margin-top: -4px;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

/***************
 SCORE CARD TABLES (dashboard + editor)
***************/
/***************
 SCORE CARD TABLES (only dashboard)
***************/
.scorecard-container .artefact-table {
  margin-bottom: 6px;
}

.scorecard-container .artefact-table .ui-panel-titlebar {
  cursor: pointer;
}

.scorecard-container .artefact-table td:last-child {
  padding-right: 4px !important;
}

.scorecard-container .artefact-table .ui-panel-content {
  padding-top: 4px;
}

.scorecard-container .scorecard-container .ui-panel-titlebar {
  cursor: pointer;
}

/***************
 SCORE CARD TABLES (only editor)
***************/
/***************
 TABLES RENDERING (editor)
***************/
.artefact-table.artefact-table-rendering .ui-panel-title {
  margin-left: 4px;
}

/* * * * * * */
/* ATTRIBUTE */
/* * * * * * */
.attributes-container {
  margin: 8px;
}

.attributes-container .attribute-value-item .attribute-value-container .attribute-plain-value {
  padding-left: 4px;
  font-weight: bold;
}

.attributes-container .attribute-value-item .attribute-value-container .attribute-plain-value.attribute-plain-value-empty, .form-empty-value {
  font-style: italic;
  font-weight: normal;
}

.attributes-container .attribute-value-item .attribute-value-spacer {
  min-width: 128px;
}

.attributes-container .attribute-value-item .attribute-value-container {
  display: inline-block;
  outline: 1px solid #FFFFFF;
  transition: outline-color 0s linear;
}

.attributes-container .attribute-value-item:hover .attribute-value-container {
  outline: 1px solid #C8C8C8;
  transition: outline-color 0.2s linear;
}

.attributes-container .attribute-value-item a .attribute-value-container {
  background-color: #FFFFFF;
  transition: background-color 0s linear;
}

.attributes-container .attribute-value-item a:hover .attribute-value-container {
  color: #333;
}

.attributes-container .attribute-value-item:hover a .attribute-value-container .attribute-value-icon {
  display: inline-block;
  width: 16px;
  margin-left: 4px;
  padding-left: 2px;
  text-align: center;
  background-color: #C8C8C8;
  transition: background-color 0.2s linear;
}

.attributes-container .attribute-value-item:hover a .attribute-value-container .attribute-value-icon i.fa {
  font-size: 12px;
}

.attributes-container .attribute-value-item a i {
  opacity: 0;
  transition: opacity 0s linear;
}

.attributes-container .attribute-value-item:hover a i {
  opacity: 1;
  transition: opacity 0.3s linear;
}

.attributes-container .attributes-comment {
  display: inline-block;
  max-width: 25%;
  margin-left: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.breadcrumbs {
  margin: 1px 0 2px 0;
  padding: 0;
  overflow: auto;
  border-bottom: 0 solid #d3d7cf;
  list-style-type: none;
  /* also in general-dynamic */
}
.breadcrumbs li {
  float: left;
  display: block;
  padding-left: 0.75em;
  padding-right: 0.75em;
  line-height: 2em;
  color: #CCC;
}
.breadcrumbs .version {
  color: #D84343;
}

/* * * * */
/* BOXES */
/* * * * */
/* Infox */
.info-box-container {
  display: flex;
}
.info-box-container .info-box {
  max-height: 140px;
  margin-right: 16px;
  padding: 8px;
  border: 1px solid #AAA;
  border-left: 4px solid #BBB;
}
.info-box-container .standard-table-top {
  flex: 1 1 auto;
  min-width: 275px;
  max-width: 320px;
  padding: 8px 12px;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
}
.info-box-container .standard-table-top .summary-standard-header {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 8px;
  vertical-align: top;
}
.info-box-container .standard-table-top .summary-standard-header:first-child {
  flex: 1 1 auto;
  font-weight: bold;
  font-size: 1.1em;
}
.info-box-container .standard-table-top .summary-standard-header:last-child {
  flex: 0 0 auto;
  text-align: right;
  padding-right: 0;
  min-width: 50px;
}
.info-box-container .standard-table-top .summary-standard-header .summary-standard-selection > div {
  background-color: #EFEFEF !important;
  margin: 0;
}
.info-box-container .standard-table-top .summary-standard-header .summary-standard-selection > div.ui-state-hover {
  background-color: #FFFFFF !important;
  color: #000000 !important;
}
.info-box-container .standard-table-top .summary-standard-header .summary-standard-selection > div:not(.ui-state-active) {
  font-weight: normal;
}
.info-box-container .standard-table-top .summary-standard-header .summary-standard-selection > div.ui-state-active {
  background-color: #FFFFFF !important;
  border: 1px solid #D3D3D3 !important;
  color: #000000;
  font-weight: bold;
}
.info-box-container .standard-table-top .summary-standard-header .summary-standard-selection > div.ui-state-focus {
  box-shadow: #EFEFEF 0 0 1px 1px !important;
}
.info-box-container .standard-table-top .summary-standard-header .summary-standard-selection > div .ui-button-text {
  padding: 0.2em 0.5em;
}
.info-box-container .standard-table-top table {
  border-collapse: separate;
  border-spacing: 0 4px;
  margin-left: 0 !important;
}
.info-box-container .standard-table-top table tr td {
  padding: 2px 8px 2px 0;
  vertical-align: middle;
}

.standard-bar-tooltip-table {
  min-width: 300px;
  border-collapse: collapse;
}
.standard-bar-tooltip-table tr th {
  padding: 8px 2px 2px 2px;
}
.standard-bar-tooltip-table tr td {
  padding: 2px;
  vertical-align: middle;
  text-align: right;
}
.standard-bar-tooltip-table tr td:first-child {
  min-width: 80px;
}
.standard-bar-tooltip-table tr td:nth-child(2) {
  min-width: 20px;
}
.standard-bar-tooltip-table tr td:nth-child(2) span {
  vertical-align: middle;
}
.standard-bar-tooltip-table tr td:nth-child(3) {
  min-width: 30px;
}
.standard-bar-tooltip-table tr td:last-child {
  min-width: 50px;
}
.standard-bar-tooltip-table tr:has(th) {
  font-weight: bold;
  border-bottom: 2px solid #BABABA;
}
.standard-bar-tooltip-table tr:has(th) th {
  text-align: right;
}
.standard-bar-tooltip-table tr:has(th) th:first-child {
  text-align: left;
}

.info-box-categories {
  min-width: 200px;
  max-width: 300px;
}

.info-box-container .info-box h3 {
  margin: 0;
  font-size: 16px;
}

.info-box-container .info-box > div {
  display: flex;
  justify-content: center;
}

.info-box-container table {
  flex: 0 0 auto;
  margin-top: 4px;
}

.info-box-container table:not(:first-child) {
  margin-left: 24px;
}

.info-box-container table tr th,
.info-box-container table tr td {
  padding: 2px 8px 2px 8px;
}

.info-box-container table tr td:first-child {
  text-align: right;
}

.info-box-container table tr td:last-child {
  font-weight: bold;
}

.info-box-container table.info-box-numerical tr td:last-child {
  text-align: right;
}

/* Summary */
.summary-container .summary-global-counts {
  margin-top: 16px;
}

.summary-container .summary-global-counts > span:first-child {
  font-size: 18px;
  font-weight: bold;
}

.summary-container .summary-global-counts > span:nth-child(2) {
  font-size: 16px;
  font-weight: normal;
  text-transform: lowercase;
}

.summary-container .summary-boxes table {
  margin-top: 0;
}

.summary-container .summary-boxes table thead tr th:first-child,
.summary-container .summary-boxes table tbody tr td:first-child {
  min-width: 70px;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  word-break: keep-all;
  vertical-align: top;
}

.summary-container .summary-boxes table thead tr th:not(:first-child),
.summary-container .summary-boxes table tbody tr td:not(:first-child),
.summary-container .summary-boxes table tfoot tr td:not(:first-child) {
  text-align: right;
}

.summary-container .summary-boxes table thead tr th:first-child {
  font-size: 1.1em;
  font-weight: bold;
}

.summary-container .summary-boxes table tfoot tr td {
  font-weight: bold;
}

.summary-container .summary-boxes .ui-commandlink {
  color: #333;
}

.summary-container .summary-boxes .ui-commandlink.ui-state-disabled, .summary-container .summary-boxes .zero-value {
  color: #8e8e8e;
  opacity: 1;
}

.summary-container .summary-boxes table .delta,
.summary-bar-tooltip-table .delta {
  padding-left: 0;
  font-size: 0.9em;
  font-weight: normal;
  color: #8e8e8e;
  white-space: nowrap;
}

.summary-container .summary-boxes tr.summary-separator td {
  padding-top: 12px;
}

/* summary charts */
.summary-container .summary-boxes .summary-bar-cell {
  width: 100%;
}

.summary-container .summary-boxes .summary-bar {
  display: flex;
  width: 100%;
  height: 7px;
  margin-bottom: 2px;
}

.summary-container .summary-boxes .summary-bar .level-bar-empty {
  width: 100%;
  background-color: #C8C8C8;
}

.summary-container .summary-boxes .summary-bar .level-bar-colored:hover {
  transform: scaleY(1.2);
}

.summary-container .summary-boxes .summary-bar .ui-commandlink {
  height: 100%;
  min-width: 4px;
  margin: 0 1px;
}

.summary-bar-tooltip-scale {
  margin-bottom: 4px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.summary-bar-tooltip-table {
  border-collapse: separate;
  border-spacing: 8px;
  min-width: 300px;
}

.summary-bar-tooltip-table-right-header {
  vertical-align: middle;
  text-align: right;
}

.summary-bar-tooltip-table tr td:first-child {
  padding-right: 4px;
}

.summary-bar-tooltip-legend {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 16px;
}

#summary-scales td {
  padding: 4px 8px 4px 8px;
}

/* e.g. Interface Settings */
.box-img-legend-selectable {
  padding: 0;
  list-style: none;
}
.box-img-legend-selectable li {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  width: 70px;
  height: 70px;
  margin-right: 16px;
  border: 1px solid #FFFFFF;
  border-radius: 3px;
  text-align: center;
}
.box-img-legend-selectable li.selected {
  border-color: #666666;
}
.box-img-legend-selectable li .color-placeholder {
  width: 34px;
  height: 22px;
  margin: 0 auto 6px auto;
  padding: 0;
}

.carousel-container {
  height: 80px;
}
.carousel-container .carousel-tab {
  margin: 0 auto;
}
.carousel-container .carousel-tab td {
  padding: 0 10px;
}
.carousel-container .carousel-tab td:hover {
  background-color: #FFFFFF;
  cursor: pointer;
}
.carousel-container .car-selected {
  border: 1px solid #FFFFFF;
}
.carousel-container .carousel-td-content {
  width: 78px;
  height: 78px;
}

/* * * * * * * * * * * */
/* CHARTS IN DASHBOARD */
/* * * ** * * * * * *  */
/** Specific style for free drawing charts (scrumboard,controlGraph) */
.hc-shadowMouse:hover {
  opacity: 0.25;
}

.hc-controlPoint:hover {
  opacity: 1;
  stroke-opacity: 1;
}

/** Avoid y-scrollbar on firefox. */
.highcharts-container {
  top: 0 !important;
}

.scorecard-container {
  flex: 1 1 auto;
  min-width: 300px;
  max-width: 15%;
  margin-right: 8px;
}

.charts-container {
  flex: 1 1 auto;
  max-width: 85%;
}

.chart-lines-grid {
  display: grid;
  grid-gap: 8px;
}

.chart-lines-grid > div.chart-grid-cell-expanse {
  content: "";
  display: inline-block;
  height: 0;
  width: 0;
}

.chart-lines-grid > div {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  text-align: center;
}

.chart-lines-grid > div > div {
  position: absolute;
  width: 100%;
  height: 100%;
}

.chart-lines-grid .chart-container-loading {
  align-self: center;
  margin-top: -36px;
}

.chart-lines-grid > div > div .ui-panel-titlebar .innerCellHeader {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
}

.chart-lines-grid > div > div .ui-panel-content {
  height: calc(100% - 36px);
  padding: 0 8px;
}

.innerCellHeader {
  margin-left: 16px;
}

/* * * * * * * * * */
/* CHART IN DIALOG */
/* * * * * * * * * */
.chart-popup {
  min-width: 800px !important;
  inset: 0 16px !important;
}
.chart-popup .ui-dialog-content {
  overflow-y: hidden;
}

.chart-popup-grid {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.chart-popup-grid .chart-popup-grid-header {
  flex: 0 0 auto;
}

.chart-popup-grid .chart-popup-content-container {
  flex: 1 1 auto;
  display: flex;
  flex-direction: row;
  height: calc(100% - 80px - 48px);
}

.chart-popup-grid .chart-popup-grid-previous {
  flex: 0 0 auto;
}

.chart-popup-grid .chart-popup-grid-content {
  flex: 1 1 auto;
}

.chart-popup-grid .chart-popup-grid-next {
  flex: 0 0 auto;
}

.chart-popup-grid .chart-popup-grid-carousel {
  flex: 0 0 auto;
}

/* chart popup header */
.chart-popup-grid .chart-popup-grid-header .header-container {
  display: flex;
}

.chart-popup-grid .chart-popup-grid-header .header-container > div:first-child {
  flex: 0 0 auto;
  font-size: 2.5em;
}

.chart-popup-grid .chart-popup-grid-header .header-container > div:nth-child(2) {
  flex: 1 1 auto;
}

.chart-popup-grid .chart-popup-grid-header .header-container > div:last-child {
  flex: 0 0 auto;
  align-self: center;
  padding-right: 28px;
  display: flex;
  column-gap: 16px;
  align-items: center;
}

/* chart popup content */
.chart-popup-grid .chart-popup-grid-content {
  height: 100%;
}

.chart-popup-grid .chart-popup-grid-content .chart-cell-container {
  height: round(up, 100%, 1px);
  position: relative;
}

.chart-popup-grid .chart-popup-grid-content .chart-cell-container .chart-cell {
  position: absolute;
}

.chart-popup-grid .chart-popup-grid-content .chart-cell-container .chart-cell.no-overflow {
  overflow-y: hidden !important;
}

.chart-popup-grid .chart-popup-grid-content .chart-cell-container .chart-cell .fa-spinner {
  position: relative;
  top: calc(50% - 16px);
}

.chart-popup-grid .chart-popup-grid-content #tabPanelArea {
  width: 33%;
  max-width: 33%;
  overflow: auto;
}

.chart-popup-grid .chart-popup-grid-content #diffChartArea {
  width: 50%;
  max-width: 50%;
}

/* chart popup navigation */
.chart-popup-grid .nav-arrow {
  width: 32px;
}

.chart-popup-grid .nav-arrow > div {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  cursor: pointer;
}

.chart-popup-grid .nav-arrow-disabled:hover {
  background-color: transparent !important;
  cursor: default !important;
}

/* The block containing the content of the popup */
#chartPopup_content {
  height: 100%;
  padding: 0;
}

#chartPopup_content_scroller {
  padding: 0;
}

.chart-cell {
  width: 100%;
  height: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

.img-cell {
  vertical-align: middle;
  max-height: 100%;
}

.popup-aside {
  box-sizing: border-box;
  width: 100%;
  padding: 5px;
  overflow: auto;
}

.chartDescription table tr th {
  background-color: #EBEBEB;
  font-weight: bold;
}

.chartDescription table tr th,
.chartDescription table tr td {
  padding: 7px;
}

.chartDescription a {
  color: #0782C1;
  text-decoration: underline;
}

/* CHARTS */
.miniColorBlock {
  width: 8px;
  height: 8px;
  display: inline-block;
  border: 1px solid black;
}

.mediumColorBlock {
  width: 13px;
  height: 13px;
  display: inline-block;
  border: 1px solid black;
}

.bigColorBlock {
  width: 16px;
  height: 16px;
  display: inline-block;
  border: 1px solid black;
}

.bubble {
  border-radius: 15px;
  border: 1px solid #d0e0e0;
  min-height: 30px;
  padding: 10px;
  position: relative;
  margin-top: 15px;
}

.bubble:before {
  content: "";
  display: block;
  position: absolute;
  top: -11px;
  left: 21px;
  width: 0;
  height: 0;
  border-color: #DADADA;
  border-top-color: transparent !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-style: solid;
  border-width: 0 9px 11px 9px;
}

.bubble:after {
  content: "";
  display: block;
  position: absolute;
  top: -9px;
  left: 22px;
  width: 0;
  height: 0;
  border-color: transparent transparent #fff transparent;
  border-style: solid;
  border-width: 0 8px 10px 8px;
}

.bubble-condition {
  display: inline-block;
  background-color: #999;
  color: white;
  padding: 4px 5px;
  border-radius: 4px;
  margin: 2px 5px 5px 3px;
}

.scale-container {
  display: inline-block;
  min-width: 32px;
  padding: 4px;
  border-radius: 4px;
  text-align: center;
  word-break: normal;
}

.scale-container-inline {
  padding: 2px 4px;
  border-radius: 4px;
  color: #FFFFFF;
  background-color: #C0C0C0;
}

/* Standard chip */
.standard-container {
  display: inline-block;
  min-width: 16px;
  max-width: 120px;
  padding: 2px 8px;
  border-radius: 12px;
  background-color: #C0C0C0;
  color: #FFFFFF;
  text-align: center;
  word-break: normal;
}

/* Standard rule chip */
.standard-rule-container {
  white-space: nowrap;
  font-weight: bold;
}
.standard-rule-container .standard-rule-name {
  color: #707070;
}
.standard-rule-container .standard-rule-marker {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background-color: #C0C0C0;
}

.scale-container-block {
  border-left: 1px solid #BBBBBB;
  margin-bottom: 12px;
  padding-left: 4px;
}
.scale-container-block > div:first-child {
  margin-bottom: 2px;
  font-weight: bold;
}

/* BETA */
sup.beta-info-bubble {
  position: initial;
  top: unset;
  padding: 2px 4px;
  vertical-align: super;
  background: #51BFEF;
  font-size: 8px;
  font-weight: bold;
  color: #FFFFFF;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  border-radius: 4px;
}

/* * * * * * * * * * * */
/* copy text container */
/* * * * * * * * * * * */
.share-container {
  vertical-align: text-bottom;
}
.share-container i {
  color: #3e4f58;
}
.share-container i.share-validation-icon {
  position: absolute;
  top: 8px;
  left: 6px;
  color: #7AC632;
}
.share-container .share-link-content {
  position: absolute;
  height: 0;
  opacity: 0;
  z-index: -1;
}

.copy-text-container {
  display: flex;
  align-items: center;
  max-width: 1000px;
  max-height: 300px;
  padding: 8px;
  border-radius: 4px;
  background-color: #EBEBEB;
}
.copy-text-container .copy-text-value {
  flex: 1 1 auto;
  max-height: inherit;
  overflow-y: auto;
  font-family: monospace, monospace;
  white-space: pre-line;
  word-break: break-word;
}
.copy-text-container .copy-text-icon-container {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 0 0 auto;
  padding-left: 16px;
  text-align: center;
  cursor: pointer;
}
.copy-text-container .copy-text-icon-container .copy-text-icon {
  display: block;
  font-size: 18px;
}
.copy-text-container .copy-text-icon-container .copy-text-icon-feedback {
  position: absolute;
  top: -4px;
  right: -4px;
  font-size: 10px;
  color: #008000;
}

/* * * * * * * */
/*  CUSTOM TAB */
/* * * * * * * */
.custom-region {
  /* iframe management */
  /* logs management */
}
.custom-region .custom-iframe-container {
  max-height: 3000px;
}
.custom-region .custom-iframe-container iframe {
  width: 100%;
  border-style: none;
}
.custom-region .logs-container i {
  font-size: 12px;
}
.custom-region .logs-container .logs-content {
  margin-left: 4px;
  padding-left: 8px;
  border-left: 2px solid #BBBBBB;
}
.custom-region .logs-container .logs-content ul {
  padding: 0;
  list-style: none;
  line-height: 16px;
  font-family: monospace, Arial;
}
.custom-region .logs-container.erroneous i {
  color: #FF0000;
}
.custom-region .logs-container.erroneous .logs-content {
  border-left-color: #FF0000;
}
.custom-region .logs-container.cancelled i {
  color: #000000;
}
.custom-region .logs-container.cancelled .logs-content {
  border-left-color: #000000;
}

.explorer-tabs > ul > li.ui-tabs-header.tab-custom a, li.ui-tabs-header.tab-custom.ui-state-hover a {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
}

/* General */
#sidebar-form\:merge-branches-selection_panel {
  /* sidebar needs a specific z-index */
  z-index: 12000 !important;
}

/* set the close icon as position absolute to allow the sidebar to occupy the full width */
body .ui-sidebar .ui-sidebar-close {
  position: absolute;
  top: 10px;
  right: 8px;
  background-color: #FFFFFF;
  z-index: 1;
}
body .ui-sidebar .ui-sidebar-close:hover {
  background-color: #FFFFFF;
  color: inherit;
}

.detailed-view.with-source {
  width: 75%;
  min-width: 550px;
  max-width: 85%;
  overflow: auto;
}
.detailed-view.no-source {
  width: 800px;
}
.detailed-view .ui-sidebar-content {
  height: 100%;
}
.detailed-view .ui-selectbooleancheckbox + label {
  display: inline-block;
  margin-left: 4px;
  vertical-align: initial;
}
.detailed-view input[type=checkbox] + label {
  display: inline;
  margin-left: 4px;
}
.detailed-view h1 {
  margin: 0 0 8px 0;
}
.detailed-view h2 {
  display: inline-block;
  margin: 0;
  text-transform: uppercase;
  color: #3E4F58;
}
.detailed-view h3 {
  margin: 0;
  font-size: 12px;
}
.detailed-view h3 + p {
  margin-top: 4px;
  line-height: 1.3em;
}
.detailed-view label {
  display: block;
  margin-top: 0;
}
.detailed-view .see-more-less {
  color: #707070 !important;
}

/* Back action */
.detailed-view .back-action-container {
  /** Move the sidebar title to leave space to the back action icon */
}
.detailed-view .back-action-container + .infos-title {
  display: inline-block;
}
.detailed-view .back-action-container + .infos-title, .detailed-view .back-action-container + .review-start-container {
  margin-left: 8px;
}

/* Review navigation */
.detailed-view .review-navigation {
  display: inline-block;
  padding: 2px 0;
  font-size: 12px;
  font-weight: normal;
}
.detailed-view .review-navigation button {
  margin: 0 4px;
}

/* Browser width > 2000px */
@media (min-width: 2000px) {
  .detailed-view.with-source .sidebar-infos-container {
    max-width: 700px;
  }
  .detailed-view.with-source .sidebar-source-code-container {
    flex: 1 1 60%;
  }
}
/* Browser width < 2000px */
@media (max-width: 2000px) {
  .detailed-view.with-source .sidebar-infos-container {
    min-width: 600px;
  }
  .detailed-view.with-source .sidebar-source-code-container {
    flex: 1 2 60%;
  }
}
/* Infos */
.detailed-view .sidebar-infos-container {
  flex: 1 1 40%;
  display: block;
  height: 100%;
  overflow: auto;
  /* Infos Table */
  /* Status */
}
.detailed-view .sidebar-infos-container.infos-reduced {
  display: none;
}
.detailed-view .sidebar-infos-container .infos-title {
  line-height: 16px;
}
.detailed-view .sidebar-infos-container .info-description.description-truncated {
  display: -webkit-inline-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.detailed-view .sidebar-infos-container .info-description p:first-child {
  margin-top: 0;
}
.detailed-view .sidebar-infos-container .info-description p:last-child {
  margin-bottom: 0;
}
.detailed-view .sidebar-infos-container table.infos {
  width: 100%;
  box-sizing: border-box;
}
.detailed-view .sidebar-infos-container table.infos.state-fixed {
  background-color: #F8F8F8;
  border: 1px solid #7AC632;
  border-left: 4px solid #7AC632;
}
.detailed-view .sidebar-infos-container table.infos th, .detailed-view .sidebar-infos-container table.infos td {
  padding: 8px;
}
.detailed-view .sidebar-infos-container table.infos th {
  width: 64px;
  max-width: initial;
  min-width: initial;
  vertical-align: top;
  font-weight: normal;
  text-align: left;
  color: #707070;
}
.detailed-view .sidebar-infos-container table.infos .finding-icons-container {
  line-height: normal;
}
.detailed-view .sidebar-infos-container .status-container .finding-icons-container {
  height: 34px;
  line-height: 34px;
}
.detailed-view .sidebar-infos-container .status-container textarea {
  min-width: 250px;
  max-width: 50%;
}

/* Propagation */
.detailed-view .propagation-container {
  margin: 24px 0;
}
.detailed-view .propagation-container .propagation-conflict {
  color: #FF0000;
}
.detailed-view .propagation-container .propagation-table th, .detailed-view .propagation-container .propagation-table td {
  max-width: unset;
}

/* View Finding */
.detailed-view {
  /* artefact level */
  /* finding level */
}
.detailed-view .view-artefact-container {
  flex: 0 1 125px;
}
.detailed-view .view-finding-container {
  flex: 0 1 225px;
}
.detailed-view .view-finding-container:has(> .state-fixed) {
  flex: 0 1 175px;
  margin-right: 8px;
}
.detailed-view .view-action-item-container {
  flex: 0 1 150px;
}

/* Tabs */
.detailed-view .detailed-view-tabs {
  /* TAB STANDARDS */
  /* TAB HISTORY */
  /* TAB COMMENT */
}
.detailed-view .detailed-view-tabs .ui-tabs-panels {
  padding: 8px 0;
}
.detailed-view .detailed-view-tabs .detailed-view-tab-standards .standard-rules-container {
  /* Reduce margin and padding for the list of "supporting messages" */
}
.detailed-view .detailed-view-tabs .detailed-view-tab-standards .standard-rules-container:last-child {
  margin-bottom: 0;
}
.detailed-view .detailed-view-tabs .detailed-view-tab-standards .standard-rules-container:has(.see-more-less.v-hidden):not(:last-child) {
  margin-bottom: 24px;
}
.detailed-view .detailed-view-tabs .detailed-view-tab-standards .standard-rules-container:has(.see-more-less:not(.v-hidden)):not(:last-child) {
  margin-bottom: 24px;
}
.detailed-view .detailed-view-tabs .detailed-view-tab-standards .standard-rules-container p:first-child {
  margin-top: 0;
}
.detailed-view .detailed-view-tabs .detailed-view-tab-standards .standard-rules-container p:last-child {
  margin-top: 4px;
  margin-bottom: 0;
}
.detailed-view .detailed-view-tabs .detailed-view-tab-standards .standard-rules-container p:has(+ ul) {
  margin-bottom: 4px;
}
.detailed-view .detailed-view-tabs .detailed-view-tab-standards .standard-rules-container ul:last-child {
  margin-top: 0;
  padding-left: 24px;
}
.detailed-view .detailed-view-tabs .detailed-view-tab-history .timeline-container {
  position: relative;
  margin-top: 8px;
  padding: 0;
  list-style: none;
}
.detailed-view .detailed-view-tabs .detailed-view-tab-history .timeline-container > li {
  min-height: 24px;
  margin-bottom: 12px;
}
.detailed-view .detailed-view-tabs .detailed-view-tab-history .timeline-container > li::before {
  position: absolute;
  top: 8px;
  left: 134px;
  content: "";
  height: 100%;
  width: 2px;
  background-color: #E8E8E8;
  z-index: 1;
}
.detailed-view .detailed-view-tabs .detailed-view-tab-history .timeline-container > li .timeline-item-container {
  position: relative;
  display: flex;
  flex-direction: row;
}
.detailed-view .detailed-view-tabs .detailed-view-tab-history .timeline-container > li .timeline-item-container .timeline-item-date {
  flex: 0 0 160px;
  color: #757575;
}
.detailed-view .detailed-view-tabs .detailed-view-tab-history .timeline-container > li .timeline-item-container .timeline-item-date .timeline-item-date-content {
  width: 160px;
}
.detailed-view .detailed-view-tabs .detailed-view-tab-history .timeline-container > li .timeline-item-container .timeline-item-spot {
  position: absolute;
  top: 1px;
  left: 130px;
  width: 8px;
  height: 8px;
  background-color: #E8E8E8;
  border: 1px solid #E8E8E8;
  border-radius: 4px;
  z-index: 2;
}
.detailed-view .detailed-view-tabs .detailed-view-tab-history .timeline-container > li .timeline-item-container .timeline-item-description {
  flex: 1 1 auto;
  align-self: stretch;
  width: 100%;
  padding: 0;
  word-break: break-word;
}
.detailed-view .detailed-view-tabs .detailed-view-tab-history .timeline-container > li .timeline-item-container .timeline-item-description i {
  padding-right: 4px;
}
.detailed-view .detailed-view-tabs .detailed-view-tab-history .timeline-container > li .timeline-item-container .timeline-item-description .timeline-dirty-icon {
  position: relative;
  bottom: 2px;
  left: 2px;
}
.detailed-view .detailed-view-tabs .detailed-view-tab-comments .comments-unread {
  vertical-align: text-top;
  font-size: 8px;
  color: #FF9200;
}

/* Creation form */
.detailed-view .form-container {
  background-color: #F8F8F8;
}

/* Source code */
.detailed-view .sidebar-source-code-container {
  width: 0;
  min-width: 800px;
  /* source code actions */
}
.detailed-view .sidebar-source-code-container .wait-source {
  width: 100%;
}
.detailed-view .sidebar-source-code-container.source-code-expanded {
  width: 100% !important;
  max-width: none;
}
.detailed-view .sidebar-source-code-container .source-code-actions-container .ui-button.ui-button-text-icon-left .ui-icon {
  font-size: 12px;
  left: 6px;
}

/* FILTERS LEFT-CONTAINER */
.filter-container {
  display: flex;
  flex-direction: column;
  width: 250px;
  height: 100%;
  padding: 16px 16px 32px 16px;
  background-color: #F9F9F9;
  color: #3D3D3D;
}
.filter-container h1 {
  margin: 0;
  font-size: 16px;
  color: #707070;
}
.filter-container h2 {
  margin: 12px 0 2px 0;
  font-size: 12px;
  text-transform: uppercase;
}
.filter-container label ~ select, .filter-container label ~ input {
  display: block;
}
.filter-container select, .filter-container input[type=text] {
  width: 100%;
}
.filter-container .finding-filters-closer {
  position: relative;
  left: -12px;
}
.filter-container input.overlay-opener {
  background-color: #FFFFFF;
  color: #000000;
  cursor: pointer;
}
.filter-container.filter-container-closed {
  width: 24px;
  padding: 0 4px;
}
.filter-container.filter-container-closed h1 {
  padding-top: 16px;
}
.filter-container.filter-container-closed h1 span {
  transform: rotate(180deg);
  writing-mode: vertical-lr;
  font-size: 16px;
}

/* FILTERS EXPLORER */
/** On filter collapsible panel > active zone. */
div.filters-switch-container {
  position: absolute;
  right: 0;
  top: 0;
}
div.filters-switch-container.filters-switch-container-breadcrumb {
  top: 25px;
}
div.filters-switch-container.filters-switch-container-breadcrumb-empty {
  top: 3px;
}

.filter-toggle.active-filter-tab {
  color: white;
}

.filter-on, .comment-unread {
  color: #ff9200 !important;
}

/* Exception for the state semi possible. */
.filtered-chart-state-semi-possible .filter-on {
  color: red !important;
}

.impossible-filter {
  opacity: 0.2;
}

.filter-toggle {
  position: absolute;
  top: 4px;
  width: 24px;
  height: 23px;
  text-align: center;
  line-height: 24px;
  font-size: 14px;
  cursor: pointer;
  z-index: 10;
  background-color: #DADEE1;
}

.filter-version-toggle {
  right: 8px;
}

.filter-artefact-toggle {
  right: 37px;
}

#filter-panel .ui-panel-content {
  border: 0;
  color: #FFFFFF;
}

.filter-panel-item {
  display: none;
}

.filter-panel-item.filter-panel-on {
  display: block;
}

.filter-panel-content {
  border-width: 0;
  margin: 27px 2px 0 6px;
  color: #FFFFFF;
}

.filter-panel-content .filter-data input {
  color: #3E4F58;
}

.filter-sliders-values-label {
  color: #fff !important;
}

#filter-add-apply {
  width: 160px;
  height: 35px;
  z-index: 10;
}

.filter-add-apply-static {
  position: static;
}

.filter-add-apply-fixed {
  position: fixed;
  bottom: 0;
  margin-left: -8px;
  padding: 11px;
  box-shadow: 0 -5px 15px -5px #333;
  z-index: 2;
}

/** Input save selection. */
.filter-saved-selection {
  margin-bottom: 10px;
  width: calc(100% - 21px);
  padding: 2px 0;
  box-shadow: none;
  color: #333333;
}

/* Filters reset component for Explorer trees */
.filter-active-container {
  display: inline-block;
  padding: 0 6px;
  background-color: #565C5E;
  border-radius: 4px;
  cursor: default;
}
.filter-active-container i.active-icon {
  margin-right: 2px;
  color: orange;
}
.filter-active-container i.fa-xmark {
  color: #FFFFFF;
  cursor: pointer;
}

/** Comparative versions component. */
.filter-comparative-container {
  display: flex;
  align-items: baseline;
  column-gap: 4px;
}
.filter-comparative-container .ui-selectonemenu.ref-version-menu {
  margin-top: 2px;
}

div[id$=reference-version_panel] {
  /** By default, PF selectonemenu highlights the first available item (defined by the default selectItem).
    * When defined, default item is shown as a blank table row and can be confusing.
    * Hiding it allows the component to highlight and select the default value, if refreshed.
    * And avoid to display it to the user.
    * Must be used with NoSelectionOption attribute on f:selectItem.
    */
}
div[id$=reference-version_panel] .ui-selectonemenu-item .ref-version-selected-item-container {
  background-color: #F0F0F0;
  opacity: 0.5;
  cursor: default !important;
}
div[id$=reference-version_panel] .ui-selectonemenu-item.ui-state-highlight .ref-version-selected-item-container {
  color: #333;
  background-color: #F0F0F0;
}
div[id$=reference-version_panel] .ui-noselection-option {
  display: none !important;
}

.filter-menu-icon {
  padding-left: 3px;
  position: relative;
  top: -3px;
  cursor: pointer;
}

.filter-menu-icon i {
  font-size: 16px;
}

/** Add a small margin after a filter definition. */
.filter-group {
  margin-bottom: 9px;
}

.filter-choices {
  margin-top: 1px;
}

/** For filter popup, no wrap choices. */
.filter-choice-group {
  white-space: nowrap;
  padding-bottom: 1px;
  padding-top: 2px;
}

.filter-choice-separator {
  margin-top: 9px;
}

.filter-choice-disabled img, .filter-choice-disabled label, .disabled-icon {
  opacity: 0.3;
}

.disabled-icon {
  cursor: initial;
}

.filter-slider {
  margin: 12px 5px;
}

.filter-sliders-values-label {
  padding-right: 2px;
  text-align: right;
}

.filter-sliders-values input[type=text] {
  width: 100%;
  color: #888;
  margin-top: 2px;
  height: 23px;
}

.filter-match-radio input {
  margin: 1px 1px 3px 0;
}

.filter-wildcard {
  width: calc(100% - 19px);
  margin-right: 3px;
}

/** For ie menu item, don't display the menu if disabled. */
.menu-item-dis {
  display: none;
}

.vertical-select {
  width: 100%;
  margin-top: 2px;
}

.finding-icons-container {
  position: relative;
  margin-right: 4px;
}
.finding-icons-container i {
  font-size: 14px;
}

.finding-new {
  color: firebrick;
}

.finding-closed {
  color: darkgreen;
}

.finding-modified {
  color: black;
}

.finding-icon-idle {
  color: #000000;
}

.finding-icon-suspicious {
  color: #AE89DF;
}

.finding-multi-descr-block {
  padding: 0 0 10px 18px;
}

.finding-relax-block {
  padding-top: 3px;
}

.finding-relax-label {
  font-weight: bold;
  color: #3E4F58;
}

.finding-relax-status {
  color: firebrick;
}

.finding-icon {
  margin-right: 4px;
}

.finding-icon i {
  font-size: 14px;
}

img.finding-icon {
  height: 14px;
}

.status-icon-open {
  color: orange;
}

.status-background-open {
  background-color: orange;
}

.status-icon-confirmed, .status-icon-reviewed {
  color: #b70032;
}

.status-icon-todo {
  color: #ff2805;
}

.status-background-todo {
  background-color: #ff2805;
}

.status-background-confirmed, .status-background-reviewed {
  background-color: #b70032;
}

.status-icon-relaxed {
  color: darkgrey;
}

.status-background-relaxed {
  background-color: darkgrey;
}

/*  */
.finding-icons-container i.new-finding-indicator, .info-box i.new-finding-indicator {
  color: #FD4426;
}

.finding-icons-container i.new-finding-indicator, .finding-icons-container i.modified-finding-indicator,
.finding-icons-container i.closed-finding-indicator, .finding-icons-container i.suspicious-finding-indicator, .finding-icons-container i.read-only-finding-indicator {
  font-size: 10px;
  left: 10px;
}

.info-box i.modified-finding-indicator, .finding-icons-container i.modified-finding-indicator {
  color: #000000;
}

.info-box i.closed-finding-indicator, .finding-icons-container i.closed-finding-indicator {
  color: #7AC632;
}

.info-box i.finding-icon-suspicious, .info-box i.closed-finding-indicator,
.info-box i.new-finding-indicator {
  font-size: 12px;
}
.info-box i.modified-finding-indicator {
  font-size: 12px;
  width: 12px;
  text-align: center;
}

.read-only-indicator.read-only-indicator-with-status {
  position: absolute;
  top: 6px;
  left: 10px;
}
.read-only-indicator.read-only-indicator-with-status > i {
  font-size: 10px;
}

.artefact-finding {
  color: #3E4F58;
}

/* SUPPLEMENTAL MESSAGES */
.sm-list-container {
  overflow: auto;
  margin-top: 4px;
  margin-left: 2px;
  scrollbar-width: thin;
}

.sm-container {
  margin-bottom: 16px;
}
.sm-container .sm-location-container {
  margin-top: 4px;
}
.sm-container .sm-location-container .path-separator {
  font-size: 0.8em;
}
.sm-container .sm-location-container .sm-sc-toggler-container {
  cursor: pointer;
  user-select: none;
}
.sm-container .sm-location-container .sm-location {
  color: #525252;
}
.sm-container .sm-location-container .sm-sc-container {
  max-height: 225px;
}
.sm-container .sm-location-container .sm-sc-container .sm-sc-toggler {
  display: flex;
  justify-content: flex-end;
  z-index: 13000;
}
.sm-container .sm-location-container .sm-sc-container .sm-sc-reduced .CodeMirror {
  height: 100px;
}
.sm-container .sm-location-container .sm-sc-container .sm-sc-expanded .CodeMirror {
  height: 200px;
}

.required {
  font-weight: bold;
  color: #ff0000;
}

/** nested icon */
.input-icon-container {
  display: flex;
  align-items: stretch;
}

.input-icon-container input {
  width: 100%;
}

.input-icon-field {
  border-right: 0;
}

/* toggle */
.rule-icon-on {
  color: #1B95BE;
}

.rule-icon-off {
  color: #DA1F37;
}

.rule-icon-read-only {
  opacity: 50%;
}

/* upload component */
.upload-container {
  width: 500px;
  min-width: 400px;
  max-width: 800px;
}
.upload-container .ui-fileupload {
  display: inline-block;
  width: 100%;
}
.upload-container .ui-fileupload-filename {
  word-break: initial;
}

/* pure form extension */
.custom-form {
  height: 100%;
}

.radio-inline {
  display: inline-block;
  vertical-align: middle;
}

.radio-inline td {
  padding-right: 6px;
}

.radio-check-span {
  display: inline-block;
  padding: 0.5em 0;
  vertical-align: middle;
}

.radio-check-span label {
  display: inline !important;
  width: initial !important;
  padding-left: 0.5em;
  text-align: left;
}

.radio-check-page-direction td {
  padding-bottom: 3px;
}

.inline-multi-checkbox-label {
  width: auto !important;
  padding-left: 0.5em !important;
}

.tag[disabled] {
  background-color: blue;
}

.tag-checkbox-option {
  display: inline;
  border-collapse: separate;
  border-spacing: 0 1em;
}

.tag-checkbox-option td label {
  width: auto !important;
  margin: 0 1.8em 0 0.3em !important;
  text-align: left !important;
}

.tag-checkbox-option td input {
  display: inline !important;
}

.tag-checkbox-option td:last-child,
.tag-checkbox-option td:last-child input {
  width: 100%;
}

.pure-custom-calendar {
  display: inline-block;
}

.pure-custom-calendar input {
  background-color: #FFF !important;
}

.pure-table-custom, .pure-table-custom-3td {
  table-layout: fixed;
  width: 60%;
  margin-bottom: 2em;
}

.pure-table-custom td:first-child {
  text-align: right;
}

.pure-table-custom-3td {
  table-layout: fixed;
  width: 60%;
  margin-bottom: 2em;
  text-align: right;
}

.pure-custom-autocomplete {
  height: 25px !important;
}

.pure-flex-container {
  display: flex;
  align-items: center;
}

.pure-flex-container input {
  flex: 1;
}

.pure-flex-container table {
  border-collapse: separate;
  border-spacing: 0.5em;
}

.pure-flex-container table label {
  display: inline !important;
  width: auto !important;
  text-align: left !important;
}

.flex-tag-input-autocomplete ul {
  width: 100% !important;
  box-sizing: border-box;
}

.flex-tag-input table {
  border-collapse: separate;
  border-spacing: 0 5px;
}

.flex-tag-input table label {
  display: inline !important;
  width: 100% !important;
  text-align: left;
}

.pure-control-group.flex-container {
  display: flex;
  align-items: center;
  line-height: 26px;
}

.pure-control-group.flex-container table td {
  line-height: initial;
}

.pure-control-group.flex-container select {
  width: 100%;
}

.width-20 {
  width: 25% !important;
  min-width: 300px;
}

.width-30 {
  width: 30% !important;
  min-width: 250px;
}

/* FIELDS */
.editorLabel {
  width: 30% !important;
}

.editorInput {
  width: 60% !important;
}

.flex-tooltip {
  display: inline;
  margin-left: 1%;
}

/* object trees form */
.sub-form {
  display: block;
  margin-right: 10px;
  padding: 0 0 5px 5px;
  border-radius: 8px;
  background-color: #F0F0F0;
  border: 1px dashed #E8E8E8;
}

/* grid forms */
.form-stacked-group {
  margin: 16px 0;
}
.form-stacked-group input[type=text], .form-stacked-group input[type=password], .form-stacked-group select {
  display: inline-block;
  width: 180px;
}

table.tag-rd td label {
  text-align: left !important;
}

/* * * * * */
/* HEADERS */
/* * * * * */
.levelTwo {
  background-image: none;
  border-width: 0;
  color: #3E4F58;
}

.header-page-title {
  font-size: 15px;
  margin-right: 7px;
  vertical-align: middle;
}

.gray_fieldset {
  border-color: #aaa;
  margin: 0 0 12px 0;
}

.title_legend {
  font-size: 14px;
  font-weight: bold;
}

.panel-no-padding .ui-panel-content {
  padding: 0 !important;
}

/* * * * */
/* ICONS */
/* * * * */
.table-icon {
  font-size: 14px;
  color: black;
}

.tooltip-icon {
  vertical-align: middle;
  font-size: 14px;
  opacity: 0.7;
  color: black;
}
.tooltip-icon:hover {
  opacity: 1;
}

/** sub-icon position */
.icon-indicator-top {
  font-size: 8px;
  position: absolute;
  top: -6px;
  left: 8px;
}
.icon-indicator-top.icon-gutter {
  top: -1px;
}
.icon-indicator-top.icon-tooltip {
  top: -1px;
  left: 12px;
}

.icon-indicator-sub {
  font-size: 8px;
  position: absolute;
  top: 6px;
  left: 8px;
}
.icon-indicator-sub.icon-gutter {
  top: 8px;
}
.icon-indicator-sub.icon-tooltip {
  top: 8px;
  left: 12px;
}

/* Version icons */
.clean-version-icon {
  color: #aaa;
}

.dirty-version-icon {
  color: #FFA047;
}

/* add/remove fields for wizards */
.tool-add-field {
  position: relative;
  left: 5px;
  margin-right: 5px;
  cursor: pointer;
}

.tool-remove-field {
  position: relative;
  left: 5px;
  margin-right: 4px;
  cursor: pointer;
}

/** External link icon. */
.external-link-icon {
  height: 8px;
  padding-left: 3px;
}

/* Fields */
.field-descr-icon {
  font-size: 15px;
  vertical-align: middle;
}

/* Archive */
i.archive-arrow-action {
  position: absolute;
  top: -6px;
  left: 14px;
  font-size: 11px !important;
}

i.archive-arrow {
  position: absolute;
  top: -6px;
  left: 8px;
  font-size: 10px;
}

/* Filter with exclamation. */
.filter-index {
  position: relative;
  font-size: 0.5em;
  width: 2.5em;
  height: 2.3em;
}
.filter-index i:last-child {
  position: absolute;
  font-size: 1.4em;
  top: 0.4em;
  left: 0.6em;
}

/* * * * */
/* MENUS */
/* * * * */
/* (eg: Documents tab) */
.menu-vertical-folder-icons {
  flex: 0 0 150px;
}
.menu-vertical-folder-icons ul {
  list-style: none;
  margin-top: 3px;
  padding-left: 8px;
}
.menu-vertical-folder-icons ul span li {
  padding: 0 5px 5px 5px;
}
.menu-vertical-folder-icons ul span li a {
  width: 70px;
  display: inline-block;
  padding: 5px 10px;
  background-color: #FFFFFF;
  font-size: 12px !important;
}
.menu-vertical-folder-icons ul span li a::before {
  margin-right: 6px;
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
}
.menu-vertical-folder-icons ul span.selected li a {
  background-color: #DDDDDD;
}
.menu-vertical-folder-icons ul span.selected li a::before {
  content: "\f07c";
}
.menu-vertical-folder-icons ul span.unselected li a::before {
  content: "\f07b";
}

/* * * * * **/
/* MESSAGES */
/* * * * * **/
/* Severity */
.debug {
  color: grey;
}

.info {
  color: blue;
}

.warn {
  color: orange;
}

.error {
  color: red;
}

.fatal {
  color: red;
}

/* WARNING */
.message-warning {
  font-style: italic;
  color: orange;
}

/* VALIDATION */
.message-validation {
  display: none;
  margin: 0;
  color: #1D9E74;
  font-size: 10px;
}

.message-validation::before {
  content: "\f00c";
  margin-right: 2px;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
}

.message-validation-hidden {
  display: inline-block;
  opacity: 0;
  margin: 0;
  color: #1D9E74;
}

.message-validation-hidden::before {
  content: "\f00c";
  margin-right: 2px;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
}

/* ERROR */
.message-error {
  display: inline-block;
  margin: 0 4px;
  color: #FF0000;
}
.message-error::before {
  content: "\f00d";
  margin-right: 2px;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
}

.errors-descr, .errors-stack {
  padding-left: 3px;
  padding-top: 10px;
  list-style-type: none;
}

.errors-stack {
  background-color: #dddddd;
  padding: 5px;
  border: 1px solid #aaa;
  font-family: monospace;
}

.errors-stack li {
  white-space: pre;
}

/* Titles with filtered / all counts of items */
.title-container > span:first-child {
  font-size: 18px;
  font-weight: bold;
}
.title-container > span:nth-child(2) {
  margin-right: 8px;
  font-size: 16px;
  font-weight: bold;
  text-transform: lowercase;
}

/* HELP TEXT */
.message-help {
  min-width: 400px;
  max-width: 33%;
  line-height: 1.2em;
}

.message-help-xl {
  min-width: 400px;
  max-width: 50%;
  line-height: 1.2em;
}

/* ZONES */
.message-zone {
  padding: 8px !important;
}
.message-zone legend {
  width: auto;
  margin-bottom: 0;
  padding: 0 8px;
  border: 0;
}
.message-zone.danger-zone {
  border: 1px solid #FF0000;
}
.message-zone.danger-zone legend {
  color: #FF0000;
}
.message-zone.warning-zone {
  border: 1px solid #FDA826;
}
.message-zone.warning-zone legend {
  color: #FDA826;
}

/* e.g. : Agent */
.message-code-example {
  max-width: 550px;
  padding: 8px 8px 8px 16px;
  background-color: #EBEBEB;
  border-radius: 4px;
  font-family: monospace, monospace;
}

/* Projects */
.project_status_link {
  text-decoration: underline;
}

/* Disabled link */
.disabled-link {
  color: #aaa;
}

.tooltip-disabled-link {
  font-style: italic;
  color: #ff9200;
}

/* Model checker */
.model_checker_ERR {
  color: #ff0000 !important;
}

.model_checker_WARN {
  color: #ff7f00 !important;
}

.model_checker_INFO {
  color: #0000ff !important;
}

.user-dead {
  text-decoration: line-through;
}

/* For rule names with syntax __italic__ */
.italic-html-name i {
  font-family: monospace;
}

/* * * * * * * */
/* MILESTONES  */
/* * * * * * * */
.fixed-first-column {
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: separate;
}
.fixed-first-column input {
  width: 100%;
}

.fixed-first-column > tbody > tr > td, .fixed-first-column > tbody > tr > th {
  vertical-align: top;
  padding: 3px 5px;
  text-align: right;
  height: 27px;
  border-bottom: 1px solid #DADADA;
}

.fixed-first-column > tbody > tr > td {
  min-width: 165px;
  height: 30px;
  line-height: 30px;
  border-left: 1px solid #DADADA;
}

.fixed-first-column > tbody > tr > th {
  position: absolute;
  left: 0;
  width: 222px;
  height: 30px;
}

.fixed-first-column-outer {
  position: relative;
}

.fixed-first-column-inner {
  overflow-x: auto;
  overflow-y: visible;
  margin-left: 21em;
}

.fixed-first-column-header {
  font-weight: bold;
}

.fixed-first-column-header > th {
  height: 30px !important;
}

.fixed-first-column-header > td > input {
  width: 15em;
  vertical-align: text-bottom;
}

.editable-goal a:first-child {
  display: inline-block;
  width: 100%;
  min-height: 30px;
}

.editable-goal:hover a:first-child:empty::after {
  content: "Click to add a value";
  color: #808080;
}

.editable-goal input {
  text-align: right;
}

.editable-goal .editable-goal-modified {
  color: #000000;
}

.editable-goal a.editable-goal-modified-reset {
  margin-left: 8px;
}

.editable-goal span i {
  margin-left: 3px;
  cursor: pointer;
}

.milestone-goal-error {
  margin-left: 4px;
  text-align: left;
  line-height: initial;
  color: #FF0000;
}

#SCMPPanel_content_scroller {
  overflow: hidden;
}

.relaxFindingContainer {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: stretch;
  max-width: 785px;
}

.relaxFindingContainer > div {
  flex: 0 1 auto;
  margin-right: 2em;
}

.relaxFindingContainer .relaxSeparator {
  margin-top: 5px;
  border: 1px solid #EBEBEB;
}

.relaxFindingContainer form, .multiRelaxFinding form, .addFinding form {
  width: 550px;
}

.addFinding, .relaxFinding, .multiRelaxFinding {
  min-width: 400px;
  max-width: initial;
  margin: 10px 0 10px 4px;
  padding-left: 5px;
  background-color: #FFF;
}

.addFinding-background {
  padding: 0 0 4px 0 !important;
  background-color: #CCE2FF !important;
}

.addFinding-side {
  border-left: 3px solid #CCE2FF !important;
}

.addFinding select, .addFinding textarea,
.relaxFinding select, .relaxFinding textarea, .multiRelaxFinding textarea {
  width: 100%;
}

.relaxFinding table {
  width: 100%;
  margin-bottom: 10px;
  background-color: #EBEBEB;
  text-align: left;
}

.relaxFinding table th {
  width: 95px;
}

.relaxFinding table th, .relaxFinding table td {
  padding: 5px;
  vertical-align: top;
  line-height: 1.5em;
}

.multiRelaxFinding select {
  width: 50%;
}

.relaxFinding-background {
  z-index: 0 !important;
  padding: 0 0 4px 0 !important;
  background-color: #FFD362 !important;
}

.relaxFinding-side {
  border-left: 3px solid #FFD362;
}

.relaxFinding-noside {
  margin-left: 0;
  padding-left: 0;
  border-left: 0;
}

.suspicious-field label {
  display: inline-block;
  margin: 15px 5px 15px 0;
}

.closeFinding {
  width: 200px;
  align-self: center;
}

.buttonCloseDecision {
  margin-top: 10px;
}

.buttonCloseDecision button:first-child {
  margin-right: 10px;
}

.addFinding-gutter-selected {
  font-weight: bold;
  text-decoration: underline;
}

.addFinding-wrap-selected pre {
  font-weight: bold;
}

.cm-tt {
  position: fixed;
  padding: 5px;
  text-align: left;
  z-index: 13000;
  max-width: 800px;
  border: 1px solid #565C5E;
  background-color: #FFFFFF;
  color: #3E4F58;
}

/** Hack IE 10/11 to avoid breaking path */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .display-path {
    margin-right: 16px;
  }
}
.sc-view {
  width: 100%;
  overflow: auto;
}

.display-path {
  min-height: 16px;
  margin-bottom: 0;
  padding: 4px;
  background-color: #FFFFFF;
  word-break: break-all;
  word-wrap: break-word;
  text-align: left;
  font-family: Arial, Verdana, sans-serif;
  font-style: italic;
  color: #707070;
}

.CodeMirror-linewidget:has(.display-path) {
  background-color: transparent !important;
}

.center-me {
  background-color: #FFD362 !important;
  /* Force the active line color (#FFD362) if the line is contained in a diff container. */
}
.center-me > .CodeMirror-merge-r-chunk {
  background-color: inherit;
}

.center-me .CodeMirror-squore-covered-line,
.center-me .CodeMirror-squore-uncovered-line,
.center-me .CodeMirror-activeline-background {
  background-color: #FFD362 !important;
}

.credentials-radio {
  margin: 8px 0;
}

.credentials-radio label {
  display: inline !important;
  margin-right: 24px;
  padding-left: 0.3em;
  vertical-align: middle;
}

.bubble-line-warn {
  display: inline-block;
  color: white;
  font-size: 12px;
  background-color: orange;
  margin-bottom: 8px;
  border-radius: 5px;
  width: 100%;
}

.bubble-line-warn-content {
  padding: 7px;
  display: inline-block;
}

/* * * * * * * */
/* CODE MIRROR */
/* * * * * * * */
.CodeMirror-squore-covered-line {
  background-color: rgb(200, 250, 200);
}

.CodeMirror-squore-uncovered-line {
  background-color: rgb(250, 200, 200);
}

.CodeMirror-squore-coverage {
  width: 3px;
}

.CodeMirror-squore-cover {
  background-color: rgb(100, 200, 100);
}

.CodeMirror-squore-uncover {
  background-color: rgb(200, 100, 100);
}

.CodeMirror-squore-cover, .CodeMirror-squore-uncover {
  background-image: none;
  cursor: pointer;
  display: inline-block;
  height: 11px;
  width: 100%;
  vertical-align: middle;
  position: relative;
  bottom: 1px;
}

.CodeMirror-lint-marker-compare:before {
  content: "\f0c5";
  color: black;
  font-weight: 400 !important;
}

.CodeMirror-lint-marker-warning:before {
  content: "\f071";
  color: orange;
}

.CodeMirror-lint-marker-relaxed:before {
  content: "\f071";
  color: darkgray;
}

.CodeMirror-lint-marker-suspicious:before {
  content: "\f071";
  color: #ae89df;
}

.CodeMirror-lint-marker-confirmed:before {
  content: "\f071";
  color: #b70032;
}

.CodeMirror-lint-marker-multiple {
  position: absolute !important;
  top: -2px !important;
  left: -4px !important;
}
.CodeMirror-lint-marker-multiple::before {
  font-size: 9px !important;
}

.CodeMirror-lint-marker-compare, .CodeMirror-lint-marker-warning,
.CodeMirror-lint-marker-relaxed, .CodeMirror-lint-marker-suspicious,
.CodeMirror-lint-marker-confirmed {
  background-image: none;
  cursor: pointer;
  display: inline-block;
  height: 16px;
  width: 16px;
  vertical-align: middle;
  position: relative;
  top: -2px;
  left: 3px;
  bottom: 1px;
}

.CodeMirror-lint-marker-compare:before, .CodeMirror-lint-marker-warning:before,
.CodeMirror-lint-marker-relaxed:before, .CodeMirror-lint-marker-suspicious:before,
.CodeMirror-lint-marker-confirmed:before {
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  font-size: 11px;
  vertical-align: sub;
}

/* CODE MIRROR: add and relax findings widget */
.CodeMirror-linewidget {
  z-index: 12000;
  width: 100% !important;
  margin-top: -4px;
  background-color: #FFFFFF;
}

.can-create .CodeMirror-linenumber {
  cursor: pointer;
}

.CodeMirror-activeline-background {
  background-color: #e8f2ff !important;
}

.CodeMirror-dialog {
  z-index: 15000 !important;
}

.CodeMirror-cloning {
  width: 16px;
}

.CodeMirror-markers-count {
  width: 16px;
}

.CodeMirror-markers-count {
  width: 16px;
}

.CodeMirror-vscrollbar {
  scrollbar-width: thin;
}

.cm-field-error {
  margin-left: 1em;
  font-size: 1.1em;
  font-weight: bold;
  color: #F00;
}

/** Token classes for logs custom mode for CodeMirror (parser : codemirror-mode-logs.js) */
/** logs with INFO level */
.cm-level-info {
  color: #999999;
}

/** logs with WARNING level */
.cm-level-warn {
  color: #FFA500;
}

/** logs with ERROR level */
.cm-level-error {
  color: #FF0000;
}

/* * * * */
/* TABLE */
/* * * * */
/* Action buttons container */
.table-action-buttons-container a, .table-action-buttons-container span.ui-commandlink.ui-state-disabled {
  margin-right: 4px;
}
.table-action-buttons-container i {
  font-size: 14px;
  color: #000000;
}
.table-action-buttons-container .buttons-separator {
  font-size: 16px;
  color: grey;
}

/* Common properties */
.checkall {
  margin: 0;
}

.border-table, .border-table td {
  border: 1px solid #ddd;
}

.border-table td {
  padding: 1px 4px 1px 4px;
}

.column-toggle {
  width: 0 !important;
  min-width: 16px !important;
  border-right-width: 0;
}

.column-toggle i {
  font-size: 13px;
}

.fake-column {
  min-width: 8px !important;
  padding: 0 !important;
}

.table-cell-height-34 td {
  height: 34px;
}

/* Projects */
.projects-table {
  min-width: 1200px;
  /* expansion */
}
.projects-table .column-checkbox, .projects-table .column-visibility {
  width: 16px;
  min-width: unset !important;
}
.projects-table .column-name, .projects-table .column-version {
  width: 230px !important;
}
.projects-table .column-model, .projects-table .column-owner {
  width: 150px !important;
}
.projects-table .column-task-time {
  width: 175px !important;
}
.projects-table .column-status {
  width: 200px !important;
}
.projects-table .column-action {
  text-align: center;
}
.projects-table .column-name .name-label-container, .projects-table .column-version > span {
  width: inherit;
}
.projects-table .column-name .name-label-container .name-label, .projects-table .column-version span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.projects-table .column-name .project-icon {
  width: 16px;
  height: 16px;
}
.projects-table .column-name .project-rating-warning-spot {
  position: absolute;
  top: 8px;
  left: calc(50% + 4px);
  color: #FDA826;
}
.projects-table .column-name .project-rating-failed-spot {
  position: absolute;
  top: 10px;
  left: calc(50% + 3px);
  color: #FF0000;
  font-size: 12px;
}
.projects-table .column-name .project-meta-spot {
  position: absolute;
  top: -4px;
  left: 10px;
  font-size: 9px;
}
.projects-table .column-name .project-meta-spot-text {
  position: relative;
  top: -6px;
  left: 0;
  font-size: 9px;
}
.projects-table .column-version > span > span {
  width: auto;
}
.projects-table .column-version > span > span.overflow {
  display: inline-block;
  max-width: 230px;
}
.projects-table .column-action-baseline::before {
  content: "\f024";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  font-size: 14px;
}
.projects-table .build-progress-bar {
  height: 4px;
  border-radius: 0;
}
.projects-table .myprojects-contextual-actions {
  cursor: pointer;
}
.projects-table .myprojects-contextual-actions i {
  font-size: 14px;
}
.projects-table .projects-contextual-actions .ui-menuitem-icon {
  text-align: center;
}
.projects-table .progress-ellipsis {
  display: inline-block;
  text-overflow: ellipsis;
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
}
.projects-table .table-projects-expansion > td {
  padding: 0 !important;
}
.projects-table .table-projects-subtable > div > table > thead {
  display: none !important;
}
.projects-table .table-projects-subtable table {
  width: unset;
}
.projects-table .table-projects-subtable table tr {
  border-top: 0 !important;
  border-bottom: 0 !important;
}
.projects-table .table-projects-subtable table tr:first-child .toggle-group-line, .projects-table .table-projects-subtable table tr:last-child .toggle-group-line {
  height: 28px;
}
.projects-table .table-projects-subtable table tr:first-child .toggle-group-line {
  margin-top: 8px;
}
.projects-table .table-projects-subtable table tr:last-child .toggle-group-line {
  margin-bottom: 8px;
}
.projects-table .table-projects-subtable table .toggle-group-line {
  display: block;
  height: 36px;
  width: 0;
  margin-left: 6px;
  border-left: 2px solid #737373;
}

/* Members */
.members-table-container .ui-datatable, .members-table-container .ui-datatable-tablewrapper {
  max-width: 650px;
}
.members-table-container table {
  table-layout: auto;
}
.members-table-container table.no-table-header thead {
  display: none;
}
.members-table-container table tbody .ui-rowgroup-header, .members-table-container table tbody .ui-rowgroup-header:hover {
  background-color: #F9F9F9 !important;
}
.members-table-container table tbody .ui-rowgroup-header td {
  padding: 8px 0;
  font-size: 14px;
}
.members-table-container table tbody .ui-rowgroup-header td .ui-rowgroup-toggler-icon {
  font-size: 16px !important;
}
.members-table-container table tbody .ui-rowgroup-header td span.column-remove i {
  font-size: 10px;
  color: #333333;
}
.members-table-container table tbody td.column-identity {
  min-width: 300px;
}
.members-table-container table tbody td.column-identity i {
  font-size: 14px;
}
.members-table-container table tbody td.column-identity i.fa-circle-info {
  color: orange;
}
.members-table-container table tbody td.column-identity i:not(.fa-circle-info) {
  color: #333333;
}
.members-table-container table tbody td.column-identity span.second-identity {
  font-size: 0.95em;
  color: #8e8e8e;
}
.members-table-container table tbody td.column-remove {
  width: 32px;
  text-align: center;
}

/* measures chart table */
.first-column-labels, .first-column-labels-width, .first-column-labels-top, .first-column-labels-top-padding {
  text-align: right;
}

.first-column-labels-width {
  min-width: 150px;
}

.first-column-labels-top {
  vertical-align: top;
  line-height: 20px;
}

.first-column-labels-top-padding, .column-padding {
  vertical-align: top;
  padding-bottom: 6px !important;
  padding-right: 6px !important;
}

.first-column-labels-top-padding {
  font-weight: bold;
}

/* "About" popup */
.about-general-table th, .about-general-table td {
  vertical-align: top;
}
.about-general-table th {
  padding: 2px 8px 2px 16px;
  text-align: right;
  font-weight: bold;
  white-space: nowrap;
}
.about-general-table td {
  width: 100%;
  padding: 2px 4px;
}
.about-general-table .row-group {
  padding: 6px;
  text-align: left;
}

/* Versions */
.versions-table tr.inherited-version {
  color: #b7b7b7 !important;
}

.trn-inherited-version {
  opacity: 0.6 !important;
}

/* * * * */
/* TASKS */
/* * * * */
#tasks-management {
  margin: 10px 0 0 10px;
}

#tasks-list {
  position: relative;
  padding: 0;
  margin: 0;
  list-style: none;
}

#tasks-list li.task-item {
  min-height: 50px;
  margin-bottom: 5px;
}

#tasks-list li.task-item::before {
  position: absolute;
  top: 0;
  left: 160px;
  content: "";
  height: 100%;
  width: 2px;
  background-color: #E8E8E8;
  z-index: 1;
}

#tasks-list li.task-item .scale-container {
  margin-left: 4px;
  padding: 4px 6px;
  font-weight: normal;
}

#tasks-list li.task-item .scale-container.task-all-branches {
  background-color: #FFFFFF;
  border: 1px solid #848B8E;
  color: #000000;
}

#tasks-list li.task-item > div {
  position: relative;
  display: flex;
  flex-direction: row;
}

#tasks-list li.task-item > div > div:first-child {
  flex: 0 0 190px;
  width: 190px;
  color: #757575;
  line-height: 24px;
}

#tasks-list li.task-item > div > div.timeline-marker {
  position: absolute;
  top: 0;
  left: 151px;
  z-index: 2;
}

#tasks-list li.task-separator {
  position: relative;
  height: 40px;
  margin: 0 0 45px 40px;
  background: rgb(255, 255, 255);
  line-height: 40px;
  color: #757575;
  z-index: 3;
}

.task-icon-small {
  width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  font-size: 11px !important;
}

.task-submitted,
.task-started,
.task-done,
.task-failed,
.task-cancelled,
.task-warning,
.task-unknown {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  line-height: 20px;
  font-size: 14px;
  background-color: #FFFFFF;
  text-align: center;
  color: #FFFFFF;
}

.task-submitted {
  top: -3px;
  color: #000000;
  font-size: 16px;
}

.task-started {
  color: #000000;
  font-size: 20px;
}

.task-done {
  background-color: #7AC632;
}

.task-failed {
  background-color: #FD4426;
}

.task-cancelled {
  background-color: #000000;
}

.task-warning {
  background-color: #FDA826;
}

.task-unknown {
  background-color: #dddddd;
}

.task-status {
  flex: 1 1 auto;
  min-width: 300px;
}

.task-status-textual-warning {
  color: #FDA826;
}

.task-status-textual-error {
  color: #FD4426;
}

.task-status span.task-status-code {
  display: inline-block;
  font-size: 1.04em;
  font-weight: bold;
  cursor: pointer;
}

.task-status .task-infos {
  overflow: hidden;
  transition: height 0.2s ease-out;
  height: auto;
}

.task-infos table {
  margin: 10px 0;
  border-collapse: collapse;
}

.task-infos table th {
  padding-right: 10px;
  text-align: right;
  font-weight: bold;
}

.task-infos table td {
  text-align: left;
  font-weight: normal;
}

.task-infos table th,
.task-status .task-infos table td {
  padding: 3px;
  vertical-align: top;
}

.task-infos table tr.submitted-date-spacer th,
.task-infos table tr.submitted-date-spacer td,
.task-infos table tr#task-completion-status th,
.task-infos table tr#task-completion-status td {
  padding-top: 8px;
}

.task-infos table tr.elapsed-time-spacer th,
.task-status .task-infos table tr.elapsed-time-spacer td {
  padding-bottom: 8px;
}

.task-infos #task-completion-status a {
  color: #3E4F58 !important;
}

.task-status .task-infos .task-logs {
  margin-bottom: 20px;
  line-height: 25px;
}

.task-status .task-infos .task-logs a.pure-button {
  margin-right: 4px;
}

.task-status .task-logs-collapser {
  margin-left: 7px;
  cursor: pointer;
}

.task-status .task-infos .task-logs .task-logs-container {
  margin-top: 8px;
}

.task-status .task-infos .task-logs .task-logs-container .CodeMirror {
  height: auto;
}

.task-view-more {
  margin: 8px 0 16px 100px;
}

/* * * * */
/* TREES */
/* * * * */
.link, .link-on {
  cursor: pointer;
}

.link-off {
  opacity: 0.5;
  cursor: default;
}

.panelTree {
  height: 100%;
  width: 100%;
}

.panelTree .tree-icon-rating {
  width: 16px;
  height: 16px;
}

.panelTree .tree-icon-evolution {
  height: 14px;
  margin-left: 1px;
}

.panelTree .trn-art-data, .panelTree .trn-mes-data {
  margin-left: 3px;
}

.build-options-icon i {
  cursor: pointer;
}

.build-context-menu .ui-menuitem-icon {
  text-align: center;
}

.panel-tree-project .ui-panel-content {
  border: 0 !important;
}
.panel-tree-project .version-marker .ui-treenode-label {
  position: relative;
}
.panel-tree-project .version-marker .version-marker-icon {
  position: absolute;
  top: 12px;
  left: 14px;
}
.panel-tree-project .version-marker .version-marker-icon.warning-marker {
  color: orange;
}

.artefact-tree-header {
  line-height: 15px;
}

.explorer-tree-container {
  position: relative;
  box-sizing: border-box;
}

.explorer-tree-container .ui-panel .ui-panel-titlebar {
  padding: 3px;
  line-height: 20px;
}

.explorer-tree-container .ui-panel .ui-panel-title {
  padding-left: 0;
}

.explorer-tree-container .ui-panel .ui-panel-content {
  height: calc(100% - 30px);
  overflow: auto;
  padding: 0;
}

/** Specific to the chart editor. */
.chart-editor-form .tree-container {
  min-height: 50px;
}

/* TREE MENU */
.tree-menu {
  display: none;
  position: absolute;
  vertical-align: baseline;
  border: 1px solid #c8c8c8;
  border-radius: 3px;
  box-shadow: 0 3px 0.429em 0 rgba(0, 0, 0, 0.16);
  text-align: left;
  background-color: #FFF;
  z-index: 5000;
}

.tree-menu ul {
  left: auto;
  margin: 0;
  padding: 0;
  outline: 0;
  list-style: none;
  line-height: normal;
  text-align: left;
}

.tree-menu a {
  padding: 0 0.857em;
  font-weight: 400;
  line-height: 30px;
  color: #3E4F58;
}

.tree-menu i {
  height: 1em;
  width: 1em;
  margin-right: 0.429em;
  vertical-align: middle;
  font-size: 1.25em;
  color: #333;
}

.tree-menu a .submenu_link {
  padding: 0;
  font-size: 11px;
}

.tree-menu hr {
  width: 100%;
  height: 0;
  margin: 1px 0 0 0;
  padding: 0;
  border-bottom: 1px solid #C8C8C8;
  border-top: 0 none;
}

.tree-menu-ellipsis {
  width: 99%;
  max-width: 0;
  padding: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tree-menu-dirty-container {
  position: relative;
  display: inline;
}

.tree-menu-dirty-icon {
  position: absolute;
  top: -2px;
  left: -5px;
  width: 7px;
  height: 7px;
}

.tree-menu .menu-item-visible:not(.menu-item-active) {
  pointer-events: none;
}

.tree-menu .menu-item-visible i, .tree-menu .menu-item-visible span {
  color: lightgrey;
}

.tree-menu .menu-item-visible.menu-item-active i, .tree-menu .menu-item-visible.menu-item-active span {
  color: #333;
}

.tree-menu a {
  display: block;
}

/** INDICATORS TREE */
#treeForm\:tree-indicator .ui-treenode-content.ui-state-highlight .trn-mes-data {
  color: #FFFFFF !important;
}

/** Style for font-awesome icon on the header panel tree. */
.tree-fa-icon {
  float: left;
  font-size: 14px;
  margin-right: 3px;
}

body .tree-menu-icon {
  display: none;
}

.ui-treenode-label:hover .tree-menu-icon {
  display: block;
}

.ui-state-highlight .tree-menu-icon {
  color: #ffffff;
}

.tree-container {
  padding-right: 20px;
  margin-bottom: 10px;
}

.tree-form {
  padding-left: 20px;
}

.tree-form li {
  list-style-type: none;
  padding: 10px 0;
}

.tree-form .sub-form-command {
  padding-left: 20px;
}

.treenode-title a {
  font-size: 12px;
  font-weight: bold;
  color: #000 !important;
}

.treenode-title .pre {
  margin-right: 5px;
}

.treenode-title .post {
  margin-left: 5px;
}

/* QUICK SEARCH: Set size of the search box */
.artefact-quick-search {
  float: right;
  position: relative;
  margin: 0;
  padding: 0;
  height: 18px;
}