@charset "UTF-8";
@import url("/assets/common/utils-9c1b93fa.css");
@import url("/assets/components/c_account-ec45dc59.css");
@import url("/assets/components/c_analysis_table-6a48f7b9.css");
@import url("/assets/components/c_multi_replace-a65289d1.css");
@import url("/assets/components/c_table_row_highlight-3e02167c.css");
@import url("/assets/analysis/indicator_phase_linked_component-4ac7d09a.css");
@import url("/assets/analysis/normalized_indicators_table_component-6a9c6f3b.css");
@import url("/assets/database/db_modules/sidebar_documentation_component-701d7a85.css");
@import url("/assets/database/db_modules/link_to_sidebar_documentation_component-6e98821c.css");
@import url("/assets/make/cs_module_form/scenario_selector_component-3e337fdc.css");
@import url("/assets/make/cs_modules/multi_replace/form_component-adeb0e36.css");
@import url("/assets/make/cs_modules/multi_replace/replacement_report_component-631dfda4.css");
@import url("/assets/ui/sidebar_component-a8248b7c.css");
@import url("/assets/ui/variables_table_component-e33c6e89.css");
@import url("/assets/controllers/tableview_reorder-532c1666.css");
@import url("/assets/views/make/parameters-f2bdeef3.css");
body {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  height: 100vh;
}

dialog {
  color: var(--bs-body-color);
}

.card.card-in-group > :is(.card-header, .card-footer) {
  border-radius: 0;
}

.card.card-in-group {
  border-radius: 0;
  height: 100%;
  border-left: none;
  border-top: none;
  border-bottom: none;
}

.card.card-border-none {
  border: none;
}

.text-bg-danger {
  color: #fff !important;
}

.btn-outline-danger:hover {
  color: #fff;
}

.btn-outline-success:hover {
  color: #fff;
}

.btn-round {
  border-radius: 50%;
}

.md-editor > textarea {
  font-family: unset;
}

.modal-body kbd {
  float: right;
  text-align: right;
}

#modal-shortcuts .modal-body .row {
  justify-content: space-between;
}
#modal-shortcuts .modal-body .row .col-6 {
  width: 48%;
  position: relative;
}
#modal-shortcuts .modal-body .row .col-6:first-child::after {
  content: "";
  border-right: 1px solid rgba(0, 0, 0, 0.15);
  height: 100%;
  top: 0;
  right: -1.5rem;
  position: absolute;
}

.dropdown-menu .filter .form-group > label,
.dropdown-menu .filter .items-filter__form-group > label,
.dropdown-menu .filter .items-filter__body .items-filter__form-group > label {
  font-size: 1rem;
  font-weight: 700;
}
.dropdown-menu .filter label:not(.form-check-label),
.dropdown-menu .filter .form-check:nth-child(n+1) {
  margin-top: 0.8rem;
}
.dropdown-menu .filter button.multiselect.dropdown-toggle {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.dropdown.use-bootstrap-select input[type=text] {
  position: relative;
}

.c-analysis-layout__center-space {
  min-height: 0;
}

.c-analysis-layout__overview-panel {
  height: 100%;
}

.c-analysis-layout__overview-panel > .panel-body {
  min-height: 0;
}

.c-analysis-layout turbo-frame#analysis-overview {
  display: block;
  height: 100%;
}

.c-comparison-form__container {
  --c-comparison-form-gap: 2rem;
}

.c-comparison-form__parts {
  display: flex;
  flex-direction: column;
}

.c-comparison-form__container .c-comparison-form {
  margin: 2rem 0;
}

.c-comparison-form__container {
  border: 1px solid var(--bs-border-color-translucent);
  border-radius: 0.375rem;
  padding: var(--c-comparison-form-gap);
  overflow-y: scroll;
}

.c-comparison-form__container > h2 {
  align-self: center;
}

.c-comparison-form__container ol.c-treeview__children > li:nth-of-type(odd) {
  background-color: white;
}

.c-comparison-form__parts, .c-comparison-form__part-1 {
  gap: var(--c-comparison-form-gap);
}

.c-comparison-form__container > h2 {
  margin-bottom: 2rem;
}

.c-comparison-form__submit {
  margin-top: 1rem;
}

.c-comparison-form, .c-comparison-form__part-1 {
  align-items: center;
}

.c-comparison-form__search-results {
  border: 1px solid var(--bs-border-color-translucent);
  border-radius: 0.375rem;
  padding: 0.5rem;
  height: 75vh;
}

body.c-layout {
  height: 100vh;
  display: flex;
  flex-flow: column nowrap;
}
body.c-layout > .c-layout__main {
  flex: 1 1 auto;
  min-height: 0;
}

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

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

.c-login__native-link {
  text-align: center;
}
.c-login__native-link:hover {
  text-decoration: underline;
}

.c-database-layout {
  flex-wrap: nowrap;
}
.c-database-layout > .panel, .c-database-layout > .panel > .panel, .c-database-layout > .panel > .panel > .panel-group {
  flex-wrap: nowrap;
  flex: 1 1 auto;
}
.c-database-layout > .panel, .c-database-layout > .panel > .panel > .panel-group {
  height: 100%;
}
.c-database-layout.panel-deck {
  margin-left: 0;
  margin-right: 0;
  padding: 0.25rem;
}
.c-database-layout > .panel:first-child > .panel {
  border: none;
  min-height: 0;
}
.c-database-layout .c-database-layout__tree > .panel-body {
  /* position: absolute on input elements inside overflowing element can cause
  * * global page scrollbars:
  * * <https://stackoverflow.com/questions/65427205/why-input-with-position-absolute-inside-an-overflow-causes-global-scrollbar-on-a/65427206#65427206>
  * *
  * * Creating a new stacking context with position:relative can fix this and
  * * prevent absolute positionned elements to bleed through the overflow.
  * */
  position: relative;
}
@supports (overflow: overlay) {
  .c-database-layout .c-database-layout__tree > .panel-body {
    overflow: overlay;
  }
}
@supports not (overflow: overlay) {
  .c-database-layout .c-database-layout__tree > .panel-body:not(:hover) {
    overflow: auto;
    scrollbar-color: transparent transparent;
  }
  .c-database-layout .c-database-layout__tree > .panel-body:hover {
    overflow: auto;
  }
}
.c-database-layout .panel.c-database-layout__overview {
  min-width: 50%;
  height: 100%;
}
.c-database-layout .panel.c-database-layout__overview > .panel-body {
  height: 100%;
  min-height: 0;
}
.c-database-layout .panel.c-database-layout__tree {
  width: 30%;
  max-width: 50%;
  flex: unset;
}
.c-database-layout.c-database-layout--details-resizing .c-database-layout__details {
  box-shadow: -13px 0px 20px -20px black;
}

.c-database-layout__tree > .panel-body, .c-database-layout__overview > .panel-body {
  padding: 0;
}

.c-database-layout__overview > .panel-body > * {
  height: 100%;
}

.c-database-layout__tree-toolbar div.dropdown-select-field.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 5em;
}

.c-database-layout__filter-search-field,
.input-group > .c-database-layout__filter-search-field.form-control {
  min-width: 14rem;
}

.c-database-layout__search-toolbar {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.c-database-layout__search-toolbar .breadcrumb {
  margin-bottom: 0;
}

.c-database-layout__details-handle {
  width: 3px;
  height: 100%;
  position: absolute !important;
  cursor: ew-resize;
  left: 0px;
}
.c-database-layout__details-handle:hover {
  width: 40px;
}
.c-database-layout__details-handle:hover {
  left: -20px;
}

.c-communication-layout {
  flex-wrap: nowrap;
}
.c-communication-layout > .panel, .c-communication-layout > .panel > .panel, .c-communication-layout > .panel > .panel > .panel-group {
  flex-wrap: nowrap;
  flex: 1 1 auto;
}
.c-communication-layout > .panel, .c-communication-layout > .panel > .panel > .panel-group {
  height: 100%;
}
.c-communication-layout.panel-deck {
  margin-left: 0;
  margin-right: 0;
  padding: 0.25rem;
}
.c-communication-layout > .panel:first-child > .panel {
  border: none;
  min-height: 0;
}
.c-communication-layout .panel.c-communication-layout__overview {
  min-width: 50%;
  height: 100%;
}
.c-communication-layout .panel.c-communication-layout__overview > .panel-body {
  height: 100%;
  min-height: 0;
  padding: 0;
}
.c-communication-layout.c-communication-layout--details-resizing .c-communication-layout__details {
  box-shadow: -13px 0px 20px -20px black;
}

.c-communication-layout__overview > .panel-body > * {
  height: 100%;
}

.c-communication-layout__details-handle {
  width: 3px;
  height: 100%;
  position: absolute !important;
  cursor: ew-resize;
  left: 0px;
}
.c-communication-layout__details-handle:hover {
  width: 40px;
}
.c-communication-layout__details-handle:hover {
  left: -20px;
}

.c-error-page {
  position: relative;
  flex: 1 0 auto;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}
.c-error-page .card-header {
  text-align: center;
}

.c-error-page .card {
  max-width: 40rem;
  font-size: 1.2rem;
}
.c-error-page .card h5 {
  font-size: 1.5rem;
}
.c-error-page .card.bg-danger h5, .c-error-page .card.bg-danger .c-error-page__card-code {
  color: white;
}

.c-error-page__card-code {
  text-align: center;
  font-size: 3rem;
  border-bottom: none;
}

.c-error-page__code {
  display: none;
  position: absolute;
  top: 1rem;
  right: 1rem;
  font-size: min(30vh, 30vw);
  line-height: min(30vh, 30vw);
  opacity: 0.5;
}

.c-error-page--unauthorized .c-error-page__card-code {
  color: #dddddd;
}

.c-project-layout__tree:not(.hidden) {
  display: flex;
  flex: initial;
  position: relative !important;
  right: 0 !important;
}

.c-project-layout__details-handle {
  width: 3px;
  height: 100%;
  position: absolute !important;
  cursor: ew-resize;
  left: 0px;
}
.c-project-layout__details-handle:hover {
  width: 40px;
}
.c-project-layout__details-handle:hover {
  left: -20px;
}

.c-project-layout__search-handle {
  height: 3px;
  width: 100%;
  position: absolute !important;
  cursor: ns-resize;
  top: 0px;
}
.c-project-layout__search-handle:hover {
  height: 20px;
}
.c-project-layout__search-handle:hover {
  top: -10px;
}

.c-project-layout--details-resizing .c-project-layout__details {
  box-shadow: -13px 0px 20px -20px black;
}

.c-project-layout--search-resizing .c-project-layout__search {
  box-shadow: 0px -14px 20px -20px black;
}

.c-project-layout__tree {
  z-index: 2;
  height: 100%;
}
.c-project-layout__tree > .panel-body:first-child {
  overflow-y: hidden;
  overflow-y: overlay;
  /* position: absolute on input elements inside overflowing element can cause
  * * global page scrollbars:
  * * <https://stackoverflow.com/questions/65427205/why-input-with-position-absolute-inside-an-overflow-causes-global-scrollbar-on-a/65427206#65427206>
  * *
  * * Creating a new stacking context with position:relative can fix this and
  * * prevent absolute positionned elements to bleed through the overflow.
  * */
  position: relative;
  display: flex;
}
.c-project-layout__tree > .panel-body:first-child:not(:hover) > * {
  padding-right: 12px;
}
.c-project-layout__tree > .panel-body:first-child:hover {
  scrollbar-width: 12px;
  overflow-y: scroll;
  overflow-y: overlay;
}
@supports (overflow-y: overlay) {
  .c-project-layout__tree > .panel-body:first-child:hover {
    padding-right: 12px;
  }
  .c-project-layout__tree > .panel-body:first-child:hover > * {
    padding-right: 12px;
  }
}
.c-project-layout__tree > .panel-body:first-child > turbo-frame {
  width: 100%;
  height: 100%;
}

.c-project-layout__overview {
  z-index: 1;
}
.c-project-layout__overview > .panel-body {
  overflow: hidden;
  /* position: absolute on input elements inside overflowing element can cause
  * * global page scrollbars:
  * * <https://stackoverflow.com/questions/65427205/why-input-with-position-absolute-inside-an-overflow-causes-global-scrollbar-on-a/65427206#65427206>
  * *
  * * Creating a new stacking context with position:relative can fix this and
  * * prevent absolute positionned elements to bleed through the overflow.
  * */
  position: relative;
}

.c-project-layout {
  --search-size: 10rem;
}

.c-project-layout__search > .panel-body {
  min-height: 0;
  padding: 0;
}
.c-project-layout__search > .panel-body > turbo-frame {
  display: block;
  height: 100%;
}

.c-project-layout__search-results {
  height: 100%;
}

.c-project-layout__search-toolbar .bootstrap-select button {
  min-height: unset;
}
.c-project-layout__search-toolbar .dropdown-select-field button {
  padding: 0.25rem 0.5rem;
  font-size: 0.74375rem;
}

.c-project-layout__search--opened {
  height: var(--search-size);
}

.c-project-layout__search--closed > .panel-toolbar {
  border: none;
}
.c-project-layout__search--closed > .panel-body {
  display: none;
}

.c-design-layout__overview > .overview-body {
  min-height: 0;
}

.c-design-layout__tree > .panel-body {
  height: 100%;
}

.c-design-layout__tree .c-treeview__item--indent-0 > label {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--border-color);
  flex: 0 0 auto;
  line-height: calc(1.5em - 1px);
}

