:root {
  /* Text */
  --body-text-color: rgb(34, 34, 34);
  --body-text-font: "Catamaran", sans-serif;
  --body-fs: clamp(0.875rem, 0.732142857142857rem + 0.223214285714286vw, 1rem);
  --body-xs: clamp(0.675rem, 0.532142857142857rem + 0.223214285714286vw, 1rem);
  --h1-fs: clamp(1.5rem, 1.35714285714286rem + 0.223214285714286vw, 1.625rem);
  --h2-fs: clamp(1.375rem, 1.23214285714286rem + 0.223214285714286vw, 1.5rem);
  --h3-fs: clamp(1.125rem, 0.839285714285714rem + 0.446428571428571vw, 1.375rem);
  --h4-fs: clamp(1rem, 0.857142857142857rem + 0.223214285714286vw, 1.125rem);
  --menu1-fs: clamp(1rem, 0.857142857142857rem + 0.223214285714286vw, 1.125rem);
  --menu2-fs: clamp(0.875rem, 0.732142857142857rem + 0.223214285714286vw, 1rem);
  --menu3-fs: clamp(0.75rem, 0.607142857142857rem + 0.223214285714286vw, 0.875rem);
  --icons-ff: Material icons Round;
  --menud-idevices-f: 13px;
  /* Colors */
  --white: hsl(0, 0%, 100%);
  --gray-background: #f6f8fa;
  --gray-50: #f9fafb;
  --gray-100: #f3f4f6;
  --gray-200: #e5e7eb;
  --gray-300: #d1d5db;
  --gray-400: #9ca3af;
  --gray-500: #696d75;
  --gray-600: #4b5563;
  --gray-700: #374151;
  --gray-800: #1f2937;
  --gray-900: #111827;
  --gray-border: var(--gray-300);
  --gray-border-light: var(--gray-200);
  --gray-border-dark: var(--gray-400);
  /*
      --brand-primary-50: hsl(150, 61%, 96%);
      --brand-primary-100: hsl(150, 61%, 93%);
      --brand-primary-200: hsl(150, 61%, 90%);
      --brand-primary-300: hsl(149 60% 87% / 1);
      --brand-primary-400: hsl(150, 61%, 58%);
      --brand-primary-500: hsl(150, 61%, 44%);
      --brand-primary-600: hsl(150, 61%, 39%);
      --brand-primary-700: hsl(150, 61%, 33%);
      --brand-primary-800: hsl(150, 61%, 26%);
      --brand-primary-900: hsl(150, 64%, 20%);
  */
  --brand-primary-25: #F6FCFE;
  --brand-primary-50: #e3f8f9;
  --brand-primary-100: #CCFBF7;
  --brand-primary-150: #b9f9f1;
  --brand-primary-200: #99F6EB;
  --brand-primary-300: #5FE9D9;
  --brand-primary-400: #2ED3CB;
  --brand-primary-500: #15B7AF;
  --brand-primary-600: #0BA1A1;
  --brand-primary-700: #107275;
  --brand-primary-800: #125B5D;
  --brand-primary-900: #134E4E;
  --brand-primary-950: #0A2926;
  --brand-primary: var(--brand-primary-600);
  --brand-primary-dark: var(--brand-primary-700);
  --brand-primary-light: var(--brand-primary-500);
  --brand-gradient: linear-gradient(180deg, #27A164 -89.36%, #63D47E 297.87%);
  --brand-gradient-dark: linear-gradient(180deg, #228C57 -89.36%, #4BCE6B 297.87%);
  --brand-secondary: #1652d5;
  --brand-secondary-dark: #0b3ca7;
  --system-red: rgb(227, 73, 76);
  --bold-gray: var(--gray-500);
  --text: var(--gray-700);
  --info-background: #fafbfb;
  --info-bordercolor: #c2c3c4;
  --disabled: var(--gray-100);
  /* Shadows */
  --shadow-level-1: 0 4px 8px 0 rgba(0, 0, 0, 0.07);
  --shadow-level-1-inverted: 0 -2px 8px 0 rgba(0, 0, 0, 0.07);
  /* Bootstrap overrides */
  --bs-btn-active-border-color: hsl(210 20% 92% / 1);
  --main-background-color: #fefefe;
  --head-top-bg-color: rgb(255, 255, 255);
  --head-bottom-bg-color: rgb(226 226 226);
  --head-bottom-bg-color-light: rgb(239 239 239);
  --head-icon-bg-color: #aebe82;
  --head-icon-border-color: #80896a;
  --work-area-bg-color: rgb(223, 223, 223);
  /*
  --dark-exe-color: #5a7f0c;
  --dark-exe-color-text: #416600;
  --light-exe-color: #eff5e4;
  */
  --dark-exe-color: var(--brand-primary);
  --dark-exe-color-text: var(--brand-primary-dark);
  --light-exe-color: var(--brand-primary-10);
  --dark-exe-color-08: rgba(90, 127, 12, 0.8);
  --dark-exe-color-06: rgba(90, 127, 12, 0.6);
  --dark-exe-color-04: rgba(90, 127, 12, 0.4);
  --medium-exe-color: #c0dd75;
  --dragging-exe-color: #bcc7a1;
  --node-content-bg-color: #EDFFDB;
  --node-content-text-color: #377300;
  --main-menu-hover: #c7c8c9;
  --elements-hover: #dbdbdb;
  --remove: rgba(255, 0, 0, 0.8);
  --error-bg: rgba(255, 100, 100, 0.5);
  --verde-cl: #d5dcc8;
  --verde-cl-tr: rgba(213, 220, 200, 0.4);
  --icon-gray: #716c57;
  --icon-bg-gray: #b3b0a4;
  --filter-black-to-green: invert(58%) sepia(87%) saturate(5976%) hue-rotate(58deg) brightness(93%) contrast(91%);
  --bg-dark-gray: rgba(40, 40, 40, 0.8);
  --bg-light-gray: #e9e9e9;
  --bg-lighter-gray: #fdfdfd;
  --file-odd: #f2f2f2;
  --input-borders: #d0d5dd;
  --corporative-color: #438606;
  --main-background: #f7f7f7;
  --border-buttons: #d8dae5;
  --icon-primary: #6E9F41;
  --node-menu-background: #252525;
  --text-black: #333;
  --menu-idevices-bg: #f4f4f5;
  --delete: #C64143;
  /* Sizes */
  --min-node-content-height: 60px;
  --head-height: 64px;
  --head-height-top: 60%;
  --head-height-bottom: 40%;
  --logo-width: 40px;
  --work-height: 100vh;
  --menus-width: 250px;
  /* Borders */
  --radius: 8px;
  --radius-top: var(--radius) var(--radius) 0 0;
  --radius-bottom: 0 0 var(--radius) var(--radius);
  --radius-left: var(--radius) 0 0 var(--radius);
  --radius-right: 0 var(--radius) var(--radius) 0;
  --radius-top-left: var(--radius) 0 0 0;
  --radius-top-right: 0 var(--radius) 0 0;
  --radius-bottom-right: 0 0 var(--radius) 0;
  --radius-bottom-left: 0 0 0 var(--radius);
  --radius-lg: 12px;
  /* Margins */
  --margin-s: 4px;
  --margin-m: 10px;
  --margin-l: 25px;
  --margin-xl: 40px;
  --margin-32: 32px;
  --margin-din-l: clamp(0.625rem, 0.480769230769231rem + 0.641025641025641vw, 1.25rem);
  --margin-din-xl: clamp(1.25rem, 0.961538461538462rem + 1.28205128205128vw, 2.5rem);
  /* Iconos */
  --idevice_item-height: 70px;
  --idevice_item-width: 31%;
  --icon-color: #d5d5d5;
  --idevice_icon-fs: clamp(1.375rem, 1.28846153846154rem + 0.384615384615385vw, 1.75rem);
  /* Transitions */
  --tr-02: all 0.2s ease-in-out;
  --tr-04: all 0.4s ease-in-out;
  --sidebar: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  /* Menu & nodecontent */
  --menu-shadow: 2px 2px 6px 3px rgb(234, 225, 225);
  --menu-shadow-light: 2px 2px 6px 3px rgb(234, 225, 225, 0.45);
}

/* Variables for TOC sidebar */
*:focus-visible {
  border-radius: 4px !important;
  box-shadow: 0 0 0 0.125rem var(--brand-primary-300) !important;
  outline: 0 !important;
}

*:focus {
  outline: none !important;
}

@font-face {
  font-family: "Catamaran";
  font-style: normal;
  font-weight: 100;
  src: url(fonts/Catamaran-Thin.ttf);
}
@font-face {
  font-family: "Catamaran";
  font-style: normal;
  font-weight: 200;
  src: url(fonts/Catamaran-ExtraLight.ttf);
}
@font-face {
  font-family: "Catamaran";
  font-style: normal;
  font-weight: 300;
  src: url(fonts/Catamaran-Light.ttf);
}
@font-face {
  font-family: "Catamaran";
  font-style: normal;
  font-weight: 400;
  src: url(fonts/Catamaran-Regular.ttf);
}
@font-face {
  font-family: "Catamaran";
  font-style: normal;
  font-weight: 500;
  src: url(fonts/Catamaran-Medium.ttf);
}
@font-face {
  font-family: "Catamaran";
  font-style: normal;
  font-weight: 600;
  src: url(fonts/Catamaran-SemiBold.ttf);
}
@font-face {
  font-family: "Catamaran";
  font-style: normal;
  font-weight: 700;
  src: url(fonts/Catamaran-Bold.ttf);
}
@font-face {
  font-family: "Catamaran";
  font-style: normal;
  font-weight: 800;
  src: url(fonts/Catamaran-ExtraBold.ttf);
}
@font-face {
  font-family: "Catamaran";
  font-style: normal;
  font-weight: 900;
  src: url(fonts/Catamaran-Black.ttf);
}
@font-face {
  font-family: "Material icons Round";
  font-style: normal;
  font-weight: 400;
  src: url(icons/MaterialIconsRound-Regular.otf);
}
@font-face {
  font-family: "Inter";
  src: url(fonts/Inter-VariableFont_opsz,wght.ttf) format("truetype");
  font-weight: 100 900;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url(fonts/Inter-Italic-VariableFont_opsz,wght.ttf) format("truetype");
  font-weight: 100 900;
  font-style: italic;
}
html {
  scroll-behavior: smooth;
}

body {
  margin: 0 auto;
  /* font-family: var(--body-text-font); */
  color: var(--text);
  overflow: hidden;
  font-size: var(--body-fs);
}
body.ajax-petition-on {
  cursor: progress !important;
}
body.ajax-petition-on *:hover {
  cursor: progress !important;
}

.exe-icon,
.exe-top-icons {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

::selection {
  background-color: var(--brand-primary-100);
}

* {
  accent-color: var(--dark-exe-color);
}

body {
  /*
  font-family: "Inter", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  */
}
body#main {
  height: 100vh;
  width: 100vw;
  overflow: hidden;
}
body main {
  transition: width var(--sidebar);
  min-width: 67%;
  width: calc(100% - 400px);
  position: relative;
}
body main #node-content-container {
  transition: left var(--sidebar), width var(--sidebar), margin-left var(--sidebar);
  margin-left: 0;
  margin-right: 0;
  overflow: auto;
  scroll-behavior: smooth;
  height: calc(100% - var(--head-height) - 40px);
}
body main #node-content-container #node-content {
  width: 100%;
  padding: 0 !important;
}
body.left-column-hidden main {
  transition: width var(--sidebar);
  width: 100% !important;
}
body.left-column-hidden .asideleft {
  transition: width var(--sidebar), padding var(--sidebar);
  width: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  min-width: 0;
  z-index: 1;
}
body.left-column-hidden .asideleft .content-info,
body.left-column-hidden .asideleft #exe-logo,
body.left-column-hidden .asideleft #exe-title,
body.left-column-hidden .asideleft #menu_nav,
body.left-column-hidden .asideleft #menu_idevices {
  transition: opacity var(--sidebar), visibility var(--sidebar) width var(--sidebar);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  width: 0 !important;
}
body.left-column-hidden .asideleft .main-menu {
  transition: width var(--sidebar);
  width: calc(100% - 20px);
}
body.left-column-hidden #node-content-container {
  transition: left var(--sidebar), width var(--sidebar), margin-left var(--sidebar);
  width: calc(100% - 20px) !important;
  margin-left: 0;
  margin-right: 0;
}
body.left-column-hidden #workarea:before {
  transition: opacity var(--sidebar) width var(--sidebar);
  opacity: 0;
  pointer-events: none;
  width: 0;
}

/*
:root {
    --dark-exe-color: rgba(112, 163, 0, 1);
    --dark-exe-color-text: #577e02;
    --dark-exe-color-08: rgba(112, 163, 0, 0.8);
    --dark-exe-color-06: rgba(112, 163, 0, 0.6);
    --dark-exe-color-04: rgba(112, 163, 0, 0.4);
}
    */
#node-content .box-head .exe-icon.box-icon:hover img {
  background: none;
}

.page-content-template #node-content {
  min-height: var(--min-node-content-height);
  border-radius: var(--radius);
  padding: var(--margin-s);
  margin: var(--margin-s);
  min-height: calc(100% - var(--margin-s) * 4);
  height: auto;
}

/*
:root {
    --dark-exe-color: rgba(112, 163, 0, 1);
    --dark-exe-color-text: #577e02;
    --dark-exe-color-08: rgba(112, 163, 0, 0.8);
    --dark-exe-color-06: rgba(112, 163, 0, 0.6);
    --dark-exe-color-04: rgba(112, 163, 0, 0.4);
}
    */
body {
  /*
  font-family: "Inter", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  */
}

.form-control,
.form-properties,
.properties-body-container.form-properties .exe-properties-form-content .exe-table-content .property-row .content-field .form-control,
.properties-body-container.form-properties .exe-properties-form-content .exe-table-content .property-row .content-field .form-select,
.properties-body-container.form-properties .exe-properties-form-content .exe-table-content .property-row .content-field .form-check-input,
.properties-body-container.form-properties .exe-properties-form-content .exe-table-content .property-row .content-field textarea {
  border-color: var(--gray-border) !important;
}
.form-control:focus, .form-control:focus-visible,
.form-properties:focus,
.form-properties:focus-visible,
.properties-body-container.form-properties .exe-properties-form-content .exe-table-content .property-row .content-field .form-control:focus,
.properties-body-container.form-properties .exe-properties-form-content .exe-table-content .property-row .content-field .form-control:focus-visible,
.properties-body-container.form-properties .exe-properties-form-content .exe-table-content .property-row .content-field .form-select:focus,
.properties-body-container.form-properties .exe-properties-form-content .exe-table-content .property-row .content-field .form-select:focus-visible,
.properties-body-container.form-properties .exe-properties-form-content .exe-table-content .property-row .content-field .form-check-input:focus,
.properties-body-container.form-properties .exe-properties-form-content .exe-table-content .property-row .content-field .form-check-input:focus-visible,
.properties-body-container.form-properties .exe-properties-form-content .exe-table-content .property-row .content-field textarea:focus,
.properties-body-container.form-properties .exe-properties-form-content .exe-table-content .property-row .content-field textarea:focus-visible {
  border-color: var(--brand-primary-300) !important;
}

.form-control {
  font-size: 14px;
  padding: 3px 12px !important;
}
.form-control:focus, .form-control:active {
  box-shadow: 0 0 0 2px var(--brand-primary-400);
}

.form-control:not(textarea) {
  height: 36px;
}

.form-select {
  height: 36px;
  font-size: 14px;
  padding: 3px 12px !important;
}
.form-select:focus, .form-select:active {
  box-shadow: 0 0 0 2px var(--brand-primary-400);
}

.nav-link {
  color: var(--gray-600);
  font-weight: 400;
}

a {
  color: var(--brand-primary);
}
a:hover {
  color: var(--brand-primary-dark);
}

.modal-content .modal-body .exe-table-content div > input[type=checkbox] {
  margin-left: 0%;
  margin-top: 4px;
  accent-color: var(--brand-primary-700);
}

#workarea #menus_content {
  display: flex;
  flex-flow: column nowrap;
  height: calc(100% - 66px);
}
#workarea :is(#nav_list, #list_menu_idevices) {
  font-size: var(--menu3-fs);
}
#workarea :is(#menu_nav, #menu_idevices) {
  background-color: transparent;
  box-shadow: none;
  border-radius: 0;
}
#workarea :is(#menu_nav, #menu_idevices)[pos=left] .menu_content {
  width: 100%;
}
#workarea :is(#menu_nav, #menu_idevices)[pos=right] .menu_content {
  width: 100%;
}
#workarea :is(#menu_nav, #menu_idevices)[pos=free] .menu_content {
  width: 100%;
}
#workarea :is(#menu_nav, #menu_idevices) .menu_content > .label {
  height: 24px;
  border-radius: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  justify-content: center;
  display: flex;
  align-items: center;
  gap: var(--margin-s);
  padding: 5px 0 10px 5px;
}
#workarea :is(#menu_nav, #menu_idevices) .menu_content > .label .exe-icon {
  margin-left: 0;
  margin-right: 0;
}
#workarea :is(#menu_nav, #menu_idevices) .menu_content > .label h2 {
  font-size: 15px;
  color: var(--bg-dark-gray);
  font-weight: 700;
  margin-block: 0;
  margin-left: 0;
  margin-right: auto;
}
#workarea :is(#menu_nav, #menu_idevices) .menu_content > .label .showmin {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  transition: var(--tr-02);
  border-radius: 50%;
}
#workarea :is(#menu_nav, #menu_idevices) .menu_content > .label .showmin:hover {
  background: white;
  transition: var(--tr-02);
}
#workarea :is(#menu_nav, #menu_idevices) .menu_content > .label .showmin:before {
  font-family: var(--icons-ff);
  width: 24px;
  cursor: pointer;
}
#workarea :is(#menu_nav, #menu_idevices) .menu_content > .label .button-remove:hover {
  background: var(--remove);
  color: white;
}
#workarea :is(#menu_nav, #menu_idevices) .menu_content > .label .button-remove:before {
  content: "close";
}
#workarea :is(#menu_nav, #menu_idevices) .menu_content > .label .button-minimize {
  margin-left: 0;
  margin-right: 0;
}
#workarea :is(#menu_nav, #menu_idevices) .menu_content > .label .button-minimize:before {
  content: "unfold_less";
  color: #656674;
  font-size: 18px;
}
#workarea :is(#menu_nav, #menu_idevices).minimized .menu_content > .label {
  position: relative;
  top: -3px;
}
#workarea :is(#menu_nav, #menu_idevices).minimized .menu_content > .label .button-minimize:before {
  content: "expand";
}
#workarea .menu {
  touch-action: none;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#workarea .menu .accordion-button {
  padding: 0;
  box-shadow: none;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  color: black;
}
#workarea .menu .accordion-button:not(.collapsed) {
  background: transparent;
}
#workarea .menu.dragging {
  opacity: 0.4;
  z-index: 999 !important;
}
#workarea .menu.hidden {
  display: none;
}
#workarea .menu * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#workarea .menu > .menu_content > .label:hover {
  background-color: var(--elements-hover);
}

/* TODO refactor */
.auto-icon {
  font-family: var(--icons-ff);
}

.btn-action-menu {
  padding: 0px;
}

.exe-actions-menu {
  margin-right: 10px;
  cursor: grab;
}

.exe-actions-menu .btn-light {
  background: none;
  border-color: transparent;
}

.exe-actions-menu .auto-icon {
  margin: 0 5px;
  position: relative;
  top: 2px;
}

.exe-actions-menu ul li button .small-icon {
  margin-right: 8px;
}

/* Workarea minimized menu */
:is(#menu_nav, #menu_idevices).minimized {
  height: max-content !important;
  min-height: unset !important;
  padding-bottom: 0 !important;
}

#workarea #menu_nav.minimized :is(#nav_actions, #nav_list) {
  display: none;
}

#workarea #menu_idevices.minimized #list_menu_idevices {
  display: none;
}

.exe-submenu {
  background: white;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  box-shadow: var(--shadow-level-1);
  z-index: 100;
  overflow: hidden;
  width: 180px;
}
.exe-submenu.hidden {
  display: none !important;
}
.exe-submenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.exe-submenu ul li {
  display: flex;
  align-items: center;
  padding: 10px 16px;
  font-weight: 500;
  color: var(--text-black);
  cursor: pointer;
  transition: background 0.2s ease;
}
.exe-submenu ul li:hover {
  background-color: var(--gray-100);
}
.exe-submenu ul li .menu-icon {
  color: var(--icon-primary);
  margin-right: 10px;
  font-size: 16px;
}
.exe-submenu ul li.disabled {
  pointer-events: none;
  color: var(--icon-bg-gray);
}
.exe-submenu ul li.disabled .menu-icon {
  color: var(--icon-bg-gray);
}

#menu_nav {
  flex: 1 1 auto;
}

#menu_idevices {
  flex: 0 0 auto;
}

