#myTab .nav-link.active {
  color: #8800fc;
}

table td a {
  color: var(--bs-body-color);
  font-weight: 500;
}

table td a:hover {
  color: var(--bs-primary);
}

.modal-body {
  max-height: 70vh !important;
  padding-left: 0;
}

#content-resizer-handler {
  min-height: 0px;
  margin-bottom: 40px;
}

.nav-tabs i {
  margin-right: 4px;
}

.col-section-project {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.form-group.section-config {
  background: var(--bs-light);
  padding: 16px;
  border-radius: 3px;
  border: 1px solid var(--bs-border-color);
}

.form-type-controller {
  margin-bottom: 16px;
}

@media (min-width: 992px) {

  #modal-config-section .modal-lg,
  #modal-config-section .modal-xl {
    max-width: calc(8px * 80);
  }
}

#modal-config-section .form-input,
#modal-config-section select {
  background-color: var(--bs-light);
}

.section-config .card {
  background-color: transparent;
}

.config-label {
  color: var(--bs-body-color) !important;
}

#ea-new-Objet .form-panel,
[id^="ea-edit-Objet"] .form-panel {
  background: white;
  height: 100%;
}

#ea-new-Objet .field-form_panel,
[id^="ea-edit-Objet"] .field-form_panel {
  margin-bottom: 16px;
}

#ea-new-Objet .form-panel-header,
[id^="ea-edit-Objet"] .form-panel-header {
  box-shadow: 0 1px 0 var(--table-cell-border-color);
  padding: 0.75rem 1.5rem;
}

#ea-new-Objet .form-panel-body,
[id^="ea-edit-Objet"] .form-panel-body {
  padding: 1rem 1.5rem;
}

.configHtmlObjet .form-group {
  margin-bottom: 1.5rem;
}

.form-block-group,
.configHtmlObjet__body {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 16px;
}

#ea-new-Objet #block-tab-pane,
[id^="ea-edit-Objet"] #block-tab-pane {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 16px;
}

#Objet_visibility {
  display: flex;
  gap: 16px;
}

[id^="ea-edit-Objet-"] .field-boolean .form-switch,
#ea-new-Objet .field-boolean .form-switch {
  flex-direction: column;
  place-items: start;
}

#ea-new-Objet .field-boolean label.form-check-label,
[id^="ea-edit-Objet-"] .field-boolean label.form-check-label {
  order: 1;
}

#ea-new-Objet .field-boolean input,
[id^="ea-edit-Objet-"] .field-boolean input {
  order: 2;
  margin-top: 0.25rem !important;
}

.field-datetime input {
  width: 100% !important;
}

.ts-wrapper.form-select.disabled {
  background: #f0f0f0;
  color: #6c757d;
}

#ea-new-Objet .form-panel,
[id^="ea-edit-Objet-"] .form-panel {
  border: 1px solid var(--table-cell-border-color);
  border-radius: 5px;
}

.main-header #header-logo img,
.main-header #header-logo svg {
  height: 35px;
}

.configHtmlObjet .form-panel,
.configHtmlObjet #content-2 {
  padding-bottom: 0;
}

.register-bg,
.login-bg {
  height: 30vh;
}

.register-header,
.login-header {
  padding-block: 18px;
}

.register__logo img,
.login__logo img {
  height: 40px;
  width: auto;
  max-width: 100%;
}

.register-body,
.login-body {
  padding: 24px;
}

.register-body__top,
.login-body__top {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--bs-border-color);
}

.register small,
.login small {
  color: #6c757d;
}

.register form+small,
.login form+small {
  margin-top: 12px;
  display: block;
}

.form-group [id*="bodyCreateBtn"] {
  border-top: hidden;
  padding: 16px;
  margin-top: 0;
}

[id*="bodyCreateBtn"] :first-child {
  margin-top: 0 !important;
}

#myTab .nav-item:hover {
  background: transparent;
  border-radius: 0;
}

#myTab .nav-item.active,
#myTab .nav-item:hover {
  border-bottom: 1px solid var(--bs-primary);
}

.nav-tabs .nav-link {
  margin-inline: 16px;
}

#myTab .nav-item:hover .nav-link {
  color: var(--bs-body-color) !important;
}

.btn-sm {
  font-size: 14px;
}

.accordion-button:not(.collapsed) {
  color: unset;
}

.accordion-button {
  box-shadow: unset !important;
}

b,
strong {
  font-weight: 600;
}

.accordion-body {
  padding-top: 0;
}