.c-design-layout__library {
  max-width: 50%;
}

/* c-toolbar-panel
 * *
 * * This CSS class tells where the toolbar panel is located, and in case of
 * * vertical toolbar, the toolbar is reoriented to fit the vertical mode.
 * */
html.toolbar-vertical .c-toolbar-panel {
  flex-flow: row nowrap;
  height: 100%;
}
html.toolbar-vertical .c-toolbar-panel > .panel {
  flex: 1 1 auto;
}
html.toolbar-vertical .c-toolbar-panel > .panel-toolbar {
  border-right: 1px solid var(--card-border-color);
  border-bottom: none;
  flex: 0 0 auto;
}

/* c-treeview
 * *
 * * c-treeview represents a treeview
 * *
 * * ol.c-treeview                - the treeview
 * * li.c-treeview__item          - a treeview item
 * * span.c-treeview__item_caret  - the item caret
 * * ol.c-treeview__children      - children list within an item
 * */
@imports "../mixins/overflow.sass";
.c-treeview {
  padding: 0;
}

.c-treeview, .c-treeview__children {
  margin: 0;
  padding: 0;
}

.c-comparison-form .c-treeview__item {
  line-height: 26px;
}

.c-treeview__item {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
}
.c-treeview__item .text {
  white-space: nowrap;
}
.c-treeview__item > input {
  position: absolute;
  opacity: 0;
  transform: translate(-0.5em, -0.5em) scale(0.1);
}
.c-treeview__item:not(.c-treeview__item--no-select-color) > input:checked + label {
  background-color: var(--selection-bgcolor);
}
.c-treeview__item:not(.c-treeview__item--no-select-color) > input:checked + label, .c-treeview__item:not(.c-treeview__item--no-select-color) > input:checked + label .text, .c-treeview__item:not(.c-treeview__item--no-select-color) > input:checked + label a {
  color: var(--selection-fgcolor);
}
.c-treeview__item.c-treeview__item--current > label {
  background-color: var(--secondary-color);
}
.c-treeview__item.c-treeview__item--current > label, .c-treeview__item.c-treeview__item--current > label .text, .c-treeview__item.c-treeview__item--current > label a {
  color: var(--secondary-color-contrasted);
}
.c-treeview__item.c-treeview__item--current > label:hover {
  background-color: var(--primary-color);
}
.c-treeview__item.c-treeview__item--current > label:hover, .c-treeview__item.c-treeview__item--current > label:hover .text, .c-treeview__item.c-treeview__item--current > label:hover a {
  color: var(--selection-fgcolor);
}
.c-treeview__item > label:hover {
  background-color: var(--hover-bgcolor);
}
.c-treeview__item > label:hover, .c-treeview__item > label:hover .text, .c-treeview__item > label:hover a {
  color: var(--hover-fgcolor);
}
.c-treeview__item > label, .c-treeview__item.c-infinite-scroll__trigger {
  font-weight: normal;
  display: flex;
  flex-flow: row nowrap;
  align-items: baseline;
  padding: 0;
  margin: 0;
  position: relative;
}
.c-treeview__item > label > .spinner-border, .c-treeview__item.c-infinite-scroll__trigger > .spinner-border {
  position: absolute;
  order: -1;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  width: 1rem;
  height: 1rem;
  left: 0;
}
.c-treeview__item.c-infinite-scroll__trigger {
  padding-left: calc((var(--c-treeview--indent) + 1) * 15px + 10px + 15px);
}
.c-treeview__item.c-infinite-scroll__trigger > .spinner-border {
  margin-right: 0.3rem;
}
.c-treeview__item > label {
  padding-left: calc(var(--c-treeview--indent) * 15px + 10px);
}
.c-treeview__item > label > i, .c-treeview__item > label > .c-glyph-badge {
  margin-right: 0.3rem;
}
.c-treeview__item > label > i + .badge:empty {
  position: absolute;
  border-radius: 1rem;
  display: block;
  width: 1px;
  height: 1px;
  padding: 4px;
  margin-left: 22px;
  margin-top: 4px;
}
.c-treeview__item > label > a {
  min-width: 0;
}
.c-treeview__item > label .text {
  text-overflow: ellipsis;
  overflow: hidden;
}
.c-treeview__item > label > .glyph, .c-treeview__item > label > .c-glyph-badge {
  width: 1rem;
  flex: auto 0 0;
}
.c-treeview__item:not(.c-treeview__item--expanded) > .c-treeview__children {
  display: none;
}

.c-treeview__item-caret {
  width: 15px;
  height: 12px;
  line-height: 0.5rem;
  flex: none;
}
.c-treeview__item:not(.c-treeview__item--leaf):not(.c-treeview__item--expanded) > label > .c-treeview__item-caret:before {
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f0da";
  position: static;
}
.c-treeview__item:not(.c-treeview__item--leaf).c-treeview__item--expanded > label > .c-treeview__item-caret:before {
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f0d7";
  position: static;
}

.c-treeview--root-on-top {
  display: flex;
  flex: 1 1 auto;
  flex-flow: column nowrap;
  margin: 0;
  min-height: 0;
  height: 100%;
}
.c-treeview--root-on-top > li {
  min-height: 0;
  height: 100%;
  flex: 1 1 auto;
  display: flex;
  flex-flow: column nowrap;
}
.c-treeview--root-on-top > li > label {
  overflow: hidden;
}
.c-treeview--root-on-top > li > ol {
  flex: 1 1 auto;
  margin: 0;
  min-height: 0;
  /* position: absolute on input elements inside overflowing element can cause
  * * global page scrollbars:
  * * <https://stackoverflow.com/questions/65427205/why-input-with-position-absolute-inside-an-overflow-causes-global-scrollbar-on-a/65427206#65427206>
  * *
  * * Creating a new stacking context with position:relative can fix this and
  * * prevent absolute positionned elements to bleed through the overflow.
  * */
  position: relative;
}
@supports (overflow: overlay) {
  .c-treeview--root-on-top > li > ol {
    overflow: overlay;
  }
}
@supports not (overflow: overlay) {
  .c-treeview--root-on-top > li > ol:not(:hover) {
    overflow: auto;
    scrollbar-color: transparent transparent;
  }
  .c-treeview--root-on-top > li > ol:hover {
    overflow: auto;
  }
}

.c-treeview label:focus-visible {
  border: 1px solid var(--focus-border-color);
}

.c-treeview__ico {
  width: 1.8rem;
  flex-grow: 0;
  flex-shrink: 0;
  padding-top: 1px;
}

.c-treeview__ico-popover {
  /* padding-right: 6px */
  padding-left: 6px;
  font-size: 0.7rem;
  color: var(--secondary-color);
}
.c-treeview__ico-popover > i {
  padding-right: 40px;
}
.c-treeview__label:not(:hover) .c-treeview__ico-popover {
  display: none;
}

.c-treeview__right-col {
  margin-left: auto;
}

.c-treeview__item:not(.c-treeview__item--leaf) > .c-treeview__label .c-treeview__text.c-treeview--no-link {
  cursor: pointer;
}

.c-treeview__item--disabled a {
  cursor: default;
}
.c-treeview__item--disabled .c-treeview__label {
  opacity: 0.6;
}

/* c-tableview
 * *
 * * c-tableview represents a table view
 * */
.c-tableview {
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
  overflow: hidden;
  overflow: clip;
}

.c-tableview__row {
  display: block;
}

.c-tableview__row.c-tableview--collapsed {
  display: none;
}

.c-tableview__row {
  --c-tableview--level: 0;
  padding-left: calc(var(--c-tableview--level) * 2rem);
}

.c-tableview--tree .c-tableview__caret {
  width: 2rem;
  line-height: 0.5rem;
  flex: none;
  padding-left: 1rem;
  align-self: stretch;
  display: flex;
  align-items: center;
}

.c-tableview--tree .c-tableview__row.c-tableview--closed .c-tableview__caret {
  cursor: pointer;
}
.c-tableview--tree .c-tableview__row.c-tableview--closed .c-tableview__caret:before {
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f0da";
  position: static;
}

.c-tableview--tree .c-tableview__row.c-tableview--opened .c-tableview__caret {
  cursor: pointer;
}
.c-tableview--tree .c-tableview__row.c-tableview--opened .c-tableview__caret:before {
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f0d7";
  position: static;
}

.c-tableview__head .c-tableview__cell {
  position: relative;
}

.c-tableview__column-resizer-left, .c-tableview__column-resizer-right {
  width: 0px;
  background-color: transparent;
  position: absolute;
  top: 0;
  height: 100%;
  cursor: ew-resize;
}

.c-tableview__column-resizer-left {
  border-right: 3px solid transparent;
  border-left: 1px solid var(--body-bg);
  left: 0;
}

.c-tableview__column-resizer-right {
  border-left: 3px solid transparent;
  border-right: 1px solid var(--body-bg);
  right: 0;
}

.c-tableview__head {
  background-color: var(--dark-color);
  color: var(--dark-color-contrasted);
  font-weight: bold;
  flex: 0 0 auto;
}
.c-tableview__head a {
  color: var(--dark-color-contrasted);
}
.c-tableview__head a .c-tableview__sorting-caret {
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: static;
}
.c-tableview__head a .c-tableview__sorting-caret:before {
  content: "\f0dc";
}
.c-tableview__head a .c-tableview__sorting-caret--asc:before {
  content: "\f0dd";
}
.c-tableview__head a .c-tableview__sorting-caret--desc:before {
  content: "\f0de";
}
.c-tableview:not(:hover) .c-tableview__head {
  overflow-y: scroll;
  scrollbar-color: transparent transparent;
}
.c-tableview:hover .c-tableview__head {
  overflow-y: scroll;
  scrollbar-color: transparent transparent;
}
.c-tableview__head .c-tableview__row {
  display: flex;
  flex-flow: row nowrap;
}

.c-tableview__draggable {
  isolation: isolate;
}

.c-tableview__body:not(.c-tableview__draggable) {
  flex: 1 1 auto;
  min-height: 0;
  /* position: absolute on input elements inside overflowing element can cause
  * * global page scrollbars:
  * * <https://stackoverflow.com/questions/65427205/why-input-with-position-absolute-inside-an-overflow-causes-global-scrollbar-on-a/65427206#65427206>
  * *
  * * Creating a new stacking context with position:relative can fix this and
  * * prevent absolute positionned elements to bleed through the overflow.
  * */
  position: relative;
  overflow: hidden;
  overflow: clip;
}
.c-tableview:not(:hover) .c-tableview__body:not(.c-tableview__draggable) {
  overflow-y: scroll;
}
.c-tableview:hover .c-tableview__body:not(.c-tableview__draggable) {
  overflow-y: scroll;
}