#menu_nav {
  border: none;
  /* min-height: 48%;
  height: 100%; */
  overflow: hidden;
  padding: 0 20px;
}
#menu_nav .accordion-header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  /* border: 1px solid #e4e5ed; */
  border-bottom: 0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  /* background-color: #f3f4f7; */
}
#menu_nav .accordion-header .accordion-button {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  background-color: #f3f4f7;
  border: none !important;
  margin-bottom: 8px;
  margin-top: -4px;
}
#menu_nav .accordion-header .accordion-button:not(.collapsed):after {
  display: none;
}
#menu_nav .accordion-header .accordion-button .content_action_buttons {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: transparent;
}
#menu_nav .accordion-header .accordion-button .content_action_buttons > * {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--margin-s);
}
#menu_nav .accordion-header .accordion-button .content_action_buttons.add-page {
  border: none;
}
#menu_nav .accordion-header .accordion-button .content_action_buttons .button_nav_action {
  display: flex;
  height: 34px;
  padding: 0 6px;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-xs, 4px);
  background: transparent;
  border: 0;
}
#menu_nav .accordion-header .accordion-button .content_action_buttons .button_nav_action .exe-icon {
  font-family: var(--icons-ff);
  border: none;
  font-size: var(--h4-fs);
  background: none;
  transition: var(--tr-02);
  padding: 0;
  line-height: 1;
  color: var(--icon-primary);
}
#menu_nav .accordion-header .accordion-button .content_action_buttons .button_nav_action.action_add {
  width: 36px;
  height: 34px;
  margin-top: 4px;
  margin-right: 4px;
  background: var(--brand-primary);
  border-radius: 6px;
}
#menu_nav .accordion-header .accordion-button .content_action_buttons .button_nav_action.action_add .exe-icon {
  color: var(--white);
  font-size: 18px;
  transition: none;
}
#menu_nav .accordion-header .accordion-button .content_action_buttons .button_nav_action.action_add:hover {
  background: var(--brand-primary-dark) !important;
}
#menu_nav .accordion-header .accordion-button .content_action_buttons .button_nav_action.action_add:hover .exe-icon {
  color: var(--white);
}
#menu_nav .accordion-header .accordion-button .content_action_buttons.buttons_action_container_left {
  /*
  border-top-left-radius: 8px;
  background-color: #f3f4f7;
  */
  padding: 4px;
  margin-left: auto;
}
#menu_nav .accordion-header .accordion-button .content_action_buttons.buttons_action_container_right {
  padding: 4px;
  /*
  border-right: 1px solid hsl(233 20% 91% / 1);
  background-color: #f3f4f7;
  border-top-left-radius: 8px;
  */
}
#menu_nav #menu_nav_content {
  height: calc(100% - 30px);
}
#menu_nav #menu_nav_content.show {
  display: flex;
  flex-direction: column;
}
#menu_nav #menu_nav_content.show #nav_actions {
  order: 1;
}
#menu_nav #menu_nav_content #nav_list {
  /*border: 1px solid hsl(235 19% 91% / 1);*/
  padding: 4px 1px;
  /*background-color: hsl(220 23% 96% / 1);*/
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  max-height: calc(100% - 15px);
  overflow-y: auto;
  overflow-x: hidden;
}
#menu_nav #menu_nav_content #nav_list .nav-element {
  margin-block: 0;
  position: relative;
  width: 100%;
}
#menu_nav #menu_nav_content #nav_list .nav-element[nav-id=root] {
  margin-right: 0;
}
#menu_nav #menu_nav_content #nav_list .nav-element.level1 > .nav-element-text {
  width: calc(100% - 2px);
}
#menu_nav #menu_nav_content #nav_list .nav-element.level2 > .nav-element-text {
  width: calc(100% - 12px);
}
#menu_nav #menu_nav_content #nav_list .nav-element.level3 > .nav-element-text {
  width: calc(100% - 22px);
}
#menu_nav #menu_nav_content #nav_list .nav-element.level4 > .nav-element-text {
  width: calc(100% - 32px);
}
#menu_nav #menu_nav_content #nav_list .nav-element.level5 > .nav-element-text {
  width: calc(100% - 42px);
}
#menu_nav #menu_nav_content #nav_list .nav-element.level6 > .nav-element-text {
  width: calc(100% - 52px);
}
#menu_nav #menu_nav_content #nav_list .nav-element.level7 > .nav-element-text {
  width: calc(100% - 62px);
}
#menu_nav #menu_nav_content #nav_list .nav-element.level8 > .nav-element-text {
  width: calc(100% - 72px);
}
#menu_nav #menu_nav_content #nav_list .nav-element.level9 > .nav-element-text {
  width: calc(100% - 82px);
}
#menu_nav #menu_nav_content #nav_list .nav-element.level10 > .nav-element-text {
  width: calc(100% - 92px);
}
#menu_nav #menu_nav_content #nav_list .nav-element.level11 > .nav-element-text {
  width: calc(100% - 102px);
}
#menu_nav #menu_nav_content #nav_list .nav-element.level12 > .nav-element-text {
  width: calc(100% - 112px);
}
#menu_nav #menu_nav_content #nav_list .nav-element.level13 > .nav-element-text {
  width: calc(100% - 122px);
}
#menu_nav #menu_nav_content #nav_list .nav-element.level14 > .nav-element-text {
  width: calc(100% - 132px);
}
#menu_nav #menu_nav_content #nav_list .nav-element.level15 > .nav-element-text {
  width: calc(100% - 142px);
}
#menu_nav #menu_nav_content #nav_list .nav-element.level16 > .nav-element-text {
  width: calc(100% - 152px);
}
#menu_nav #menu_nav_content #nav_list .nav-element.level17 > .nav-element-text {
  width: calc(100% - 162px);
}
#menu_nav #menu_nav_content #nav_list .nav-element.level18 > .nav-element-text {
  width: calc(100% - 172px);
}
#menu_nav #menu_nav_content #nav_list .nav-element.level19 > .nav-element-text {
  width: calc(100% - 182px);
}
#menu_nav #menu_nav_content #nav_list .nav-element.level20 > .nav-element-text {
  width: calc(100% - 192px);
}
#menu_nav #menu_nav_content #nav_list .nav-element.level21 > .nav-element-text {
  width: calc(100% - 202px);
}
#menu_nav #menu_nav_content #nav_list .nav-element.level22 > .nav-element-text {
  width: calc(100% - 212px);
}
#menu_nav #menu_nav_content #nav_list .nav-element .nav-element-text {
  z-index: 3;
  background-color: var(--white);
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
  border: 0;
  border-bottom: 1px solid transparent;
  position: relative;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 4px;
  margin-bottom: 0;
  /* border: 1px solid var(--gray-200) !important; */
}
#menu_nav #menu_nav_content #nav_list .nav-element .nav-element-text .node-menu-button {
  visibility: hidden;
}
#menu_nav #menu_nav_content #nav_list .nav-element .nav-element-text:hover, #menu_nav #menu_nav_content #nav_list .nav-element .nav-element-text:focus-within, #menu_nav #menu_nav_content #nav_list .nav-element .nav-element-text:focus-visible {
  color: var(--text);
  background-color: var(--gray-100);
  cursor: pointer;
  transition: var(--tr-02);
}
#menu_nav #menu_nav_content #nav_list .nav-element .nav-element-text:hover .node-menu-button, #menu_nav #menu_nav_content #nav_list .nav-element .nav-element-text:focus-within .node-menu-button, #menu_nav #menu_nav_content #nav_list .nav-element .nav-element-text:focus-visible .node-menu-button {
  display: block;
  visibility: visible;
}
#menu_nav #menu_nav_content #nav_list .nav-element .nav-element-text.dragging {
  /*
  border-radius: 8px;
  border: 1px solid #E6E7ED;
  background: #FFF;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.12);
  transform: rotate(2.866deg);
  */
}
#menu_nav #menu_nav_content #nav_list .nav-element .nav-element-text.drag-over {
  position: static;
  height: 34px;
}
#menu_nav #menu_nav_content #nav_list .nav-element .nav-element-text.drag-over .drag-over-border {
  display: block;
  height: 1px;
  width: 100%;
  position: absolute;
  margin-top: 30px;
  top: 2px;
  z-index: 9;
  border: 1px dashed var(--brand-primary);
}
#menu_nav #menu_nav_content #nav_list .nav-element .nav-element-text.idevice-content-over {
  background-color: var(--elements-hover);
}
#menu_nav #menu_nav_content #nav_list .nav-element .nav-element-text.block-content-over {
  background-color: var(--elements-hover);
}
#menu_nav #menu_nav_content #nav_list .nav-element .nav-element-text .medium-icon.page-icon {
  position: relative;
  left: 6px;
  top: 0px;
  height: 14px;
  width: 14px;
  flex-shrink: 0;
}
#menu_nav #menu_nav_content #nav_list .nav-element .nav-element-text .node-text-span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 94%;
  text-align: left;
  height: 23px;
  line-height: 24px;
  padding-left: 6px;
}
#menu_nav #menu_nav_content #nav_list .nav-element .nav-element-text .node-menu-button {
  display: none;
  font-family: var(--icons-ff);
  width: 22px;
  height: 22px;
  border-radius: 4px;
  font-size: 15px;
  font-weight: normal;
  cursor: pointer;
}
#menu_nav #menu_nav_content #nav_list .nav-element .nav-element-text .node-menu-button:hover {
  font-weight: normal;
  background-color: var(--white);
}
#menu_nav #menu_nav_content #nav_list .nav-element .nav-element-text .node-menu-button:focus, #menu_nav #menu_nav_content #nav_list .nav-element .nav-element-text .node-menu-button:focus-within, #menu_nav #menu_nav_content #nav_list .nav-element .nav-element-text .node-menu-button:focus-visible {
  display: block !important;
  visibility: visible !important;
}
#menu_nav #menu_nav_content #nav_list .nav-element .nav-element-text .node-dropdown-menu {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  background-color: var(--node-menu-background);
  border: 1px solid #4C4C4C;
  padding: 10px;
  border-radius: 8px;
  font-size: 14px;
  color: white;
}
#menu_nav #menu_nav_content #nav_list .nav-element .nav-element-text .btn.button-tertiary {
  height: 28px;
}
#menu_nav #menu_nav_content #nav_list .nav-element .nav-element-text .btn.button-tertiary .small-icon {
  height: 14px !important;
  width: 14px !important;
}
#menu_nav #menu_nav_content #nav_list .nav-element .nav-element-text .btn.button-tertiary:hover, #menu_nav #menu_nav_content #nav_list .nav-element .nav-element-text .btn.button-tertiary:focus, #menu_nav #menu_nav_content #nav_list .nav-element .nav-element-text .btn.button-tertiary:focus-within, #menu_nav #menu_nav_content #nav_list .nav-element .nav-element-text .btn.button-tertiary:focus-visible {
  border: 1px solid var(--gray-200);
}
#menu_nav #menu_nav_content #nav_list .nav-element:focus > .nav-element-text .node-menu-button, #menu_nav #menu_nav_content #nav_list .nav-element:focus-within > .nav-element-text .node-menu-button, #menu_nav #menu_nav_content #nav_list .nav-element:focus-visible > .nav-element-text .node-menu-button {
  display: block !important;
  visibility: visible !important;
}
#menu_nav #menu_nav_content #nav_list .nav-element[is-parent=false] > .nav-element-text.drag-over {
  width: 100%;
}
#menu_nav #menu_nav_content #nav_list .nav-element[is-parent=false] > .exe-icon {
  display: none !important;
}
#menu_nav #menu_nav_content #nav_list .nav-element[is-parent=false] > .exe-icon :before {
  visibility: hidden;
}
#menu_nav #menu_nav_content #nav_list .nav-element[moving=true] .nav-element-text {
  color: var(--dark-exe-color-08);
  transition: var(--tr-04);
}
#menu_nav #menu_nav_content #nav_list .nav-element[moving=true] > .nav-element-text {
  width: 100%;
  background-color: var(--verde-cl);
  transition: var(--tr-02);
}
#menu_nav #menu_nav_content #nav_list .nav-element.toggle-on > .exe-icon {
  position: relative;
}
#menu_nav #menu_nav_content #nav_list .nav-element .nav-element-children-container {
  width: 100%;
  margin-left: 10px;
  padding-left: 3px;
  position: relative;
}
#menu_nav #menu_nav_content #nav_list .nav-element .exe-icon {
  z-index: 4;
}
#menu_nav #menu_nav_content #nav_list .nav-element.toggle-off .nav-element-children-container {
  display: none;
}
#menu_nav #menu_nav_content #nav_list .nav-element :is(.nav-element-text, .exe-icon):not(.node-menu-button) {
  position: relative;
}
#menu_nav #menu_nav_content #nav_list .nav-element .exe-icon:not(.node-menu-button) {
  font-family: var(--icons-ff);
  background: transparent;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: hsl(222, 8.47%, 46.27%);
  font-size: 12px;
  transition: var(--tr-02);
  text-transform: none;
  cursor: pointer;
  margin-top: 8px;
  font-size: 16px;
}
#menu_nav #menu_nav_content #nav_list .nav-element .exe-icon:not(.node-menu-button):hover {
  transition: var(--tr-02);
}
#menu_nav #menu_nav_content #nav_list .nav-element:not([nav-id=root]) .exe-app-tooltip + .nav-element-children-container {
  margin-top: 5px;
  margin-left: -6px !important;
}
#menu_nav #menu_nav_content #nav_list .nav-element:not([nav-id=root]) .exe-app-tooltip + .nav-element-children-container:before {
  display: none;
}
#menu_nav #menu_nav_content #nav_list .nav-element[nav-id=root] {
  width: auto;
  text-align: center;
  margin-right: var(--margin-m);
}
#menu_nav #menu_nav_content #nav_list .nav-element[nav-id=root] > .exe-icon {
  display: none;
}
#menu_nav #menu_nav_content #nav_list .nav-element[nav-id=root] > .nav-element-text {
  padding: 0 10px 0 9px;
  max-height: 25px;
  width: 100%;
  min-width: 100%;
  align-items: center;
  justify-content: space-between;
  background-color: var(--node-content-bg-color);
  color: #6d6d6d;
  border: none;
  display: none !important;
}
#menu_nav #menu_nav_content #nav_list .nav-element[nav-id=root] > .nav-element-text > span:not(.root-icon) {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  text-align: left;
  margin-right: var(--margin-s);
}
#menu_nav #menu_nav_content #nav_list .nav-element[nav-id=root] > .nav-element-text .root-icon {
  font-size: 20px;
  font-family: var(--icons-ff);
}
#menu_nav #menu_nav_content #nav_list .nav-element[nav-id=root] > .nav-element-text .drag-over-border {
  display: none;
}
#menu_nav #menu_nav_content #nav_list .nav-element[nav-id=root].selected > .nav-element-text #label_menu_nav.label.title-label.showmin {
  margin-bottom: 6px;
}
#menu_nav #menu_nav_content #nav_list .nav-element .hidden {
  display: none;
}
#menu_nav #menu_nav_content #nav_list .nav-element.selected > .nav-element-text {
  background-color: var(--node-content-bg-color);
  color: var(--text);
  max-height: none;
  border-radius: 4px;
  font-weight: 600;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: var(--brand-primary-50);
  border: 2px solid var(--brand-primary-400) !important;
}
#menu_nav #menu_nav_content #nav_list .nav-element.selected > .nav-element-text .btn.button-tertiary:hover {
  border: 1px solid var(--brand-primary-200);
  background-color: var(--brand-primary-100) !important;
}
#menu_nav #menu_nav_content #nav_list .nav-element > .nav-element[is-parent=true] > :is(.nav-element-text, .exe-icon):after {
  display: none;
}
#menu_nav #menu_nav_content #nav_list .nav-element .nav-element:last-child > .nav-element-text:after {
  top: calc(50% + 3px);
}

#menu_nav #menu_nav_content #nav_list .nav-element .exe-icon:not(.node-menu-button) {
  position: absolute;
  top: 4px;
  left: -13px;
}

#menu_idevices {
  border: none;
  /* max-height: 50%; */
}
#menu_idevices .accordion-button {
  color: var(--text) !important;
  justify-content: flex-start;
  border: 0 !important;
  background-color: #f3f4f7;
  border-top: 1px solid #e4e5ee !important;
  border-bottom: 1px solid #e4e5ee !important;
}
#menu_idevices .accordion-button:after {
  display: none;
}
#menu_idevices .accordion-button:before {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin-right: 8px;
  content: "";
  background-image: url("images/icons/exe-chevron-icon-green.svg");
  background-repeat: no-repeat;
  background-size: 18px;
  transition: var(--bs-accordion-btn-icon-transition);
  transform: rotate(180deg);
}
#menu_idevices .accordion-button.collapsed {
  padding: 16px 0 16px 20px;
  border-radius: 0 !important;
}
#menu_idevices .accordion-button:not(.collapsed) {
  padding: 12px 0 12px 20px;
  background-color: #f3f4f7 !important;
}
#menu_idevices .accordion-button:not(.collapsed):before {
  width: 18px;
  height: 18px;
  background-size: 18px;
  transform: rotate(0deg);
}
#menu_idevices #menu_idevices_content.show {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
}
#menu_idevices #menu_idevices_content .menu_content {
  padding: 12px;
}
#menu_idevices #menu_idevices_content #label_menu_idevices {
  width: 100%;
  height: 24px;
}
#menu_idevices #menu_idevices_content #label_menu_idevices .exe-icon {
  content: "select_all";
  font-family: var(--icons-ff);
  float: left;
  margin-right: var(--margin-m);
  margin-top: -2px;
}
#menu_idevices #menu_idevices_content #list_menu_idevices {
  width: 100%;
  align-items: flex-start;
  height: calc(100% - 43px);
  margin: 0;
  overflow-y: auto;
  gap: 3px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  overflow-x: hidden;
  padding-top: 6px;
  padding-bottom: 10px;
}
#menu_idevices #menu_idevices_content #list_menu_idevices .idevice_category {
  display: flex;
  margin-bottom: 0;
  width: 100%;
  padding-top: 7px;
  padding-bottom: 7px;
  border: none;
  position: relative;
  border-left: 3px solid transparent;
}
#menu_idevices #menu_idevices_content #list_menu_idevices .idevice_category:last-of-type {
  margin-bottom: 5px;
}
#menu_idevices #menu_idevices_content #list_menu_idevices .idevice_category:hover .idevice_item {
  border: 1px solid var(--elements-hover);
}
#menu_idevices #menu_idevices_content #list_menu_idevices .idevice_category:hover .idevice_category_name::before {
  background: var(--dark-exe-color);
}
#menu_idevices #menu_idevices_content #list_menu_idevices .idevice_category .label {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 2px 16px 0;
  position: relative;
}
#menu_idevices #menu_idevices_content #list_menu_idevices .idevice_category.on {
  width: 100%;
  font-weight: 500;
  border: none;
  border-left: 3px solid var(--brand-primary-light);
  background-color: var(--brand-primary-100);
  flex-direction: column;
}
#menu_idevices #menu_idevices_content #list_menu_idevices .idevice_category.on .idevices {
  width: 360px;
  height: auto;
  max-height: 80%;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  border-radius: var(--radius);
  margin-top: 5px;
  margin-bottom: 5px;
  position: fixed;
  z-index: 1080;
  background: var(--gray-100);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15);
  padding: 10px;
}
#menu_idevices #menu_idevices_content #list_menu_idevices .idevice_category.on .idevices .idevices-category-title {
  color: var(--text);
  font-size: 1.125rem;
  margin: 10px 0 0 0;
  font-weight: bold;
}
#menu_idevices #menu_idevices_content #list_menu_idevices .idevice_category.on .idevices .idevices-category-description {
  color: var(--text);
  font-size: 0.75rem;
  line-height: 130%;
  margin-bottom: 0.5rem;
}
#menu_idevices #menu_idevices_content #list_menu_idevices .idevice_category.on .idevices .idevice_item {
  height: 100px;
  width: 31.6%;
  color: var(--text);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  border: 1px solid #eaecf0;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  border-radius: 12px;
  gap: 8px;
  cursor: grab;
  background-color: white;
  padding: 14px;
}
#menu_idevices #menu_idevices_content #list_menu_idevices .idevice_category.on .idevices .idevice_item.dragging {
  cursor: grabbing;
}
#menu_idevices #menu_idevices_content #list_menu_idevices .idevice_category.on .idevices .idevice_item .idevice_icon {
  font-family: var(--icons-ff);
  font-size: var(--idevice_icon-fs);
  line-height: 1;
  display: flex;
  color: inherit;
  height: auto;
  width: auto;
  margin: 0;
  justify-content: center;
  align-items: center;
}
#menu_idevices #menu_idevices_content #list_menu_idevices .idevice_category.on .idevices .idevice_item .idevice_icon.idevice-img-icon {
  height: 30px;
  width: 30px;
}
#menu_idevices #menu_idevices_content #list_menu_idevices .idevice_category.on .idevices .idevice_item:hover {
  background-color: var(--gray-50);
}
#menu_idevices #menu_idevices_content #list_menu_idevices .idevice_category.on .idevices .idevice_item .idevice_title {
  font-size: 12px;
  white-space: break-spaces;
  text-align: center;
  line-height: 1;
}
#menu_idevices #menu_idevices_content #list_menu_idevices .idevice_category.on .idevices .idevice_item .dropdown button {
  margin-right: 6px;
}
#menu_idevices #menu_idevices_content #list_menu_idevices .idevice_category.on .idevices .idevice-import-upload {
  display: flex;
  flex-flow: row nowrap;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  border: 1px solid var(--brand-primary);
  padding: 6px;
  border-radius: 6px;
}
#menu_idevices #menu_idevices_content #list_menu_idevices .idevice_category.on .idevices .idevice-import-upload:hover {
  background-color: var(--brand-primary-100);
}
#menu_idevices #menu_idevices_content #list_menu_idevices .idevice_category.on .idevices .idevice-import-upload p {
  font-size: 13px !important;
}
#menu_idevices #menu_idevices_content #list_menu_idevices .idevice_category.on .idevices .idevice-import-upload .upload-box-icon {
  margin-left: unset;
  margin-right: 6px;
  margin-bottom: unset;
  padding: 0 !important;
  box-shadow: none;
  background: none;
  border: none;
}
#menu_idevices #menu_idevices_content #list_menu_idevices .idevice_category.on .idevices.type_imported .useridevices-content {
  width: 100%;
}
#menu_idevices #menu_idevices_content #list_menu_idevices .idevice_category.on .idevices.type_imported .useridevices-content .idevice_item {
  width: 100%;
  height: 50px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  padding-right: 0;
  margin-bottom: 8px;
}
#menu_idevices #menu_idevices_content #list_menu_idevices .idevice_category.on .idevices.type_imported .useridevices-content .idevice_item .dropdown {
  margin-left: auto;
}
#menu_idevices #menu_idevices_content #list_menu_idevices .idevice_category.on .idevice_category_name:after {
  transform: rotate(180deg);
}
#menu_idevices #menu_idevices_content #list_menu_idevices .idevice_category.on label * {
  color: var(--dark-exe-color);
}
#menu_idevices #menu_idevices_content #list_menu_idevices .idevice_category.off .idevices {
  display: none;
}
#menu_idevices #menu_idevices_content #list_menu_idevices .idevice_category .label .icon-content {
  margin-right: 6px;
}
#menu_idevices #menu_idevices_content #list_menu_idevices .idevice_category .label .idevice_category_name {
  width: 100%;
  display: flex;
  align-items: center;
  gap: var(--margin-s);
  font-size: var(--menud-idevices-f);
  font-weight: 400;
  white-space: nowrap;
  margin: 0;
  cursor: pointer;
  color: var(--text-black);
  flex-flow: row nowrap;
  justify-content: space-between;
}
#menu_idevices #menu_idevices_content #list_menu_idevices .idevice_category .label .idevice_category_name:before {
  display: none;
}
#menu_idevices #menu_idevices_content #list_menu_idevices .idevice_category .label .idevice_category_name:after {
  content: "expand_more";
  font-family: var(--icons-ff);
  margin-top: -2px;
  background: transparent;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  min-width: 12px;
  min-height: 12px;
  max-width: 12px;
  max-height: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #5b6286;
  font-size: 18px;
  padding: calc(var(--margin-s) / 2);
  transition: var(--tr-02);
  text-transform: none;
  transform: rotate(270deg);
}
#menu_idevices .idevice_category.thick .idevice_item {
  margin-block: 5px;
}

#menu_idevices #menu_idevices_content {
  background-color: var(--white);
}
#menu_idevices #menu_idevices_content.accordion-collapse {
  transition: height 0.05s ease-out, opacity 0.05s ease-out;
  opacity: 0;
}
#menu_idevices #menu_idevices_content.accordion-collapse.show {
  opacity: 1;
}

.idevices-bottom-menu {
  position: fixed;
  min-width: 100px;
  bottom: 12px;
  z-index: 0;
  transform: translateX(-50%);
  display: inline-flex;
  height: 56px;
  padding: 3px 0 3px 3px;
  justify-content: center;
  align-items: center;
  gap: 3px;
  flex-shrink: 0;
  border-radius: 8px;
  border: 1px solid #e8e6e6;
  background: var(--white);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
}
.idevices-bottom-menu .idevice_item.draggable .idevice_icon {
  cursor: grab;
}
.idevices-bottom-menu .idevice_item.draggable.dragging .idevice_icon {
  cursor: grabbing;
}
.idevices-bottom-menu .idevice_icon {
  height: 48px;
  width: 48px;
  border-radius: 6px;
  font-family: var(--icons-ff);
  font-size: var(--idevice_icon-fs);
  line-height: 1;
  display: flex;
  color: inherit;
  margin: 0;
  justify-content: center;
  align-items: center;
}
.idevices-bottom-menu .idevice_icon:hover {
  background-color: var(--gray-100);
}
.idevices-bottom-menu .idevice_icon.settings-icon {
  width: 36px;
  height: 55px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  cursor: pointer;
  background-color: var(--gray-100);
  background-size: 16px;
  background-position: center;
  background-repeat: no-repeat;
}
.idevices-bottom-menu .idevice_icon.settings-icon:hover {
  background-color: var(--gray-200);
}

#modalIdeviceManagerContent .modal-header {
  padding: 24px 36px;
}
#modalIdeviceManagerContent .modal-body {
  padding: 0 36px 36px 36px;
}
#modalIdeviceManagerContent .modal-body .modal-body-content .body-idevices-container .alert-danger:not(.show),
#modalIdeviceManagerContent .modal-body .modal-body-content .body-idevices-container .alert-info:not(.show) {
  display: none;
}
#modalIdeviceManagerContent .modal-body .modal-body-content .body-idevices-container .search-icon {
  float: right;
  position: relative;
  top: 10px;
  left: 26px;
}
#modalIdeviceManagerContent .modal-body .modal-body-content .body-idevices-container .table-filter.form-control {
  height: 36px;
  border-color: var(--gray-border);
  padding-left: 30px !important;
}
#modalIdeviceManagerContent .modal-body .modal-body-content .body-idevices-container .table-filter.form-control::placeholder {
  color: var(--gray-400);
  font-size: 14px;
}
#modalIdeviceManagerContent .modal-body .modal-body-content .body-idevices-container .idevices-list-container .idevices-toggle-container {
  overflow-x: auto;
  display: block;
  background: white;
  padding: 0;
  scrollbar-color: var(--gray-border-dark) transparent;
  scrollbar-width: thin;
}
#modalIdeviceManagerContent .modal-body .modal-body-content .body-idevices-container .idevices-list-container .idevices-toggle-container::-webkit-scrollbar-track {
  background: transparent !important;
}
#modalIdeviceManagerContent .modal-body .modal-body-content .body-idevices-container .idevices-list-container .idevices-toggle-container ::-webkit-scrollbar {
  width: 6px;
}
#modalIdeviceManagerContent .modal-body .modal-body-content .body-idevices-container .idevices-list-container .idevices-toggle-container ::-webkit-scrollbar-thumb {
  background-color: var(--gray-border-dark);
  border-radius: 4px;
}
#modalIdeviceManagerContent .modal-body .modal-body-content .body-idevices-container .idevices-list-container .idevices-toggle-container .toggle-header {
  margin-bottom: 12px;
}
#modalIdeviceManagerContent .modal-body .modal-body-content .body-idevices-container .idevices-list-container .idevices-toggle-container .toggle-header__title {
  margin: 0 0 4px 0;
  font-size: 16px;
  font-weight: 600;
  color: #1f1f1f;
}
#modalIdeviceManagerContent .modal-body .modal-body-content .body-idevices-container .idevices-list-container .idevices-toggle-container .toggle-header__hint {
  font-size: 13px;
  color: #666;
}
#modalIdeviceManagerContent .modal-body .modal-body-content .body-idevices-container .idevices-list-container .idevices-toggle-container .toggle-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px 24px;
}
@media (min-width: 480px) {
  #modalIdeviceManagerContent .modal-body .modal-body-content .body-idevices-container .idevices-list-container .idevices-toggle-container .toggle-grid {
    grid-template-columns: repeat(2, minmax(160px, 1fr));
    gap: 5px 20px;
  }
}
@media (min-width: 900px) {
  #modalIdeviceManagerContent .modal-body .modal-body-content .body-idevices-container .idevices-list-container .idevices-toggle-container .toggle-grid {
    grid-template-columns: repeat(3, minmax(160px, 1fr));
    gap: 5px 20px;
  }
}
#modalIdeviceManagerContent .modal-body .modal-body-content .body-idevices-container .idevices-list-container .idevices-toggle-container .toggle-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 6px 0;
}
#modalIdeviceManagerContent .modal-body .modal-body-content .body-idevices-container .idevices-list-container .idevices-toggle-container .toggle-label {
  font-size: 14px;
  line-height: 1.3;
  color: #2a2a2a;
  cursor: pointer;
  margin-right: 12px;
  margin-top: 0;
}
#modalIdeviceManagerContent .modal-body .modal-body-content .body-idevices-container .idevices-list-container .idevices-toggle-container .toggle-control {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-width: 48px;
}
#modalIdeviceManagerContent .modal-body .modal-body-content .body-idevices-container .idevices-list-container .idevices-toggle-container .toggle-input {
  position: absolute;
  opacity: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
#modalIdeviceManagerContent .modal-body .modal-body-content .body-idevices-container .idevices-list-container .idevices-toggle-container .toggle-input:checked + .toggle-visual {
  background: var(--brand-primary);
}
#modalIdeviceManagerContent .modal-body .modal-body-content .body-idevices-container .idevices-list-container .idevices-toggle-container .toggle-input:checked + .toggle-visual::after {
  transform: translateX(16px);
}
#modalIdeviceManagerContent .modal-body .modal-body-content .body-idevices-container .idevices-list-container .idevices-toggle-container .toggle-input:disabled + .toggle-visual {
  opacity: 0.5;
  filter: grayscale(0.3);
  cursor: not-allowed;
}
#modalIdeviceManagerContent .modal-body .modal-body-content .body-idevices-container .idevices-list-container .idevices-toggle-container .toggle-visual {
  display: inline-block;
  width: 36px;
  height: 20px;
  border-radius: 999px;
  background: var(--gray-300);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
  transition: background 160ms ease, box-shadow 160ms ease;
  position: relative;
  cursor: pointer;
}
#modalIdeviceManagerContent .modal-body .modal-body-content .body-idevices-container .idevices-list-container .idevices-toggle-container .toggle-visual::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  transition: transform 160ms ease;
}
#modalIdeviceManagerContent .modal-footer {
  display: none;
}