.form-panel-header .form-panel-title a {
  color: var(--gray-700);
}

[id*="headingMain"] * {
  color: var(--gray-700);
  font-size: 18px;
  font-weight: 700;
}

.configHtmlObjet .tab-content>.tab-pane {
  background: #f7f7f9;
  padding: 16px !important;
  border: 1px solid var(--bs-border-color);
  border-radius: 5px;
}

.nav-tabs {
  border-bottom: none;
}

.accordion-button {
  background-color: white !important;
}

.accordion-item {
  background-color: white;
}

[class*="linkCallToAction"] .card,
[class*="linkCallToAction"] .form-select {
  background: transparent;
}

#collapseMain .btn {
  border: none;
}

[id*="modal-modifier-inner-"] .form-group-wrapper,
[id*="modal-add-inner-block-"] .form-group-wrapper,
[id*="modal-modifier-inner-block-"] .form-group-wrapper,
#modal-add-inner-block .form-group-wrapper,
#modal-add-block .form-group-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

[id*="ea-edit-Page-"] .form-panel-body,
#ea-new-Page .form-panel-body {
  border: 1px solid var(--bs-border-color);
  border-radius: 5px;
}

@media (min-width: 992px) {
  div:not(#galleryModal) .modal-dialog {
    width: fit-content;
    max-width: 80vw !important;
  }
}

#modal-config-section .form-group-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.modal-header> :first-child {
  margin-right: 56px;
}

.content-header {
  position: sticky;
  top: -20px;
  z-index: 999;
}

.body-progress *,
.body-error * {
  pointer-events: none;
}

.body-progress {
  cursor: wait;
}

.body-error {
  cursor: not-allowed;
}

.body-error #cursor-message {
  background: var(--bs-danger);
}

.btn:disabled {
  cursor: not-allowed !important;
  pointer-events: auto !important;
}

.parametrage-actions {
  display: grid;
  gap: 12px;
}

.title.text-center {
  margin-block: 4px 4px;
}

.parametrage {
  position: sticky;
  top: 162px;
  height: fit-content;
}

/* .table td:not(.td-label-content) .td_editable {
    width: max-content !important;
} */

.template-details__content .table:not(.datagrid-empty) td {
  padding: 10px 16px;
  line-height: 100%;
}

.table-filter .form-control {
  padding-left: 32px !important;
}

.table-filter {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
}

.template-details__content .table-filter .form-group {
  margin-bottom: 0 !important;
}

.table-filter .form-group {
  position: relative;
  flex-grow: 1;
}

.table-filter .form-label {
  position: absolute;
  width: fit-content;
  margin-block: auto;
  padding-bottom: 0 !important;
  line-height: 100%;
  inset: 0;
  height: fit-content;
  margin-left: 12px;
}

.folder-name,
.file-name {
  display: block;
  cursor: pointer;
}

#file-list,
#file-list ul {
  padding-left: 20px;
  list-style-type: none;
}

#file-list .ftp-gallery__folder-link,
#file-list .ftp-gallery__folder-media {
  width: 100%;
  cursor: pointer;
}

.file {
  --link-color: var(--bs-body-color);
  display: inline-flex;
  place-items: center;
  padding: 0.25rem 0;
  border-radius: 5px;
  margin-bottom: 0.5rem;
  font-size: 1rem;
  font-weight: 500;
  gap: 0.5rem;
  height: fit-content;
  width: 100%;
}

.wrapper {
  --sidebar-max-width: 240px;
}

.file-name {
  width: 100%;
}

td.file {
  display: initial;
}

.nav-tabs .nav-link {
  font-size: 1rem !important;
}

#file-navigator {
  display: block;
  width: 100%;
}

#file-list {
  padding-top: 8px;
  padding-bottom: 0;
}

.template-details__content .form-group {
  margin-bottom: 20px !important;
}

.template-details__content .form-group input {
  font-size: 0.875rem !important;
}

#folder-content td {
  padding: 14px 24px !important;
  margin-bottom: 0;
}

#folder-content td:first-child {
  width: 100%;
}

tr.file {
  padding: 0;
  display: table-row;
}

#appContent {
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: 16px;
}

#appContent.no-aside {
  grid-template-columns: 1fr;
}

#folder-content .ftp-gallery__folder-link:hover {
  background: transparent;
  cursor: pointer;
}

#app-content th,
#app-content thead {
  border: hidden !important;
}

.app-navigator ul {
  position: relative;
}