.c-tableview:not(.c-tableview--no-select) .c-tableview__body:not(.c-tableview__draggable) .c-tableview__row > input:checked + label {
  background-color: var(--selection-bgcolor);
}
.c-tableview:not(.c-tableview--no-select) .c-tableview__body:not(.c-tableview__draggable) .c-tableview__row > input:checked + label, .c-tableview:not(.c-tableview--no-select) .c-tableview__body:not(.c-tableview__draggable) .c-tableview__row > input:checked + label .text, .c-tableview:not(.c-tableview--no-select) .c-tableview__body:not(.c-tableview__draggable) .c-tableview__row > input:checked + label a:not(.btn), .c-tableview:not(.c-tableview--no-select) .c-tableview__body:not(.c-tableview__draggable) .c-tableview__row > input:checked + label i, .c-tableview:not(.c-tableview--no-select) .c-tableview__body:not(.c-tableview__draggable) .c-tableview__row > input:checked + label .btn-outline-design, .c-tableview:not(.c-tableview--no-select) .c-tableview__body:not(.c-tableview__draggable) .c-tableview__row > input:checked + label .btn-outline-analysis {
  -webkit-text-stroke-color: var(--selection-fgcolor);
  color: var(--selection-fgcolor);
  border-color: var(--selection-fgcolor);
}
.c-tableview:not(.c-tableview--no-select) .c-tableview__body:not(.c-tableview__draggable) .c-tableview__row > label:hover {
  background-color: var(--hover-bgcolor);
}
.c-tableview:not(.c-tableview--no-select) .c-tableview__body:not(.c-tableview__draggable) .c-tableview__row > label:hover, .c-tableview:not(.c-tableview--no-select) .c-tableview__body:not(.c-tableview__draggable) .c-tableview__row > label:hover .text, .c-tableview:not(.c-tableview--no-select) .c-tableview__body:not(.c-tableview__draggable) .c-tableview__row > label:hover a:not(.btn) {
  color: var(--hover-fgcolor);
}

.c-tableview__body {
  display: flex;
  flex-flow: column nowrap;
}
.c-tableview__body .c-tableview__row {
  position: relative;
}
.c-tableview__body .c-tableview__row > input {
  position: absolute;
  opacity: 0;
  transform: translate(-0.5em, -0.5em) scale(0.1);
}
.c-tableview__body .c-tableview__row > label {
  font-weight: normal;
  width: 100%;
  margin: 0;
}
.c-tableview__body .c-tableview__row > label, .c-tableview__body .c-tableview__row > label .text, .c-tableview__body .c-tableview__row > label a:not(.btn) {
  -webkit-text-stroke-color: var(--status-color-dark);
}
.c-tableview--display-list .c-tableview__body .c-tableview__row > label, .c-tableview--display-list .c-tableview__body .c-tableview__row > label > form {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
}

.c-tableview__main-cell {
  flex-grow: 1;
}

.c-tableview__cell {
  flex-shrink: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip ellipsis;
  display: flex;
  align-items: center;
  min-width: 0.5rem;
}

.c-tableview--display-list .c-tableview__extra-row {
  min-height: 4rem;
  flex: 1 0 4rem;
}
.c-tableview--display-list .c-tableview__cell-data {
  padding: 0.5rem;
}
.c-tableview--display-list .c-tableview__ico {
  display: inline-block;
}
.c-tableview--display-list .c-tableview__body:not(.c-tableview__draggable) .c-tableview__row:not(:last-child):not(.ui-sortable-placeholder) {
  border-bottom: 1px solid var(--border-color);
}
.c-tableview--display-list .c-tableview__body:not(.c-tableview__draggable) li.c-tableview__row:nth-child(even of li:not(.c-tableview__not_striped):not(.ui-sortable-placeholder)) {
  background-color: var(--overview-list-bg);
}
.c-tableview--display-list .c-tableview__body:not(.c-tableview__draggable) li.c-tableview__row:nth-child(even of li:not(.c-tableview__not_striped):not(.ui-sortable-placeholder)) .glyph.outline {
  -webkit-text-stroke-color: inherit;
}
.c-tableview--display-list .c-tableview__body:not(.c-tableview__draggable) li.c-tableview__row:nth-child(odd of li:not(.c-tableview__not_striped):not(.ui-sortable-placeholder)) {
  background-color: var(--panel-bg);
}
.c-tableview--display-list .c-tableview__body:not(.c-tableview__draggable) li.c-tableview__row:nth-child(odd of li:not(.c-tableview__not_striped):not(.ui-sortable-placeholder)) .glyph.outline {
  -webkit-text-stroke-color: inherit;
}
.c-tableview--display-list .c-tableview__badges {
  display: inline;
  margin-left: 0.5rem;
}

.c-tableview__pagination > nav.pagination > ul.pagination {
  margin: 0;
}

.c-tableview label:focus-visible,
.c-tableview:not(.c-tableview--no-select) .c-tableview__body:not(.c-tableview__draggable) .c-tableview__row > input:checked + label:focus-visible {
  border: 1px solid var(--focus-border-color);
}

.c-text--justify {
  text-align: justify;
}

.c-text--col-40 {
  max-width: 40em;
}

.c-text--col-50 {
  max-width: 50em;
}

.c-text--col-60 {
  max-width: 60em;
}

.c-ticket textarea[name="ticket[message]"] {
  min-height: 88px;
}
.c-ticket input[type=file] {
  font-size: 0.9rem;
}

.c-details {
  background-color: rgba(0, 0, 0, 0.01);
}
.c-details .panel-header {
  align-items: center;
}
.c-details .panel-body:not(.details-handler) {
  overflow-y: scroll;
  position: relative;
  padding: 0.6rem;
}
.c-details .panel-toolbar {
  border-top: 1px solid var(--border-color);
}
.c-details[data-details-level="1"] .details-level-0 {
  display: none;
}
.c-details[data-details-level="0"] .details-level-1, .c-details:not([data-details-level]) .details-level-1 {
  display: none;
}
.c-details fieldset {
  border-radius: 0;
  width: 100%;
  margin-top: 0.8rem;
  border: solid 1px var(--border-color);
  border-left: none;
  border-right: none;
  background-color: var(--body-bg);
}
.c-details fieldset legend {
  padding: 0 0.25em;
  font-size: unset;
  font-weight: bold;
}
.c-details fieldset > *:not(legend) {
  font-size: 0.75rem;
}
.c-details fieldset ol, .c-details fieldset ul, .c-details fieldset dl {
  margin: 0;
}
.c-details fieldset table {
  width: 100%;
}
.c-details fieldset table td, .c-details fieldset table th {
  vertical-align: top;
}
.c-details fieldset table tr td:first-child {
  padding-left: 1em;
}
.c-details fieldset table th {
  width: 188px;
  max-width: 188px;
  padding-right: 0.75em;
}
.c-details fieldset table th > *:last-child:after {
  content: ":";
}
.c-details fieldset table td .row {
  flex-wrap: nowrap;
}
.c-details fieldset table td input {
  border-radius: 5px;
  border: solid 1px var(--border-color);
  width: 100%;
}
.c-details fieldset table td > ul {
  margin: 0;
  padding: 0 0 0 1em;
}
.c-details ul {
  list-style-type: "— ";
}
.c-details a:not(.copyref) {
  color: var(--bs-primary);
}