.modal {
  z-index: 20009 !important;
  font-family: "Inter", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.modal #change-block-icon-modal-content .option-block-icon.exe-icon {
  content: "select_all";
  font-family: var(--icons-ff);
  border-radius: var(--radius);
  transition: var(--tr-02);
  opacity: 0.5;
}
.modal #change-block-icon-modal-content .box-icon-value {
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: contain;
}
.modal #change-block-icon-modal-content .option-block-icon.empty-block-icon.exe-icon {
  background-color: var(--main-background-color);
}
.modal #change-block-icon-modal-content .option-block-icon:hover, .modal #change-block-icon-modal-content .option-block-icon:focus {
  opacity: 1;
}
.modal #change-block-icon-modal-content .option-block-icon[selected=true] {
  opacity: 1;
}
.modal #change-block-icon-modal-content .option-block-icon[selected=true].selected-provisional {
  color: var(--icon-gray);
  background-color: var(--work-area-bg-color);
  border: 2px dotted var(--dark-exe-color);
  height: 36px;
  width: 36px;
}
.modal #change-block-icon-modal-content .empty-block-icon[selected=true] {
  color: var(--remove);
}
.modal .exe-form-tabs {
  width: max-content;
  display: flex;
  gap: var(--margin-l) 1px;
  list-style: none;
  padding: 0;
}

.form-properties .exe-form-tabs {
  width: max-content;
  display: flex;
  gap: var(--margin-l) 1px;
  list-style: none;
  padding: 0;
}

.modal .exe-form-tabs a, .form-properties .exe-form-tabs a {
  text-decoration: none;
  color: var(--icon-gray);
  border: 1px solid var(--elements-hover);
  padding: var(--margin-s) var(--margin-l);
  border-radius: var(--radius-top);
  background-color: var(--elements-hover);
  transition: var(--tr-02);
  position: relative;
  margin-right: 2px;
}

.modal .exe-form-tabs a:hover, .form-properties .exe-form-tabs a:hover {
  color: var(--dark-exe-color);
  border-color: var(--dark-exe-color);
  border-bottom: 1px solid var(--elements-hover);
  transition: var(--tr-02);
}

.modal .exe-form-tabs a.exe-form-active-tab, .form-properties .exe-form-tabs a.exe-form-active-tab {
  color: var(--dark-exe-color);
  background-color: white;
  border-color: var(--dark-exe-color);
  border-bottom: 1px solid white;
  transition: var(--tr-02);
}

.modal .exe-form-tabs a:not(.exe-form-active-tab)::after, .form-properties .exe-form-tabs a:not(.exe-form-active-tab)::after {
  content: "";
  position: absolute;
  left: -1px;
  bottom: -1px;
  width: calc(100% + 2px);
  height: 1px;
  display: block;
  background-color: var(--dark-exe-color);
}

.modal .exe-form-content, .form-properties .exe-form-content {
  display: none;
}

.modal .exe-form-content.exe-form-active-content, .form-properties .exe-form-content.exe-form-active-content {
  display: block;
  background-color: var(--bs-gray-200);
  border-color: var(--dark-exe-color);
  border-bottom: 1px solid white;
  transition: var(--tr-02);
}

.modal .exe-form-tabs, .form-properties .exe-form-tabs {
  margin-bottom: 6px;
}

.modal .form-properties[modal-content-id=page-properties] .exe-form-tabs {
  margin-bottom: 6.9px;
}
.modal .exe-form-tabs a.exe-form-active-tab::after {
  width: 100%;
  height: 1px;
  display: block;
  content: "";
  position: absolute;
  bottom: -2px;
  background: white;
  left: 0;
}

.form-properties .exe-form-tabs a.exe-form-active-tab::after {
  width: 100%;
  height: 1px;
  display: block;
  content: "";
  position: absolute;
  bottom: -2px;
  background: white;
  left: 0;
}

.modal .exe-form-content.exe-form-active-content, .form-properties .exe-form-content.exe-form-active-content {
  min-height: 120px;
  margin-top: 5px;
  /* border: 1px solid var(--dark-exe-color); */
  padding: var(--margin-l) 0;
  /*
  border-radius: var(--radius);
  border-top-left-radius: 0;
  scroll-margin-top: var(--margin-din-xl);
  */
}

.modal .exe-form-tabs li a:not(.exe-form-active-tab)::after, .form-properties .exe-form-tabs li a:not(.exe-form-active-tab)::after {
  width: calc(100% + 2px);
  height: 1px;
  display: block;
  content: "";
  position: absolute;
  bottom: -2px;
  background: var(--dark-exe-color);
  left: -1px;
}

.modal label {
  color: var(--body-text-color);
  max-width: max-content;
  margin-right: var(--margin-m);
  margin-top: 5px;
}

.form-properties label {
  color: var(--body-text-color);
  margin-right: var(--margin-m);
  margin-top: 5px;
}

.modal icon, .form-properties icon {
  font-family: var(--icons-ff);
  cursor: pointer;
  font-size: var(--h3-fs);
  color: var(--dark-exe-color);
}

.modal icon:hover, .form-properties icon:hover {
  filter: brightness(120%);
}

.modal .exe-form-help {
  border-left: 15px solid var(--bs-gray-200);
  position: relative;
}

.form-properties .exe-form-help {
  border-left: 15px solid transparent;
  position: relative;
}

.modal .help-content, .form-properties .help-content {
  position: absolute;
  background-color: hsl(0, 0%, 15%);
  color: var(--white);
  padding: var(--margin-m);
  border-radius: var(--radius);
  opacity: 1;
  font-size: small;
  width: 300px;
  z-index: 2;
  left: 2px;
  top: -7px;
}

.modal .exe-form-help.help-content-active icon, .form-properties .exe-form-help.help-content-active icon {
  color: var(--remove);
}

.modal .help-hidden, .form-properties .help-hidden {
  display: none;
}

.modal-open .modal-dialog.modal-dialog-centered {
  justify-content: center;
  align-items: center;
  max-width: 700px;
}
.modal-open .modal-content {
  width: max-content;
  min-width: 250px;
  padding-top: 8px;
}
.modal-open .modal-content :is(input[type=text], textarea) {
  width: 100%;
  resize: none;
}
.modal-open .modal-content textarea {
  padding-right: 4px;
}
.modal-open .modal-header {
  padding: 5px 10px;
}
.modal-open .modal-header .modal-title {
  font-size: var(--h4-fs);
  line-height: 1;
}
.modal-open .modal-header .close {
  border: none;
  border-radius: 8px;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  top: 1.3125rem !important;
  right: 1.625rem !important;
  background: url("images/icons/exe-close-icon.svg") transparent center/20px no-repeat;
}
.modal-open .modal-header .close:hover {
  background: url("images/icons/exe-close-icon.svg") var(--gray-100) center/20px no-repeat !important;
}
.modal-open .modal-header .close:focus, .modal-open .modal-header .close span:focus, .modal-open .modal-header .close:focus-visible, .modal-open .modal-header .close span:focus-visible {
  border: none;
  outline: none;
}
.modal-open .modal-header .close span {
  display: none;
}
.modal-open .modal-content.static .modal-header {
  cursor: auto !important;
}
.modal-open :is(.modal-body, .modal-footer) {
  font-size: var(--body-fs);
}
.modal-open .modal-body {
  padding: 25px;
}
.modal-open .modal-body .modal-body-title {
  color: var(--text);
  font-size: var(--h2-fs);
}
.modal-open .modal-body li::marker {
  color: var(--dark-exe-color);
}
.modal-open :is(.modal-body, .modal-footer) input[type=checkbox] {
  accent-color: var(--dark-exe-color);
  max-width: 12px;
  margin-right: var(--margin-m);
  height: 12px;
}
.modal-open .modal-body[modal-content-id=modal-move-to-page] .select-move-to-page {
  width: 95%;
}
.modal-open .modal-body table {
  width: calc(100% - var(--margin-m));
}
.modal-open .modal-footer {
  padding: 5px 10px;
}
.modal-open .modal-footer button {
  min-width: 50px;
}

.modal-open .modal-body .modal-footer {
  margin-top: 10px;
}

/* Modal confirm */
.modal-open #modalConfirm .modal-content {
  width: 400px;
}
.modal-open #change-block-icon-modal-content {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(40px, 1fr));
  gap: var(--margin-m);
  grid-auto-flow: dense;
}
.modal-open #change-block-icon-modal-content > .exe-icon {
  width: 40px;
  height: 40px;
  font-size: 30px;
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--icon-gray);
  transition: var(--tr-02);
  cursor: pointer;
}
.modal-open #change-block-icon-modal-content > .exe-icon:hover {
  transition: var(--tr-02);
}
.modal-open #change-block-title-input {
  width: calc(100% - var(--margin-m));
}

/* Modal box change icon/title */
/* Modals help */
.modal .modal-body.help-modal h1.hidden, .modal .modal-body.help-modal h2.hidden, .modal .modal-body.help-modal h3.hidden {
  display: none;
}
.modal .modal-body.help-modal-with-logo .help-modal-top {
  height: 100px;
  margin-bottom: 10px;
  text-align: center;
}
.modal .modal-body.help-modal-with-logo .help-modal-top .exe-logo {
  height: 100%;
}
.modal .modal-body.help-modal-with-logo .help-modal-content {
  padding: 15px;
  background-color: white;
  box-shadow: 0px 0px 10px 3px white;
}
.modal .modal-body.help-modal-with-logo .help-modal-content .exe-form-content {
  max-height: 500px;
  overflow-y: auto;
}
.modal .modal-body.help-modal-with-logo .exe-form-content.exe-form-active-content {
  background-color: white;
}

/* Modal upload to drive */
#modalUploadToDrive #drive-folders, #modalUploadToDropbox #dropbox-folders {
  max-width: 400px;
}

/* Modal upload to dropbox */
/* Modal filemanager */
#modalFileManager > .modal-dialog {
  max-width: 1500px;
  max-height: 600px;
}
#modalFileManager .modal-content {
  width: 1200px;
  height: 600px;
}
#modalFileManager .modal-content .hide {
  display: none;
}
#modalFileManager .modal-content .modal-body {
  padding: 0;
  max-height: calc(100% - 32px);
}
#modalFileManager .modal-content iframe {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  border-radius: var(--radius-bottom);
}

/* Modal stylemanager */
#modalStyleManager > .modal-dialog {
  max-width: 1200px;
  max-height: 600px;
}
#modalStyleManager .modal-content {
  width: 800px;
  min-height: 450px;
}
#modalStyleManager .modal-content .hidden {
  display: none;
}
#modalStyleManager .modal-content .modal-body {
  max-height: calc(100% - var(--margin-32));
  position: relative;
  overflow: auto;
}

:is(#modalStyleManager, #modalIdeviceManager) .modal-content .modal-body .alert-danger:not(.show) {
  display: none !important;
}

#modalStyleManager textarea {
  min-height: 50px;
}

:is(#modalStyleManager, #modalIdeviceManager) .modal-content .modal-body .alert-danger.show {
  padding: var(--margin-m);
  position: absolute;
  z-index: 2;
  display: flex !important;
  justify-content: space-between;
  align-items: center;
}

#modalStyleManager .modal-content .modal-body .alert-danger.show {
  width: calc(750px - var(--margin-m) - var(--margin-m));
}

#modalIdeviceManager .modal-content .modal-body .alert-danger.show {
  width: calc(100% - 72px);
}

:is(#modalStyleManager, #modalIdeviceManager) .modal-content .modal-body .alert-danger > * {
  float: none;
  width: unset;
}
:is(#modalStyleManager, #modalIdeviceManager) .modal-content .modal-body .alert-danger * {
  margin: 0;
}
:is(#modalStyleManager, #modalIdeviceManager) .modal-content .modal-body .alert-danger .text {
  display: flex;
  width: max-content;
}
:is(#modalStyleManager, #modalIdeviceManager) .modal-content .modal-body .alert-danger button {
  padding: 0;
  height: 24px;
  width: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#modalStyleManager .modal-content .exe-icon {
  font-family: var(--icons-ff);
  width: 25px;
  height: 25px;
  font-size: 20px;
  line-height: 1;
  color: var(--icon-gray);
  transition: none;
  cursor: pointer;
}
#modalStyleManager .modal-content .exe-icon:hover {
  color: var(--dark-exe-color);
  transition: var(--tr-02);
}
#modalStyleManager .modal-content .themes-button-container {
  margin-bottom: var(--margin-xl);
}
#modalStyleManager .modal-content .modal-body .edit-theme-container {
  max-height: 60vh;
  min-height: 200px;
  max-width: 100%;
}
#modalStyleManager .modal-content .modal-body .edit-theme-container .theme-edit-title {
  border-bottom: 2px solid var(--dark-exe-color);
  margin-bottom: 30px;
  font-weight: 500;
  font-size: var(--h4-fs);
}
#modalStyleManager .modal-content .modal-body .edit-theme-container :is(input[type=text], textarea) {
  max-width: 100%;
  border: 1px solid #c7c7ce;
}
#modalStyleManager .modal-content .modal-body .edit-theme-container .row-table-edit-theme {
  display: grid;
  justify-content: space-between;
  grid-template-columns: 1fr 3fr;
  margin-bottom: var(--margin-m);
}
#modalStyleManager .modal-content .modal-body .edit-theme-container .row-table-edit-theme.hidden {
  display: none;
}
#modalStyleManager .modal-content .modal-body .edit-theme-container .exe-form-content-rows {
  max-height: 350px;
  background-color: var(--bs-gray-200);
  border: 1px solid var(--dark-exe-color);
  border-radius: 0 var(--radius) var(--radius) var(--radius);
  padding: var(--margin-32) var(--margin-l);
  overflow: auto;
}
#modalStyleManager .modal-content .modal-body .edit-theme-container .row-table-edit-theme[category=header] label {
  margin-top: 10px;
}
#modalStyleManager .modal-content .modal-body .edit-theme-container .row-table-edit-theme[category=header] > div img {
  object-fit: contain;
}
#modalStyleManager .modal-content .modal-body .edit-theme-container input[type=color] {
  appearance: none;
  border: none;
  padding: 0;
  /*border-radius: 50%;*/
  /*width: 20px;*/
  height: 20px;
  overflow: hidden;
  cursor: pointer;
  transition: var(--tr-02);
}
#modalStyleManager .modal-content .modal-body .edit-theme-container input[type=color]:hover {
  opacity: 0.8;
}
#modalStyleManager .modal-content .modal-body .edit-theme-container .img-container img {
  margin-left: 20px;
  margin-right: 10px;
  width: 80px;
  height: 40px;
}
#modalStyleManager .modal-content .modal-body .edit-theme-container .img-container.no-img img {
  display: none;
}
#modalStyleManager .modal-content .modal-body .edit-theme-container .img-container input {
  max-width: 300px;
  margin-top: 7px;
}
#modalStyleManager .modal-content .modal-body .edit-theme-container .img-container input[type=button] {
  color: var(--icon-gray);
  padding: 4px;
  border-radius: var(--radius);
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: 1px solid var(--elements-hover);
  transition: var(--tr-02);
  appearance: none;
  -webkit-appearance: none;
  background: white;
}
#modalStyleManager .modal-content .modal-body .edit-theme-container .img-container input[type=button]:hover {
  color: var(--dark-exe-color);
  border: 1px solid var(--dark-exe-color);
  transition: var(--tr-02);
}
#modalStyleManager .modal-content .modal-body .edit-theme-container .img-container .remove-img {
  float: right;
  margin-top: 10px;
}
#modalStyleManager .modal-content .modal-body .edit-theme-container .img-container.no-img .remove-img {
  display: none;
}
#modalStyleManager .modal-content .modal-body .edit-theme-container .img-container .remove-img:hover {
  color: var(--remove);
}
#modalStyleManager .modal-content .modal-body .info-theme-container {
  max-height: 60vh;
  min-height: 200px;
  overflow-y: auto;
  overflow-x: unset;
}
#modalStyleManager .modal-content .themes-list-container.no-tabs > div {
  border: none;
}
#modalStyleManager .modal-content .themes-list-container > div {
  padding: 0;
  margin-top: 0;
}
#modalStyleManager .modal-content .themes-list-container .exe-form-tabs {
  margin-bottom: 0;
}
#modalStyleManager .modal-content .themes-list-container .exe-form-tabs a {
  height: 27px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#modalStyleManager .modal-content .themes-table-container {
  max-height: 600px;
  border: 1px solid var(--dark-exe-color);
  border-radius: var(--radius);
  padding: 5px;
  margin-top: 35px;
  margin-bottom: 10px;
  width: 100%;
}
#modalStyleManager .modal-content .only-base-themes .themes-table-container {
  max-height: 800px;
}
#modalStyleManager .modal-content .themes-table-container .themes-table-title {
  margin-top: -18px;
  margin-bottom: var(--margin-m);
  margin-left: var(--margin-m);
  padding-inline: 5px;
  width: max-content;
  background-color: var(--main-background-color);
}
#modalStyleManager .modal-content .themes-table-rows-container {
  max-height: 30vh;
  overflow: auto;
}
#modalStyleManager .modal-content .themes-table {
  margin-inline: auto;
}
#modalStyleManager .modal-content .themes-table .theme-row td.theme-title {
  width: 100%;
  padding-left: 5px;
  font-weight: 400;
  cursor: pointer;
}
#modalStyleManager .modal-content .themes-table .theme-row:hover > * {
  color: var(--dark-exe-color);
  transition: var(--tr-02);
}
#modalStyleManager .modal-content .themes-table .theme-row.selected {
  border-color: transparent;
  /*background-color: var(--dark-exe-color-04);*/
}
#modalStyleManager .modal-content .themes-table .theme-row.selected td {
  color: var(--dark-exe-color);
  filter: brightness(1.1);
  font-weight: bold;
}
#modalStyleManager .modal-content .themes-table .theme-row .exe-icon:hover {
  color: var(--dark-exe-color-08);
}
#modalStyleManager .modal-content .themes-table .theme-row.selected td.exe-icon {
  font-weight: 300;
}
#modalStyleManager .modal-content .themes-table .theme-row > td {
  padding: var(--margin-s) var(--margin-m);
}
#modalStyleManager .modal-content .themes-table .theme-row > td:last-child {
  border-right: none;
}
#modalStyleManager .modal-content .themes-table .theme-row:last-child > td {
  border-bottom: none;
}
#modalStyleManager .modal-content .themes-table .theme-row .theme-action-export[downloadable=false] {
  color: var(--icon-bg-gray);
  pointer-events: none;
  cursor: default;
}
#modalStyleManager .modal-content .theme-properties-title {
  border-bottom: 2px solid var(--dark-exe-color);
  margin-bottom: 30px;
  font-weight: 500;
  font-size: var(--h4-fs);
}
#modalStyleManager .modal-content .info-theme-table td {
  padding: 3px;
  margin-bottom: 10px;
}
#modalStyleManager .themes-table-rows-container {
  background: none;
}
#modalStyleManager thead {
  border-bottom: 2px solid var(--dark-exe-color);
}

/* Custom Style form */
/* To review
#modalStyleManager .modal-content .themes-table .theme-row:nth-child(odd) {
    background-color: var(--file-odd);
}

#modalStyleManager .modal-content .themes-table .theme-row:hover {
    background-color: var(--bg-light-gray);
}
*/
/* Modal idevicemanager */
#modalIdeviceManager > .modal-dialog {
  max-width: 1200px;
  max-height: 600px;
}
#modalIdeviceManager .modal-content {
  width: 100%;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  max-width: 820px;
}
#modalIdeviceManager .modal-content .hidden {
  display: none;
}
#modalIdeviceManager .modal-content .modal-body .exe-form-content {
  max-height: 365px;
}
#modalIdeviceManager .modal-content .modal-body .idevices-list-container {
  height: calc(100% - 75px);
  clear: both;
}
#modalIdeviceManager .modal-content .modal-body .idevices-list-container.no-tabs {
  height: calc(100% - 45px);
}
#modalIdeviceManager .modal-content .modal-body .exe-form-tabs {
  margin-bottom: 0px;
}
#modalIdeviceManager .modal-content .modal-body .exe-form-tabs a {
  height: 27px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#modalIdeviceManager .modal-content .modal-body .exe-form-tabs ~ div {
  border: 1px solid var(--dark-exe-color);
  border-radius: 0 var(--radius) var(--radius) var(--radius);
  margin-top: 0;
}
#modalIdeviceManager .modal-content .modal-body .info-idevice-container {
  max-height: 60vh;
  min-height: 200px;
  overflow-y: auto;
  overflow-x: unset;
}
#modalIdeviceManager .modal-content .modal-body .modal-body-content {
  height: 100%;
}
#modalIdeviceManager .modal-content .modal-body .modal-body-content > * {
  height: 100%;
}
#modalIdeviceManager .modal-content .exe-icon {
  font-family: var(--icons-ff);
  width: 25px;
  height: 25px;
  font-size: 20px;
  line-height: 1;
  color: var(--icon-gray);
  transition: none;
  cursor: pointer;
}
#modalIdeviceManager .modal-content .exe-icon:hover {
  color: var(--dark-exe-color);
  transition: var(--tr-02);
}
#modalIdeviceManager .modal-content .idevices-button-container {
  margin-bottom: 15px;
  width: auto;
  float: right;
}
#modalIdeviceManager .modal-content input.table-filter {
  width: auto;
  float: right;
  margin-bottom: 24px;
}
#modalIdeviceManager .modal-content .idevices-table-container {
  max-height: 600px;
  border: 1px solid var(--dark-exe-color);
  border-radius: var(--radius);
  padding: 5px;
  margin-top: 35px;
  margin-bottom: 10px;
  width: 100%;
}
#modalIdeviceManager .modal-content .only-base-idevices .idevices-table-container {
  max-height: 800px;
}
#modalIdeviceManager .modal-content .idevices-table-container .idevices-table-title {
  margin-top: -18px;
  margin-bottom: var(--margin-m);
  margin-left: var(--margin-m);
  padding-inline: 5px;
  width: max-content;
  background-color: var(--main-background-color);
}
#modalIdeviceManager .modal-content .idevices-table-rows-container {
  max-height: 100%;
  overflow: auto;
  padding: var(--margin-s);
  border: none;
  background: none;
}
#modalIdeviceManager .modal-content .idevices-table {
  width: 100%;
}
#modalIdeviceManager .modal-content .idevices-table tbody tr:nth-child(odd) {
  background-color: var(--file-odd);
}
#modalIdeviceManager .modal-content .idevices-table thead tr th:hover {
  cursor: pointer;
  color: var(--dark-exe-color);
  transition: var(--tr-02);
}
#modalIdeviceManager .modal-content .idevices-table .idevice-row td {
  font-weight: 400;
  cursor: pointer;
  padding-left: 5px;
  width: auto;
}
#modalIdeviceManager .modal-content .idevices-table .idevice-row td:is(.idevice-visible, .idevice-action) {
  width: 20px;
  text-align: center;
}
#modalIdeviceManager .modal-content .idevices-table .idevice-row .idevice-action-export[downloadable=false] {
  color: var(--icon-color);
  pointer-events: none;
  cursor: default;
}
#modalIdeviceManager .modal-content .idevices-table .idevice-row:hover {
  background-color: var(--bg-light-gray);
}
#modalIdeviceManager .modal-content .idevices-table .idevice-row:hover > * {
  color: var(--dark-exe-color);
  transition: var(--tr-02);
}
#modalIdeviceManager .modal-content .idevices-table .idevice-row {
  background-color: transparent;
}
#modalIdeviceManager .modal-content .idevices-table .idevice-row.selected {
  border-color: transparent;
}
#modalIdeviceManager .modal-content .idevices-table .idevice-row .exe-icon:hover {
  color: var(--dark-exe-color-08);
  background-color: var(--light-exe-color);
}
#modalIdeviceManager .modal-content .idevices-table .idevice-row > td {
  padding: 6px 3px;
}
#modalIdeviceManager .modal-content .idevices-table .idevice-row > td input[type=checkbox] {
  margin-inline: auto;
}
#modalIdeviceManager .modal-content .idevices-properties-title {
  border-bottom: 2px solid var(--dark-exe-color);
  margin-bottom: 30px;
  font-weight: 500;
  font-size: var(--h4-fs);
}
#modalIdeviceManager .modal-content .info-idevice-table td {
  padding: 3px;
  margin-bottom: 10px;
}
#modalIdeviceManager .idevice-properties-title {
  border-bottom: 2px solid var(--dark-exe-color);
  margin-bottom: 30px;
  font-weight: 500;
  font-size: var(--h4-fs);
}

/* To review */
/* Modal ode broken links */
#modalOdeBrokenLinks > .modal-dialog {
  max-width: 1600px;
  max-height: 800px;
}
#modalOdeBrokenLinks .modal-content {
  width: 1200px;
  height: 600px;
}
#modalOdeBrokenLinks .table td {
  max-width: 280px;
  text-wrap: normal;
  word-wrap: break-word;
}
#modalOdeBrokenLinks #odeBrokenLinks {
  overflow: auto;
  margin-bottom: 20px;
}

/* Modal ode used files */
#modalOdeUsedFiles > .modal-dialog {
  max-width: 1600px;
  max-height: 800px;
}
#modalOdeUsedFiles .modal-content {
  width: 1200px;
  height: 600px;
}
#modalOdeUsedFiles .table td {
  max-width: 280px;
  text-wrap: normal;
  word-wrap: break-word;
}
#modalOdeUsedFiles #odeUsedFiles {
  overflow: auto;
}