.app-navigator ul::before {
  content: "";
  position: absolute;
  width: 1px;
  height: calc(100% - 40px);
  top: 0;
  left: 39px;
  background: #0000001f;
  z-index: -1;
  margin-block: auto;
  bottom: 0;
}

#file-list::before {
  left: 19px;
}

.child-list {
  display: none;
}

.child-list.opened {
  display: block;
}

.child-list.last-opened::before,
.child-list.last-opened .opended::before {
  content: unset;
}

.current-path {
  background-color: #f1e1ff;
}

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

#file-list .file-name {
  padding-inline: 0.75rem;
}

.table:not(.datagrid-empty) #folder-content .dropdown-custom-toggle::before {
  line-height: 100%;
}

.project__logo-img {
  width: 32px;
}

.main-content #Section_codeJs+.CodeMirror,
.main-content #Section_codeCss+.CodeMirror,
.main-content #Section_codeHtml+.CodeMirror,
.main-content #Section_codeBlock+.CodeMirror,
.main-content #Section_codeInnerBlock+.CodeMirror {
  height: fit-content !important;
}

.main-content #Section_codeHtml+.CodeMirror .CodeMirror-scroll,
.main-content #Section_codeBlock+.CodeMirror .CodeMirror-scroll,
.main-content #Section_codeInnerBlock+.CodeMirror .CodeMirror-scroll,
.main-content #Section_codeJs+.CodeMirror .CodeMirror-scroll,
.main-content #Section_codeCss+.CodeMirror .CodeMirror-scroll {
  min-height: 50vh;
  min-height: 50dvh;
}

.table {
  border-radius: var(--bs-border-radius);
  /* overflow: hidden; */
}

#folder-content td {
  display: table-cell;
}

#file-list {
  padding-top: 0;
}

#file-list .ftp-gallery__folder-media {
  background: #e8e8e8;
}

#file-list .ftp-gallery__folder-media i::before {
  color: var(--bs-body-color);
}

@media (width > 400px) {
  div:not(#galleryModal) .modal-dialog {
    min-width: 400px;
  }
}

.form-group {
  padding-top: 0;
}

[id*="ajouterTemplateStructure"] .form-group,
[id*="ajouterVariable"] .form-group {
  margin-bottom: 16px;
}

.CodeMirror {
  overflow-x: hidden !important;
}

div:not(#galleryModal) .modal-import .modal-dialog {
  max-width: 500px !important;
}

[id*="ajouterTemplateStructure"] .CodeMirror {
  width: 500px;
  height: 300px;
}

.table> :not(caption)>*>* {
  border-color: var(--bs-border-color);
}

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

#deleteSelected {
  color: var(--bs-danger);
}

#deleteSelected:hover {
  color: white !important;
}

#deleteSelected[disabled] {
  color: var(--bs-danger) !important;
  border-color: var(--bs-border-color);
}

#file-list .ftp-gallery__folder-media {
  padding: 8px 24px;
  font-size: 14px;
  font-weight: 600;
}

#file-list .ftp-gallery__folder-link i::before,
#file-list .ftp-gallery__folder-media i::before {
  font-size: 14px;
}

.table-filter__other-actions {
  display: flex;
  gap: 8px;
}

#file-list {
  padding: 0 !important;
  border: hidden !important;
}

[id*="copier-template-projet"] .modal-header {
  padding: 0;
}

[id*="copier-template-projet"] .select2-container {
  display: block;
}

[id*="copier-template-projet"] .select2-container--default .select2-selection--single {
  padding: 4px;
  height: fit-content;
  min-height: 37px;
}

[id*="copier-template-projet"] .select2-container--default .select2-selection--single .select2-selection__arrow {
  margin-block: auto;
  height: fit-content;
  bottom: 1px;
}

[id*="copier-template-projet"] .select2-container--default .select2-selection--single {
  border: 1px solid var(--bs-border-color);
}

#infoGeneral {
  margin-bottom: 24px;
}

table td a {
  text-wrap: wrap;
}

.app-navigator {
  display: none;
}

.app-navigator.visible {
  display: block;
}

pre code {
  white-space: pre-wrap;
  overflow-wrap: break-word;
  word-break: break-word;
}

.table-view__actions {
  display: flex;
  gap: 8px;
}

.table-view thead .btn {
  padding: 4px 8px;
}

.table-view__file {
  width: 100%;
  vertical-align: middle;
}

.app-navigator.visible {
  position: sticky;
  top: 86px;
  height: fit-content;
}