.c-details fieldset table tr .c-details__copyref {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.c-details fieldset table tr .c-details__copyref input {
  width: 180px;
  padding: 0 0.6em;
}

.c-details__head {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.c-details__head .c-details__head-ico {
  background-color: var(--body-bg);
  min-width: 7rem;
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
  border: solid 1px var(--border-color);
  display: grid;
}
.c-details__head .c-details__head-ico .glyph {
  grid-area: 1/1/2/2;
  place-self: center;
  font-size: 4rem;
}
.c-details__head .c-details__head-text {
  flex-grow: 1;
  text-align: center;
}
.c-details__head .c-details__head-badges {
  margin-top: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 4px;
}

.c-color-box {
  position: relative;
  border: solid 1px var(--body-fg);
  width: 1rem;
  height: 1rem;
}

.c-color-box:after {
  content: "T";
  display: block;
  color: var(--c-color-box-foreground);
  background-color: var(--c-color-box-background);
  width: 1rem;
  height: 1rem;
  border: solid 1px var(--c-color-box-foreground);
  text-align: center;
  line-height: 1rem;
  position: absolute;
  left: -1px;
  top: -1px;
}

html.c-make-forms--active .main-navbar {
  isolation: isolate;
  z-index: 11;
}

body:not(.form-popup):not(.only-form) .c-make-forms iframe {
  border: none;
}
body:not(.form-popup):not(.only-form) .c-make-forms.c-make-forms--active > .c-make-forms__overlay {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.c-make-forms__frame .c-make-form {
  isolation: isolate;
  z-index: 10;
  position: fixed;
  width: min(100%, var(--c-make-forms--width));
  height: calc(100vh - 6rem);
  top: 3rem;
  --private-width: min(100%, var(--c-make-forms--width));
  left: calc((100% - var(--private-width)) / 2);
  overflow: auto;
  resize: both;
}

body.form-popup > * {
  display: flex;
}
body.form-popup > * > * {
  flex: 1 1 auto;
}
body.form-popup .container-fluid {
  padding: 0;
  margin: 0;
  height: 100vh;
}
body.form-popup .c-make-forms__popup-form, body.form-popup .c-make-forms__popup-form > form, body.form-popup .c-make-form {
  height: 100%;
}

.make-form-popup .make-form.panel [data-make-form-target=minimize], .make-form-popup .make-form.panel [data-make-form-target=extract] {
  display: none;
}

.make-form-framed .make-form.panel > *:not(.panel-body), .make-form-framed .make-form.panel > *:not(.main) {
  display: none;
}

body.only-form:not(.form-popup) .c-make-form {
  max-width: var(--c-make-forms--width);
}
body.only-form:not(.form-popup) [data-make-form-target=minimize], body.only-form:not(.form-popup) [data-make-form-target=extract] {
  display: none;
}

html {
  --c-make-forms--width: 60rem;
}

.c-make-form.panel {
  margin-left: auto;
  margin-right: auto;
  border-radius: 0;
}
.c-make-form.panel .panel-header h1 {
  font-size: 2rem;
  margin: 0;
  padding: 0;
}
.c-make-form.panel .panel-header .btn-group {
  align-items: flex-start;
}
.c-make-form.panel .panel-header .btn-group .btn {
  border-radius: 0.2rem;
  margin-left: 0.5rem;
}
.c-make-form.panel .panel-body.breadcrumb {
  flex: 0 1 auto;
  border-bottom: 1px solid var(--border-color);
  border-radius: 0;
  margin: 0;
}
.c-make-form.panel .panel-body.breadcrumb ol {
  margin: 0;
  padding: 0;
}
.c-make-form.panel .panel-body.main {
  overflow-y: scroll;
  overflow-x: auto;
}
.c-make-form.panel .panel-body.main .form-group > .btn-group {
  display: flex;
}
.c-make-form.panel .panel-body.main .form-group > .btn-group > button {
  text-align: left;
}
.c-make-form.panel .panel-body.main .form-group > .btn-group > button > .caret {
  float: right;
}
.c-make-form.panel .panel-body.main .dropdown-toggle--no-arrow .dropdown-toggle::after {
  display: none;
}
.c-make-form.panel .panel-body.main .form-group, .c-make-form.panel .panel-body.main .form-group-button {
  margin-bottom: 1rem;
}
.c-make-form.panel iframe.panel-body.main {
  border: none;
  padding: 0;
}
.c-make-form.panel .btn-group-100 .btn-group {
  width: 100%;
  min-height: 2rem;
}

.c-dropdown-select-autocomplete.bootstrap-select:not(.input-group-btn) {
  display: block;
}

.c-dropdown-select-autocomplete.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100%;
}

ul.c-dropdown-documentation__item-list {
  padding: 0em;
  width: 35em;
}

ul.c-dropdown-documentation {
  overflow: hidden;
  padding: 0em;
}
ul.c-dropdown-documentation a {
  display: block;
  padding: 0.2em 0em 0.2em 0em;
}
ul.c-dropdown-documentation li {
  padding-left: 1.5em;
  list-style: none;
}
ul.c-dropdown-documentation li:hover {
  background-color: var(--primary-color-alpha-15);
}
ul.c-dropdown-documentation li label {
  padding: 0.3em 0em 0.3em 1.5em;
  display: block;
  width: 100%;
}
ul.c-dropdown-documentation li > ul {
  position: relative;
}
ul.c-dropdown-documentation li > ul > li {
  display: none;
}
ul.c-dropdown-documentation li > ul:before {
  visibility: visible;
  position: absolute;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f0d7";
  top: -1.7em;
  transform: rotate(-90deg);
  transition: transform 0.3s;
}
ul.c-dropdown-documentation li input {
  z-index: 1;
  height: 2em;
  width: 100%;
  position: absolute;
  cursor: pointer;
  opacity: 0;
}
ul.c-dropdown-documentation li input:checked ~ ul:before {
  transform: rotate(0deg);
}
ul.c-dropdown-documentation li input:checked + label ~ ul > li {
  display: block;
}

.c-multi-column-field--wide + div {
  width: unset;
}

.c-overview-header {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}
.c-overview-header nav, .c-overview-header .pre-nav-icon {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.c-overview-header .pre-nav-icon > a {
  padding-right: 1rem;
  padding-left: 1rem;
}
.c-overview-header .pre-nav-icon {
  position: relative;
}
.c-overview-header .pre-nav-icon:after {
  content: "";
  position: absolute;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  right: 0;
  height: 55%;
}
.c-overview-header nav {
  padding-left: 0.5rem;
}
.c-overview-header nav:hover {
  overflow: none;
  overflow-x: overlay;
  scrollbar-width: thin;
}
.c-overview-header nav:not(:hover) {
  overflow: hidden;
}
.c-overview-header nav ol.breadcrumb {
  margin: 0 10px 0 0;
  padding: 0;
  flex-wrap: nowrap;
  display: inline-flex;
}
.c-overview-header nav ol.breadcrumb li {
  flex: 0 0 auto;
}
.c-overview-header nav ol.breadcrumb .active .glyph {
  color: #868e96;
}
.c-overview-header .btn-toolbar {
  margin: 0.25rem;
}

@media (min-width: 799px) {
  .c-step-form {
    min-height: 100%;
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    min-height: 0;
    height: 100%;
  }
  .c-step-form.panel-body {
    padding: 0;
  }
  .c-make-form.panel .c-step-form.panel-body.main {
    overflow: auto;
  }
  .c-step-form__nav-step {
    position: absolute;
    z-index: 1;
    background-color: var(--panel-head-bg);
    border-right: 1px solid var(--panel-border-color);
    min-height: 0;
    height: 100%;
    overflow-y: auto;
    min-width: 50px;
    transition: width 100ms;
  }
  .c-step-form__nav-step:not(:hover) {
    overflow-x: clip;
    width: 50px;
  }
  .c-step-form__nav-step:not(:hover) .c-step-form__nav-step-item .text {
    display: none;
  }
  .c-step-form__nav-step:hover {
    width: 300px;
  }
  .c-step-form__nav-step:hover .c-step-form__nav-step-item {
    border-color: var(--panel-border-color);
  }
  .c-step-form__content-form {
    isolation: isolate;
    min-height: 0;
    height: 100%;
  }
  .c-step-form__content-form:not(.c-step-form__content-form--no-overflow) {
    overflow: auto;
    padding: 1rem 1.5rem;
  }
  .c-step-form__content-form.c-step-form__content-form--no-overflow {
    display: flex;
    flex-flow: column nowrap;
  }
  .c-step-form--0-steps .c-step-form__content-form {
    width: 100%;
  }
  .c-step-form:not(.c-step-form--0-steps) .c-step-form__content-form {
    position: absolute;
    left: 51px;
    width: calc(100% - 51px);
  }
  .c-step-form__nav-step > hr {
    display: none;
  }
  .c-step-form__nav-step-item {
    display: flex;
    flex-flow: row nowrap;
    padding: 8px 0;
    align-items: baseline;
    gap: 1rem;
    width: 100%;
    min-width: 300px;
    border-bottom: 1px solid transparent;
    padding-left: 8px;
  }
}
@media (max-width: 800px) {
  .c-step-form__nav-step {
    padding-bottom: 0.25rem;
    position: relative;
    display: flex;
    justify-content: center;
  }
  .c-step-form__nav-step hr {
    position: absolute;
    z-index: 1;
    margin: 15px auto;
    width: calc(100% - 5rem);
    border: 1px solid var(--form-steps-outline-color);
  }
  .c-step-form__nav-step-item {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
  }
  .c-step-form__nav-step-item > .text {
    text-align: center;
    max-width: 200px;
    padding: 0 2rem;
  }
  .c-step-form__nav-step-item > button {
    margin: 0 5%;
  }
}
.c-step-form__step > .c-step-form__step-nav {
  display: none;
}

.c-step-form__step-nav {
  position: relative;
  display: flex;
  align-items: center;
}
.c-step-form__step-nav.c-step-form--footer {
  gap: 6px;
  justify-content: flex-end;
}
.c-step-form__step-nav:not(.c-step-form--footer) {
  margin-top: 50px;
  justify-content: space-between;
}

.c-step-form__nav-step-item > .text {
  font-weight: bold;
}

.c-step-form__nav-step-item > button, .c-step-form__step-nav > button {
  outline: none;
  z-index: 2;
  background-color: var(--form-steps-bg);
  color: var(--form-steps-fg);
  border: solid 2px var(--form-steps-outline-color);
  border-radius: 50%;
  display: inline-block;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c-step-form__nav-step-item > button.c-step-form--footer, .c-step-form__step-nav > button.c-step-form--footer {
  height: 36px;
  width: 36px;
}
.c-step-form__nav-step-item > button:not(.c-step-form--footer), .c-step-form__step-nav > button:not(.c-step-form--footer) {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  width: 32px;
}
.c-step-form__nav-step-item > button i, .c-step-form__step-nav > button i {
  font-size: 16px;
}
.c-step-form__nav-step-item.active > button, .c-step-form__step-nav.active > button {
  background-color: var(--form-steps-bg-contrasted);
  color: var(--form-steps-fg-contrasted);
}

.c-step-form__content-form .c-step-form__step fieldset {
  background-color: var(--panel-bg);
  border: solid 1px var(--border-color);
  padding: 20px 70px;
}
.c-step-form__content-form .c-step-form__step fieldset legend {
  font-size: 1.5em;
  padding: 0 10px;
}
.c-step-form__content-form .c-step-form__step fieldset .ms-container {
  width: 100%;
}
.c-step-form__content-form .c-step-form__step fieldset .ms-container .multi-select .btn-group {
  width: 100%;
}
.c-step-form__content-form .c-step-form__step fieldset .ms-container .ms-selectable, .c-step-form__content-form .c-step-form__step fieldset .ms-container .ms-selection {
  background-color: var(--panel-bg);
}
.c-step-form__content-form .c-step-form__step fieldset .ms-container .ms-selectable .ms-list, .c-step-form__content-form .c-step-form__step fieldset .ms-container .ms-selection .ms-list {
  background-color: white;
}
.c-step-form__content-form .c-step-form__step fieldset .ms-container .mrg-tp .btn-group {
  width: 100%;
}
.c-step-form__content-form .c-step-form__step fieldset .ms-container .dropdown-menu {
  width: 100%;
}
.c-step-form__content-form .c-step-form__step fieldset .ms-container .password .btn-group {
  margin-top: 0.85rem;
}
.c-step-form__content-form .c-step-form__step fieldset .ms-container .form-control.text {
  height: 150px;
}
.c-step-form__content-form .c-step-form__step fieldset .mrg-tp .btn-group {
  width: 100%;
  margin-top: 19px;
  margin-right: auto;
  margin-left: auto;
}
.c-step-form__content-form .c-step-form__step fieldset select option.ico-depa {
  margin-left: 10px;
}

.c-step-form__buttons {
  display: flex;
  flex-flow: row wrap;
  gap: 0.25rem;
}

.c-step-form__buttons-submit {
  order: 10;
}

.c-step-form--0-steps .c-step-form__buttons:before {
  content: " ";
  flex-grow: 1;
  order: 9;
}

.c-make-contributions.c-make-form.panel > .panel-body.main {
  padding: 0;
  overflow: auto;
}
.c-make-contributions .c-step-form {
  margin: 0;
  padding: 0;
  height: 100%;
}
.c-make-contributions .c-step-form__content-form {
  height: 100%;
}

.c-make-contributions__container {
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
}

.c-make-contributions__tree {
  overflow-y: scroll;
  flex-grow: 1;
}

.c-make-contributions li.c-treeview__item .c-treeview__badges {
  margin-left: 0.5rem;
}
.c-make-contributions li.c-treeview__item .c-treeview__badges .badge {
  padding: 0.5em 0.65em;
}
.c-make-contributions li.c-treeview__item input:checked + label {
  background-color: white;
  color: var(--bs-body-color);
}
.c-make-contributions li.c-treeview__item input:checked + label .text, .c-make-contributions li.c-treeview__item input:checked + label .text a, .c-make-contributions li.c-treeview__item input:checked + label .text i {
  color: var(--bs-body-color);
}
.c-make-contributions li.c-treeview__item label {
  padding-bottom: 2px;
}
.c-make-contributions li.c-treeview__item label[data-type="Db::Flow"][data-contributing] {
  background-color: rgba(231, 231, 231, 0.71);
}
.c-make-contributions li.c-treeview__item label.active {
  font-weight: 500 !important;
  background-color: rgba(231, 231, 231, 0.71) !important;
}
.c-make-contributions li.c-treeview__item label:hover a.btn {
  color: white;
}
.c-make-contributions li.c-treeview__item label[data-type="Db::Flow"] .c-treeview__badges > * {
  cursor: pointer;
  background-color: unset;
  color: var(--bs-body-color);
}
.c-make-contributions li.c-treeview__item label[data-type="Db::Flow"] .c-treeview__badges, .c-make-contributions li.c-treeview__item .c-make-contributions__contribution_form {
  flex-grow: 1;
  display: flex;
  justify-content: flex-end;
}

.c-edit-line-form {
  display: flex;
  flex-flow: row wrap;
  align-items: end;
  gap: 0.25rem;
}

body[data-interface=design] .c-edit-line-form .input-group > .input-group-text:first-child {
  min-width: 4rem;
}
body[data-interface=design] .c-edit-line-form {
  flex-flow: column nowrap;
  width: 30rem;
  align-items: start;
  gap: 0.5rem;
}
body[data-interface=design] .c-edit-line-form > div {
  align-self: stretch;
}

.c-edit-line-popover {
  max-width: unset;
}

.c-current-view-changed {
  background-color: var(--bs-warning);
  position: fixed;
  top: 0;
  padding: 0 1rem;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
}

.c-glyph-badge {
  position: relative;
  display: inline-flex;
  flex-flow: row nowrap;
}

.c-glyph-badge > *:first-child {
  flex: 1 0 0;
}

.c-glyph-badge > *:not(:first-child) {
  flex: 0 0 0;
  width: 0;
  position: absolute;
  transform: scale(50%);
}

.c-glyph-badge > *:nth-child(2) {
  transform: scale(50%);
  left: 75%;
  top: 40%;
}

.c-glyph-badge > *:nth-child(3) {
  transform: scale(50%);
  left: -25%;
  top: 25%;
}

.c-glyph-badge > *:nth-child(4) {
  transform: scale(50%);
  left: 75%;
  top: -25%;
}

.c-glyph-badge > *:nth-child(5) {
  transform: scale(50%);
  left: -25%;
  top: -25%;
}

.c-glyph-badge > .c-glyph-badge--large {
  transform: scale(75%);
}

.c-glyph-badge > .c-glyph-badge--exponent {
  top: -40%;
  left: 105%;
  transform: scale(65%);
  color: #777;
}

.c-layout-outside {
  display: flex;
  align-items: center;
  flex-flow: column nowrap;
  flex-grow: 1;
  width: 100%;
}
.c-layout-outside > .c-layout-outside__center {
  max-width: 80rem;
  margin: 5rem;
  width: 100%;
}
.c-layout-outside .c-layout-outside__form {
  width: 100vw;
  height: 100%;
  display: flex;
}
.c-layout-outside .c-layout-outside__form .c-layout-outside__form-left {
  background-color: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30%;
}
.c-layout-outside .c-layout-outside__form .c-layout-outside__form-left img {
  width: 33%;
  min-width: 100px;
}
.c-layout-outside .c-layout-outside__form .c-layout-outside__form-right {
  background-color: white;
  width: 70%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.c-layout-outside .c-layout-outside__form .c-layout-outside__form-right .c-layout-outside__form-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
}
.c-layout-outside .c-layout-outside__form .c-layout-outside__form-right .c-layout-outside__form-container form {
  max-width: 600px;
  min-width: 420px;
}
.c-layout-outside .c-layout-outside__form .c-layout-outside__form-right .c-layout-outside__form-container form a {
  color: var(--bs-primary);
}
.c-layout-outside .c-layout-outside__form .c-layout-outside__form-right .c-layout-outside__form-success {
  font-size: 1rem;
}
.c-layout-outside .c-layout-outside__form .c-layout-outside__form-right .c-layout-outside__form-success .btn {
  font-size: 1rem;
}

.c-notifications__unread-count {
  position: relative;
  left: -0.5rem;
  top: -0.5rem;
  display: inline-block;
  text-align: center;
  border-radius: 1em;
  color: white;
  background-color: var(--danger-color);
  line-height: 1em;
  min-width: 1em;
  padding-left: 0.25em;
  padding-right: 0.25em;
}
.c-notifications__unread-count[data-content="0"] {
  display: none;
}

.c-notifications > .dropdown-menu {
  height: calc(100vh - 5rem);
  max-width: min(100vw - 5rem, 40rem);
  overflow-y: scroll;
}
.c-notifications > .dropdown-menu .loading {
  padding: 2em;
  text-align: center;
}
.c-notifications.loading > .dropdown-menu > :not(.loading) {
  display: none;
}
.c-notifications:not(.loading) > .dropdown-menu > .loading {
  display: none;
}
.c-notifications h6 {
  font-weight: bold;
}

.c-notifications__item--unread {
  font-weight: bold;
}

.c-notifications__item--read {
  background-color: var(--card-cap-bg);
}
.c-notifications__item--read.divider {
  padding: 1px 0;
}

.c-notifications__state, .c-notifications__error, .c-notifications__link, .c-notifications__datetime {
  font-style: italic;
  font-size: 0.8em;
}

.c-notifications__item--error .c-notifications__state, .c-notifications__item--error .c-notifications__error {
  color: var(--danger-color);
}

.c-notifications__item:nth-child(2n) {
  background-color: var(--panel-bg);
}

.c-notifications__item:nth-child(2n+1) {
  background-color: unset;
}

.c-notifications__item {
  border-top: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
}

.c-notifications__item.dropdown-item:active {
  color: unset;
}

.c-notifications__item + .c-notifications__item {
  border-top: none;
}

.c-notifications__item {
  display: grid;
  white-space: unset;
  grid-template: "icon title actions" "icon csitems actions" "icon text datetime" "progress-label details details" "progress-label progress progress"/3em 1fr 9rem;
  padding-left: 0;
}
.c-notifications__item > .icon {
  grid-area: icon;
  width: 1em;
  padding: 0.5em;
  font-size: 1.5em;
}
.c-notifications__item > .icon > .glyph {
  vertical-align: top;
}
.c-notifications__item > .c-notifications__name {
  grid-area: title;
}
.c-notifications__item > .c-notifications__cs_items {
  padding-left: 0.5rem;
  grid-area: csitems;
}
.c-notifications__item > .c-notifications__state {
  grid-area: text;
}
.c-notifications__item > .c-notifications__datetime {
  grid-area: datetime;
  text-align: right;
  padding-left: 0.5rem;
}
.c-notifications__item > .c-notifications__actions {
  grid-area: actions;
  grid-column: 1/-1;
  text-align: right;
  padding-left: 0.5rem;
}
.c-notifications__item > .c-notifications__actions > .dropdown.btn-group {
  display: block;
}
.c-notifications__item > .c-notifications__actions > .dropdown.btn-group > .dropdown-menu.dropdown-menu-end.show {
  width: 100%;
}
.c-notifications__item > .c-notifications__actions > .dropdown.btn-group > .dropdown-menu.dropdown-menu-end.show > .dropdown-item {
  white-space: wrap;
}
.c-notifications__item > .c-notifications__details {
  grid-area: details;
}
.c-notifications__item > .c-notifications__details .glyph {
  margin-right: 0;
}
.c-notifications__item > .c-notifications__progress {
  grid-area: progress;
}
.c-notifications__item > .c-notifications__progress .progress {
  height: 0.5rem;
}
.c-notifications__item > .c-notifications__progress-label {
  grid-area: progress-label;
  text-align: right;
  padding: 0 0.25rem;
}
.c-notifications__item.c-notifications__clipboard-item > .icon {
  padding: 0 0.5em;
}

.c-notifications__error, .c-notifications__state-popup {
  display: none;
}

.c-notifications__displayerror {
  grid-area: text;
}

.c-notifications__cs_item {
  color: var(--secondary-color);
}
.c-notifications__cs_item > .glyph {
  color: var(--secondary-color);
}

.c-notifications--progress-full {
  display: none;
}

.c-full-span-dropdown .multiselect-native-select > .btn-group {
  width: 100%;
}

[data-controller~=ui-module-selector] .modal-content {
  overflow: clip;
  height: 100%;
}
[data-controller~=ui-module-selector] .modal-content .modal-body {
  padding: 0;
  min-height: 0;
  display: flex;
  overflow: unset;
  flex-flow: column nowrap;
}
[data-controller~=ui-module-selector] .modal-content .modal-body > * {
  display: flex;
  flex-flow: column nowrap;
  min-height: 0;
}
[data-controller~=ui-module-selector] .modal-content .modal-body > * > * {
  display: flex;
  flex-flow: column nowrap;
  min-height: 0;
}
[data-controller~=ui-module-selector] .modal-content .modal-body > * > * > .library-tree-body {
  display: flex;
  flex-flow: column nowrap;
  min-height: 0;
  overflow: auto;
}

.c-resizable--out-inset .ui-resizable-handle.ui-resizable-e {
  cursor: ew-resize;
}
.c-resizable--out-inset .ui-resizable-handle.ui-resizable-e:hover {
  width: 22px;
  right: -20px;
  border-left: 2px solid transparent;
  z-index: 1;
}
body[data-interface=design] .c-resizable--out-inset .ui-resizable-handle.ui-resizable-e:hover {
  width: 62px;
  right: -30px;
}
body[data-interface=analysis] .c-resizable--out-inset .ui-resizable-handle.ui-resizable-e:hover, body[data-interface=comparison] .c-resizable--out-inset .ui-resizable-handle.ui-resizable-e:hover {
  width: 32px;
  right: -20px;
}
body[data-interface=database] .c-resizable--out-inset .ui-resizable-handle.ui-resizable-e:hover, body[data-interface=project] .c-resizable--out-inset .ui-resizable-handle.ui-resizable-e:hover {
  width: 40px;
  right: -12px;
}
.c-resizable--out-inset .ui-resizable-handle.ui-resizable-w {
  cursor: ew-resize;
}
.c-resizable--out-inset .ui-resizable-handle.ui-resizable-w:hover {
  width: 22px;
  left: -20px;
  border-right: 2px solid transparent;
  z-index: 1;
}
body[data-interface=design] .c-resizable--out-inset .ui-resizable-handle.ui-resizable-w:hover {
  width: 62px;
  left: -30px;
}
.c-resizable--out-inset .ui-resizable-handle.ui-resizable-n {
  cursor: ns-resize;
}
.c-resizable--out-inset .ui-resizable-handle.ui-resizable-n:hover {
  height: 4px;
  top: -2px;
  border-bottom: 2px solid transparent;
  z-index: 1;
}
body[data-interface=design] .c-resizable--out-inset .ui-resizable-handle.ui-resizable-n:hover {
  height: 22px;
  top: -10px;
}

.c-resize-panel__root {
  position: relative;
}

.c-resize-panel__root {
  position: relative;
}

.c-resize-panel--hover-e {
  box-shadow: 13px 0 20px -20px black;
}

.c-resize-panel--hover-n {
  box-shadow: 0px -10px 20px -20px black;
  z-index: 1;
}

.c-resize-panel__e {
  cursor: ew-resize;
  position: absolute;
  height: 100%;
  width: 5px;
  top: 0;
  right: 0;
}

.c-resize-panel__n {
  cursor: ns-resize;
  position: absolute;
  height: 5px;
  width: 100%;
  top: 0;
  right: 0;
}

.c-input-group__grow {
  flex-grow: 1;
}

.c-input-group__auto,
.input-group > .form-control.c-input-group__auto,
.input-group > .form-select.c-input-group__auto {
  flex-grow: 0;
  width: unset;
  min-width: unset;
}

.c-highlight--accordion {
  outline-color: var(--bs-primary);
  outline-style: solid;
}

.c-element-backdrop {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1050;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
}
.c-element-backdrop.fade {
  opacity: 0;
}
.c-element-backdrop.show {
  opacity: 1;
}

.c-popover-frame > .popover-body {
  padding: 0;
}

.c-popover-frame > .popover-body > turbo-frame {
  display: block;
}

.c-password i.glyph {
  width: 16px;
  padding-top: 0.5rem;
}
.c-password i.glyph:hover {
  cursor: pointer;
  color: var(--bs-gray-600);
}

.c-analysis-indicator-flow {
  display: flex;
  flex-flow: column nowrap;
  background-color: white;
}

.c-analysis-indicator-flow__table {
  overflow: auto;
  min-height: 0;
}

.c-analysis-indicator-flow__table table {
  --bs-table-bg: white;
  --bs-table-striped-bg: #f2f2f2;
  position: relative;
}
.c-analysis-indicator-flow__table table thead {
  position: sticky;
  top: 0;
  z-index: 2;
}
.c-analysis-indicator-flow__table table tr td:first-child:not(.not-first), .c-analysis-indicator-flow__table table tr th:first-child:not(.not-first) {
  position: sticky;
  left: 0;
  z-index: 1;
}

.c-analysis-indicator-flow__pos-sum, .c-analysis-indicator-flow__neg-sum {
  font-style: italic;
}

.c-analysis-indicator-flow__values-dropdown {
  display: flex;
  flex-flow: column nowrap;
  padding: 0.5rem;
}
.c-analysis-indicator-flow__values-dropdown section {
  display: flex;
  gap: 0.5rem;
  flex-flow: row nowrap;
  align-items: baseline;
}
.c-analysis-indicator-flow__values-dropdown section > * {
  flex: 1 1 auto;
}
.c-analysis-indicator-flow__values-dropdown section > .vertical {
  display: flex;
  flex-flow: column nowrap;
}

.c-analysis-indicator-flow--show-flow-path .c-analysis-indicator-flow__flow-category {
  display: none;
}
.c-analysis-indicator-flow--show-flow-path .c-analysis-indicator-flow__flow-name {
  padding-left: 0.5rem;
}

.c-analysis-indicator-flow--hide-flow-path .c-analysis-indicator-flow__flow-path {
  display: none;
}

.c-analysis-indicator-flow--hide-gross .c-analysis-indicator-flow__gross,
.c-analysis-indicator-flow--hide-percent .c-analysis-indicator-flow__percent {
  display: none;
}

.c-analysis-indicator-flow--hide-decimal .c-analysis-indicator-flow__decimal,
.c-analysis-indicator-flow--hide-scientific .c-analysis-indicator-flow__sientific {
  display: none;
}

th.c-analysis-indicator-flow__both-colspan {
  white-space: nowrap;
}

th.c-analysis-indicator-flow--sort {
  position: relative;
  cursor: pointer;
  padding-right: 2em;
  min-width: 5em;
}

.c-analysis-indicator-flow__sort-asc,
.c-analysis-indicator-flow__sort-desc {
  position: absolute;
  bottom: 0.5em;
  display: block;
  color: currentColor;
}
.c-analysis-indicator-flow__sort-asc[href],
.c-analysis-indicator-flow__sort-desc[href] {
  opacity: 0.3;
}
.c-analysis-indicator-flow__sort-asc[href]:hover,
.c-analysis-indicator-flow__sort-desc[href]:hover {
  opacity: 1;
  color: currentColor;
}
.c-analysis-indicator-flow__sort-desc {
  right: 1em;
}

.c-analysis-indicator-flow__sort-asc {
  right: 0.5em;
}

/* add specifuicity */
.c-analysis-indicator-flow form .c-analysis-indicator-flow__filter-field {
  min-width: 20em;
}

td.c-analysis-indicator-flow--negative {
  --bs-table-bg: var(--analysis-negative-cell-bg);
  --bs-table-striped-bg: var(--analysis-negative-cell-striped-bg);
}

.c-analysis-indicator-flow .c-analysis-indicator-flow__table .table.table-striped tbody tr:nth-of-type(odd) td, .c-analysis-indicator-flow .c-analysis-indicator-flow__table .table.table-striped tbody tr:nth-of-type(odd) th {
  background-color: var(--bs-table-striped-bg);
}
.c-analysis-indicator-flow .c-analysis-indicator-flow__table .table.table-striped tbody tr:nth-of-type(even) td, .c-analysis-indicator-flow .c-analysis-indicator-flow__table .table.table-striped tbody tr:nth-of-type(even) th {
  background-color: var(--bs-table-bg);
}

.c-analysis-indicator-tree-component {
  height: 100%;
}

.c-analysis-indicator-tree-component tfoot tr th:first-child {
  overflow: clip;
  white-space: nowrap;
}

.c-analysis-indicator-tree-component__layout {
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
}
.c-analysis-indicator-tree-component__layout > * {
  flex: 0 0 auto;
}
.c-analysis-indicator-tree-component__layout > .c-analysis-indicator-tree-component__table, .c-analysis-indicator-tree-component__layout > .c-analysis-indicator-tree-component__normalization-form {
  flex: 1 1 auto;
  overflow: auto;
}
.c-analysis-indicator-tree-component__layout > .btn-toolbar {
  white-space: nowrap;
  flex-wrap: nowrap;
}
.c-analysis-indicator-tree-component__layout > .btn-toolbar > form {
  min-width: auto;
}
.c-analysis-indicator-tree-component__layout > .btn-toolbar > form > nav {
  flex-wrap: nowrap;
  overflow-y: auto;
}
.c-analysis-indicator-tree-component__layout > .btn-toolbar > form > nav > ol {
  flex-wrap: nowrap;
}

.c-analysis-indicator-tree-component__table table {
  position: relative;
}
.c-analysis-indicator-tree-component__table table thead {
  position: sticky;
  top: 0;
  z-index: 1;
}
.c-analysis-indicator-tree-component__table table th:not(:first-child) {
  vertical-align: top;
}
.c-analysis-indicator-tree-component__table table tr td:first-child:not(.not-first), .c-analysis-indicator-tree-component__table table tr th:first-child:not(.not-first) {
  position: sticky;
  left: 0;
  z-index: 0;
}
.c-analysis-indicator-tree-component__table table tbody tr th:first-child {
  background-color: #e6e6e6;
}

.c-analysis-indicator-tree-component__chart {
  background-color: var(--body-bg);
  height: calc(100% - 31px);
}

.c-analysis-indicator-tree-component__toolbar {
  background-color: #f7f7f7;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1764705882);
}

.c-analysis-indicator-tree-component__normalization-status {
  background-color: #f7f7f7;
  border-top: 1px solid rgba(0, 0, 0, 0.1764705882);
}

.c-analysis-indicator-tree-component--scientific .c-analysis-indicator-tree-component__decimal,
.c-analysis-indicator-tree-component--decimal .c-analysis-indicator-tree-component__scientific {
  display: none;
}

.c-analysis-indicator-tree-component__row--hidden:not(.c-analysis-indicator-tree-component__row--opened) {
  text-decoration: line-through;
  opacity: 0.75;
}

.c-comparison-indicators-table-component {
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
}

.c-comparison-indicators-table-component__chart-settings .dropdown-menu.show {
  min-width: 25em;
}

.c-comparison-indicators-table-component__chart {
  overflow: auto;
}

.c-comparison-indicators-table-component__table {
  width: 100%;
  overflow: auto;
  flex: 1 1 auto;
  min-height: 0;
}

.c-comparison-indicators-table-component__table table {
  position: relative;
}
.c-comparison-indicators-table-component__table table thead {
  position: sticky;
  top: 0;
  z-index: 1;
}
.c-comparison-indicators-table-component__table table th:not(:first-child) {
  vertical-align: top;
}
.c-comparison-indicators-table-component__table table tr:not(.no-first) td:first-child:not(.not-first), .c-comparison-indicators-table-component__table table tr:not(.no-first) th:first-child:not(.not-first) {
  position: sticky;
  left: 0;
  z-index: 0;
}
.c-comparison-indicators-table-component__table table tbody tr th:first-child {
  background-color: #e6e6e6;
}

.c-comparison-indicators-table-component__chart {
  background-color: var(--body-bg);
  height: calc(100% - 31px);
}

.c-comparison-indicators-table-component--scientific .c-comparison-indicators-table-component__decimal,
.c-comparison-indicators-table-component--decimal .c-comparison-indicators-table-component__scientific {
  display: none;
}

.c-comparison-indicators-table-component__toolbar {
  background-color: #f9f9f9;
}

.design-library-filters.dropdown .btn.dropdown-toggle {
  margin-left: calc(var(--bs-border-width) * -1);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.items-filter__body {
  display: flex;
  gap: 1.2rem;
}
.items-filter__body .form-check {
  margin-left: 1rem;
}
.items-filter__body .items-filter__column {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.project-library-filters.dropdown .btn.dropdown-toggle {
  margin-left: calc(var(--bs-border-width) * -1);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.project-library-filters.dropdown .items-filter__body {
  display: flex;
  gap: 1.2rem;
}
.project-library-filters.dropdown .items-filter__body .form-check {
  margin-left: 1rem;
}
.project-library-filters.dropdown .items-filter__body .form-check.radio-btn-group {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}
.project-library-filters.dropdown .items-filter__body .items-filter__column {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.communications-index_container {
  min-width: 12rem;
  max-width: 80vw;
  margin: 1rem auto;
}
.communications-index_container h1 {
  text-align: center;
  margin: 3.2rem auto;
}
.communications-index_container .c-tableview__pagination > .pagination {
  justify-content: center;
}

.c-home-communication {
  display: flex;
  flex-wrap: nowrap;
  gap: 4rem;
  align-items: flex-start;
  padding: 1rem 1rem 4rem;
  position: relative;
}
.c-home-communication .c-home-communication__icon {
  position: absolute;
  top: -8px;
  left: -8px;
  background-color: white;
  width: 3.6rem;
  height: 3.5rem;
}
.c-home-communication .c-home-communication__icon .c-details__head .c-details__head-ico {
  min-width: 3.2rem;
  width: 3.2rem;
  height: 3.2rem;
  border: 1px solid var(--header-bg-color);
}
.c-home-communication .c-home-communication__icon .c-details__head .c-details__head-ico .glyph {
  font-size: 1.3rem;
}
.c-home-communication .c-home-communication__content {
  border: 1px solid var(--header-light-bg-color);
  width: 100%;
}
.c-home-communication .c-home-communication__content .c-home-communication__content-header {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
  padding: 0.8rem 2.5rem;
}
.c-home-communication .c-home-communication__content .c-home-communication__content-header .c-home-communication__content-name {
  font-weight: 600;
  font-size: 1.1rem;
}
.c-home-communication .c-home-communication__content .c-home-communication__content-description {
  padding: 1rem 2rem;
  border-top: solid 1px var(--border-color);
}

#c-modal .c-home-communication {
  max-width: 50rem;
}

.c-home-dashboard-single-card {
  border: 1px solid #D9D9D9;
  border-radius: 8px;
  overflow: visible;
}
.c-home-dashboard-single-card#welcome {
  font-size: 2.8em;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border: none;
}
.c-home-dashboard-single-card#welcome .user {
  font-size: 1.8rem;
}
.c-home-dashboard-single-card#news {
  font-size: 12px;
}
.c-home-dashboard-single-card#news .c-home-dashboard-single-card__body-col:nth-child(odd) {
  font-size: 1.7em;
  min-width: 30%;
  text-align: center;
  padding: 12px;
  flex-grow: 1;
}
.c-home-dashboard-single-card#news .c-home-dashboard-single-card__body-col:nth-child(even) {
  min-width: 70%;
}
.c-home-dashboard-single-card#news .c-home-dashboard-single-card__body-row {
  justify-content: flex-start;
}
.c-home-dashboard-single-card#communication .c-home-dashboard-single-card__body-col > i {
  display: none;
  color: #11575B;
  margin-right: 8px;
}
.c-home-dashboard-single-card#communication .c-home-dashboard-single-card__body-row.unread {
  font-weight: 600;
}
.c-home-dashboard-single-card#communication .c-home-dashboard-single-card__body-row.unread .c-home-dashboard-single-card__body-col > i {
  display: inline-flex;
  font-size: 0.5rem;
}
.c-home-dashboard-single-card#statistics .c-home-dashboard-single-card__body-col:nth-child(even) {
  min-width: 50%;
  text-align: left;
}
.c-home-dashboard-single-card#statistics .dropdown > button > div {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block !important;
}
.c-home-dashboard-single-card#statistics .dropdown-item {
  white-space: pre-wrap;
}
.c-home-dashboard-single-card#statistics .stats_for_project {
  flex-grow: 1;
  overflow-y: auto;
  scrollbar-width: thin;
}
.c-home-dashboard-single-card#statistics .stats_for_project .c-home-dashboard-single-card__body-row:nth-child(odd) {
  background-color: rgba(192, 192, 192, 0.1);
}
.c-home-dashboard-single-card#statistics .stats_for_project .c-home-dashboard-single-card__body-row:nth-child(even) {
  background-color: rgba(255, 255, 255, 0.4);
}
.c-home-dashboard-single-card#statistics.for_ecoinvent_light_user .stats_for_project {
  max-height: 182px;
}
.c-home-dashboard-single-card#statistics.for_ecoinvent_light_user .stats_for_project .c-home-dashboard-single-card__body-row:nth-child(even) {
  background-color: rgba(192, 192, 192, 0.1);
}
.c-home-dashboard-single-card#statistics.for_ecoinvent_light_user .stats_for_project .c-home-dashboard-single-card__body-row:nth-child(odd) {
  background-color: rgba(255, 255, 255, 0.4);
}
.c-home-dashboard-single-card#case_studies .c-home-dashboard-single-card__body {
  height: 560px;
  overflow-y: auto;
  scrollbar-width: thin;
}
.c-home-dashboard-single-card#case_studies span.cs_state {
  padding-right: 1.5rem;
}
.c-home-dashboard-single-card#case_studies .c-home-dashboard-single-card__full-items-badges {
  padding-left: 1rem;
}
.c-home-dashboard-single-card#case_studies .cs_badge > span {
  padding: 0.3em 0.5em 0.2em;
}
.c-home-dashboard-single-card#case_studies .cs_badge i.glyph, .c-home-dashboard-single-card#case_studies .cs_state i.glyph {
  font-size: smaller;
}
.c-home-dashboard-single-card#projects .c-home-dashboard-single-card__head {
  background-color: #729F57;
}
.c-home-dashboard-single-card#case_studies .c-home-dashboard-single-card__head {
  background-color: #1979CA;
}
.c-home-dashboard-single-card#documents .c-home-dashboard-single-card__head {
  background-color: #DE8233;
}
.c-home-dashboard-single-card#communication .c-home-dashboard-single-card__head {
  background-color: #11575B;
}
.c-home-dashboard-single-card#statistics .c-home-dashboard-single-card__head {
  background-color: #C75050;
}
.c-home-dashboard-single-card#news .c-home-dashboard-single-card__head {
  background-color: #227B81;
}
.c-home-dashboard-single-card:not(#news):not(#statistics) .c-home-dashboard-single-card__body-col:nth-child(even) {
  width: 22%;
  text-align: right;
}
.c-home-dashboard-single-card:not(#news):not(#statistics):not(#documents) .c-home-dashboard-single-card__body {
  min-height: 212px;
}
.c-home-dashboard-single-card#projects .c-home-dashboard-single-card__body, .c-home-dashboard-single-card#communication .c-home-dashboard-single-card__body {
  max-height: 272px;
}
.c-home-dashboard-single-card#documents .c-home-dashboard-single-card__body, .c-home-dashboard-single-card#statistics .c-home-dashboard-single-card__body {
  height: 272px;
}
.c-home-dashboard-single-card#statistics .c-home-dashboard-single-card__body {
  display: flex;
  flex-direction: column;
}
.c-home-dashboard-single-card#projects .c-home-dashboard-single-card__body, .c-home-dashboard-single-card#communication .c-home-dashboard-single-card__body, .c-home-dashboard-single-card#documents .c-home-dashboard-single-card__body {
  overflow-y: auto;
  scrollbar-width: thin;
}
.c-home-dashboard-single-card:not(#news) .c-home-dashboard-single-card__body-col {
  max-width: 80%;
  overflow-wrap: break-word;
}
.c-home-dashboard-single-card:not(#news) .c-home-dashboard-single-card__body-col:nth-child(odd):first-letter {
  text-transform: uppercase;
}