#modalOpenUserOdeFiles .modal-dialog-centered {
  max-width: 60%;
}
#modalOpenUserOdeFiles .modal-dialog-centered .modal-content {
  width: 100%;
}
#modalOpenUserOdeFiles .modal-dialog-centered .modal-content .modal-body .modal-actions {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-content: center;
  margin-bottom: 15px;
}
#modalOpenUserOdeFiles .modal-dialog-centered .modal-content .modal-body .modal-actions .ode-filter-wrap {
  width: 35%;
}
#modalOpenUserOdeFiles .modal-dialog-centered .modal-content .modal-body .modal-actions .ode-filter-wrap .ode-search-field {
  height: 20px;
  width: 20px;
  position: absolute;
  top: 8px;
  left: 34px;
  pointer-events: none;
}
#modalOpenUserOdeFiles .modal-dialog-centered .modal-content .modal-body .modal-actions .ode-filter-wrap .ode-filter-input {
  padding-inline-start: 40px;
  width: 100%;
  padding-left: 36px !important;
}
#modalOpenUserOdeFiles .modal-dialog-centered .modal-content .modal-body .modal-actions #local-ode-file-upload-div input[type=file] {
  display: none;
}
#modalOpenUserOdeFiles .modal-dialog-centered .modal-content .modal-body .modal-actions #local-ode-file-upload-div .ode-files-button-upload .ode-append-icon {
  margin-right: 8px;
}
#modalOpenUserOdeFiles .modal-dialog-centered .modal-content .modal-body .modal-actions #local-ode-file-upload-div .ode-files-button-upload .ode-append-icon svg path {
  transition: all 0.2s;
  stroke: var(--text-black);
}
#modalOpenUserOdeFiles .modal-dialog-centered .modal-content .modal-body .modal-actions #local-ode-file-upload-div .ode-files-button-upload:hover {
  background-color: var(--dark-exe-color);
}
#modalOpenUserOdeFiles .modal-dialog-centered .modal-content .modal-body .modal-actions #local-ode-file-upload-div .ode-files-button-upload:hover .ode-append-icon svg path {
  transition: all 0.2s;
  stroke: white;
}
#modalOpenUserOdeFiles .modal-dialog-centered .modal-content .modal-body .ode-files-list-container .ode-files-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: 54vh;
  overflow: auto;
  padding-right: 5px;
}
#modalOpenUserOdeFiles .modal-dialog-centered .modal-content .modal-body .ode-files-list-container .ode-files-list .ode-group {
  background: #fff;
  border-radius: 0.5rem;
}
#modalOpenUserOdeFiles .modal-dialog-centered .modal-content .modal-body .ode-files-list-container .ode-files-list .ode-group .ode-row {
  display: grid;
  grid-template-columns: 24px 32px 1fr auto;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: #fff;
  border: 1px solid transparent;
  border-radius: 8px;
  cursor: pointer;
}
#modalOpenUserOdeFiles .modal-dialog-centered .modal-content .modal-body .ode-files-list-container .ode-files-list .ode-group .ode-row.selected {
  background: var(--brand-primary-50);
  border: 1px solid var(--brand-primary-400);
}
#modalOpenUserOdeFiles .modal-dialog-centered .modal-content .modal-body .ode-files-list-container .ode-files-list .ode-group .ode-row:hover {
  background: var(--brand-primary-50);
}
#modalOpenUserOdeFiles .modal-dialog-centered .modal-content .modal-body .ode-files-list-container .ode-files-list .ode-group .ode-row.subversion-show, #modalOpenUserOdeFiles .modal-dialog-centered .modal-content .modal-body .ode-files-list-container .ode-files-list .ode-group .ode-row.ode-row--indented {
  grid-template-columns: 60px 32px 1fr auto;
}
#modalOpenUserOdeFiles .modal-dialog-centered .modal-content .modal-body .ode-files-list-container .ode-files-list .ode-group .ode-row.subversion-show:hover, #modalOpenUserOdeFiles .modal-dialog-centered .modal-content .modal-body .ode-files-list-container .ode-files-list .ode-group .ode-row.ode-row--indented:hover {
  background: var(--brand-primary-50);
}
#modalOpenUserOdeFiles .modal-dialog-centered .modal-content .modal-body .ode-files-list-container .ode-files-list .ode-group .ode-row.subversion-show:active, #modalOpenUserOdeFiles .modal-dialog-centered .modal-content .modal-body .ode-files-list-container .ode-files-list .ode-group .ode-row.ode-row--indented:active {
  background: var(--brand-primary-50);
  border: 1px solid var(--brand-primary-400);
}
#modalOpenUserOdeFiles .modal-dialog-centered .modal-content .modal-body .ode-files-list-container .ode-files-list .ode-group .ode-row.subversion-show .exe-logo.content, #modalOpenUserOdeFiles .modal-dialog-centered .modal-content .modal-body .ode-files-list-container .ode-files-list .ode-group .ode-row.ode-row--indented .exe-logo.content {
  position: relative;
}
#modalOpenUserOdeFiles .modal-dialog-centered .modal-content .modal-body .ode-files-list-container .ode-files-list .ode-group .ode-row.subversion-show .exe-logo.content::before, #modalOpenUserOdeFiles .modal-dialog-centered .modal-content .modal-body .ode-files-list-container .ode-files-list .ode-group .ode-row.ode-row--indented .exe-logo.content::before {
  content: "";
  background-image: url("images/exe-tree-branch-line.svg");
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  height: 76px;
  width: 19px;
  position: absolute;
  left: -25px;
  top: -61px;
}
#modalOpenUserOdeFiles .modal-dialog-centered .modal-content .modal-body .ode-files-list-container .ode-files-list .ode-group .ode-row .ode-check-wrap {
  display: flex;
  justify-content: flex-start;
}
#modalOpenUserOdeFiles .modal-dialog-centered .modal-content .modal-body .ode-files-list-container .ode-files-list .ode-group .ode-row .ode-check-wrap .ode-check {
  max-width: 14px;
  width: 14px;
  height: 16px;
}
#modalOpenUserOdeFiles .modal-dialog-centered .modal-content .modal-body .ode-files-list-container .ode-files-list .ode-group .ode-row .exe-logo.content {
  width: 28px;
  height: 28px;
}
#modalOpenUserOdeFiles .modal-dialog-centered .modal-content .modal-body .ode-files-list-container .ode-files-list .ode-group .ode-row .ode-info {
  min-width: 0;
}
#modalOpenUserOdeFiles .modal-dialog-centered .modal-content .modal-body .ode-files-list-container .ode-files-list .ode-group .ode-row .ode-info .ode-title {
  font-weight: 600;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#modalOpenUserOdeFiles .modal-dialog-centered .modal-content .modal-body .ode-files-list-container .ode-files-list .ode-group .ode-row .ode-info .ode-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  line-height: 1.4;
  color: var(--gray-500);
}
#modalOpenUserOdeFiles .modal-dialog-centered .modal-content .modal-body .ode-files-list-container .ode-files-list .ode-group .ode-row .ode-info .ode-meta .ode-badge {
  font-size: 13px;
  font-weight: 600;
  padding: 0px 6px;
  border-radius: 16px;
  background: var(--brand-primary-50);
  color: var(--brand-primary);
  border: 1px solid var(--brand-primary-300);
}
#modalOpenUserOdeFiles .modal-dialog-centered .modal-content .modal-body .ode-files-list-container .ode-files-list .ode-group .ode-row .ode-info .ode-meta .dot {
  opacity: 0.5;
}
#modalOpenUserOdeFiles .modal-dialog-centered .modal-content .modal-body .ode-files-list-container .ode-files-list .ode-group .ode-row .ode-actions {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
#modalOpenUserOdeFiles .modal-dialog-centered .modal-content .modal-body .ode-files-list-container .ode-files-list .ode-group .ode-row .ode-actions .ode-toggle {
  border: 0;
  background: transparent;
  cursor: pointer;
  padding: 5px 6px;
  border-radius: 6px;
  border: 1px solid transparent;
}
#modalOpenUserOdeFiles .modal-dialog-centered .modal-content .modal-body .ode-files-list-container .ode-files-list .ode-group .ode-row .ode-actions .ode-toggle.block-others-show {
  stroke: var(--text-black);
}
#modalOpenUserOdeFiles .modal-dialog-centered .modal-content .modal-body .ode-files-list-container .ode-files-list .ode-group .ode-row .ode-actions .ode-toggle.unblock-others-show svg path {
  stroke: var(--dark-exe-color);
}
#modalOpenUserOdeFiles .modal-dialog-centered .modal-content .modal-body .ode-files-list-container .ode-files-list .ode-group .ode-row .ode-actions .ode-toggle:hover {
  background: var(--brand-primary-100);
  border: 1px solid var(--brand-primary-300);
}
#modalOpenUserOdeFiles .modal-dialog-centered .modal-content .modal-body .ode-files-list-container .ode-files-list .ode-group .ode-row .ode-actions .open-user-ode-file-action-delete {
  border: 0;
  background: transparent;
  cursor: pointer;
  padding: 0.25rem 0.35rem;
  border-radius: 0.375rem;
  border: 1px solid transparent;
}
#modalOpenUserOdeFiles .modal-dialog-centered .modal-content .modal-body .ode-files-list-container .ode-files-list .ode-group .ode-row .ode-actions .open-user-ode-file-action-delete:hover {
  background: var(--brand-primary-100);
  border: 1px solid var(--brand-primary-300);
}
#modalOpenUserOdeFiles .modal-dialog-centered .modal-content .modal-body .ode-files-list-container .ode-files-list .ode-group .ode-versions article:first-of-type .exe-logo.content {
  position: relative;
}
#modalOpenUserOdeFiles .modal-dialog-centered .modal-content .modal-body .ode-files-list-container .ode-files-list .ode-group .ode-versions article:first-of-type .exe-logo.content::before {
  content: "";
  background-image: url("images/exe-tree-branch-line-first.svg");
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  height: 49px;
  width: 19px;
  position: absolute;
  left: -25px;
  top: -34px;
}
#modalOpenUserOdeFiles .modal-dialog-centered .modal-content .modal-body .ode-files-list-container .ode-files-list::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
#modalOpenUserOdeFiles .modal-dialog-centered .modal-content .modal-body .ode-files-list-container .ode-files-list::-webkit-scrollbar-thumb {
  background: #d4d7dd;
  border-radius: 8px;
}
#modalOpenUserOdeFiles .modal-dialog-centered .modal-content .modal-body .ode-files-list-container .ode-files-list::-webkit-scrollbar-thumb:hover {
  background: #c2c6cf;
}
#modalOpenUserOdeFiles .modal-dialog-centered .modal-content .modal-footer {
  justify-content: space-around;
}
#modalOpenUserOdeFiles .modal-dialog-centered .modal-content .modal-footer .progress-bar-div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  flex-grow: 1;
}
#modalOpenUserOdeFiles .modal-dialog-centered .modal-content .modal-footer .progress-bar-div p {
  margin: 0.25rem 0 0.5rem 0;
  font-size: 0.9rem;
  color: #6C6C6C;
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  flex-flow: column-reverse nowrap;
}
#modalOpenUserOdeFiles .modal-dialog-centered .modal-content .modal-footer .progress-bar-div p .progress {
  width: 220px;
  height: 10px;
  border-radius: 999px;
  background: #eef2f7;
  overflow: hidden;
}
#modalOpenUserOdeFiles .modal-dialog-centered .modal-content .modal-footer .progress-bar-div p .progress .progress-bar.bg-success {
  background: #22c55e;
}
#modalOpenUserOdeFiles .modal-dialog-centered .modal-content .modal-footer .progress-bar-div p .progress .progress-bar.bg-warning {
  background: #f59e0b;
}
#modalOpenUserOdeFiles .modal-dialog-centered .modal-content .modal-footer .progress-bar-div p .progress .progress-bar.bg-danger {
  background: #ef4444;
}

/* Modal session logout */
/* Modal lopd */
#modalLopd {
  background-color: var(--bg-dark-gray);
}
#modalLopd > .modal-dialog {
  max-width: 1500px;
  max-height: 600px;
}
#modalLopd .modal-content {
  width: 90vw;
  height: 90vh;
}
#modalLopd .modal-content .modal-body {
  text-align: justify;
  overflow-y: auto;
}

/* Modal assistant */
#modalAssistant .modal-dialog {
  max-width: 900px;
  min-width: 700px;
}
#modalAssistant .modal-dialog .modal-content {
  min-height: 400px;
  max-width: 900px;
  width: 900px;
}
#modalAssistant .modal-dialog .modal-body {
  min-height: 300px;
}
#modalAssistant .modal-dialog .modal-content .top-menu {
  background: var(--bs-gray-200);
  display: flex;
  margin-bottom: 10px;
  border-radius: var(--radius);
}
#modalAssistant .modal-dialog .modal-content .top-menu .exe-icon.show-tabs {
  margin-left: 5px;
  font-size: 25px;
  border-radius: var(--radius);
}
#modalAssistant .modal-dialog .modal-content .body-content {
  height: 100%;
  display: flex;
  gap: var(--margin-m);
}
#modalAssistant .modal-dialog .modal-content .body-content > * {
  border: 1px solid var(--dark-exe-color);
  border-radius: var(--radius);
  margin: 0;
}
#modalAssistant .modal-dialog .modal-content .body-content .exe-form-tabs {
  display: none;
}
#modalAssistant .modal-dialog .modal-content .body-content.show-tabs .exe-form-tabs {
  min-height: 300px;
  flex: 1 1 25%;
  display: block;
  overflow: hidden;
  font-weight: bold;
  background-color: var(--bg-light-gray);
}
#modalAssistant .modal-dialog .modal-content .body-content .exe-form-content {
  min-height: 300px;
  flex: 1 1 75%;
}
#modalAssistant .modal-dialog .modal-content .body-content .exe-form-tabs li {
  line-height: 35px;
}
#modalAssistant .modal-dialog .modal-content .body-content .exe-form-tabs li a {
  display: inline-block;
  width: calc(100% - var(--margin-l));
  border: none;
  border-radius: 0;
  padding: 0 var(--margin-m);
  background-color: var(--bg-light-gray);
}
#modalAssistant .modal-dialog .modal-content .body-content .exe-form-tabs li a.exe-form-active-tab {
  background-color: var(--dark-exe-color);
  color: white;
}
#modalAssistant .modal-dialog .modal-content .body-content .exe-form-tabs li a::after {
  display: none;
}

/* Legal notes (Markdown files) */
.md-converted-content h1 {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
}

#modalLegalNotes p + .lead {
  margin-top: 2.5em;
  border-top: 1px solid #e6e7ed;
  padding-top: 1.5em;
}
#modalLegalNotes ul + .lead {
  margin-top: 2.5em;
  border-top: 1px solid #e6e7ed;
  padding-top: 1.5em;
  margin-top: 1.5em;
}

/* Modal release notes */
#modalReleaseNotes .modal-dialog {
  max-width: 1200px;
  min-width: 700px;
  width: 80vw;
}
#modalReleaseNotes .modal-content {
  max-width: 1200px;
  min-width: 700px;
  width: 100%;
}
#modalReleaseNotes .md-converted-content h2 span {
  font-size: 0.7em;
  margin-left: 0.7em;
}
#modalReleaseNotes .md-converted-content h3.lead {
  margin-top: 1em;
  font-size: 1.2em;
}
#modalReleaseNotes .md-converted-content hr {
  margin: 2em 0;
}

/* Modal legal notes */
#modalLegalNotes .modal-dialog {
  max-width: 900px;
  min-width: 700px;
}
#modalLegalNotes .modal-content {
  max-width: 900px;
  min-width: 700px;
  width: 100%;
}
#modalLegalNotes .modal-content .exe-form-content {
  font-size: 0.95em;
  line-height: 1.7em;
}
#modalLegalNotes .modal-content .exe-form-content li {
  color: #555;
}
#modalLegalNotes .modal-content .exe-form-content li span {
  color: #000;
}
#modalLegalNotes .modal-content .exe-form-content ul ul {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  font-size: 0.95em;
}
#modalLegalNotes .modal-content .exe-form-content a {
  filter: grayscale(1);
}
#modalLegalNotes .modal-content .exe-form-content a:hover, #modalLegalNotes .modal-content .exe-form-content a:focus {
  filter: grayscale(0);
  color: var(--dark-exe-color);
}
#modalLegalNotes .modal-content .md-converted-content li {
  color: #000;
}
#modalLegalNotes .modal-content .md-converted-content li li {
  color: #555;
}

/* Modal about exe */
#modalAbout .modal-dialog {
  max-width: 900px;
  min-width: 700px;
}
#modalAbout .modal-content {
  max-width: 900px;
  min-width: 700px;
  width: 100%;
}

/* Modal share button */
.share-link-div #shareUrlButton {
  background: none;
  border: none;
  color: var(--icon-gray);
  margin-left: 10px;
}
.share-link-div #shareUrlButton i {
  font-style: normal;
}
.share-link-div .share-link-div-content {
  display: flex;
}
.share-link-div .share-link-text {
  margin: 0;
  padding: 0;
}

/* Modal properties */
#modalProperties .modal-dialog {
  max-width: 1000px;
  min-width: 700px;
}
#modalProperties .modal-content {
  max-width: 1000px;
  width: 1000px;
  width: 80vw;
}
#modalProperties[fullscreen=true] .modal-dialog, #modalProperties[fullscreen=true] .modal-content {
  max-width: none;
  min-width: 700px;
  width: 80%;
}
#modalProperties[fullscreen=true] .modal-body .exe-properties-form-content {
  max-height: 60vh;
  height: 60vh;
}
#modalProperties .form-properties .exe-properties-form-content {
  min-height: 250px;
  max-height: 60vh;
}
#modalProperties .properties-body-container .exe-properties-form-content .exe-table-content {
  display: table;
  width: 100%;
}
#modalProperties .form-properties[modal-content-id=page-properties] .properties-body-container .exe-properties-form-content .exe-table-content .property-row > :nth-child(1) {
  text-align: right;
  margin-right: 24px;
  width: 20%;
}
#modalProperties .form-properties[modal-content-id=page-properties] .properties-body-container .exe-properties-form-content .exe-table-content .property-row > :nth-child(2) {
  text-align: left;
  width: 67%;
}
#modalProperties .form-properties[modal-content-id=page-properties] .properties-body-container .exe-properties-form-content .exe-table-content .property-row input[type=checkbox] {
  max-width: 20px;
  width: 4% !important;
  margin-left: 17.5%;
}
#modalProperties .form-properties[modal-content-id=preferences] .properties-body-container .exe-properties-form-content .exe-table-content .property-row > :nth-child(1) {
  width: 30%;
  max-width: none;
  text-align: left;
  margin-right: 24px;
}
#modalProperties .form-properties[modal-content-id=preferences] .properties-body-container .exe-properties-form-content .exe-table-content .property-row > :nth-child(2) {
  width: 60%;
  text-align: left;
}
#modalProperties .form-properties[modal-content-id=preferences] .properties-body-container .exe-properties-form-content .exe-table-content .property-row .help-content {
  top: 38px;
  left: unset;
  right: 0;
}
#modalProperties #versionControl {
  display: none;
}

#modalProperties .modal-content .exe-icon {
  font-family: var(--icons-ff);
  width: 15px;
  height: 15px;
  font-size: 13px;
  color: var(--icon-gray);
  transition: none;
  cursor: pointer;
  background-color: white;
  border: 1px solid var(--icon-gray);
  border-radius: 100%;
  padding: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  margin-inline: 5px;
}

body[mode=advanced] .modal .form-properties .exe-properties-form-content {
  border: 1px solid var(--dark-exe-color);
  overflow: auto;
  border-radius: var(--radius);
  border-top-left-radius: 0;
}

.modal-content .modal-body .exe-table-content div {
  --width: 200px;
}
.modal-content .modal-body .exe-table-content div > input {
  max-width: 12px;
  margin-left: 17.5%;
  margin-right: 0;
}
.modal-content .modal-body .exe-table-content div > input[type=checkbox] {
  margin-left: 0%;
}
.modal-content .modal-body .exe-table-content div > label {
  max-width: var(--width);
  text-align: right;
}
.modal-content .modal-body .exe-table-content div > label + * {
  max-width: calc(100% - var(--width));
  margin-left: 0;
}
.modal-content .modal-body .exe-table-content div > input + * {
  max-width: unset;
  margin-left: 13px;
  margin-right: 0;
  width: calc(100% - 172px) !important;
  text-align: left;
}
.modal-content .modal-body .exe-form-help.help-content-disabled {
  margin-left: 0 !important;
}

:is(#modalOdeBrokenLinks, #modalOdeUsedFiles, #modalIdeviceManager, #modalOpenUserOdeFiles) :is(.table, .idevices-table, .ode-files-table) thead {
  vertical-align: middle;
}

:is(#modalOdeBrokenLinks, #modalOdeUsedFiles, #modalIdeviceManager, #modalOpenUserOdeFiles) :is(.table, .idevices-table, .ode-files-table) th {
  font-weight: 500;
}

:is(#modalOdeBrokenLinks, #modalOdeUsedFiles, #modalIdeviceManager, #modalOpenUserOdeFiles) :is(.table, .idevices-table, .ode-files-table) tr td {
  max-width: 280px;
  word-wrap: break-word;
  font-size: 14px;
}

:is(#modalOdeBrokenLinks, #modalOdeUsedFiles, #modalIdeviceManager, #modalOpenUserOdeFiles) :is(.table, .idevices-table, .ode-files-table) tr td {
  padding: var(--margin-s) var(--margin-m);
}

:is(#modalOdeBrokenLinks, #modalOdeUsedFiles, #modalIdeviceManager, #modalOpenUserOdeFiles) :is(.table, .idevices-table, .ode-files-table) tr th {
  padding: var(--margin-s) var(--margin-m);
  border-bottom: 2px solid var(--dark-exe-color);
}

:is(#modalOdeBrokenLinks, #modalOdeUsedFiles, #modalIdeviceManager, #modalOpenUserOdeFiles) :is(.table, .idevices-table, .ode-files-table) tr :is(td, th):last-child {
  border-right: none;
}

:is(#modalOdeBrokenLinks, #modalOdeUsedFiles, #modalIdeviceManager, #modalOpenUserOdeFiles) :is(.table, .idevices-table, .ode-files-table) tr:last-child td {
  border-bottom: none;
}

.session-logout-without-save.btn.btn-primary {
  background-color: var(--gray-100) !important;
  border-color: transparent !important;
  color: var(--delete) !important;
  font-weight: 500;
}
.session-logout-without-save.btn.btn-primary:hover {
  background-color: rgba(199, 65, 67, 0.0901960784) !important;
  border-color: transparent !important;
}

#modalInfo .modal-dialog-centered {
  max-width: 60%;
}
#modalInfo .modal-dialog-centered .modal-content {
  width: 50%;
}
#modalInfo .modal-dialog-centered .modal-content .modal-body .exe-concurrent-users {
  display: flex;
  flex-flow: column nowrap;
  gap: var(--margin-m);
  justify-content: flex-start;
  align-items: flex-start;
  max-height: 50vh;
  overflow-y: auto;
}
#modalInfo .modal-dialog-centered .modal-content .modal-body .exe-concurrent-users .user-current-letter-icon {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  gap: 15px;
  justify-content: flex-start;
  align-items: center;
}
#modalInfo .modal-dialog-centered .modal-content .modal-body .exe-concurrent-users .user-current-letter-icon .username {
  font-size: var(--h4-fs);
  font-weight: 500;
}

.toasts-container {
  position: fixed;
  bottom: 0;
  right: 0;
  margin: 10px;
  padding: 2px;
  z-index: 998;
}
.toasts-container .toast {
  margin-top: 2px;
  color: var(--white);
  background-color: hsl(0, 0%, 15%);
  border: none;
  border-radius: 8px;
}
.toasts-container .toast.hiding {
  opacity: 0;
  transition: all 2s ease-in;
}
.toasts-container .toast .exe-icon {
  content: "menu";
  font-family: var(--icons-ff);
  float: left;
  margin-right: var(--margin-m);
  margin-top: -1px;
  font-size: larger;
}
.toasts-container .toast .toast-header {
  background-color: transparent;
  color: var(--white);
  border-bottom: 0;
}
.toasts-container .toast .toast-header .btn-close {
  background-image: url("data:image/svg+xml;charset=UTF-8, <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M18 6L6 18M6 6L18 18' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  opacity: 0.9;
  position: relative;
  top: -4px;
}
.toasts-container .toast .toast-header .btn-close:hover {
  opacity: 0.75;
}
.toasts-container .toast .toast-body {
  background-color: transparent;
  padding-top: 0;
  font-size: 12px;
  font-weight: 500;
}

#modalProperties .modal-content .exe-icon,
.form-properties .exe-icon {
  font-family: var(--icons-ff);
  width: 15px;
  height: 15px;
  font-size: 13px;
  color: var(--icon-gray);
  transition: none;
  cursor: pointer;
  background-color: white;
  border: 1px solid var(--icon-gray);
  border-radius: 100%;
  padding: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  margin-inline: 5px;
}

body[mode=advanced] .modal .form-properties .exe-properties-form-content {
  border: 1px solid var(--dark-exe-color);
  overflow: auto;
  border-radius: var(--radius);
  border-top-left-radius: 0;
}

@supports (-moz-appearance: none) {
  .form-properties .exe-table-content .property-row > select {
    padding-right: 2px;
  }
}
#node-content #properties-node-content-form {
  padding-left: 10px;
  padding-right: 10px;
}
#node-content .form-properties .exe-properties-form-content {
  background-color: transparent;
  padding: 0;
}

select.select-move-to-page, select.property-value {
  padding: 9px 12px;
  border: 1px solid #c3c5d5;
  border-radius: 8px;
  background-color: white;
  appearance: none;
  /* removes native styling */
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox='0%200%204%205'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20fill='%2364647a'%20d='M2%200L0%202h4L2%200zm0%205L0%203h4l-2%202z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 8px;
  cursor: pointer;
}

.form-properties .exe-table-content {
  margin-top: 15px;
}
.form-properties .exe-table-content .property-row {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.form-properties .exe-table-content .property-row.hidden {
  display: none;
}

textarea {
  padding: 6px 12px;
  border: 1px solid #c3c5d5;
  border-radius: 8px;
  background-color: white;
  color: #333;
  font-size: 14px;
  font-family: inherit;
  resize: vertical;
  min-height: 100px;
  box-sizing: border-box;
  outline: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
textarea:focus, textarea:focus-visible {
  border-color: var(--brand-primary-300) !important;
}

.modal-body textarea:focus {
  border-color: #659500;
  box-shadow: 0 0 0 2px rgba(100, 100, 122, 0.2);
}
.modal-body input {
  padding: 8px;
  border: 1px solid hsl(233, 18%, 80%);
  border-radius: 8px;
  font-family: sans-serif;
  transition: border-color 0.3s ease;
}
.modal-body input:focus {
  border: 1px solid var(--brand-primary-300);
}

input.ideviceTextfield {
  padding: 8px;
  border: 1px solid var(--gray-border);
  border-radius: 8px;
}

body > .tooltip {
  z-index: 100000;
}

.tooltip.bs-tooltip-end .tooltip-inner {
  position: relative;
  top: 8px;
}

.tooltip-inner {
  opacity: 1 !important;
}

/* Icon size */
.micro-icon {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-size: contain;
  background-repeat: no-repeat;
}

.small-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
}

.medium-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
}