.ftp-gallery__file-link {
  --link-color: var(--bs-body-color);
  display: inline-flex;
  place-items: center;
  padding-inline: 0.75rem;
  border-radius: 5px;
  font-size: 1rem;
  font-weight: 500;
  gap: 0.5rem;
  height: fit-content;
  width: 100%;
  cursor: pointer;
}

.ftp-gallery__file-link:hover {
  color: var(--bs-primary);
}

.table-view thead .btn {
  padding: 0;
  border: hidden;
}

.table-view thead .btn-primary::before {
  content: "";
  position: absolute;
  z-index: -1;
  background: var(--bs-primary);
  top: -10px;
  bottom: -10px;
  right: -30px;
  width: calc(100% + 30px);
  height: calc(100% + 20px);
}

.table-view thead .btn-primary {
  position: relative;
  z-index: 1;
  padding-left: 15px;
}

.table-view thead .btn-primary:hover::before {
  background-color: var(--bs-primary-400) !important;
}

.table-view td {
  padding: 0 !important;
}

.CodeMirror {
  font-family: "Consolas", "Courier New", monospace;
  font-size: 16px;
  line-height: 22px;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  word-break: break-word;
  overflow: hidden !important;
}

.CodeMirror-scroll {
  overflow-y: hidden;
  color: #222;
}

.datagrid thead th {
  padding: 10px 16px;
  line-height: 100%;
}

.table.datagrid th a {
  padding: 0 !important;
}

.datagrid thead a,
.datagrid thead span {
  padding: 0;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.loading .ri-loader-4-line {
  animation: spin 2s linear infinite;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.fade-in {
  animation: fadeIn 0.5s ease-in-out;
}

#sauvegarderObjet.error {
  background: var(--bs-danger);
  border-color: var(--bs-danger);
}

.file {
  padding: 0;
}

.ftp-gallery__file-link {
  padding-block: 4px;
}

.ftp-gallery__folder-link:hover,
.ftp-gallery__folder-media:hover {
  color: var(--bs-body-color);
}

.ftp-gallery__file-link:hover {
  color: var(--bs-body-color);
  background: var(--bs-primary-100);
}

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

.CodeMirror-scroll {
  overflow: hidden;
}

.table-filter__files {
  position: absolute;
  width: 100%;
  background: var(--bs-body-bg);
  max-height: 204px;
  overflow-y: auto;
  border: 1px solid var(--bs-border-color);
  border-radius: 5px;
  margin-top: 8px;
  z-index: 1;
}

.table-filter__files .form-group {
  margin-top: 4px;
}

.table-filter__files .badge.badge-secondary {
  font-size: 14px;
  font-weight: normal;
  padding: 6px 16px;
  border: none;
  color: var(--bs-body-color);
  cursor: pointer;
  margin: 0 4px;
  width: calc(100% - 4px);
  border-radius: 5px;
}

.table-filter__files .badge.badge-secondary:first-child,
.table-filter__files .badge.badge-secondary:hover {
  color: var(--bs-body-color);
  background: #e8e8e8;
}

.template-file strong {
  color: var(--bs-primary);
}

.table-view__actions a,
.table-view__actions button {
  background-color: transparent;
  border: none;
  font-weight: normal;
  color: var(--bs-body-color) !important;
  cursor: pointer;
  transition: all .25s ease-in-out;
  padding-block: 2px;
}

.table-view__actions * {
  font-size: 14px !important;
}


.table-view__actions a:hover {
  opacity: 0.6;
}

.table-view tbody {
  border-top-width: 0px !important;
}

.table-view tr {
  border-block: unset !important;
}

.table th,
.table td {
  border: none !important;
}

#code-viewer-container .form-control-label {
  margin-bottom: 0 !important;
}

.html-code-viewer-container {
  display: flex;
  gap: 24px;
}

#code-viewer-container.uncollapsed {
  flex-grow: 1;
  flex-basis: 50%;
}

#code-viewer-container.collapsed {
  width: 45px;
}

#edit-Section-form * {
  font-size: 16px;
}

.table.collapsed-table {
  transform: rotate(90deg);
  transform-origin: left bottom;
  position: relative;
  top: -45px;
  width: 250px;
}

.html-code-viewer-container {
  position: relative;
}

.html-code-viewer-container .ri-expand-horizontal-line,
.html-code-viewer-container .ri-collapse-horizontal-line {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}

/* .html-code-viewer-container thead tr:hover .ri-expand-horizontal-line,
.html-code-viewer-container thead tr:hover .ri-collapse-horizontal-line {
  opacity: 1;
} */