.c-home-dashboard-single-card__head {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  color: white;
  font-weight: 600;
  font-size: 1.3em;
  height: 46px;
  align-content: center;
  padding: 8px 12px;
}
.c-home-dashboard-single-card__head span {
  padding-left: 6px;
}
.c-home-dashboard-single-card__head a {
  color: white;
}

.c-home-dashboard-single-card__body-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #D9D9D9;
  min-height: 42.5px;
  padding: 4px 12px;
}
.c-home-dashboard-single-card__body-row:last-child {
  border-bottom: none;
}
.c-home-dashboard-single-card__body-row:nth-child(even) {
  background-color: rgba(192, 192, 192, 0.1);
}
.c-home-dashboard-single-card__body-row:nth-child(odd) {
  background-color: rgba(255, 255, 255, 0.4);
}
.c-home-dashboard-single-card__body-row .badge {
  margin-left: 8px;
}
.c-home-dashboard-single-card__body-row .buttons {
  display: flex;
  justify-content: end;
  gap: 4px;
}

.c-home-dashboard-single-card__body-col:nth-child(odd):first-letter {
  text-transform: uppercase;
}

.c-home-dashboard-single-card__case_study,
.c-home-dashboard-single-card__document {
  font-weight: 600;
  padding-left: 0.7rem;
}

