@charset "UTF-8";
/*===============================
    Utils
=================================*/
 #webform *, #webform *::before, #webform *::after {
  box-sizing: content-box;
}

html, body {
  height: 100%;
  margin: 0;
  font-family: Poppins, Helvetica, "sans-serif";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #3F4254;
  text-align: left;
  background-color: #ffffff;
}

#kt_app_page {
  height: 100%;
}

#kt_app_root {
  display: flex;
  flex-direction: column;
  height: 100%;
}

#kt_app_wrapper {
  flex: 1;
  overflow: hidden;
  height: 100%;
}

#kt_app_main {
  flex: 1;
  overflow: hidden; /* Empêche le scroll sur cet élément */
}

#kt_app_main > div {
  height: 100%;
}

.app-content {
  flex: 1; /* Utilise l'espace disponible */
  overflow: hidden; /* Empêche le scroll sur cet élément */
}

#kt_app_content_container,
#kt_app_content_container > div,
.card-body > div,
#page-container,
#page-container > div,
#block-gofast-content,
#block-gofast-content > div {
  height: 100%;
}

#page-manage-webform {
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
  bottom: 0;
}

.nav-link {
  color: #7E8299;
}
.nav-link:hover, .nav-link.active, .nav-link:hover .nav-icon, .nav-link:hover .nav-icon span, .nav-link.active .nav-icon span {
  color: #3498db !important;
}
.nav-link .nav-icon,
.nav-link .nav-icon span {
  color: #7E8299;
}

#app-webform-page-content {
  overflow: hidden;
}/*# sourceMappingURL=style.css.map */

/*
 * Always force same scrollbar style as keen on wide screens.
 * Prevents Survey's own customized scrollbar from showing on small screens for example.
 */
div, main, ol, pre, span, ul {
  scrollbar-color: var(--bs-scrollbar-color) transparent;
  scrollbar-width: thin;
}

.h-1em {
  height: 1em !important;
}

.text-0-75-em {
  font-size: 0.75em !important;
}

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