#code-viewer-container.uncollapsed .collapsed-table {
  display: none;
}

#code-viewer-container.collapsed .table-view {
  display: none;
}

.CodeMirror .CodeMirror-activeline-background {
  background: none;
}

.CodeMirror-focused .CodeMirror-activeline-background {
  background: #e8e8e8 !important;
}

.form-gallery .file-view__wrapper {
  z-index: -1;
}

.drag-area-page {
  background-color: #f5f5f5;
  border: 2px dashed #8800fc5e;
  border-radius: 5px;
  text-align: center;
  font-size: 16px;
  height: 250px;
  display: grid;
  place-content: center;
  padding: 56px;
}

.drag-area-page span {
  display: block;
  margin-block: 8px;
}

.drag-area-page button {
  background: transparent;
  border: none;
  color: var(--bs-primary);
}

.drag-area-page .icon {
  font-size: 32px;
  background: #e3e3e3;
  width: fit-content;
  margin-inline: auto;
  aspect-ratio: 1/1;
  display: grid;
  place-content: center;
  padding: 10px;
  border-radius: 100vmax;
  margin-bottom: 12px;
}

.drag-area-page .icon i {
  line-height: 100%;
  color: rgba(73, 80, 87, 0.568627451);
}

#stylesheetBtn {
  display: none;
}

.th-tooltip .td_editable {
  line-height: 150%;
  padding: 4px;
  border-radius: 3px;
}

.no-file-found {
  display: block;
  color: var(--bs-body-color);
  margin-left: 24px;
}

.menu-item.project-item {
  position: sticky !important;
  top: 70px;
  z-index: 11;
}

.main-header {
  position: sticky;
  top: 0;
  z-index: 10;
}

#main-menu .menu .menu-item {
  margin-right: 1px;
}

.menu-item.project-item::after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0px;
  right: 1px;
  height: 30px;
  background: linear-gradient(to bottom, #212529, transparent);
}

.drop-area .ri-upload-cloud-2-line {
  line-height: 100%;
}

.drop-area {
  border-radius: 5px;
  margin-top: 0 !important;
}

#main-menu .menu .menu-item {
  font-size: 15px;
}

.table.collapsed-table {
  z-index: 1 !important;
}

.flash {
  background: rgba(250, 250, 250, 95%) !important;
}

.codemirror-help * {
  font-size: 12px;
  line-height: 155%;
  display: inline-block;
  white-space: initial;
}

.codemirror-help {
  padding: 12px 12px 12px 56px;
  background: #f7f7f7;
  position: relative;
}

.codemirror-help::before {
  content: "";
  position: absolute;
  width: calc(100% - 64px);
  left: 64px;
  top: 0;
  height: 1px;
  background: rgb(221, 221, 221);
}

.modal .codemirror-help::before {
  content: unset;
}

.modal .codemirror-help {
  max-width: 500px;
}

.codemirror-help code {
  display: inline-block;
  border: 1px solid var(--bs-border-color);
  padding-inline: 4px;
  border-radius: 3px;
}

#app-content .ri-expand-horizontal-line {
  margin-right: 8px;
  display: inline-block;
  cursor: pointer;
}

.card-cms .row.project__row-1>.col-auto {
  background: #eaeaec;
  margin-left: 14px;
  border-radius: 3px;
  padding: 12px;
}

.project-select-container .card-cms:not(.active):hover :not(.dropdown-item),
.project-select-container .card-cms.active :not(.dropdown-item) {
  color: unset;
}

.project-select-container .card-cms .project__end-date {
  color: var(--bs-text-color) !important;
}

.project-select-container .card-cms:not(.active):hover .project__url-server.success,
.project-select-container .card-cms .project__url-server.success {
  color: var(--bs-text-success);
  width: fit-content;
  font-weight: 500;
}

.project-select-container .card-cms.active .project__url-server.success *,
.project-select-container .card-cms:not(.active):hover .project__url-server.success *,
.project-select-container .card-cms .project__url-server.success * {
  color: var(--bs-text-success);
}

.project-select-container .card-cms .project__url-server.success:hover,
.project-select-container .card-cms .project__url-server.success:hover * {
  color: #20ae6c;
}

.project-select-container .card-cms .project__logo-img {
  transform: scale(1);
  transition: all 300ms ease;
}

.project-select-container .card-cms .card-title:hover a {
  color: #6a6a6a !important;
}

.project-select-container .project__logo-img:hover {
  transform: scale(1.2);
}

.card-title {
  font-weight: 600;
}