.c-home-dashboard-cards__small-cards .c-home-dashboard-single-card__body {
  max-height: 304px;
}

.c-home-dashboard-cards {
  display: flex;
  gap: 2rem;
  flex-direction: column;
  width: 100%;
}

.c-home-dashboard-cards__row {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
  width: 100%;
}

.c-home-dashboard-cards__column {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.c-home-dashboard-cards__small-cards {
  min-width: calc(31% - 32px);
  width: 32em;
  flex-grow: 0;
}

.c-home-dashboard-cards__medium-cards {
  width: 36%;
  flex-grow: 1;
}

.c-home-dashboard-cards__large-cards {
  width: 69%;
  flex-grow: 1;
  flex-shrink: 1;
}

.c-make-case-study-categories {
  padding: 0rem 1rem;
  margin: 0;
}
.c-make-case-study-categories button {
  background: none;
  border: none;
  padding-right: 1rem;
}
.c-make-case-study-categories input {
  margin-right: 0.3rem;
}
.c-make-case-study-categories i:hover {
  filter: brightness(125%);
}
.c-make-case-study-categories li {
  padding-bottom: 0.3rem;
  display: flex;
  align-items: center;
  max-width: 22rem;
}
.c-make-case-study-categories li:first-of-type {
  padding-bottom: 1rem;
}

.cs-module-form-energetic-mix {
  border: 1px solid var(--bs-gray-200);
  margin-top: 1rem;
  padding: 0.75rem;
  border-radius: 0.4375rem;
  background: var(--bs-gray-100);
}

.c-cs-module-form-sidebar {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 3rem;
  scrollbar-width: thin;
}
.c-cs-module-form-sidebar .c-cs-module-form-sidebar__linked_modules {
  width: 100%;
}
.c-cs-module-form-sidebar .c-cs-module-form-sidebar__linked_modules .c-cs-module-form-sidebar__linked_modules_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0.75rem 0.75rem;
}
.c-cs-module-form-sidebar .c-cs-module-form-sidebar__linked_modules .c-cs-module-form-sidebar__linked_modules_header button {
  margin-top: 4px;
  border-radius: 16px;
  height: 1.5rem;
  padding: 1px 7px 2px 7px;
  border: 1px solid var(--bs-secondary);
  font-size: 0.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: unset;
}
.c-cs-module-form-sidebar .c-cs-module-form-sidebar__linked_modules .c-cs-module-form-sidebar__linked_modules_header button:not(:disabled):hover {
  color: white;
  background-color: var(--bs-secondary);
}
.c-cs-module-form-sidebar .c-cs-module-form-sidebar__linked_modules .c-cs-module-form-sidebar__linked_modules_header button:disabled {
  opacity: 0.75;
}