.large-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
}

/* Icon symbol */
.arrow-left-icon {
  background-image: url("images/icons/exe-arrow-icon.svg");
}

.arrow-right-icon {
  background-image: url("images/icons/exe-arrow-icon.svg");
  transform: rotate(180deg);
}

.arrow-up-icon {
  background-image: url("images/icons/exe-arrow-icon.svg");
  transform: rotate(90deg);
}

.arrow-down-icon {
  background-image: url("images/icons/exe-arrow-icon.svg");
  transform: rotate(-90deg);
}

.arrow-left-icon-green {
  background-image: url("images/icons/exe-arrow-icon-green.svg");
  transform: rotate(90deg);
}

.arrow-right-icon-green {
  background-image: url("images/icons/exe-arrow-icon-green.svg");
  transform: rotate(-90deg);
}

.arrow-up-icon-green {
  background-image: url("images/icons/exe-arrow-icon-green.svg");
  transform: rotate(180deg);
}

.arrow-down-icon-green {
  background-image: url("images/icons/exe-arrow-icon-green.svg");
}

.chevron-down-icon {
  background-image: url("images/icons/exe-chevron-icon.svg");
}

.chevron-down-icon-green {
  background-image: url("images/icons/exe-chevron-icon-green.svg");
}

.chevron-left-icon {
  background-image: url("images/icons/exe-chevron-icon.svg");
  transform: rotate(90deg);
}

.chevron-right-icon {
  background-image: url("images/icons/exe-chevron-icon.svg");
  transform: rotate(-90deg);
}

.chevron-up-icon {
  background-image: url("images/icons/exe-chevron-icon.svg");
  transform: rotate(180deg);
}

.chevron-up-icon-green {
  background-image: url("images/icons/exe-chevron-icon-green.svg");
  transform: rotate(180deg);
}

.close-icon {
  background-image: url("images/icons/exe-close-icon.svg");
}

.close-icon-white {
  background-image: url("images/icons/exe-close-icon-white.svg");
}

.colors-icon-green {
  background-image: url("images/icons/exe-colors-icon-green.svg");
}

.delete-icon {
  background-image: url("images/icons/exe-delete-icon.svg");
}

.delete-icon-green {
  background-image: url("images/icons/exe-delete-icon-green.svg");
}

.delete-icon-red {
  background-image: url("images/icons/exe-delete-icon-red.svg");
}

.dots-menu-vertical-icon {
  background-image: url("images/icons/exe-dots-menu-vertical-icon.svg");
}

.dots-menu-vertical-icon-green {
  background-image: url("images/icons/exe-dots-menu-vertical-icon-green.svg");
}

.dots-menu-horizontal-icon {
  background-image: url("images/icons/exe-dots-menu-vertical-icon.svg");
  transform: rotate(90deg);
}

.dots-menu-horizontal-icon-green {
  background-image: url("images/icons/exe-dots-menu-vertical-icon-green.svg");
  transform: rotate(90deg);
}

.download-icon {
  background-image: url("images/icons/exe-download-icon.svg");
}

.download-icon-disabled {
  background-image: url("images/icons/exe-download-icon-disabled.svg");
}

.download-icon-green {
  background-image: url("images/icons/exe-download-icon-green.svg");
}

.duplicate-icon {
  background-image: url("images/icons/exe-duplicate-icon.svg");
}

.duplicate-icon-green {
  background-image: url("images/icons/exe-duplicate-icon-green.svg");
}

.duplicate-icon-green {
  background-image: url("images/icons/exe-duplicate-icon-green.svg");
}

.edit-icon {
  background-image: url("images/icons/exe-edit-icon.svg");
}

.edit-icon-green {
  background-image: url("images/icons/exe-edit-icon-green.svg");
}

.image-icon-green {
  background-image: url("images/icons/exe-image-icon-green.svg");
}

.image-compact-icon-green {
  background-image: url("images/icons/exe-image-compact-icon-green.svg");
}

.import-icon {
  background-image: url("images/icons/exe-import-icon.svg");
}

.import-icon-green {
  background-image: url("images/icons/exe-import-icon-green.svg");
}

.info-icon-green {
  background-image: url("images/icons/exe-info-icon-green.svg");
}

.info-icon-solid-green {
  background-image: url("images/icons/exe-info-icon-solid-green.svg");
}

.link-icon {
  background-image: url("images/icons/exe-link-icon.svg");
}

.menu-icon {
  background-image: url("images/icons/exe-menu-icon.svg");
}

.move-icon {
  background-image: url("images/icons/exe-move-icon.svg");
}

.move-icon-green {
  background-image: url("images/icons/exe-move-icon-green.svg");
}

.new-icon {
  background-image: url("images/icons/exe-new-icon.svg");
}

.open-icon {
  background-image: url("images/icons/exe-open-icon.svg");
}

.page-icon {
  background-image: url("images/icons/exe-page-icon.svg");
}

.page-icon-green {
  background-image: url("images/icons/exe-page-icon-green.svg");
}

.palette-icon-green {
  background-image: url("images/icons/exe-palette-icon-green.svg");
}

.preview-icon-white {
  background-image: url("images/icons/exe-preview-icon-white.svg");
}

.preview-icon-green {
  background-image: url("images/icons/exe-preview-icon-green.svg");
}

.recent-icon-green {
  background-image: url("images/icons/exe-recent-icon-green.svg");
}

.report-icon-green {
  background-image: url("images/icons/exe-report-icon-green.svg");
}

.save-icon {
  background-image: url("images/icons/exe-save-icon.svg");
}

.save-icon-green {
  background-image: url("images/icons/exe-save-icon-green.svg");
}

.save-icon-white {
  background-image: url("images/icons/exe-save-icon-white.svg");
}

.search-icon {
  background-image: url("images/icons/exe-search-icon.svg");
}

.settings-icon {
  background-image: url("images/icons/exe-settings-icon.svg");
}

.settings-icon-green {
  background-image: url("images/icons/exe-settings-icon-green.svg");
}

.share-icon {
  background-image: url("images/icons/exe-share-icon.svg");
}

.styles-icon {
  background-image: url("images/icons/exe-styles-icon.svg");
}

.undo-icon {
  background-image: url("images/icons/exe-undo-icon.svg");
}

.undo-icon-green {
  background-image: url("images/icons/exe-undo-icon-green.svg");
}

.upload-cloud-icon {
  background-image: url("images/icons/exe-upload-cloud-icon.svg");
}

.upload-cloud-icon-green {
  background-image: url("images/icons/exe-upload-cloud-icon-green.svg");
}

.user-made-icon {
  background-image: url("images/icons/exe-user-made-icon.svg");
}

.concurrent-users-icon {
  background-image: url("images/icons/exe-concurrent-users-icon.svg");
}

.btn,
.btn span {
  font-size: 14px;
  font-weight: 500;
  color: var(--text);
  padding: 0;
}

/* Hyerarchy: Display > Primary > Secondary > Tertiary */
.button-display {
  height: 36px;
  gap: 6px;
  border-radius: 24px;
  font-weight: 500;
  padding: 0 12px;
  background: var(--brand-primary);
}
.button-display:hover, .button-display:active {
  background: var(--brand-primary-dark) !important;
  color: var(--white);
}
.button-display span {
  color: var(--white) !important;
  font-size: 14px !important;
}
.button-display.display-outline {
  background: transparent;
  border: 1.5px solid var(--brand-primary);
  color: var(--brand-primary);
}
.button-display.display-outline:hover {
  background: var(--brand-primary-50) !important;
  color: var(--brand-primary-dark);
  border: 1.5px solid var(--brand-primary);
}
.button-display.display-outline:active {
  background: var(--brand-primary-200) !important;
  color: var(--brand-primary-dark);
  border: 1px solid var(--brand-primary);
}
.button-display.display-outline span {
  color: var(--brand-primary) !important;
}

.btn.btn-primary,
.btn.button-primary {
  height: 36px;
  padding: 0 16px !important;
  background-color: var(--brand-primary) !important;
  gap: 0.375rem;
  color: var(--white) !important;
  font-weight: 600;
  border: 1px solid var(--brand-primary) !important;
}
.btn.btn-primary:hover, .btn.btn-primary:active,
.btn.button-primary:hover,
.btn.button-primary:active {
  background-color: var(--brand-primary-dark) !important;
  color: var(--white);
  border: 1px solid var(--brand-primary-dark) !important;
}
.btn.btn-primary:active,
.btn.button-primary:active {
  border-color: var(--white);
  border: 1px solid var(--white) !important;
}

.btn.btn-secondary,
.btn.button-secondary {
  height: 36px;
  padding: 0 16px !important;
  background-color: var(--gray-100) !important;
  gap: 0.375rem;
  border: 1px solid var(--gray-100) !important;
}
.btn.btn-secondary:hover,
.btn.button-secondary:hover {
  background-color: var(--gray-200) !important;
  color: var(--text);
  border: 1px solid var(--gray-200) !important;
}
.btn.btn-secondary:active,
.btn.button-secondary:active {
  border-color: var(--white) !important;
  border: 1px solid var(--white) !important;
  color: var(--text);
}
.btn.btn-secondary,
.btn.button-secondary {
  /* Bootstrap overrides */
  --bs-btn-active-border-color: var(--white) !important;
}
.btn.btn-secondary.secondary-green,
.btn.button-secondary.secondary-green {
  background-color: var(--brand-primary-50) !important;
  border: 1px solid var(--brand-primary-50) !important;
}
.btn.btn-secondary.secondary-green:hover,
.btn.button-secondary.secondary-green:hover {
  background-color: var(--brand-primary-150) !important;
  border: 1px solid var(--brand-primary-150) !important;
}
.btn.btn-secondary.secondary-green:active,
.btn.button-secondary.secondary-green:active {
  background-color: var(--brand-primary-150) !important;
  border: 1px solid var(--white) !important;
}

.btn.button-tertiary {
  height: 36px;
  padding: 0 12px;
  gap: 0.375rem;
}
.btn.button-tertiary:hover {
  background-color: var(--gray-100) !important;
}
.btn.button-tertiary:active {
  border-color: var(--white) !important;
}
.btn.button-tertiary {
  /* Bootstrap overrides */
  --bs-btn-active-border-color: var(--white) !important;
}
.btn.button-tertiary.tertiary-green {
  border: 1px solid var(--white) !important;
}
.btn.button-tertiary.tertiary-green:hover {
  background-color: var(--brand-primary-50) !important;
  border: 1px solid var(--brand-primary-50) !important;
}
.btn.button-tertiary.tertiary-green:active {
  background-color: var(--brand-primary-100) !important;
  border: 1px solid var(--white) !important;
}
.btn.button-tertiary.text-green, .btn.button-tertiary.text-green span {
  color: var(--brand-primary);
}

/* Shape */
.btn.button-square {
  width: 36px;
  height: 36px;
  padding: 0 !important;
}
.btn.button-square.square-small {
  width: 24px;
  height: 24px;
}
.btn.button-square.fixed-border {
  border: 1px solid var(--gray-200);
}

.btn.button-narrow {
  width: 28px !important;
  height: 36px;
  padding: 0 !important;
  justify-content: center;
}

/* Role */
.btn.button-dropdown {
  padding: 0 24px 0 4px !important;
}
.btn.button-dropdown > .dropdown-toggle::after {
  content: "";
  margin-left: 0;
  vertical-align: 0;
  border: 0;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("images/icons/exe-chevron-icon-green.svg");
  position: absolute;
  top: 8px;
  right: 8px;
}

.btn.button-combo.combo-left {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn.button-combo.combo-center {
  border-radius: 0;
}
.btn.button-combo.combo-right {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/*
PENDING Add to Docs:
Flexbox Bootstrap 5 helpers:
    - Center start: d-flex align-items-center justify-content-start
    - Center center: d-flex justify-content-center align-items-center
*/
.dropdown-menu {
  font-size: 14px;
  box-shadow: var(--shadow-level-1);
  border-color: var(--gray-200);
  border-radius: 8px;
}

.dropdown-divider {
  border-color: var(--gray-200);
}

.dropdown-item {
  padding: 8px 24px !important;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}
.dropdown-item:hover {
  background-color: var(--gray-100);
}
.dropdown-item.active, .dropdown-item:active {
  color: inherit;
}
.dropdown-item.dropdown-toggle::after {
  content: "";
  margin-left: 0;
  vertical-align: 0;
  border: 0;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("images/icons/exe-chevron-icon.svg");
  transform: rotate(-90deg);
  position: absolute;
  top: 8px;
  right: 8px;
}
.dropdown-item .small-icon {
  position: relative;
  margin-right: 6px;
}
.dropdown-item .shortcut-hint {
  opacity: 0.65;
  font-size: 0.85em;
  margin-left: auto;
}

.user-theme-empty-upload,
.idevice-import-upload {
  border: 2px dashed var(--gray-border-dark);
  padding: 20px;
  border-radius: 12px;
  text-align: center;
  color: var(--text-black);
  background: var(--gray-05);
  cursor: pointer;
  margin-top: 1.5rem;
}
.user-theme-empty-upload .upload-box-icon,
.idevice-import-upload .upload-box-icon {
  font-size: 24px;
  color: var(--text-black);
  margin-bottom: 12px;
  border-radius: 0.5rem;
  border: 1px solid #EAECF0;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  max-width: 40px;
  margin-left: auto;
  margin-right: auto;
}
.user-theme-empty-upload .upload-box-text strong,
.idevice-import-upload .upload-box-text strong {
  color: var(--brand-primary);
  font-weight: 600;
}
.user-theme-empty-upload .upload-box-text p,
.idevice-import-upload .upload-box-text p {
  margin: 0;
  font-size: 14px;
}
.user-theme-empty-upload .hidden,
.idevice-import-upload .hidden {
  display: none;
}
.user-theme-empty-upload:hover,
.idevice-import-upload:hover {
  border: 2px dashed var(--brand-primary);
}
.user-theme-empty-upload.dragover,
.idevice-import-upload.dragover {
  border: 2px dashed var(--brand-primary);
}

.user-editing-overlay .user-editing-message {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  padding: 12px;
  margin: 12px 3px 12px 10px;
  border: none;
  border-radius: 8px;
  background-color: var(--brand-primary-50) !important;
}
.user-editing-overlay .user-editing-message .user-editing-description,
.user-editing-overlay .user-editing-message .user-editing-email,
.user-editing-overlay .user-editing-message .user-editing-time {
  font-size: 14px;
  margin-right: 3px;
  font-weight: normal;
  color: var(--brand-primary-900);
}
.user-editing-overlay .user-editing-message .user-editing-email {
  font-weight: bold;
}
.user-editing-overlay .user-editing-message .user-editing-time {
  margin-right: 3px;
}

.article-disabled.editing-article {
  pointer-events: none !important;
}
.article-disabled.editing-article .idevice-element-in-content {
  opacity: 0.7 !important;
}

#load-screen-main {
  position: absolute;
  left: 0;
  top: 0;
  height: 100vh;
  width: 100vw;
  z-index: 99999;
  opacity: 1;
  background-color: #fff;
  background-image: url("images/exe-text-logo.svg");
  background-size: 250px;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: 50% 40%;
}
#load-screen-main.expired {
  padding: 0 40px;
}
#load-screen-main.expired .alert {
  text-align: center;
  max-width: 700px;
  margin: calc(25vh + 205px) auto 0 auto;
}
#load-screen-main.hide {
  display: none;
}
#load-screen-main.hiding {
  opacity: 0;
  transition: var(--tr-04);
}
#load-screen-main.loading span {
  display: block;
  text-align: center;
  opacity: 0.8;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 92%;
}
#load-screen-main.loading:after {
  content: "";
  display: block;
  width: 96px;
  height: 96px;
  /*margin: 0 auto;*/
  background-image: url(images/spinner.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 96px;
  position: absolute;
  left: calc(50vw - 50px);
  top: calc(25vh + 200px);
}
#load-screen-main span {
  display: none;
  white-space: nowrap;
}

#head {
  font-family: "Inter", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: var(--head-height);
  margin: 22px 20px 19px 20px;
  z-index: 1000;
  position: relative;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.07);
}
#head .navbar {
  width: 100%;
  padding: 0 10px;
  height: 100%;
}
#head .navbar .top {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#head .navbar .top .main-menu {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
#head .navbar .top .main-menu [aria-labelledby=exeUserMenuToggler] {
  left: -120px;
}
#head .navbar .top .main-menu #exe-last-edition {
  visibility: hidden;
}
#head .navbar .top .main-menu .main-menu-left,
#head .navbar .top .main-menu .main-menu-right {
  display: flex;
  align-items: center;
  gap: 8px;
}
#head .navbar .top .main-menu .main-menu-left .navbar-nav {
  gap: 4px;
}
#head .navbar .top .main-menu #exe-last-edition {
  padding: 0 0.35em;
  position: relative;
  top: 3px;
  margin-left: 3px;
  height: 33px;
}
#head .navbar .top .main-menu > #exe-title {
  margin-right: auto;
}
#head .navbar .top .main-menu > .head-bottom-right-elements {
  margin-left: auto;
}
#head .navbar .top .main-menu #exe-logo .content {
  margin-top: 0;
  width: var(--logo-width);
}
#head .navbar .top .main-menu #exe-title {
  max-width: 30%;
}
#head .navbar .top .main-menu #exe-title .content {
  max-width: 600px;
  margin-bottom: 0;
  font-size: var(--h3-fs);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#head .navbar .top .main-menu > * {
  display: flex;
  font-size: var(--body-fs);
  gap: var(--margin-s);
  justify-content: space-between;
}
#head .navbar .top .main-menu #head-bottom-user-logged img {
  border-color: var(--bold-gray);
}
#head .navbar .top .main-menu #head-bottom-preview {
  margin-right: 4px;
}
#head .navbar .top .main-menu #head-top-download-button,
#head .navbar .top .main-menu #exe-last-edition,
#head .navbar .top .main-menu #navbar-button-preview,
#head .navbar .top .main-menu #navbar-button-idevice-manager {
  display: none;
}
#head .navbar .top .main-menu .auto-icon {
  position: relative;
}
#head .navbar .top .main-menu #head-top-save-button {
  position: relative;
  margin-right: 6px;
}
#head .navbar .top .main-menu #head-top-save-button.unsaved:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background: var(--system-red);
  position: absolute;
  border-radius: 50%;
  bottom: 5px;
  left: 7px;
  border: 2px solid #fff;
}
#head .navbar .top .main-menu #head-top-save-button:disabled {
  background-color: var(--gray-600);
}
#head .navbar .top .main-menu .small-icon.image-icon-green {
  height: 18px;
  width: 18px;
  margin-left: -1px;
}
#head .navbar .bottom {
  height: var(--head-height-bottom);
  background-color: var(--head-bottom-bg-color);
  display: none;
  justify-content: flex-start;
  align-items: center;
  gap: var(--margin-m);
  padding-inline: 7px;
}
#head .navbar .bottom #button_menu_idevices {
  margin-right: 0.4em;
}
#head .navbar .bottom .navbar {
  background-color: transparent !important;
}
#head .navbar .bottom .navbar li a {
  color: var(--body-text-color);
  padding-left: 1em;
  padding-right: 1em;
}
#head .navbar .bottom .navbar li a:hover, #head .navbar .bottom .navbar li a:focus,
#head .navbar .bottom .navbar li a .dropdown-item:active {
  color: var(--dark-exe-color-text);
}
#head .navbar .bottom .navbar li > a.show:after {
  transition: var(--tr-02);
  transform: rotate(180deg);
}
#head .navbar .bottom .navbar .dropdown-menu {
  padding-top: 0;
  padding-bottom: 0;
}
#head .navbar .bottom .navbar .dropdown-menu .dropdown-item:active, #head .navbar .bottom .navbar .dropdown-menu .dropdown-item:focus, #head .navbar .bottom .navbar .dropdown-menu .dropdown-item:hover,
#head .navbar .bottom .navbar .dropdown-menu .dropdown-toggle:active,
#head .navbar .bottom .navbar .dropdown-menu .dropdown-toggle:focus,
#head .navbar .bottom .navbar .dropdown-menu .dropdown-toggle:hover {
  background-color: var(--head-bottom-bg-color-light);
}
#head .navbar .bottom .navbar .dropdown-menu .dropdown-item.dropdown-toggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#head .navbar .bottom .navbar .dropdown-divider {
  margin: 0;
}
#head .navbar ul[aria-labelledby=dropdownFile] .dropdown-item.dropdown-toggle {
  padding: 8px 72px 8px 24px !important;
}
#head #head-bottom-user-logged img {
  width: 40px;
  height: auto;
  position: relative;
  border-radius: 50%;
  border: 1px solid var(--head-icon-border-color);
}
#head #exe-concurrent-users > .user-current-letter-icon {
  font-size: var(--h4-fs);
}
#head #exe-concurrent-users #head-bottom-user-logged span.exe-avatar {
  background-color: var(--head-icon-bg-color);
  border: 1px solid var(--head-icon-border-color);
  font-size: 18px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  transition: var(--tr-04);
  margin: 6px -1px 0 -1px;
  scale: 110%;
}
#head #exe-concurrent-users #button-more-exe-concurrent-users .auto-icon,
#head #exe-concurrent-users #exe-last-edition .auto-icon {
  color: #5b6286;
  font-size: var(--h1-fs);
  opacity: 0.7;
  position: relative;
  top: -4px;
}
#head #exe-concurrent-users #button-more-exe-concurrent-users:hover .auto-icon,
#head #exe-concurrent-users #button-more-exe-concurrent-users:focus .auto-icon,
#head #exe-concurrent-users #exe-last-edition:hover .auto-icon,
#head #exe-concurrent-users #exe-last-edition:focus .auto-icon {
  opacity: 1;
}
#head #exe-concurrent-users #button-more-exe-concurrent-users:hover .auto-icon,
#head #exe-concurrent-users #button-more-exe-concurrent-users:focus .auto-icon,
#head #exe-concurrent-users #exe-last-edition:hover .auto-icon,
#head #exe-concurrent-users #head-bottom-logout-button:focus .auto-icon {
  opacity: 1;
  color: var(--dark-exe-color);
}
#head #exe-concurrent-users #exe-last-edition .auto-icon {
  cursor: help;
}
#head #exe-concurrent-users .exe-top-icons:is(.user-current-letter-icon, #user-logged-letter-icon):not(:empty) {
  background-color: var(--head-icon-bg-color);
  border: 2px solid var(--head-icon-border-color);
  font-size: var(--h2-fs);
  width: 26px;
  height: 26px;
  border-radius: 50%;
  margin: 0 4px;
  display: none;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  transition: var(--tr-04);
}
#head #exe-concurrent-users #exe-concurrent-users[num="1"] {
  display: none;
}
#head #exe-concurrent-users #exe-concurrent-users[show-more-button=false] #button-more-exe-concurrent-users {
  display: block;
}
#head #exe-concurrent-users #exe-concurrent-users {
  /* To review (Why 8?) */
}
#head #exe-concurrent-users #exe-concurrent-users > .user-current-letter-icon:nth-child(n+8) {
  display: none;
}
#head #exe-concurrent-users > .user-current-letter-icon {
  display: none;
}
#head .dropend .dropdown-toggle::after {
  top: 9px;
  right: 11px;
}
#head #navbar-dropdown-menu-recent-projects li {
  min-height: 2em;
}
#head #eXeToDoWarning span {
  position: relative;
  top: 2px;
  left: -2px;
}

.asideleft {
  padding: 30px 0 0 0;
  font-family: "Inter", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: var(--white) !important;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.07);
  transition: width var(--sidebar), padding var(--sidebar);
  width: 33%;
  max-width: 400px;
  min-width: 323px;
  max-height: 100vh;
  overflow: hidden;
  z-index: 1;
}
.asideleft .content-info,
.asideleft #exe-logo,
.asideleft #exe-title,
.asideleft #menu_nav,
.asideleft #menu_idevices {
  transition: opacity var(--sidebar), visibility var(--sidebar);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.asideleft .main-menu {
  transition: width var(--sidebar);
  width: 100%;
}
.asideleft .content-info {
  position: relative;
  padding: 0 20px;
  z-index: 1040;
}
.asideleft .content-info .exe-icon {
  font-family: var(--icons-ff);
}
.asideleft .content-info #exe-logo {
  margin-bottom: 10px;
}
.asideleft .content-info #exe-logo img {
  height: 30px;
  width: auto;
}
.asideleft .content-info #exe-title {
  position: relative;
}
.asideleft .content-info #exe-title h2 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
}
.asideleft .content-info #exe-title.title-not-editing {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-start;
  line-height: 20;
  margin-bottom: 24px;
}
.asideleft .content-info #exe-title.title-not-editing h2 {
  display: -webkit-box;
  border-radius: 4px;
  border: 2px solid transparent;
  margin-bottom: 0;
  padding: 13px 4px 0 4px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.asideleft .content-info #exe-title.title-not-editing h2:hover {
  color: var(--brand-primary);
  cursor: pointer;
}
.asideleft .content-info #exe-title.title-editing {
  outline: none;
  border: 2px solid var(--brand-primary-light);
  border-radius: 8px;
  background-color: var(--white);
  transition: box-shadow 0.2s ease, background-color 0.2s ease;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  max-width: 100%;
  overflow: hidden;
  color: var(--text);
  width: 100%;
  max-height: 44px;
  white-space: nowrap;
  overflow: hidden;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-start;
  line-height: 19.2;
  margin-bottom: 22px;
  height: 44px;
}
.asideleft .content-info #exe-title.title-editing h2 {
  padding: 11px 4px 13px 4px;
  width: 100%;
}
.asideleft .content-info #exe-title.title-editing h2[contenteditable=true] {
  outline: none !important;
  box-shadow: none !important;
}
.asideleft .content-info #exe-title.title-editing .title-menu-button {
  display: none;
}
.asideleft .content-info #exe-title .title-menu-button {
  cursor: pointer;
  margin-left: 12px;
  align-self: center;
  font-size: 18px;
  color: var(--gray-500);
  flex-shrink: 0;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 8px;
}
.asideleft .content-info #exe-title .title-menu-button:hover {
  background-color: var(--gray-100);
}
.asideleft .content-info #exe-title.two-lines {
  margin-bottom: 7px;
}
.asideleft .content-info #exe-title.two-lines h2 {
  height: 60px;
}
.asideleft .content-info #exe-title.two-lines .title-menu-button {
  top: 2px;
}
.asideleft .content-info .title-menu {
  position: absolute;
  top: 100%;
  right: 0;
}
.asideleft .content-info .title-menu.exe-submenu .small-icon {
  margin-right: 6px;
}