.project__url-server.fw-bold {
  font-weight: 600 !important;
}

.project__url-server.text-light-emphasis {
  font-weight: 600;
  color: var(--bs-text-color);
}

.project__row-1 {
  margin-top: calc(var(--bs-gutter-y) * -1);
}

@media (width > 400px) {
  #modal-config-section .modal-dialog {
    width: 800px !important;
  }
}

#modal-config-section .alert-info {
  --bs-alert-color: #737373;
  --bs-alert-bg: #f9f9f9;
  --bs-alert-title-color: #737373c4;
  display: block;
  border-radius: 3px;
  border: 1px solid var(--bs-border-color) !important;
  font-size: 0.8rem;
  padding: 0.5rem 1rem;
  margin-top: -0.9rem;
  box-shadow: none;
}

[id*="bodyCreateBtn"] .d-flex {
  flex-wrap: wrap;
}

#flash-messages {
  background: transparent;
  display: grid;
  position: absolute;
  right: 0;
  top: calc(8px * 20);
  gap: 8px;
}

#flash-messages .flash {
  position: static;
}

.code-wrapper.copied button {
  background: #e6e7e8;
  color: var(--bs-success);
}

.login-content {
  margin-top: -113px;
}

.register-note,
.login-note {
  display: inline-block;
  margin-top: 8px;
}

.ftp-gallery__file-link {
  display: inline-flex;
}

.file .ri-loader-4-line {
  margin-left: auto !important;
  opacity: 0;
}

.file .loading .ri-loader-4-line {
  opacity: 1;
  animation: spin 2s linear infinite;
}

.table-view.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.template-details__content .CodeMirror-scroll {
  overflow: hidden !important;
}

.template-details__content .CodeMirror-scroll {
  margin-bottom: 0;
  margin-right: 0;
}

.template-details__content .CodeMirror-vscrollbar {
  overflow-y: hidden;
}

.file-name .action-edit {
  background: transparent;
}

.code-wrapper code {
  text-align: start;
}

.code-wrapper:hover>button {
  background-color: #e9e9ed;
  color: var(--bs-body-color);
}

.code-wrapper.copied>button {
  border-color: transparent;
  color: var(--bs-body-color);
}

.code-wrapper.copied button {
  color: var(--bs-body-color);
}

.dashboard .card-cms:not(.active):hover .card-cms__icon {
  background: #5f00b0;
}

.codemirror-help * {
  font-size: 12px !important;
}

#flash-messages .fade:not(.show) {
  display: none;
}

#file-navigator {
  max-height: 67vh;
  overflow-x: hidden;
  overflow-y: auto;
  transition: all 300ms ease;
  background: white;
  border-radius: 8px;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
}

/* Hide scrollbar */
#file-navigator::-webkit-scrollbar {
  width: 0;
  /* For WebKit browsers */
}

/* Show scrollbar on hover */
#file-navigator:hover::-webkit-scrollbar {
  width: 8px;
}

#file-navigator:hover {
  scrollbar-width: thin;
  /* For Firefox */
}

#appContent {
  grid-template-columns: minmax(min-content, 350px) 1fr;
}

#file-list>li {
  margin-inline: 12px;
}

#file-list>li:first-of-type {
  margin-top: 8px;
}

.CodeMirror {
  min-height: 55vh;
}

.title-project {
  font-size: var(--font-size-xxxl);
  font-weight: bold;
  /* color: var(--bs-primary); */
  margin-right: 8px;
  margin-bottom: 0 !important;
}

@media (min-width: 992px) {
  .content-header-title .title {
    margin-bottom: 0 !important;
  }
}

.content-header-title {
  display: flex;
}

.project-select-container .card-cms:not(.active).loading,
.project-select-container .card-cms:not(.active):hover {
  background-image: linear-gradient(90deg,
      #e3cdf7 4.93%,
      #eaeaea 97.89%) !important;
}

.project-select-container .card-cms:loading,
.project-select-container .card-cms:hover {
  box-shadow: 2px 3px 7px var(--bs-primary-100);
}

body div section article div .project-select-container .card-cms.active * {
  color: white !important;
}

.project .card-cms:not(.active):hover * {
  color: inherit !important;
}

.project-select-container .card-cms {
  border: 1px solid transparent;
}

.project-select-container .card-cms:not(.active):hover {
  border-color: var(--bs-primary);
}

.card.card-cms.active .card-title {
  pointer-events: none;
}

#scrollToTopBtn {
  display: none;
  position: fixed;
  bottom: 2rem;
  right: 2.25rem;
  z-index: 999;
  cursor: pointer;
  padding: 0.75rem 1rem;
}