.c-cs-module-form-sidebar__card {
  width: 100%;
  background-color: white;
  border: 1px solid var(--bs-gray-200);
  border-radius: 0.375rem;
  font-size: 0.9rem;
  opacity: 85%;
  margin-bottom: 6px;
}
.c-cs-module-form-sidebar__card .c-cs-module-form-sidebar__card-body {
  display: flex;
}
.c-cs-module-form-sidebar__card .c-cs-module-form-sidebar__card-content {
  padding: 1rem;
}
.c-cs-module-form-sidebar__card .c-cs-module-form-sidebar__card-content .c-cs-module-form-sidebar__card-content--phase-name {
  display: flex;
  align-items: center;
  padding-bottom: 6px;
  color: var(--bs-gray-700);
}
.c-cs-module-form-sidebar__card .c-cs-module-form-sidebar__card-content .c-cs-module-form-sidebar__card-content--phase-name span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.c-cs-module-form-sidebar__card .c-cs-module-form-sidebar__card-content .c-cs-module-form-sidebar__card-content--phase-name i {
  color: var(--bs-gray-700);
}
.c-cs-module-form-sidebar__card .c-cs-module-form-sidebar__card-actions {
  padding: 0.5rem 1rem 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.4rem;
  min-width: 40px;
}
.c-cs-module-form-sidebar__card .c-cs-module-form-sidebar__card-actions .btn-dots {
  background-color: transparent;
  border: none;
}
.c-cs-module-form-sidebar__card .c-cs-module-form-sidebar__card-actions .btn-dots img {
  width: 1rem;
  padding-bottom: 0.5rem;
}
.c-cs-module-form-sidebar__card .c-cs-module-form-sidebar__card-actions .dropdown {
  flex-grow: 1;
}
.c-cs-module-form-sidebar__card .c-cs-module-form-sidebar__card-actions .dropdown .btn {
  border: none;
}
.c-cs-module-form-sidebar__card .c-cs-module-form-sidebar__card-actions .dropdown .dropdown-menu {
  min-width: 0;
}
.c-cs-module-form-sidebar__card .c-cs-module-form-sidebar__card-actions .dropdown .dropdown-item:hover {
  background-color: transparent;
  color: var(--bs-danger);
}
.c-cs-module-form-sidebar__card .c-cs-module-form-sidebar__card-append {
  border-top: 1px solid var(--bs-gray-200);
  font-size: 0.8rem;
  padding: 0.5rem 1rem;
}

.c-cs-module-form-sidebar__card.current {
  border: 1px solid #8e98a1;
  box-shadow: 3px 3px 3px -1px rgb(150, 150, 150);
}

.c-make-db-modules-multi-available-date ul {
  list-style: none;
  max-height: 25vh;
  overflow-y: scroll;
  scrollbar-width: thin;
  scrollbar-color: gray transparent;
}

.c-ui-circled-glyph {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 1rem;
}

.c-ui-circled-glyph__glyph {
  background-color: var(--body-bg);
  min-width: 7rem;
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
  border: solid 1px var(--border-color);
  display: grid;
}
.c-ui-circled-glyph__glyph > * {
  grid-area: 1/1/2/2;
  place-self: center;
  font-size: 4rem;
}

.c-modal {
  max-width: 100vw;
  max-height: 100vh;
  border: none;
  padding: 0;
  margin: 0;
}
.c-modal .c-modal__box {
  min-width: 512px;
  max-width: 80vw;
  max-height: 80vh;
  background: white;
  border-radius: 6px;
  box-shadow: 0 10px 50px -10px rgba(0, 0, 0, 0.25);
  scrollbar-width: thin;
  scrollbar-color: gray transparent;
}
.c-modal .c-modal__box header {
  padding: 1rem 1rem 0 1rem;
  display: flex;
  justify-content: space-between;
}
.c-modal .c-modal__box header h1 {
  font-size: 1.2rem;
  margin: 1rem 0 2rem 2rem;
  text-align: center;
  width: 100%;
}
.c-modal .c-modal__box header img {
  cursor: pointer;
  height: 24px;
}
.c-modal .c-modal__box section {
  padding: 0 3rem 2rem 3rem;
}

.toggle-panel-bar {
  position: relative;
}

.toggle-panel-bar i {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.7rem;
  z-index: 2;
  background: white;
  border-radius: 50%;
  color: #ffffff;
  background-color: #999999;
}

.toggle-panel-bar i:hover {
  cursor: pointer;
}

html.interface-analysis {
  --interface-name: "analysis";
}
html.interface-analysis #tree {
  --hover-bgcolor: rgba(199, 80, 80, 0.25);
}

html.interface-analysis #tree, html.interface-analysis #tree input:not(:checked) + label .text a, html.interface-comparison #tree, html.interface-comparison #tree input:not(:checked) + label .text a {
  color: #000;
}
html.interface-analysis #tree .c-treeview label:focus, html.interface-comparison #tree .c-treeview label:focus {
  border-color: none;
  box-shadow: none;
}
html.interface-analysis #tree .c-treeview__item--disabled label:hover, html.interface-comparison #tree .c-treeview__item--disabled label:hover {
  background-color: transparent;
}
html.interface-analysis #tree .c-treeview__ico, html.interface-comparison #tree .c-treeview__ico {
  width: 1rem;
  font-size: 0.6rem;
  padding-right: 4px;
  display: inline;
}
html.interface-analysis #tree .c-treeview__ico > i, html.interface-comparison #tree .c-treeview__ico > i {
  vertical-align: text-top;
}
html.interface-analysis #tree .c-treeview__ico > i.text-secondary, html.interface-comparison #tree .c-treeview__ico > i.text-secondary {
  color: #ccc !important;
}
html.interface-analysis #tree a.disabled, html.interface-comparison #tree a.disabled {
  pointer-events: none;
  cursor: default;
  color: #888;
}
html.interface-analysis #tree .c-treeview__right-col, html.interface-comparison #tree .c-treeview__right-col {
  padding-right: 1rem;
  align-self: stretch;
}
html.interface-analysis #tree .c-treeview__right-col .form-check, html.interface-comparison #tree .c-treeview__right-col .form-check {
  display: flex;
  align-items: center;
  margin: 0;
}
html.interface-analysis #tree .c-treeview__right-col .form-check-input, html.interface-comparison #tree .c-treeview__right-col .form-check-input {
  margin: 0;
}
html.interface-analysis #tree .c-treeview__right-col .spinner-border, html.interface-comparison #tree .c-treeview__right-col .spinner-border {
  height: 1rem;
  width: 1rem;
}
html.interface-analysis #tree .c-treeview__right-col .c-analysis-tree__play, html.interface-comparison #tree .c-treeview__right-col .c-analysis-tree__play {
  cursor: pointer;
}
html.interface-analysis #tree .c-analysis-tree__select-children, html.interface-comparison #tree .c-analysis-tree__select-children {
  cursor: pointer;
}
html.interface-analysis .informations__container, html.interface-comparison .informations__container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 75%;
}
html.interface-analysis .informations__container fieldset, html.interface-comparison .informations__container fieldset {
  background-color: #f6f6f6;
}
html.interface-analysis .informations__container fieldset legend, html.interface-comparison .informations__container fieldset legend {
  margin-left: -36px;
  color: #969696;
}
html.interface-analysis turbo-frame#analysis-overview, html.interface-comparison turbo-frame#analysis-overview {
  display: block;
}