#workarea {
  padding: 0 !important;
  height: var(--work-height);
  width: 100%;
  background-color: var(--gray-background);
}
#workarea:before {
  transition: opacity var(--sidebar);
  opacity: 1;
  pointer-events: auto;
}

#node-content-container {
  position: relative;
}
#node-content-container:has(#properties-node-content-form).exe-content {
  background: none;
}
#node-content-container #eXeBetaWarning {
  z-index: 999;
  margin: 10px;
  font-size: 0.95em;
  padding: 10px 20px;
}
#node-content-container #eXeBetaWarning button {
  scale: 0.75;
  margin-top: -9px;
  margin-right: -5px;
}
#node-content-container #eXeBetaWarning i {
  vertical-align: middle;
  margin-right: 0.25em;
  font-style: normal;
}
#node-content-container #load-screen-node-content {
  width: calc(100% - 40px);
  height: 100%;
  position: absolute;
  z-index: 990;
  background-color: rgba(255, 255, 255, 0.7);
  background-image: url(images/load-spinner.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 32px 32px;
}
#node-content-container #load-screen-node-content.loading {
  opacity: 1;
}
#node-content-container #load-screen-node-content.hiding {
  opacity: 0;
}
#node-content-container #load-screen-node-content.hidden {
  display: none;
}
#node-content-container[node-selected=root] {
  box-shadow: none;
}
#node-content-container[dragging-pos=top] {
  border-top: 5px solid var(--dark-exe-color);
  margin-top: -5px;
  z-index: 997;
}
#node-content-container[dragging-pos=left] {
  border-left: 5px solid var(--dark-exe-color);
  margin-left: -5px;
  z-index: 997;
}
#node-content-container[dragging-pos=right] {
  border-right: 5px solid var(--dark-exe-color);
  margin-right: -5px;
  z-index: 997;
}
#node-content-container #node-content {
  min-height: 90%;
  height: auto;
}
#node-content-container #node-content .page-title {
  /*
  font-size: 18px;
  font-weight: bold;
  color: var(--text);
  */
  margin-top: 15px;
}
#node-content-container #node-content[mode=edition] #eXeAddContentBtnWrapper {
  display: none;
}
#node-content-container #node-content #eXeAddContentBtnWrapper {
  display: none; /* Provisional? */
}
#node-content-container #node-content #eXeAddContentBtnWrapper button {
  border: 1px solid rgba(217, 218, 229, 0.6509803922);
  border-radius: 4px;
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.04);
  background-color: #fff;
  padding: 45px 20px 5px 20px;
  background-size: 30px auto;
  background-repeat: no-repeat;
  background-position: 50% 8px;
  font-size: 12px;
  color: var(--icon-gray);
}
#node-content-container #node-content .form-properties .exe-form-tabs {
  margin-top: 15px;
  margin-left: 10px;
  margin-bottom: 0;
}
#node-content-container #node-content .form-properties .exe-form-tabs .exe-tab {
  height: 28px;
  display: flex;
  align-items: center;
}
#node-content-container #node-content .form-properties .exe-form-tabs li a:not(.exe-form-active-tab)::after {
  width: calc(100% + 6px);
  height: 1px;
  display: block;
  content: "";
  position: absolute;
  bottom: -1px;
  background: var(--dark-exe-color);
  left: -4px;
}
#node-content-container #node-content .form-properties .exe-form-tabs a.exe-form-active-tab::after {
  width: 100%;
  height: 4px;
  display: block;
  content: "";
  position: absolute;
  bottom: -5px;
  background: white;
  left: 0;
}
#node-content-container #node-content .form-properties .exe-properties-form-content {
  border-radius: 0;
}
#node-content-container #node-content .form-properties .exe-properties-form-content .footer {
  text-align: left;
  margin-top: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: var(--margin-l);
  background-color: transparent;
}
#node-content-container #node-content .form-properties.categories .exe-properties-form-content {
  border-top: 1px solid var(--dark-exe-color);
}
#node-content-container #node-content #properties-node-content-form .properties-group {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  opacity: 100%;
  transition: opacity 0.5s ease-in;
  border: 1px solid var(--gray-100) !important;
}
#node-content-container #node-content #properties-node-content-form .properties-group.loading {
  opacity: 0%;
}
#node-content-container #node-content #properties-node-content-form .properties-group .exe-table-content {
  font-size: 0.92em;
}
#node-content-container #node-content .idevice_node .idevice_head:hover {
  background-color: var(--bs-gray-200);
  border-radius: var(--radius);
}
#node-content-container #node-content .idevice_node .idevice_icon:empty {
  display: none;
}
#node-content-container #node-content .idevice_node .idevice_icon {
  height: 45px;
  width: auto;
  float: left;
  margin-right: var(--margin-m);
  font-family: var(--icons-ff);
  display: flex;
  align-items: center;
  color: var(--dark-exe-color);
  margin-top: -1px;
  font-size: var(--h2-fs);
}
#node-content-container #node-content .idevice_node .idevice_title {
  margin-left: 0;
  padding: var(--margin-s);
  text-align: left;
  font-size: var(--h2-fs);
  font-weight: bold;
}
#node-content-container #node-content .idevice_node .idevice_body {
  border: 1px solid transparent;
  padding: 0 10px;
  max-height: 100%;
}
#node-content-container #node-content .idevice_node .idevice_body:empty {
  padding: 0;
}
#node-content-container #node-content .idevice_node.dragging .idevice_body {
  max-height: 0;
  overflow: hidden;
}
#node-content-container #node-content .idevice_node.dragging .idevice_body * {
  visibility: hidden;
  opacity: 0;
}
#node-content-container #node-content header + .box .button-move-up-block {
  color: var(--icon-color);
  border: 1px solid var(--icon-color);
  pointer-events: none;
  cursor: default;
}
#node-content-container #node-content .box:last-child .button-move-down-block {
  color: var(--icon-color);
  border: 1px solid var(--icon-color);
  pointer-events: none;
  cursor: default;
}
#node-content-container #node-content .empty-node-message {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  height: calc(100vh - 200px);
}
#node-content-container #node-content .empty-node-message.is-over {
  outline: 2px dashed var(--brand-primary);
  background: var(--brand-primary-50);
}
#node-content-container #node-content .empty-node-message.is-over .empty-block-message-box {
  background: var(--brand-primary-50);
}
#node-content-container #node-content .empty-node-message + #padlock,
#node-content-container #node-content .empty-node-message > #padlock,
#node-content-container #node-content .empty-node-message + .dragging {
  display: none !important;
}
#node-content-container #node-content .empty-node-message .empty-block-message-box {
  border-radius: 16px;
  padding: 32px;
  border: 1px dashed var(--info-bordercolor);
  background: var(--info-background);
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  margin: 15px 30px;
}
#node-content-container #node-content .empty-node-message .empty-block-message-box .empty-block-message-icon {
  margin-bottom: 15px;
}
#node-content-container #node-content .empty-node-message .empty-block-message-box .empty-block-message-title {
  color: var(--text-black);
  font-size: 20px;
  font-weight: 700;
}
#node-content-container #node-content .empty-node-message .empty-block-message-box .empty-block-message-text {
  color: var(--text-black);
  font-size: 14px;
  font-weight: 400;
}
#node-content-container #node-content .empty-node-message .empty-block-arrow-icon {
  height: 20%;
}
#node-content-container #node-content .empty-node-message .empty-block-arrow-icon svg {
  height: 100%;
}

.page-content-template #node-content {
  min-height: var(--min-node-content-height);
  border-radius: var(--radius);
  padding: var(--margin-s);
  margin: var(--margin-s);
  min-height: calc(100% - var(--margin-s) * 4);
  height: auto;
}

#node-content-container.exe-content {
  padding: 0 20px 0 20px;
  margin: 0 20px 0 20px;
  border-radius: 8px;
}
#node-content-container.exe-content .box {
  border-radius: var(--radius);
  opacity: 1;
  min-height: 40px !important;
  padding: 18px 36px;
  border: 1px solid var(--gray-100) !important;
}
#node-content-container.exe-content .box.loading {
  opacity: 0;
}
#node-content-container.exe-content .box input.box-title {
  text-align: left;
  font-weight: bold;
  font-size: var(--h2-fs);
  padding-left: var(--margin-s);
}
#node-content-container.exe-content .box[mode=export]:hover {
  box-shadow: var(--menu-shadow-light);
}
#node-content-container.exe-content .box[mode=export] .box-head {
  cursor: grab;
}
#node-content-container.exe-content .box[mode=edition] .box_actions,
#node-content-container.exe-content .box[mode=edition] .box-toggle {
  visibility: hidden;
}
#node-content-container.exe-content .box.dragging {
  border: 0;
  transform: scale(0.95);
  opacity: 0.3;
  transition: none;
  height: 10px;
  min-height: 10px;
  cursor: grabbing;
}
#node-content-container.exe-content .box-head {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
}
#node-content-container.exe-content .box-head .btn-expandblock {
  background: transparent;
  box-shadow: none;
  border: none;
  font-weight: normal;
  color: var(--text-black);
  order: 1;
}
#node-content-container.exe-content .box-head .btn-expandblock span {
  font-size: 24px;
}
#node-content-container.exe-content .box-head > .exe-icon.box-icon {
  flex-shrink: 0;
  color: var(--dark-exe-color);
}
#node-content-container.exe-content .box-head > h3 {
  min-height: 24px;
}
#node-content-container.exe-content .box-head > .exe-icon.box-icon:empty {
  min-width: 20px;
}
#node-content-container.exe-content .box-head > h3:empty {
  width: 200px;
  min-height: 21px;
  margin-bottom: 3px;
  border-radius: var(--radius);
}
#node-content-container.exe-content .box-head :is(.box-icon, .exe-icon) {
  display: flex;
  align-items: center;
  justify-content: center;
}
#node-content-container.exe-content .box-head .exe-icon {
  width: 50px;
  height: 50px;
  font-size: 30px;
  border: 0;
  background: none;
  font-family: var(--icons-ff);
}
#node-content-container.exe-content .box-head .exe-icon img {
  width: auto;
  height: 30px;
}
#node-content-container.exe-content .box-head .exe-icon.box-icon:hover img {
  background: none;
}
#node-content-container.exe-content .box-head .exe-icon:not(.box-icon):hover {
  background-color: var(--dark-exe-color);
  color: white;
  transition: var(--tr-02);
}
#node-content-container.exe-content .box-head .exe-icon:hover {
  color: var(--dark-exe-color-text);
  transition: var(--tr-02);
}
#node-content-container.exe-content .box-head .exe-icon:hover img {
  background-color: var(--dragging-exe-color);
  border-radius: var(--radius);
  transition: var(--tr-02);
}
#node-content-container.exe-content .box-head .box_actions.idevice-element-in-content {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  flex-shrink: 0;
}
#node-content-container.exe-content .box-head .box_actions.idevice-element-in-content .exe-actions-menu {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}
#node-content-container.exe-content .box-head .box_actions.idevice-element-in-content .exe-icon {
  border: 1px solid var(--dark-exe-color);
}
#node-content-container.exe-content .box-head .content-editable-title {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}
#node-content-container.exe-content .box-head .content-editable-title .box-title {
  color: var(--text);
  font-size: 16px;
  font-weight: 600;
  padding: 4px 8px;
}
#node-content-container.exe-content .box-head .content-editable-title .box-title :empty {
  min-width: 50%;
  min-height: 24px;
}
#node-content-container.exe-content .box-head .content-editable-title .box-title[contenteditable=true] {
  outline: none;
  border: 1px solid var(--border-buttons);
  border-radius: 4px;
  background-color: #f9f9f9;
  transition: box-shadow 0.2s ease, background-color 0.2s ease;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  max-width: 100%;
  overflow: hidden;
}
#node-content-container.exe-content .box-head .content-editable-title .btn-edit-title {
  z-index: 10;
  cursor: pointer;
}
#node-content-container.exe-content .box-head .content-editable-title .btn-edit-title .small-icon {
  width: 14px;
  height: 14px;
  position: relative;
  top: 1px;
}
#node-content-container.exe-content .box-head.dragging {
  margin: 0 var(--margin-m);
  margin-top: var(--margin-din-l);
  margin-bottom: 5px;
  border-radius: var(--radius);
  border: 1px solid var(--dark-exe-color);
  opacity: 0.8;
  transition: none !important;
}
#node-content-container.exe-content .box-head.box-head .dragging-start {
  border-radius: var(--radius);
  border: 1px solid var(--dark-exe-color);
  background-color: var(--dark-exe-color-04);
  opacity: 0.8;
  transition: none !important;
}
#node-content-container.exe-content .box-head.dragging.out {
  opacity: 0.3;
}
#node-content-container.exe-content .box-head.dragging.dragging-start {
  opacity: 0.5 !important;
}
#node-content-container.exe-content .box-head.dragging .box_actions,
#node-content-container.exe-content .box-head.dragging .box-toggle {
  opacity: 0;
}
#node-content-container.exe-content .box-head.dragging-start .box_actions,
#node-content-container.exe-content .box-head.dragging-start .box-toggle {
  opacity: 0;
}
#node-content-container.exe-content .box-head .box-icon:hover {
  cursor: pointer;
}
#node-content-container.exe-content .box-head .box-icon:hover .box-icon-value[type=img] {
  padding: 2px;
}
#node-content-container.exe-content .box-head .box-icon.exe-no-icon {
  color: var(--icon-bg-gray);
  opacity: 0.5;
}
#node-content-container.exe-content .box-head .box-icon:not(.exe-no-icon) .box-icon-value {
  background-repeat: no-repeat;
  background-size: contain;
}
#node-content-container.exe-content .box-head .box-icon .box-icon-value[type=img] {
  transition: padding 0.1s ease-in;
  padding: 0;
}
#node-content-container.exe-content .box-head .button-remove-box .exe-icon:hover {
  background-color: var(--remove);
  border: 1px solid var(--remove);
}
#node-content-container.exe-content .box-head h3.box-title {
  text-align: left;
  font-weight: bold;
  font-size: var(--h2-fs);
  padding: var(--margin-m);
  position: relative;
}
#node-content-container.exe-content .box-head h3.box-title:hover {
  cursor: pointer;
}
#node-content-container.exe-content .box-head .exe-actions-menu {
  margin-left: 6px;
}
#node-content-container.exe-content .box-head .exe-actions-menu button .auto-icon {
  color: #666;
  font-size: 20px;
  margin: 0;
}
#node-content-container.exe-content .box-head .exe-actions-menu button.btn-delete {
  display: flex;
}
#node-content-container.exe-content .box-head .exe-actions-menu button.btn-delete span {
  font-size: 13px;
}
#node-content-container.exe-content .box-head .exe-actions-menu button.btn-delete span.delete-icon {
  margin-top: -2px;
}
#node-content-container.exe-content .hidden-idevices .box-head {
  margin-bottom: 0;
  border-bottom: 0;
}
#node-content-container.exe-content article.idevice-element-in-content:first-of-type .btn-move-up {
  opacity: 0.5;
  pointer-events: none;
}
#node-content-container.exe-content article.idevice-element-in-content:last-of-type .btn-move-down {
  opacity: 0.5;
  pointer-events: none;
}