.form-widget .ri-filter-line {
  font-size: 18px;
}

#scrollToTopBtn {
  padding: 10px 10px;
  right: 1.5rem;
  line-height: 1;
}

.main-content {
  padding-bottom: 4rem;
}

[id^="ea-index-"] .table-wrapper {
  width: calc(100vw - 317px);
}

body[id^="ea-index-"]:not([id="ea-index-CombiVariable"]) .table-wrapper {
  width: 100%;
}

.project .card-cms.loading,
.project .card-cms:hover {
  box-shadow: inset 3px 3px 5px #0000001c, inset 5px 5px 16px #00000005,
    inset -3px -3px 5px #a8a8a829;
  transform: translateY(6px);
}

.project .card-cms.active {
  box-shadow: inset 3px 3px 5px #00000054, inset -3px -3px 5px #ffffff30;
  transform: unset !important;
}

.project-select-container .card-cms {
  border: none;
  transition: all 0.25s ease-in;
  box-shadow: inset 3px 3px 5px #00000000;
}

.project-select-container {
  height: 100%;
}

#modal-config-section .modal-body.disabled,
#modal-config-section .modal-footer.disabled,
#themeProject.disabled,
.code-editor.disabled {
  opacity: 0.5;
  pointer-events: none;
}

#modal-config-section .modal-header .btn-close {
  margin: -7.5px -4px -7.5px 0.25rem;
}

#modal-config-section .btn-close.btn-close--refresh {
  margin: 0 0 0 auto;
}

#modal-config-section .modal-header {
  justify-content: start;
}

#refreshConfigureBtn {
  margin-left: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  font-size: 12px;
}

#modal-config-section .modal-header .btn-close--refresh {
  background-image: unset;
  width: auto;
  padding: 0.25rem 0.5rem;
  line-height: 1;
}

[id^="ea-edit-Section-"] #myTabContent {
  height: 50vh;
}

.project__url-server {
  border: 1px solid #8080803d;
  border-radius: 100vmax;
  width: fit-content;
  padding: 0.25rem 0.5rem;
  line-height: 1;
}

.project__url-server:hover {
  background: #80808017;
}

.project__url-server {
  transition: all 0.5s ease;
}

.menu-item.project-item * {
  font-size: 1.15rem !important;
}

#main-menu .project-item .menu-item-contents {
  padding: 18px var(--sidebar-menu-items-padding-left) 18px var(--sidebar-menu-items-padding-left) !important;
  border-left: 5px solid var(--bs-primary);
}

#main-menu .menu>.menu-item.active:not(:first-of-type),
#main-menu .menu>.menu-item:hover:not(:first-of-type) {
  border-left: unset;
}

/* #main-menu .project-item .menu-item-contents i {
	color: var(--bs-primary) !important;
} */

.content-header-title * {
  font-size: var(--font-size-xxl) !important;
}

.btn-danger,
.btn-danger:hover,
.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled):focus,
.btn.btn-danger {
  color: white !important;
  border-color: var(--color-danger);
}

.btn-danger:hover,
.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled):active:focus {
  color: white !important;
  background-color: #f00;
}

#refreshConfigureBtn.error {
  color: var(--color-danger);
  opacity: 1;
}

.btn-close {
  opacity: 0.7;
}

.card-cms.active .project__url-server {
  border: 1px solid #ffffff3d;
}

.project__url-server.text-light-emphasis {
  font-weight: 500;
}

.card.card-cms.active .project__url-server:hover {
  background: #ffffff45;
}

.card-cms {
  cursor: pointer;
}

#main-menu .menu .menu-item-contents {
  place-items: start;
}

#main-menu .menu .menu-icon {
  font-size: 1rem;
  line-height: 1;
}

#main-menu .menu .menu-item-contents {
  place-items: center;
}

#main-menu .menu .menu-item {
  margin-block: 4px;
}

.menu-item.project-item {
  margin: 0 !important;
}

.form-action-search .input-group-prepend {
  background: gray;
  color: white;
  border-radius: 100vmax;
  width: 15px;
  display: grid;
  place-content: center;
  font-size: 10px;
  height: fit-content;
  position: absolute;
  top: 0;
  bottom: 0;
  margin-block: auto;
  right: 1rem;
}

.form-action-search {
  position: relative;
}

input[type="search"]::-webkit-search-cancel-button {
  display: none;
}

.code-editor .CodeMirror-scroll {
  overflow: hidden !important;
}