html.interface-comparison {
  --interface-name: "comparison";
  --selection-fgcolor: white;
  --selection-bgcolor: var(--primary-color);
}
html.interface-comparison turbo-frame#comparison-tree .tree {
  height: 100%;
}
html.interface-comparison turbo-frame#comparison-tree .tree .card-header {
  padding: 0.5rem;
}
html.interface-comparison turbo-frame#comparison-overview {
  display: block;
  height: 100%;
}
html.interface-comparison turbo-frame#comparison-overview .tab-content {
  height: 100%;
}
html.interface-comparison turbo-frame#comparison-overview div.tab-pane .btn-toolbar {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1764705882);
}

html.interface-database {
  --interface-name: "database";
}
html.interface-database .desc-line label {
  margin: 0.7rem 0 0.1rem 0;
  text-overflow: ellipsis;
  overflow: hidden;
}
html.interface-database .desc-line span {
  word-break: break-word;
  display: block;
  padding: 0.3rem;
  background-color: var(--bs-gray-200);
  border-radius: 0.375rem;
}
html.interface-database .desc-line p:empty:before {
  content: "-";
}
html.interface-database .desc-line span:empty:before {
  content: " ";
}
html.interface-database .desc-line a {
  text-decoration: underline;
}
html.interface-database .desc-badge {
  padding: 0.375rem 0.75rem 0.375rem 0.75rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--bs-secondary);
  color: white;
  border-radius: 0.375rem;
  font-weight: 400;
}
html.interface-database .desc-badge.bg-warning {
  color: unset;
}

html.interface-project {
  --interface-name: "project";
}

html.interface-design {
  --interface-name: "design";
}
html.interface-design #tree {
  z-index: 1;
}
html.interface-design #search button:disabled .fa-search::before {
  display: none;
}
html.interface-design.make-popup [data-controller~=ui--module-selector-component] .modal-dialog-scrollable > .modal-content {
  min-height: 450px;
}

html.interface-home {
  --interface-name: "home";
  --selection-bgcolor: var(--primary-color);
  --selection-fgcolor: white;
  --hover-bgcolor: rgba(114, 159, 87, 0.4) /*// project-color with 0.4 opacity */;
  --hover-fgcolor: black;
}
html.interface-home #dashboard_container {
  position: relative;
  margin: 2rem auto;
  max-width: 90vw;
}
html.interface-home #dashboard_container .imageholder {
  z-index: -1;
  content: url("/assets/eime6_favicon-15a854a2.svg");
  width: 100%;
  height: 80vh;
  position: fixed;
  margin: 36px auto;
  left: 0;
  right: 0;
  filter: grayscale(100%) opacity(15%);
  -webkit-filter: grayscale(100%) opacity(15%);
}

body.form-popup .modal-dialog .dropdown-menu {
  max-width: var(--bs-modal-width);
}

.cs-module-form {
  display: flex;
  height: 100vh;
}
.cs-module-form .cs-module-form__content {
  flex-grow: 1;
  height: 100%;
  max-width: 75%;
  display: flex;
  flex-direction: column;
}
.cs-module-form .cs-module-form__content .cs-module-form__header {
  border-bottom: 1px solid var(--bs-gray-200);
  padding: 0.5rem 1rem;
}
.cs-module-form .cs-module-form__content .cs-module-form__header .breadcrumb {
  margin: 0;
  font-size: 0.9rem;
}
.cs-module-form .cs-module-form__content .cs-module-form__body {
  padding: 1.5rem 2rem;
  flex-grow: 1;
  overflow: scroll;
  scrollbar-width: thin;
}
.cs-module-form .cs-module-form__content .cs-module-form__body .btn-group {
  flex-wrap: wrap;
}
.cs-module-form .cs-module-form__content .cs-module-form__body .btn-group > .btn {
  flex: none;
  border: none;
  background-color: unset;
  color: unset;
}
.cs-module-form .cs-module-form__content .cs-module-form__body .btn-group > .btn:hover {
  background-color: var(--bs-gray-200);
  color: unset;
}
.cs-module-form .cs-module-form__content .cs-module-form__body .btn-group:not(.dropdown) {
  border: 1px solid var(--bs-border-color);
  padding: 2px;
}
.cs-module-form .cs-module-form__content .cs-module-form__body .input-group {
  flex-wrap: nowrap;
}
.cs-module-form .cs-module-form__content .cs-module-form__body details > summary {
  display: flex;
  width: fit-content;
  align-items: center;
  font-weight: bold;
  gap: 4px;
  margin-bottom: 0.5rem;
}
.cs-module-form .cs-module-form__content .cs-module-form__body details > summary > .icon {
  content: url("/assets/icons/flaticon-fi-rr-angle-small-right-107b9327.svg");
}
.cs-module-form .cs-module-form__content .cs-module-form__body details[open] > summary > .icon {
  content: url("icons/flaticon-fi-rr-angle-small-down");
}
.cs-module-form .cs-module-form__content .cs-module-form__footer {
  display: flex;
  justify-content: flex-end;
  padding: 1rem;
  text-align: right;
  box-shadow: 0px -0.5px 4px 0px rgba(0, 0, 0, 0.09);
}

.db_module_scenarios h1 {
  font-size: 1.6rem;
}
.db_module_scenarios h2 {
  font-size: 1.3rem;
}
.db_module_scenarios .scenarios__header {
  padding: 2.5rem;
  width: 70%;
  display: flex;
  justify-content: space-between;
}
.db_module_scenarios .scenarios__header h1 {
  margin-bottom: 0;
}
.db_module_scenarios nav {
  border-bottom: 1px solid gray;
  padding: 1rem 1.5rem 0rem;
}
.db_module_scenarios .scenarios__content {
  display: flex;
}
.db_module_scenarios .scenarios__content .scenarios__content_left {
  width: 70%;
  min-width: 70%;
  height: calc(100vh - 140px);
  overflow: auto;
  padding: 0rem 2.5rem 3rem;
}
.db_module_scenarios .scenarios__content .scenarios__content_left label {
  font-weight: 500;
}
.db_module_scenarios .scenarios__content .scenarios__content_left fieldset {
  margin-bottom: 1rem;
  background-color: var(--bs-gray-100);
}
.db_module_scenarios .scenarios__content .scenarios__list {
  padding: 0rem 2.5rem;
  border-left: 1px solid gray;
  height: calc(100vh - 140px);
  overflow: auto;
}
.db_module_scenarios .scenarios__content .scenarios__list .card {
  margin-bottom: 0.5rem;
}
.db_module_scenarios .scenarios__content .scenarios__list .card-header {
  border-bottom: none;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.db_module_scenarios .scenarios__content .scenarios__list .card-header:hover {
  background-color: rgba(0, 0, 0, 0.07);
}
.db_module_scenarios .scenarios__content .scenarios__list .card-header .scenario__name {
  font-weight: 500;
}
.db_module_scenarios .scenarios__content .scenarios__list .version {
  font-size: 0.85rem;
}
.db_module_scenarios .scenarios__content .scenarios__action-card {
  width: 220px;
  height: 100px;
  border: 1px solid var(--bs-gray-300);
  border-radius: 4px;
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.db_module_scenarios .scenarios__content .scenarios__action-card:hover {
  outline: 1px solid #dbdbdb;
}
.db_module_scenarios .scenarios__content .scenarios__action-card .scenarios__action-card__title {
  font-size: 1.3rem;
}
.db_module_scenarios .scenarios__content .scenarios__action-card .scenarios__action-card__description {
  font-weight: 300;
}

.i-make-normalization {
  --c-tableview--normalization-name-width: 20rem;
  --c-tableview--normalization-unit-name-width: 16rem;
  --c-tableview--normalization-actions-width: 8rem;
}

.i-make-ponderation {
  --c-tableview--ponderation-name-width: 20rem;
  --c-tableview--ponderation-actions-width: 8rem;
}

.app-ui-multiple-files .fa-times {
  margin-left: 1em;
}
.app-ui-multiple-files input[type=checkbox] {
  display: none;
}
.app-ui-multiple-files input[type=checkbox]:not(:checked) + label {
  text-decoration: line-through;
}

.radio_button_input {
  display: inline-flex;
}
.radio_button_input label {
  padding: 0.375rem 0.8rem 0.375rem 0.375rem;
  cursor: pointer;
}

.use-bootstrap-select-target {
  position: fixed;
  left: -9999rem;
  top: -9999rem;
}

.use-bootstrap-select {
  cursor: default;
}

.use-bootstrap-select .input-wrapper {
  position: absolute;
  min-width: 4px;
  flex-grow: 1;
  white-space: nowrap;
}

.use-bootstrap-select .input-wrapper > span {
  visibility: hidden;
}

.use-bootstrap-select input[type=text] {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  outline: 0;
  border: 0;
  width: 100%;
  background-color: transparent;
  cursor: default;
}

.use-bootstrap-select .optgroup-item {
  padding-left: calc(var(--bs-dropdown-item-padding-x) * 2);
}

.use-bootstrap-select > div > div > .btn {
  border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  overflow-wrap: anywhere;
  cursor: default;
}

.use-bootstrap-select > div > div > .btn.btn-sm {
  border-radius: calc(var(--bs-border-radius-sm) - var(--bs-border-width));
}

.use-bootstrap-select > div > div > .btn.btn-lg {
  border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
}

.use-bootstrap-select .form-select.focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.use-bootstrap-select .form-select.disabled {
  background-color: var(--bs-secondary-bg);
}

.use-bootstrap-select .form-select-sm + .dropdown-menu {
  font-size: 0.875rem;
}

.use-bootstrap-select .form-select-lg + .dropdown-menu {
  font-size: 1.25rem;
}

.use-bootstrap-select .dropdown-item {
  white-space: normal;
}

.use-bootstrap-select .dropdown-item:not(.active):hover {
  background-color: transparent;
}

.use-bootstrap-select > .dropdown-menu {
  overflow-y: auto;
}

.was-validated .form-select:valid + .use-bootstrap-select-wrapper .form-select, .form-select.is-valid + .use-bootstrap-select-wrapper .form-select {
  border-color: var(--bs-form-valid-border-color);
}

.was-validated .form-select:valid + .use-bootstrap-select-wrapper .form-select:not([multiple]):not([size]), .was-validated .form-select:valid + .use-bootstrap-select-wrapper .form-select:not([multiple])[size="1"], .form-select.is-valid + .use-bootstrap-select-wrapper .form-select:not([multiple]):not([size]), .form-select.is-valid + .use-bootstrap-select-wrapper .form-select:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-select:valid + .use-bootstrap-select-wrapper .form-select.focus, .form-select.is-valid + .use-bootstrap-select-wrapper .form-select.focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}

.was-validated .form-select:invalid + .use-bootstrap-select-wrapper .form-select, .form-select.is-invalid + .use-bootstrap-select-wrapper .form-select {
  border-color: var(--bs-form-invalid-border-color);
}

.was-validated .form-select:invalid + .use-bootstrap-select-wrapper .form-select:not([multiple]):not([size]), .was-validated .form-select:invalid + .use-bootstrap-select-wrapper .form-select:not([multiple])[size="1"], .form-select.is-invalid + .use-bootstrap-select-wrapper .form-select:not([multiple]):not([size]), .form-select.is-invalid + .use-bootstrap-select-wrapper .form-select:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-select:invalid + .use-bootstrap-select-wrapper .form-select.focus, .form-select.is-invalid + .use-bootstrap-select-wrapper .form-select.focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}