/* iDevices */
article.box.idevice-element-in-content {
  min-height: 172px;
}
article.box.idevice-element-in-content .btn.disabled {
  opacity: 0.2;
}
article.box.idevice-element-in-content .idevice_node:hover {
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.14) !important;
}
article.box.idevice-element-in-content .idevice_node.dragging {
  opacity: 0.3 !important;
  transition: none !important;
}
article.box.idevice-element-in-content .idevice_node .idevice_actions {
  padding: 6px 12px;
  background-color: transparent;
  position: relative;
  margin-right: auto;
  display: table;
  width: 100%;
  border-radius: 8px;
  /* border: 1px solid var(--white); */
}
article.box.idevice-element-in-content .idevice_node .idevice_actions:hover {
  /* border: 1px solid var(--gray-400); */
  /*
  &::before {
      content: "";
      display: block;
      height: 56px;
      width: 32px;
      background-color: var(--gray-300);
      position: absolute;
      top: 0;
      left: 0;
      border-top-left-radius: 7px;
      border-bottom-left-radius: 0;
      background-image: url("images/icons/exe-drag-handle-icon.svg");
      background-position: center;
      background-size: 16px;
      background-repeat: no-repeat;
  }
  */
}
article.box.idevice-element-in-content .idevice_node .idevice_actions.dragging {
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 10px;
  height: 30px;
  opacity: 0.8;
  border: 1px solid var(--dark-exe-color);
  max-width: calc(100% - var(--margin-l));
  padding-left: var(--margin-m);
  border-radius: var(--radius);
  transition: none !important;
}
article.box.idevice-element-in-content .idevice_node .idevice_actions.dragging.dragging-start {
  opacity: 0.5 !important;
}
article.box.idevice-element-in-content .idevice_node .idevice_actions.dragging.out {
  opacity: 0.3;
}
article.box.idevice-element-in-content .idevice_node .idevice_actions.dragging .button-action-idevice {
  display: none;
}
article.box.idevice-element-in-content .idevice_node .idevice_actions .exe-actions-menu {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0;
}
article.box.idevice-element-in-content .idevice_node .idevice_actions .exe-actions-menu .btn-save-idevice,
article.box.idevice-element-in-content .idevice_node .idevice_actions .exe-actions-menu .btn-edit-idevice {
  width: auto !important;
  padding: 10px !important;
  color: var(--dark-exe-color);
}
article.box.idevice-element-in-content .idevice_node:first-of-type .btn-move-up-idevice {
  opacity: 0.5;
  pointer-events: none;
}
article.box.idevice-element-in-content .idevice_node:last-of-type .btn-move-down-idevice {
  opacity: 0.5;
  pointer-events: none;
}
article.box.idevice-element-in-content .idevice_node .btn-move-down-idevice {
  margin-right: 6px;
}
article.box.idevice-element-in-content .idevice_node[loading=true] {
  opacity: 0.8;
  transition: none !important;
  min-height: 100px;
  background-image: url(images/load-spinner.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
article.box.idevice-element-in-content .idevice_node[loading=true] .idevice_body {
  opacity: 0.2;
}
article.box.idevice-element-in-content .idevice_node[loading=false] {
  opacity: 1;
  visibility: visible;
}
article.box.idevice-element-in-content .idevice_node[mode=edition] {
  padding: var(--margin-m);
  border-radius: var(--radius);
  transition: var(--tr-04);
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .idevice_actions {
  border: 1px solid var(--white);
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .idevice_actions:hover {
  border: 1px solid var(--white);
  box-shadow: none;
  cursor: default;
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .idevice_actions:hover::before {
  content: none;
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .idevice_actions .exe-actions-menu {
  cursor: default;
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .idevice_body legend {
  font-size: var(--h4-fs);
  text-align: left;
  position: relative;
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .idevice_body .exe-fieldset legend a {
  width: 100%;
  text-decoration: none;
  color: var(--text) !important;
  font-weight: 600 !important;
  transition: var(--tr-02);
  position: relative;
  display: block;
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .idevice_body .exe-fieldset-closed legend {
  margin: 0;
  width: 100% !important;
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .idevice_body legend a:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0;
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .idevice_body label, article.box.idevice-element-in-content .idevice_node[mode=edition] .idevice_body input:is([type=checkbox], [type=radio]) {
  margin-right: var(--margin-m);
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .idevice_body select {
  cursor: pointer;
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .idevice_body input[type=button] {
  color: var(--icon-gray);
  padding: 6px;
  border-radius: var(--radius);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: 1px solid var(--elements-hover);
  transition: var(--tr-02);
  appearance: none;
  -webkit-appearance: none;
  background: white;
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .idevice_body input[type=button]:hover {
  color: var(--dark-exe-color);
  border: 1px solid var(--dark-exe-color);
  transition: var(--tr-02);
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .idevice_body :is(.exe-text-field, .exe-field) label, article.box.idevice-element-in-content .idevice_node[mode=edition] .idevice_body .exe-textarea-field label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: var(--text);
  margin-bottom: 2px;
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .idevice_body .exe-text-field span {
  display: block;
  font-size: var(--body-fs);
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .idevice_body .exe-form-tabs {
  width: max-content;
  display: flex;
  gap: var(--margin-l) 1px;
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .idevice_body .exe-form-tabs a {
  text-decoration: none;
  color: var(--icon-gray);
  border: 1px solid var(--elements-hover);
  padding: var(--margin-s) var(--margin-l);
  border-radius: var(--radius-top);
  background-color: var(--elements-hover);
  transition: var(--tr-02);
  position: relative;
  margin-right: 2px;
  display: block;
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .idevice_body .exe-form-tabs a:hover {
  color: var(--dark-exe-color);
  border-color: var(--dark-exe-color);
  border-bottom: 1px solid var(--elements-hover);
  transition: var(--tr-02);
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .idevice_body .exe-form-tabs a.exe-form-active-tab {
  color: var(--dark-exe-color);
  background-color: white;
  border-color: var(--dark-exe-color);
  border-bottom: 1px solid white;
  transition: var(--tr-02);
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .idevice_body .exe-form-tabs a.exe-form-active-tab::before {
  content: "";
  position: absolute;
  left: -1px;
  width: 1px;
  height: 1px;
  display: block;
  background: var(--dark-exe-color);
  bottom: -1px;
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .idevice_body .exe-form-tabs a.exe-form-active-tab::after {
  width: 100%;
  height: 1px;
  display: block;
  content: "";
  position: absolute;
  bottom: -2px;
  background: white;
  left: 0;
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .idevice_body :is(.exe-form-content, .exe-form-tab) {
  border: 1px solid var(--dark-exe-color);
  padding: var(--margin-l);
  border-radius: var(--radius);
  border-top-left-radius: 0;
  scroll-margin-top: var(--margin-din-xl);
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .idevice_body .label-container {
  width: max-content;
  border-radius: var(--radius);
  margin-bottom: var(--margin-l);
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .idevice_body .question-input-text input {
  width: calc(100% - var(--margin-l));
  border: 1px solid var(--elements-hover);
  border-radius: var(--radius);
  padding: var(--margin-s) var(--margin-m);
  font-size: var(--body-fs);
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .idevice_body ol {
  display: flex;
  gap: var(--margin-l) var(--margin-xl);
  flex-wrap: wrap;
  justify-content: flex-start;
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .idevice_body ol li::marker {
  color: var(--dark-exe-color);
  font-weight: bold;
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .idevice_body .exe-field-instructions {
  font-style: oblique;
  font-size: var(--body-xs) !important;
  color: var(--icon-gray);
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .idevice_body fieldset.exe-fieldset {
  margin-bottom: 20px;
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .idevice_body fieldset.exe-fieldset-open {
  border: 1px solid var(--gray-200);
  border-radius: var(--radius);
  padding: 18px;
  margin-top: var(--margin-xl);
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .idevice_body fieldset.exe-fieldset-closed {
  margin-top: 15px;
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .idevice_body fieldset > legend {
  width: max-content;
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .idevice_body fieldset.exe-fieldset-open {
  position: relative;
  top: 10px;
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .idevice_body fieldset.exe-fieldset-open {
  margin-top: 5px;
}
article.box.idevice-element-in-content .idevice_node[mode=edition] {
  /* iDevice form fields styles */
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .form-check-input {
  margin: 0;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid #666;
  border-radius: 0.25rem;
  background: #fff;
  position: relative;
  display: inline-block;
}
article.box.idevice-element-in-content .idevice_node[mode=edition] input[type=number] {
  min-width: 5ch !important;
  width: 7.5ch !important;
  max-width: 7.5ch !important;
}
article.box.idevice-element-in-content .idevice_node[mode=edition] input[type=radio] {
  padding-left: 0.2rem !important;
  margin-right: 0.2rem !important;
}
article.box.idevice-element-in-content .idevice_node[mode=edition] label {
  margin: 0 !important;
  white-space: nowrap !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
article.box.idevice-element-in-content .idevice_node[mode=edition] input[type=radio],
article.box.idevice-element-in-content .idevice_node[mode=edition] input[type=checkbox],
article.box.idevice-element-in-content .idevice_node[mode=edition] input[type=button] {
  cursor: pointer;
}
article.box.idevice-element-in-content .idevice_node[mode=edition] input[type=text],
article.box.idevice-element-in-content .idevice_node[mode=edition] input[type=number],
article.box.idevice-element-in-content .idevice_node[mode=edition] textarea {
  box-sizing: border-box;
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .form-check-input:checked {
  background-color: var(--brand-primary, #0BA1A1);
  border-color: var(--brand-primary, #0BA1A1);
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .form-check {
  display: inline-flex;
  align-items: center;
  gap: 0.1rem;
  flex: 0 0 auto !important;
  min-width: max-content;
  box-sizing: border-box;
  white-space: nowrap;
  margin: 0;
  padding: 0;
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .form-check-input[type=radio] {
  border-radius: 50%;
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .form-check-input:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(11, 161, 161, 0.25);
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .form-check-input:checked[type=checkbox]::after {
  content: "";
  position: absolute;
  inset: 0;
  background: transparent;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="white"><path d="M13.485 1.929a1 1 0 0 1 .086 1.414l-7.07 8.001a1 1 0 0 1-1.452.038L2.4 9.314a1 1 0 1 1 1.414-1.414l2.055 2.054 6.364-7.2a1 1 0 0 1 1.252-.18z"/></svg>') center/14px 14px no-repeat;
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .form-check-label {
  cursor: pointer;
  margin: 0;
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .idevice_options > * {
  margin-bottom: 1.2em;
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .toggle-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0;
  flex-wrap: wrap;
  gap: 0.1rem;
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .toggle-item + .toggle-item {
  border-top: 1px solid rgba(0, 0, 0, 0.04);
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .toggle-label {
  cursor: pointer;
  margin-right: 12px;
  margin-top: 0;
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .toggle-control {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-width: 40px;
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .toggle-input {
  position: absolute;
  opacity: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .toggle-visual {
  display: inline-block;
  width: 36px;
  height: 20px;
  border-radius: 999px;
  background: var(--gray-400, #ccc);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
  transition: background 160ms ease, box-shadow 160ms ease;
  position: relative;
  cursor: pointer;
  pointer-events: none;
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .toggle-visual::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  transition: transform 160ms ease;
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .toggle-input:checked + .toggle-visual {
  background: var(--brand-primary, #0BA1A1);
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .toggle-input:checked + .toggle-visual::after {
  transform: translateX(16px);
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .toggle-input:disabled + .toggle-visual {
  opacity: 0.5;
  filter: grayscale(0.3);
  cursor: not-allowed;
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .toggle-related label > input[type=number] {
  display: inline-block;
  width: 60px;
  margin: 0 4px;
  vertical-align: middle;
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .form-check-input[type=radio] {
  position: relative;
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .form-check-input[type=radio]:checked {
  background: #fff !important;
  border: 1px solid var(--brand-primary, #0BA1A1) !important;
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .form-check-input[type=radio]:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  background: var(--brand-primary, #0BA1A1);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .eXeE-LightboxWindow {
  background-color: #fff;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  border: 1px solid #ccc;
  width: 100%;
  max-width: 1200px;
  position: relative;
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .eXeE-LightboxTabs {
  display: flex;
  border-bottom: 1px solid #ccc;
  align-items: center;
  position: relative;
}
article.box.idevice-element-in-content .idevice_node[mode=edition] a.eXeE-TabButton,
article.box.idevice-element-in-content .idevice_node[mode=edition] .eXeE-TabButton {
  padding: 10px 15px;
  cursor: pointer;
  background: #f0f0f0;
  border: none;
  border-right: 1px solid #ccc;
  font-size: 16px;
  position: relative;
  text-decoration: none !important;
  color: black;
}
article.box.idevice-element-in-content .idevice_node[mode=edition] a.eXeE-TabButton:last-child {
  border-right: none;
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .eXeE-Active,
article.box.idevice-element-in-content .idevice_node[mode=edition] .eXeE-Active {
  background: #fff !important;
  border-bottom: 2px solid #007BFF !important;
  color: #0BA1A1 !important;
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .eXeE-LightboxContent {
  padding: 10px;
  display: flex;
  flex-direction: column;
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .eXeE-LightboxTextarea {
  width: 100%;
  height: 250px;
  font-family: monospace;
  font-size: 14px;
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .eXeE-LightboxFooter {
  display: flex;
  justify-content: flex-end;
  border-top: 1px solid #ccc;
  padding: 10px;
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .eXeE-LightboxFooter button {
  margin-left: 10px;
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .eXeE-InfoTooltip {
  display: inline-block;
  margin-left: 5px;
  cursor: help;
  border-radius: 50%;
  background: #ccc;
  width: 16px;
  height: 16px;
  text-align: center;
  line-height: 16px;
  font-size: 12px;
  font-weight: bold;
  position: relative;
}
article.box.idevice-element-in-content .idevice_node[mode=edition] .eXeE-InfoTooltip:hover::after {
  content: attr(data-tooltip);
  position: absolute;
  top: 20px;
  left: 0;
  background: #333;
  color: #fff;
  padding: 5px 8px;
  border-radius: 3px;
  font-size: 12px;
  white-space: nowrap;
  z-index: 999;
}
article.box.idevice-element-in-content.hidden-idevices.box.idevice-element-in-content {
  min-height: 0;
}
article.box.idevice-element-in-content[mode=export] .idevice_node {
  padding: 0;
  border-radius: var(--radius);
  margin-inline: var(--margin-m);
  margin-bottom: var(--margin-m);
  background-color: var(--main-background-color);
  box-shadow: 0px 0px 0px 0px var(--head-icon-bg-color);
  border: 1px dotted transparent;
}
article.box.idevice-element-in-content * {
  accent-color: var(--dark-exe-color);
}
article.box.idevice-element-in-content p {
  margin-block: 12px;
}
article.box.idevice-element-in-content input:not(:only-of-type) {
  max-width: calc(100% - var(--margin-xl));
  margin-right: calc(var(--margin-m) + var(--margin-m) - var(--margin-s));
}
article.box.idevice-element-in-content.hide, article.box.idevice-element-in-content p:empty {
  display: none;
}

.idevice_actions.dragging {
  height: 36px;
  margin: 8px 0;
  outline: 2px dashed var(--brand-primary);
  background: var(--brand-primary-50);
  border-radius: 8px;
  cursor: grabbing;
}
.idevice_actions.dragging .exe-actions-menu {
  display: none;
}

#node-content .idevice-content-block {
  height: 36px;
  margin: 8px 0;
  outline: 2px dashed var(--brand-primary);
  background: var(--brand-primary-50);
  border-radius: 8px;
}

#node-content .idevice-content-block.out {
  opacity: 0.3;
}

#node-content[mode=edition] .idevice_node[mode=export], #node-content[mode=edition] .box[mode=export] {
  filter: opacity(60%) grayscale(30%);
}
#node-content[mode=edition] .idevice_node[mode=export] .idevice_body {
  max-height: 0px;
  overflow: hidden;
  white-space: nowrap;
}
#node-content .box:nth-child(odd) fieldset.exe-fieldset-open > legend, #node-content .box:nth-child(even) fieldset.exe-fieldset-open > legend {
  margin-bottom: 20px;
  width: 100%;
}
#node-content .idevice_node[mode=edition] .idevice_body fieldset.exe-fieldset-closed > legend {
  border: 1px solid var(--gray-200);
  border-radius: var(--radius);
  padding: 12px;
  width: calc(100% - var(--margin-xl));
  background-color: transparent;
}
#node-content .idevice_node[mode=edition] .idevice_body fieldset.exe-fieldset-closed > legend ~ div {
  display: none;
}
#node-content .idevice_node[mode=edition] .idevice_body fieldset.exe-fieldset-closed > legend a::after {
  content: "";
  background-image: url("data:image/svg+xml;charset=UTF-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7 15L12 20L17 15M7 9L12 4L17 9' stroke='%230BA1A1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  position: absolute;
  top: -2px;
  right: 0;
  display: block;
  height: 16px;
  width: 16px;
  background-size: 16px;
  background-repeat: no-repeat;
  padding: 14px;
  background-position: center;
  border-radius: 4px;
}
#node-content .idevice_node[mode=edition] .idevice_body fieldset.exe-fieldset-closed > legend a:hover::after {
  background-color: var(--brand-primary-100);
}
#node-content .idevice_node[mode=edition] .idevice_body fieldset.exe-fieldset-open > legend a::after {
  content: "";
  background-image: url("data:image/svg+xml;charset=UTF-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7 4L12 9L17 4' stroke='%230BA1A1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M7 20L12 15L17 20' stroke='%230BA1A1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  position: absolute;
  top: -2px;
  right: 0;
  display: block;
  height: 16px;
  width: 16px;
  background-size: 16px;
  background-repeat: no-repeat;
  padding: 14px;
  background-position: center;
  border-radius: 4px;
}
#node-content .idevice_node[mode=edition] .idevice_body fieldset.exe-fieldset-open > legend a:hover::after {
  background-color: var(--brand-primary-100);
}
#node-content .idevice_node[mode=edition] .idevice_body p.exe-text-field {
  margin-bottom: 1.5em;
}
#node-content .idevice_node[mode=edition] .idevice_body .idevice-toggle input:checked + label {
  background: var(--verde-cl);
  outline: none;
}
#node-content .idevice_node[mode=edition] .idevice_body .idevice-toggle label {
  margin-right: 0;
}
#node-content .idevice_node[mode=edition] .idevice_body .idevice-toggle input:hover + label {
  border-color: var(--dark-exe-color);
}
#node-content .idevice_node[mode=edition] .idevice_body .idevice-data-access {
  flex-wrap: wrap;
  gap: var(--margin-l);
}
#node-content .idevice_node[mode=edition] .idevice_body .idevice-data-access label {
  width: auto;
}
#node-content .idevice_node[mode=edition] .idevice_body .idevice-data-access input[type=checkbox] {
  margin-right: calc(var(--margin-m) * -1);
}
#node-content .idevice_node[mode=edition] .idevice_body .exe-text-field.required label::after, #node-content .idevice_node[mode=edition] .idevice_body .exe-field.required label::after, #node-content .idevice_node[mode=edition] .idevice_body li.required label::after, #node-content .idevice_node[mode=edition] .idevice_body ol > li.required:before {
  content: " *";
  color: var(--remove);
}
#node-content .idevice_node[mode=edition] .idevice_body :is(input, textarea).required {
  margin-inline: 2px;
}
#node-content .idevice_node[mode=edition] .idevice_body.save-error > :is(input, textarea).required {
  box-shadow: 1px 1px 4px 2px var(--remove);
}
#node-content .idevice_node[mode=edition] .idevice_body.save-error input.required:not(:valid) {
  box-shadow: 1px 1px 4px 2px var(--remove);
  border-color: transparent;
}
#node-content .idevice_node[mode=edition] .idevice_body.save-error textarea.required:not(:valid), #node-content .idevice_node[mode=edition] .idevice_body.save-error .exe-text-field.required .tox-tinymce.empty {
  box-shadow: 1px 1px 4px 2px var(--remove);
}
#node-content .idevice_node[mode=edition] li.save-error::marker {
  color: var(--remove) !important;
}
#node-content .idevice_node[mode=edition] .idevice_body input:focus-visible {
  outline: none;
}

/* Idevice input styles */
.idevice_node[mode=edition] .form-check-input {
  margin: 0;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid #666;
  border-radius: 0.25rem;
  background: #fff;
  position: relative;
  display: inline-block;
}

.idevice_node[mode=edition] input[type=number] {
  min-width: 5ch !important;
  width: 7.5ch !important;
  max-width: 7.5ch !important;
}

.idevice_node[mode=edition] input[type=radio] {
  padding-left: 0.2rem !important;
  margin-right: 0.2rem !important;
}

.idevice_node[mode=edition] label {
  margin: 0 !important;
  white-space: nowrap !important;
  flex: 0 0 auto !important;
  width: auto !important;
}

.idevice_node[mode=edition] input[type=radio],
.idevice_node[mode=edition] input[type=checkbox],
.idevice_node[mode=edition] input[type=button] {
  cursor: pointer;
}

.idevice_node[mode=edition] input[type=text],
.idevice_node[mode=edition] input[type=number],
.idevice_node[mode=edition] textarea {
  box-sizing: border-box;
}

.idevice_node[mode=edition] .form-check-input:checked {
  background-color: var(--brand-primary, #0BA1A1);
  border-color: var(--brand-primary, #0BA1A1);
}

.idevice_node[mode=edition] .form-check {
  display: inline-flex;
  align-items: center;
  gap: 0.1rem;
  flex: 0 0 auto !important;
  min-width: max-content;
  box-sizing: border-box;
  white-space: nowrap;
  margin: 0;
  padding: 0;
}

.idevice_node[mode=edition] .form-check-input[type=radio] {
  border-radius: 50%;
}

.idevice_node[mode=edition] .form-check-input:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(11, 161, 161, 0.25);
}

.idevice_node[mode=edition] .form-check-input:checked[type=checkbox]::after {
  content: "";
  position: absolute;
  inset: 0;
  background: transparent;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="white"><path d="M13.485 1.929a1 1 0 0 1 .086 1.414l-7.07 8.001a1 1 0 0 1-1.452.038L2.4 9.314a1 1 0 1 1 1.414-1.414l2.055 2.054 6.364-7.2a1 1 0 0 1 1.252-.18z"/></svg>') center/14px 14px no-repeat;
}

.idevice_node[mode=edition] .form-check-label {
  cursor: pointer;
  margin: 0;
}

.idevice_node[mode=edition] .idevice_options > * {
  margin-bottom: 1.2em;
}

.idevice_node[mode=edition] .toggle-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0;
  flex-wrap: wrap;
  gap: 0.1rem;
}

.idevice_node[mode=edition] .toggle-item + .toggle-item {
  border-top: 1px solid rgba(0, 0, 0, 0.04);
}

.idevice_node[mode=edition] .toggle-label {
  cursor: pointer;
  margin-right: 12px;
  margin-top: 0;
}

.idevice_node[mode=edition] .toggle-control {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-width: 40px;
}

.idevice_node[mode=edition] .toggle-input {
  position: absolute;
  opacity: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.idevice_node[mode=edition] .toggle-visual {
  display: inline-block;
  width: 36px;
  height: 20px;
  border-radius: 999px;
  background: var(--gray-400, #ccc);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
  transition: background 160ms ease, box-shadow 160ms ease;
  position: relative;
  cursor: pointer;
  pointer-events: none;
}

.idevice_node[mode=edition] .toggle-visual::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  transition: transform 160ms ease;
}

.idevice_node[mode=edition] .toggle-input:checked + .toggle-visual {
  background: var(--brand-primary, #0BA1A1);
}

.idevice_node[mode=edition] .toggle-input:checked + .toggle-visual::after {
  transform: translateX(16px);
}

.idevice_node[mode=edition] .toggle-input:disabled + .toggle-visual {
  opacity: 0.5;
  filter: grayscale(0.3);
  cursor: not-allowed;
}

.idevice_node[mode=edition] .toggle-related label > input[type=number] {
  display: inline-block;
  width: 60px;
  margin: 0 4px;
  vertical-align: middle;
}

.idevice_node[mode=edition] .form-check-input[type=radio] {
  position: relative;
}

.idevice_node[mode=edition] .form-check-input[type=radio]:checked {
  background: #fff !important;
  border: 1px solid var(--brand-primary, #0BA1A1) !important;
}

.idevice_node[mode=edition] .form-check-input[type=radio]:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  background: var(--brand-primary, #0BA1A1);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.idevice_node[mode=edition] .eXeE-LightboxWindow {
  background-color: #fff;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  border: 1px solid #ccc;
  width: 100%;
  max-width: 1200px;
  position: relative;
}

.idevice_node[mode=edition] .eXeE-LightboxTabs {
  display: flex;
  border-bottom: 1px solid #ccc;
  align-items: center;
  position: relative;
}

.idevice_node[mode=edition] a.eXeE-TabButton,
.idevice_node[mode=edition] .eXeE-TabButton {
  padding: 10px 15px;
  cursor: pointer;
  background: #f0f0f0;
  border: none;
  border-right: 1px solid #ccc;
  font-size: 16px;
  position: relative;
  text-decoration: none !important;
  color: black;
}

.idevice_node[mode=edition] a.eXeE-TabButton:last-child {
  border-right: none;
}

.idevice_node[mode=edition] .eXeE-Active,
.idevice_node[mode=edition] .eXeE-Active {
  background: #fff !important;
  border-bottom: 2px solid #007BFF !important;
  color: #0BA1A1 !important;
}

.idevice_node[mode=edition] .eXeE-LightboxContent {
  padding: 10px;
  display: flex;
  flex-direction: column;
}

.idevice_node[mode=edition] .eXeE-LightboxTextarea {
  width: 100%;
  height: 250px;
  font-family: monospace;
  font-size: 14px;
}

.idevice_node[mode=edition] .eXeE-LightboxFooter {
  display: flex;
  justify-content: flex-end;
  border-top: 1px solid #ccc;
  padding: 10px;
}

.idevice_node[mode=edition] .eXeE-LightboxFooter button {
  margin-left: 10px;
}

.idevice_node[mode=edition] .eXeE-InfoTooltip {
  display: inline-block;
  margin-left: 5px;
  cursor: help;
  border-radius: 50%;
  background: #ccc;
  width: 16px;
  height: 16px;
  text-align: center;
  line-height: 16px;
  font-size: 12px;
  font-weight: bold;
  position: relative;
}

.idevice_node[mode=edition] .eXeE-InfoTooltip:hover::after {
  content: attr(data-tooltip);
  position: absolute;
  top: 20px;
  left: 0;
  background: #333;
  color: #fff;
  padding: 5px 8px;
  border-radius: 3px;
  font-size: 12px;
  white-space: nowrap;
  z-index: 999;
}

#stylessidenav-content {
  font-family: "Inter", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#stylessidenav-content .sidenav-overlay {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 1040;
}
#stylessidenav-content .sidenav-overlay.active {
  opacity: 1;
  pointer-events: auto;
}
#stylessidenav-content .sidenav {
  position: fixed;
  top: 0;
  right: 0;
  width: 320px;
  height: 100%;
  background-color: white;
  transform: translateX(100%);
  transition: transform 0.3s ease;
  z-index: 100001;
  border-left: 1px solid #EAECF0;
  box-shadow: 0 20px 24px -4px rgba(16, 24, 40, 0.08), 0 8px 8px -4px rgba(16, 24, 40, 0.03);
  padding: 20px 15px;
}
#stylessidenav-content .sidenav.active {
  transform: translateX(0%);
}
#stylessidenav-content .sidenav .content-styles-header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.25rem;
}
#stylessidenav-content .sidenav .content-styles-header .styles-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0;
}
#stylessidenav-content .sidenav .content-styles-header .navbar-close {
  cursor: pointer;
}
#stylessidenav-content .sidenav .content-tabs {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}
#stylessidenav-content .sidenav .content-tabs .nav-tabs {
  background-color: var(--gray-100);
  border: none;
  padding: 0.25rem;
  border-radius: 12px;
  display: inline-flex;
  width: 100%;
  justify-content: space-around;
  border: 1px solid var(--gray-border-light);
}
#stylessidenav-content .sidenav .content-tabs .nav-tabs .nav-item {
  width: 50%;
}
#stylessidenav-content .sidenav .content-tabs .nav-tabs .nav-item .nav-link {
  border: none;
  background: transparent;
  border-radius: 8px;
  padding: 8px 16px;
  font-weight: 600;
  color: var(--gray-500) !important;
  transition: all 0.2s ease;
  width: 100%;
}
#stylessidenav-content .sidenav .content-tabs .nav-tabs .nav-item .nav-link.active {
  color: var(--text-black);
  border: none;
  border-radius: 8px;
  background: white;
  box-shadow: 0 1px 3px 0 rgba(16, 24, 40, 0.1), 0 1px 2px 0 rgba(16, 24, 40, 0.06);
}
#stylessidenav-content .sidenav .tab-content {
  height: calc(100vh - 124px);
  overflow-y: auto;
  scrollbar-color: var(--gray-border-dark) transparent;
  scrollbar-width: thin;
}
#stylessidenav-content .sidenav .tab-content::-webkit-scrollbar-track {
  background: transparent !important;
}
#stylessidenav-content .sidenav .tab-content ::-webkit-scrollbar {
  width: 6px;
}
#stylessidenav-content .sidenav .tab-content ::-webkit-scrollbar-thumb {
  background-color: var(--gray-border-dark);
  border-radius: 4px;
}
#stylessidenav-content .sidenav .tab-content .exe-icon {
  font-family: var(--icons-ff);
}
#stylessidenav-content .sidenav .tab-content .theme-menu {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 8px;
}
#stylessidenav-content .sidenav .tab-content .theme-menu .small-icon {
  margin-right: 0.5625rem;
}
#stylessidenav-content .sidenav .tab-content #exestylescontent .theme-card {
  margin-bottom: 15px;
  cursor: pointer;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid transparent;
  margin-left: 2px;
  margin-right: 2px;
}
#stylessidenav-content .sidenav .tab-content #exestylescontent .theme-card.selected {
  border: 1px solid var(--brand-primary);
}
#stylessidenav-content .sidenav .tab-content #exestylescontent .theme-card.selected:hover {
  border: 1px solid var(--brand-primary);
  background-color: var(--brand-primary-50);
}
#stylessidenav-content .sidenav .tab-content #exestylescontent .theme-card.selected:hover .btn.button-square.fixed-border {
  border: 1px solid var(--brand-primary-200);
}
#stylessidenav-content .sidenav .tab-content #exestylescontent .theme-card.selected .btn.button-square.fixed-border:hover {
  border: 1px solid transparent !important;
  background-color: var(--brand-primary-200) !important;
}
#stylessidenav-content .sidenav .tab-content #exestylescontent .theme-card:hover {
  border: 1px solid var(--gray-200);
  background-color: var(--gray-100);
}
#stylessidenav-content .sidenav .tab-content #exestylescontent .theme-card .theme-card-header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin-bottom: 0.375rem;
}
#stylessidenav-content .sidenav .tab-content #exestylescontent .theme-card .theme-card-header h4 {
  font-size: 14px;
  font-weight: 500;
  color: var(--text-black);
}
#stylessidenav-content .sidenav .tab-content #exestylescontent .theme-card .theme-description {
  font-size: 12px;
  font-style: italic;
  color: var(--text-black);
  text-align: center;
  margin-top: 12px;
  margin-bottom: 0;
}
#stylessidenav-content .sidenav .tab-content #importedstylescontent .user-theme-empty-info .empty-title {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 12px;
}
#stylessidenav-content .sidenav .tab-content #importedstylescontent .user-theme-empty-info .info-description {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
}
#stylessidenav-content .sidenav .tab-content #importedstylescontent .user-theme-empty-info .info-description a {
  text-decoration: none;
}
#stylessidenav-content .sidenav .tab-content #importedstylescontent .user-theme-empty-info .info-description a:hover {
  text-decoration: none;
}
#stylessidenav-content .sidenav .tab-content #importedstylescontent .user-theme-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.625rem 0.875rem;
  border-radius: 10px;
  transition: background 0.2s;
  position: relative;
  cursor: pointer;
  font-weight: 500;
  margin-bottom: 5px;
}
#stylessidenav-content .sidenav .tab-content #importedstylescontent .user-theme-item.selected {
  border: 1px solid var(--brand-primary);
}
#stylessidenav-content .sidenav .tab-content #importedstylescontent .user-theme-item.selected:hover {
  border: 1px solid var(--brand-primary);
  background-color: var(--brand-primary-100);
}
#stylessidenav-content .sidenav .tab-content #importedstylescontent .user-theme-item.selected:hover .btn.button-square.fixed-border {
  border: 1px solid var(--brand-primary-300);
}
#stylessidenav-content .sidenav .tab-content #importedstylescontent .user-theme-item.selected .btn.button-square.fixed-border:hover {
  border: 1px solid transparent !important;
  background-color: var(--brand-primary-200) !important;
}
#stylessidenav-content .sidenav .tab-content #importedstylescontent .user-theme-item:hover {
  background-color: var(--gray-100);
}
#stylessidenav-content .sidenav .tab-content #importedstylescontent .user-theme-item .medium-icon {
  margin-right: 0.375rem;
}
#stylessidenav-content .sidenav .tab-content #importedstylescontent .user-theme-item .user-theme-title {
  flex-grow: 1;
  color: #1f2937;
  font-size: 0.8125rem;
}
#stylessidenav-content .sidenav .tab-content #importedstylescontent .user-theme-item .user-theme-menu-btn {
  padding: 6px;
  border-radius: 6px;
  cursor: pointer;
}
#stylessidenav-content .sidenav .tab-content #importedstylescontent .user-theme-item .user-theme-menu-btn :hover {
  background-color: #eef2f7;
}
#stylessidenav-content .sidenav .tab-content #importedstylescontent .edit-theme-container {
  position: relative;
}
#stylessidenav-content .sidenav .tab-content #importedstylescontent .edit-theme-container .action-back {
  position: relative;
  top: 10px;
}
#stylessidenav-content .sidenav .tab-content #importedstylescontent .edit-theme-container .edit-theme-table {
  background: #fff;
  border-radius: 12px;
  width: 100%;
}
#stylessidenav-content .sidenav .tab-content #importedstylescontent .edit-theme-container .edit-theme-table .edit-theme-table-rows-container {
  scrollbar-color: var(--gray-border-dark) transparent;
  scrollbar-width: thin;
}
#stylessidenav-content .sidenav .tab-content #importedstylescontent .edit-theme-container .edit-theme-table .edit-theme-table-rows-container::-webkit-scrollbar-track {
  background: transparent !important;
}
#stylessidenav-content .sidenav .tab-content #importedstylescontent .edit-theme-container .edit-theme-table .edit-theme-table-rows-container ::-webkit-scrollbar {
  width: 6px;
}
#stylessidenav-content .sidenav .tab-content #importedstylescontent .edit-theme-container .edit-theme-table .edit-theme-table-rows-container ::-webkit-scrollbar-thumb {
  background-color: var(--gray-border-dark);
  border-radius: 4px;
}
#stylessidenav-content .sidenav .tab-content #importedstylescontent .edit-theme-container .exe-form-tabs {
  display: flex;
  justify-content: space-around;
  position: relative;
  border-bottom-color: transparent;
}
#stylessidenav-content .sidenav .tab-content #importedstylescontent .edit-theme-container .exe-form-tabs > li.nav-item .exe-tab {
  position: absolute;
  padding: 0;
  width: 36px;
  height: 36px;
  font-weight: 600;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  background-color: var(--brand-primary-50);
  border: none;
  border-radius: 0;
}
#stylessidenav-content .sidenav .tab-content #importedstylescontent .edit-theme-container .exe-form-tabs > li.nav-item .exe-tab.active {
  background-color: var(--brand-primary-200);
}
#stylessidenav-content .sidenav .tab-content #importedstylescontent .edit-theme-container .exe-form-tabs > li.nav-item .exe-tab.info-button, #stylessidenav-content .sidenav .tab-content #importedstylescontent .edit-theme-container .exe-form-tabs > li.nav-item .exe-tab.texts-button, #stylessidenav-content .sidenav .tab-content #importedstylescontent .edit-theme-container .exe-form-tabs > li.nav-item .exe-tab.header-button {
  position: relative;
  top: -25px;
}
#stylessidenav-content .sidenav .tab-content #importedstylescontent .edit-theme-container .exe-form-tabs > li.nav-item .exe-tab.info-button {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  left: 35px;
}
#stylessidenav-content .sidenav .tab-content #importedstylescontent .edit-theme-container .exe-form-tabs > li.nav-item .exe-tab.texts-button {
  left: -25px;
}
#stylessidenav-content .sidenav .tab-content #importedstylescontent .edit-theme-container .exe-form-tabs > li.nav-item .exe-tab.header-button {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  left: -85px;
}
#stylessidenav-content .sidenav .tab-content #importedstylescontent .edit-theme-container .tab-content {
  background: #fff;
  padding: 0 10px 10px 10px;
  max-height: calc(100vh - 200px);
}
#stylessidenav-content .sidenav .tab-content #importedstylescontent .edit-theme-container .tab-content .tab-pane > .et-row + .et-row {
  margin-top: 8px;
}
#stylessidenav-content .sidenav .tab-content #importedstylescontent .edit-theme-container .et-row {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "label" "field";
  row-gap: 2px;
  padding: 8px 0;
}
#stylessidenav-content .sidenav .tab-content #importedstylescontent .edit-theme-container .et-row:first-of-type {
  padding-top: 0;
}
#stylessidenav-content .sidenav .tab-content #importedstylescontent .edit-theme-container .et-row .et-col-label {
  grid-area: label;
}
#stylessidenav-content .sidenav .tab-content #importedstylescontent .edit-theme-container .et-row .et-col-field {
  grid-area: field;
  min-width: 0;
}
#stylessidenav-content .sidenav .tab-content #importedstylescontent .edit-theme-container .theme-edit-key {
  display: inline-block;
  margin: 0 0 2px;
  font-weight: 600;
  font-size: 13px;
  color: var(--text);
  line-height: 1.2;
  word-break: break-word;
}
#stylessidenav-content .sidenav .tab-content #importedstylescontent .edit-theme-container .theme-edit-value-field {
  display: block;
}
#stylessidenav-content .sidenav .tab-content #importedstylescontent .edit-theme-container .theme-edit-value-field .theme-edit-value-text,
#stylessidenav-content .sidenav .tab-content #importedstylescontent .edit-theme-container .theme-edit-value-field input[type=text],
#stylessidenav-content .sidenav .tab-content #importedstylescontent .edit-theme-container .theme-edit-value-field textarea {
  display: block;
  width: 100%;
  min-height: 44px;
  border-radius: 10px;
  border: 1px solid var(--gray-border);
  background: #fff;
  color: var(--text-black);
  padding: 10px 12px;
  line-height: 1.3;
  font-size: 14px;
  transition: box-shadow 0.2s, border-color 0.2s;
  -webkit-tap-highlight-color: transparent;
}
#stylessidenav-content .sidenav .tab-content #importedstylescontent .edit-theme-container .theme-edit-value-field .theme-edit-value-text:focus,
#stylessidenav-content .sidenav .tab-content #importedstylescontent .edit-theme-container .theme-edit-value-field input[type=text]:focus,
#stylessidenav-content .sidenav .tab-content #importedstylescontent .edit-theme-container .theme-edit-value-field textarea:focus {
  outline: none;
  border-color: var(--gray-border-dark);
}
#stylessidenav-content .sidenav .tab-content #importedstylescontent .edit-theme-container .theme-edit-value-field textarea {
  resize: vertical;
  min-height: 120px;
  overflow: auto;
}
#stylessidenav-content .sidenav .tab-content #importedstylescontent .edit-theme-container .et-color-wrapper {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 8px;
  align-items: center;
}
#stylessidenav-content .sidenav .tab-content #importedstylescontent .edit-theme-container .et-color-wrapper [data-role=color-input] {
  width: 44px;
  height: 36px;
  padding: 2px;
  border-radius: 8px;
  border: 1px solid var(--gray-border);
  background: transparent;
  cursor: pointer;
}
#stylessidenav-content .sidenav .tab-content #importedstylescontent .edit-theme-container .et-color-wrapper [data-role=color-input]:focus {
  outline: 0;
  border-color: var(--gray-border);
}
#stylessidenav-content .sidenav .tab-content #importedstylescontent .edit-theme-container .et-color-wrapper [data-role=color-hex] {
  min-height: 36px;
  width: 100%;
}
#stylessidenav-content .sidenav .tab-content #importedstylescontent .edit-theme-container .img-container {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}
#stylessidenav-content .sidenav .tab-content #importedstylescontent .edit-theme-container .img-container .preview-img {
  display: block;
  width: auto;
  max-height: 100px;
  margin: 0 auto;
  border-radius: 8px;
  border: 1px solid var(--gray-border);
}
#stylessidenav-content .sidenav .tab-content #importedstylescontent .edit-theme-container .img-container.no-img .preview-img {
  display: none;
}
#stylessidenav-content .sidenav .tab-content #importedstylescontent .edit-theme-container .img-container .et-img-controls {
  display: flex;
  flex-flow: row nowrap;
  gap: 8px;
}
#stylessidenav-content .sidenav .tab-content #importedstylescontent .edit-theme-container .img-container .et-img-controls .btn {
  width: 50%;
  padding: 8px 12px;
}
#stylessidenav-content .sidenav .tab-content #importedstylescontent .edit-theme-container .img-container .et-img-controls .btn:not(.remove-img) {
  text-align: center;
  color: var(--brand-primary);
  border-color: var(--brand-primary);
}
#stylessidenav-content .sidenav .tab-content #importedstylescontent .edit-theme-container .img-container .et-img-controls .btn:not(.remove-img):hover {
  background-color: var(--brand-primary);
  color: #fff;
}
#stylessidenav-content .sidenav .tab-content #importedstylescontent .edit-theme-container .img-container .et-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 1px, 1px);
  white-space: nowrap;
  border: 0;
}
#stylessidenav-content .sidenav .tab-content #importedstylescontent .edit-theme-container .img-container .remove-img {
  cursor: pointer;
}
#stylessidenav-content .sidenav .tab-content #importedstylescontent .edit-theme-container .btn-save-theme {
  position: absolute;
  right: 0;
  top: 11px;
  cursor: pointer;
  font-weight: 600;
  gap: 4px;
}
#stylessidenav-content .sidenav .tab-content #importedstylescontent .edit-theme-container .btn-save-theme span {
  font-size: 13px;
}
#stylessidenav-content .sidenav .tab-content .info-theme-container {
  padding: 5px;
  font-size: 14px;
  color: var(--text-black);
}
#stylessidenav-content .sidenav .tab-content .info-theme-container .action-back {
  margin-bottom: 1.25rem;
}
#stylessidenav-content .sidenav .tab-content .info-theme-container .form-label {
  margin-bottom: 0.1875rem;
  font-weight: 600;
  color: var(--text);
  font-size: 13px;
}
#stylessidenav-content .sidenav .tab-content .info-theme-container input, #stylessidenav-content .sidenav .tab-content .info-theme-container textarea {
  background-color: var(--disabled);
  font-size: 0.875rem;
  color: var(--text);
}