.card-cms .row.project__row-1>.col-auto {
  padding: 8px;
}

.project__url-server {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
}

.project__item {
  position: relative;
}

.project__status {
  font-weight: 500;
}

.project__status.online {
  color: #027549;
}

.card.card-cms.active+.project__url-server {
  border-color: #ffffff5e;
}

.card.card-cms.active+.project__url-server * {
  color: white;
}


.select2-container--bootstrap4 .select2-selection {
  font-family: inherit;
  font-size: inherit;
}

.select2-results__option[aria-selected="true"] {
  background-color: var(--bs-primary-300) !important;
  color: #fff !important;
}

.select2-container--bootstrap4.select2-container--focus .select2-selection {
  border-color: var(--bs-primary);
  box-shadow: 0 0 0 0.2rem var(--bs-primary-100);
}

.select2-container--default .select2-selection--single {
  border: 1px solid var(--bs-border-color) !important;
  padding: .25rem;
}

.select2-container .select2-selection--single {
  height: auto !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: .85rem;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid var(--bs-border-color) !important;
}

.select2-dropdown {
  border: 1px solid var(--bs-border-color) !important;
}

.select2-container--default .select2-results>.select2-results__options {
  font-size: .85rem;
}

.select2-container.select2-container--default.select2-container--open {
  z-index: 2050;
}

.modal-content {
  overflow: visible !important;
}

.modal-body {
  overflow-x: hidden !important;
}

.article-type-switch .form-switch {
  place-content: start;
  gap: 8px;
  flex-direction: row-reverse;
}

.article-type-switch.form-group label,
.article-type-switch.form-group legend.col-form-label {
  min-width: 154px;
}

.article-type-settings .row {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-areas: "col-1 col-3" "col-2 col-3" ".. col-3";
  grid-template-rows: auto auto 1fr;
  column-gap: 10%;
}

.article-type-settings .row> :nth-child(2) {
  grid-row: 2;
  grid-area: col-2;
  margin-top: 1rem;
}

.article-type-settings .row> :nth-child(3) {
  grid-row: 1/3;
  grid-area: col-3;
}

.article-type-settings .row> :nth-child(1) {
  grid-area: col-1;
}

#infoGeneral tbody i {
  font-size: 1.075rem;
  opacity: .8;
}

#infoGeneral tbody td {
  padding: 0.75rem 1rem;
}

.groupeCritereHeader .text-muted span {
  display: inline-block !important;
}

.groupeCritereHeader .text-muted {
  gap: 8px;
  display: inline-flex;
}

.groupeCritereHeader {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.groupeCritereHeader .text-muted * {
  color: gray;
}

.form-select.disabled {
  pointer-events: none;
  background-color: #e9ecef;
}

.select2-selection {
  background: transparent !important;
}

#modal-config-section .select2-selection {
  margin-block: .75rem;
}

#modal-config-section .select2-container--default .select2-selection--single .select2-selection__arrow {
  right: 4px;
  margin-block: auto;
  top: 0;
  bottom: 0;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  color: white;
  background: var(--gray-500) !important;
  height: fit-content !important;
  margin-block: auto;
  width: 14px;
  aspect-ratio: 1/1;
  display: grid;
  place-content: center;
  border-radius: 100vmax;
  line-height: 1 !important;
  margin-top: 6px !important;
  font-size: .85em !important;
}

.select2-container--default .select2-selection--single .select2-selection__clear span {
  line-height: 1;
  margin-left: -4px !important;
  margin-top: -1px !important;
}

#table-critere .main-row {
  border-bottom: 1px dashed var(--border-color) !important;
}

#table-critere> :not(caption)>*>* {
  padding: 1rem 1rem;
}

#table-critere .select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid var(--bs-primary) 1px;
}

#table-critere .select2-container--default .select2-selection--multiple {
  border: 1px solid gainsboro !important;
}

#table-critere .select2.select2-container.select2-container--default {
  width: 100% !important;
}

#table-critere legend {
  font-size: 1.25rem;
  margin-bottom: 1rem;
  font-weight: 500;
}

#table-critere .form-panel-body {
  border-bottom: 1px solid var(--border-color);
}

#table-critere .remove-input-select {
  color: var(--gray-500);
}

#table-critere .input-row {
  display: flex;
}

#table-critere .select2-container--default .select2-selection--multiple .select2-selection__choice {
  border: 1px solid #cfcece;
}

#table-critere .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  border-right: 1px solid #cfcece;
  color: #9e9e9e;
}