body.login-page {
  overflow: auto;
}
body.login-page #login-tpl {
  display: flex;
  min-height: 100vh;
  width: 100vw;
}
body.login-page #login-tpl .login-left,
body.login-page #login-tpl .login-right {
  flex: 1 1 50%;
}
body.login-page #login-tpl .login-left {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
}
@media (min-height: 768px) {
  body.login-page #login-tpl .login-left {
    padding: 2rem;
  }
}
body.login-page #login-tpl .login-left .card-body {
  max-width: 398px;
  display: flex;
  flex-direction: column;
  padding: 2rem;
}
body.login-page #login-tpl .login-left .logo {
  width: auto;
  max-width: 100%;
  height: clamp(74px, 16vh, 160px);
  margin-bottom: 12px;
}
@media (min-height: 768px) {
  body.login-page #login-tpl .login-left .logo {
    height: clamp(80px, 20vh, 200px);
    margin-bottom: 64px !important;
  }
}
body.login-page #login-tpl .login-left .sign-in {
  font-weight: 600;
  font-size: 24px;
  line-height: 1.2;
  color: #132032;
  margin-bottom: 8px;
}
body.login-page #login-tpl .login-left .hello-again {
  color: hsl(216, 18%, 34%);
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 16px;
}
body.login-page #login-tpl .login-left input {
  height: 36px;
  font-size: 14px;
  padding: 3px 12px !important;
  border-color: hsl(217, 16%, 84%) !important;
}
body.login-page #login-tpl .login-left input:focus, body.login-page #login-tpl .login-left input:active {
  box-shadow: 0 0 0 2px #26DDC7;
}
body.login-page #login-tpl .login-left label {
  font-size: 13px;
}
body.login-page #login-tpl .login-left .login-password {
  margin-bottom: 30px;
}
body.login-page #login-tpl .login-left .login-submit {
  background-color: hsl(215, 45%, 14%) !important;
  border-color: hsl(215, 45%, 14%) !important;
  font-size: 14px;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
}
body.login-page #login-tpl .login-left .other-methods {
  color: hsl(216, 18%, 34%);
}
body.login-page #login-tpl .login-left .other-methods p {
  margin: 24px 0;
}
body.login-page #login-tpl .login-left .other-methods .other-methods-buttons a {
  width: 100%;
  border-color: hsl(217, 16%, 84%) !important;
  background-color: var(--white) !important;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  font-weight: 500;
  color: #132032;
}
body.login-page #login-tpl .login-left .other-methods .other-methods-buttons a:hover {
  background-color: var(--gray-100) !important;
}
body.login-page #login-tpl .login-left .other-methods .other-methods-buttons a:active {
  background-color: var(--gray-200) !important;
}
body.login-page #login-tpl .login-left .lead {
  font-size: 1.8em;
}
body.login-page #login-tpl .login-left #exe-version {
  position: absolute;
  bottom: 20px;
  right: 28px;
  color: var(--gray-500);
}
@media (min-width: 992px) {
  body.login-page #login-tpl .login-left #exe-version {
    position: absolute;
    bottom: 22px;
    right: 30px;
    color: var(--white);
  }
}
body.login-page #login-tpl .login-left .logout-button {
  line-height: 33px;
}
body.login-page #login-tpl .login-right {
  display: none;
}
@media (min-width: 992px) {
  body.login-page #login-tpl .login-right {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    background: #f6f8fb;
    background-image: url("images/exe-login-image.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin: 16px 16px 16px 0;
    border-radius: 16px;
  }
}

.properties-body-container.form-properties {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 36px !important;
  border-radius: var(--radius) !important;
  background: white;
}
.properties-body-container.form-properties.loading {
  opacity: 0.6;
  pointer-events: none;
  user-select: none;
}

.exe-properties-form-content .exe-table-content .properties-body-container.form-properties {
  margin-bottom: 24px;
}
.exe-properties-form-content .exe-table-content .properties-body-container.form-properties .properties-group-title {
  margin-bottom: 1rem;
}
.exe-properties-form-content .exe-table-content .properties-body-container.form-properties .properties-group-title h2 span {
  font-size: 19px;
  font-weight: 700;
  color: var(--text);
}
.exe-properties-form-content .exe-table-content .properties-body-container.form-properties .properties-group-title .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  margin-bottom: 0;
}
.exe-properties-form-content .exe-table-content .properties-body-container.form-properties .properties-group-title .title::after {
  width: 18px;
  height: 18px;
  content: "";
  background-image: url("images/icons/exe-compress-icon.svg");
  background-repeat: no-repeat;
  background-size: 18px;
  transition: var(--bs-accordion-btn-icon-transition);
}
.exe-properties-form-content .exe-table-content .properties-body-container.form-properties .properties-group-title.collapsed {
  margin-bottom: 0;
}
.exe-properties-form-content .exe-table-content .properties-body-container.form-properties .properties-group-title.collapsed .title {
  margin-bottom: 0;
}
.exe-properties-form-content .exe-table-content .properties-body-container.form-properties .properties-group-title.collapsed .title::after {
  width: 18px;
  height: 18px;
  content: "";
  background-image: url("images/icons/exe-expand-icon-green.svg");
  background-repeat: no-repeat;
  background-size: 18px;
  transition: var(--bs-accordion-btn-icon-transition);
}
.exe-properties-form-content .exe-table-content .properties-body-container.form-properties .property-row {
  padding: 8px 0;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-direction: column;
}
.exe-properties-form-content .exe-table-content .properties-body-container.form-properties .property-row .form-label {
  color: var(--text);
  font-weight: 600;
  font-size: 1em;
}
.exe-properties-form-content .exe-table-content .properties-body-container.form-properties .property-row .content-field {
  flex-grow: 1;
  position: relative;
}
.exe-properties-form-content .exe-table-content .properties-body-container.form-properties .property-row .content-field .form-control,
.exe-properties-form-content .exe-table-content .properties-body-container.form-properties .property-row .content-field .form-select,
.exe-properties-form-content .exe-table-content .properties-body-container.form-properties .property-row .content-field .form-check-input,
.exe-properties-form-content .exe-table-content .properties-body-container.form-properties .property-row .content-field textarea {
  border-radius: 6px;
}
.exe-properties-form-content .exe-table-content .properties-body-container.form-properties .property-row .content-field .form-control.is-invalid,
.exe-properties-form-content .exe-table-content .properties-body-container.form-properties .property-row .content-field .form-select.is-invalid {
  box-shadow: 0 0 0 3px var(--shadow-level-1);
  border-color: var(--system-red);
}
.exe-properties-form-content .exe-table-content .properties-body-container.form-properties .property-row .content-field .form-control:focus,
.exe-properties-form-content .exe-table-content .properties-body-container.form-properties .property-row .content-field .form-select:focus,
.exe-properties-form-content .exe-table-content .properties-body-container.form-properties .property-row .content-field .form-check-input:focus {
  outline: none;
  border-color: transparent;
}
.exe-properties-form-content .exe-table-content .properties-body-container.form-properties .property-row .content-field .exe-form-help {
  user-select: none;
  position: absolute;
  right: 6px;
}
.exe-properties-form-content .exe-table-content .properties-body-container.form-properties .property-row .content-field .exe-form-help .form-help-exe-icon {
  font-family: var(--icons-ff);
  font-size: 1.5em;
}
.exe-properties-form-content .exe-table-content .properties-body-container.form-properties .property-row .form-check {
  padding-left: 28px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}
.exe-properties-form-content .exe-table-content .properties-body-container.form-properties .property-row .form-check .form-check-input {
  appearance: auto;
  width: 16px;
  height: 16px;
  margin-left: -28px;
  margin-top: 4px;
  border-radius: 3px;
  accent-color: var(--brand-primary-700);
}
.exe-properties-form-content .exe-table-content .properties-body-container.form-properties .property-row .form-check .form-check-label {
  font-weight: 500;
}
.exe-properties-form-content .exe-table-content .properties-body-container.form-properties .property-row [property=pp_title],
.exe-properties-form-content .exe-table-content .properties-body-container.form-properties .property-row [property=pp_lang],
.exe-properties-form-content .exe-table-content .properties-body-container.form-properties .property-row [property=pp_author],
.exe-properties-form-content .exe-table-content .properties-body-container.form-properties .property-row [property=pp_extraHeadContent],
.exe-properties-form-content .exe-table-content .properties-body-container.form-properties .property-row [property=footer] {
  padding-right: 36px !important;
}
.exe-properties-form-content .exe-table-content .properties-body-container.form-properties .property-row [property=pp_lang] {
  padding-right: 48px !important;
}
.exe-properties-form-content .exe-table-content .properties-body-container.form-properties .property-row[property=pp_lang] .form-help-exe-icon {
  right: 18px;
}
.exe-properties-form-content .exe-table-content .properties-body-container.form-properties .property-row .form-help-exe-icon {
  cursor: pointer;
  display: block;
  height: 16px;
  width: 16px;
  background-size: 16px;
  background-repeat: no-repeat;
  position: relative;
  top: 1px;
  left: -26px;
}
.exe-properties-form-content .exe-table-content .properties-body-container.form-properties .property-row .help-content {
  font-size: 14px;
  background-color: hsla(0, 0%, 15%, 0.9);
  color: var(--white);
  border-radius: 6px;
  padding: 6px 9px;
  max-width: 56ch;
}
.exe-properties-form-content .exe-table-content .properties-body-container.form-properties .property-row.help-content-active .form-help-exe-icon {
  color: var(--brand-primary-400);
}
.exe-properties-form-content .exe-table-content .properties-body-container.form-properties .property-row[property=exportSource], .exe-properties-form-content .exe-table-content .properties-body-container.form-properties .property-row[property=pp_addExeLink], .exe-properties-form-content .exe-table-content .properties-body-container.form-properties .property-row[property=pp_exportElp], .exe-properties-form-content .exe-table-content .properties-body-container.form-properties .property-row[property=pp_addPagination], .exe-properties-form-content .exe-table-content .properties-body-container.form-properties .property-row[property=pp_addSearchBox], .exe-properties-form-content .exe-table-content .properties-body-container.form-properties .property-row[property=pp_addAccessibilityToolbar] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.exe-properties-form-content .exe-table-content .properties-body-container.form-properties .property-row[property=exportSource] .form-help-exe-icon, .exe-properties-form-content .exe-table-content .properties-body-container.form-properties .property-row[property=pp_addExeLink] .form-help-exe-icon, .exe-properties-form-content .exe-table-content .properties-body-container.form-properties .property-row[property=pp_exportElp] .form-help-exe-icon, .exe-properties-form-content .exe-table-content .properties-body-container.form-properties .property-row[property=pp_addPagination] .form-help-exe-icon, .exe-properties-form-content .exe-table-content .properties-body-container.form-properties .property-row[property=pp_addSearchBox] .form-help-exe-icon, .exe-properties-form-content .exe-table-content .properties-body-container.form-properties .property-row[property=pp_addAccessibilityToolbar] .form-help-exe-icon {
  right: 25px;
  top: 1px;
}
.exe-properties-form-content .footer {
  display: flex;
  justify-content: flex-end;
  padding-top: 4px;
  margin-top: 20px;
}

.property-row .form-control,
.property-row .form-select {
  transition: box-shadow 0.15s ease, border-color 0.15s ease, background-color 0.15s ease;
}

/* eXe Mode */
body[mode=default] .exe-advanced {
  display: none !important;
}

body[mode=advanced] .exe-simplified {
  display: none !important;
}

/* eXe Mode */
body[installation-type=offline] .exe-online,
body[installation-type=online] .exe-offline {
  display: none !important;
}

/* TinyMCE fullscreen mode */
body:has(iframe.tox-edit-area__iframe[style="height: 100%; width: 100%;"]) .idevice_actions {
  z-index: 10000;
  position: fixed !important;
  bottom: 18px;
  left: 0;
  background-color: transparent !important;
  width: calc(100% - 14px) !important;
  border-radius: 0 !important;
  border: none !important;
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 80%, rgba(255, 255, 255, 0) 100%);
}

body:has(iframe.tox-edit-area__iframe[style="height: 100%; width: 100%;"]) .idevice_actions [data-bs-toggle=dropdown],
body:has(iframe.tox-edit-area__iframe[style="height: 100%; width: 100%;"]) .idevice_actions .dropdown-menu {
  display: none;
}

/* TinyMCE contents */
.exe-tooltip-text {
  display: none;
}

/* Minified block */
#workarea article.hidden-idevices .idevice_node {
  display: none;
}

#node-content .form-properties.categories .exe-properties-form-content {
  border: none;
}

.form-properties .exe-table-content textarea {
  min-height: 70px;
}

.form-properties .exe-table-content .property-row input[type=checkbox] {
  max-width: 16px;
  height: 16px;
  width: 16px;
  margin-top: 5px;
}

#node-content .form-properties .exe-properties-form-content .footer {
  padding: 0;
  background: none;
}

/*
@media (min-width: 1200px) {
    #export.properties-group {
        overflow: auto
    }

    #export.properties-group .property-row {
        width: 45%;
        float: left
    }
}
*/
/* To review (see #359 & #360) */
#modalStyleManagerContent .themes-button-container .themes-button-new {
  display: none;
}

/* NAVBAR */
/* To review */
#navbar-button-assistant {
  display: none;
}

#head .top #exe-title {
  min-width: 236px;
}

#head .top #exe-title .content {
  white-space: normal;
  font-size: 18px;
  font-weight: 600;
  max-height: 64px;
  color: #2b2b48;
  text-overflow: hidden;
  white-space: nowrap !important;
  display: block;
  max-width: 240px !important;
  padding-right: 10px;
  margin-top: 4px;
  line-height: 1.3 !important;
}

.top .main-menu-right .btn-label {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
}

/* To review */
#head-top-download-button {
  display: none;
}

#workarea :is(#menu_nav, #menu_idevices) .menu_content > .label .button-remove:before {
  color: #656674;
  font-size: 18px;
}

#workarea :is(#menu_nav, #menu_idevices).minimized .menu_content > .label .button-minimize:before {
  content: "unfold_more";
}

#workarea :is(#menu_nav, #menu_idevices) .menu_content > .label .button-remove:hover {
  background: transparent;
}

#workarea #menu_nav #label_menu_nav .exe-icon,
#workarea #menu_idevices_content #label_menu_idevices .exe-icon {
  color: #71a300;
  font-size: 18px;
  margin-right: 3px;
}

#workarea :is(#menu_nav, #menu_idevices) .menu_content > .label {
  height: 32px;
}

#workarea .menu > .menu_content > .label:hover {
  background: transparent;
}

body[mode=advanced] .modal .form-properties .exe-properties-form-content {
  border: none;
}

#label_menu_nav .button-remove.showmin,
#label_menu_idevices .button-remove.showmin {
  display: none !important;
}

#label_menu_nav {
  margin-bottom: 9px;
}

/* No left colum */
#exe-panels-toggler {
  display: flex;
  margin-right: 12px !important;
}

/* MODAL */
.modal-open .modal-header {
  background-color: transparent;
  border-bottom: none;
  padding: 24px;
}

.modal-title {
  color: #41414e;
  font-size: 18px !important;
  font-weight: 700;
  position: relative;
}

.modal-open .modal-body {
  padding: 0 24px 24px 24px;
}

#modalAlert .modal-body {
  padding-top: 24px;
  min-width: 350px;
}

.modal-open .modal-footer {
  border-top: none;
  padding: 0 24px 24px 24px;
}

.modal-content {
  border: none;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.13);
}

/* BUTTONS */
.btn-primary {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  border-radius: 6px;
  border: none;
  background-color: var(--dark-exe-color);
  padding: 9px 21px !important;
}

.btn-secondary {
  color: #5b6286;
  font-size: 14px;
  font-weight: 400;
  border-radius: 6px;
  border: 1px solid #5b6286;
  background-color: transparent;
  padding: 9px 21px !important;
}

.modal-open .modal-header .close {
  background-color: transparent;
  color: var(--gray-600);
  height: 32px;
  width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 12px;
  right: 12px;
}

.modal-open .modal-header .close:hover {
  background: rgb(235, 237, 250);
  color: var(--gray-600) !important;
}

button.close span {
  font-size: 22px;
  color: #5b6286;
  position: relative;
  top: -2px;
  right: 0px;
}

/* PSEUDO-SIDEBAR BUTTONS */
#head .bottom {
  gap: 0;
}

#head .bottom .btn-light {
  background-color: white;
  color: #5b6286;
  padding: 6px 12px;
  font-size: 18px;
  margin-top: -12px;
  border: 1px solid #d9dae5;
  width: 124px;
}

#head .bottom .btn-light .auto-icon {
  top: 2px;
}

#head .bottom #button_menu_idevices {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

#head .bottom #button_menu_nav {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

#button_menu_idevices::after {
  content: "iDevices";
  color: #2b2b48;
  font-size: 14px;
  font-weight: 400;
  position: relative;
  top: -2px;
}

#button_menu_nav::after {
  content: "Structure";
  color: #2b2b48;
  font-size: 14px;
  font-weight: 400;
  position: relative;
  top: -2px;
}

#button_menu_idevices:hover::after,
#button_menu_nav:hover::after {
  color: var(--dark-exe-color);
}

/* TABS */
.modal .exe-form-tabs {
  width: 99%;
  border-bottom: 1px solid #e6e7ed;
  position: relative;
  padding-bottom: 2px;
}

.modal .exe-form-tabs li a:not(.exe-form-active-tab)::after,
.form-properties .exe-form-tabs li a:not(.exe-form-active-tab)::after {
  background-color: transparent;
}

.modal .exe-form-tabs a.exe-form-active-tab::after {
  height: 3px;
  bottom: -2px;
  background: var(--dark-exe-color);
}

.modal .exe-form-tabs a.exe-form-active-tab {
  border-color: transparent;
  font-weight: 600;
}

.modal .exe-form-tabs a {
  color: #5f5f6c;
  border: none;
  background-color: transparent;
}

.modal .exe-form-tabs a:hover {
  color: #5f5f6c;
  border-bottom: none;
}

#node-content .idevice_node[mode=edition] .idevice_body :is(.exe-form-content, .exe-form-tab) {
  border: none;
  border-top: 1px solid #e6e7ed;
}

#node-content .idevice_node[mode=edition] .idevice_body .exe-form-tabs a.exe-form-active-tab::after {
  height: 3px;
  bottom: -2px;
  background: var(--dark-exe-color);
}

#node-content .idevice_node[mode=edition] .idevice_body .exe-form-tabs a.exe-form-active-tab {
  border-color: transparent;
  font-weight: 600;
}

#node-content .idevice_node[mode=edition] .idevice_body :is(.exe-form-content, .exe-form-tab) {
  border-radius: 0;
}

#node-content .idevice_node[mode=edition] .idevice_body .exe-form-tabs a {
  color: #5f5f6c;
  border: none;
  background-color: transparent;
}

#node-content .idevice_node[mode=edition] .idevice_body .exe-form-tabs a:hover {
  color: #5f5f6c;
  border-bottom: none;
}

/*# sourceMappingURL=main.css.map */
