@charset "UTF-8";
/**/
/*Production*/
/*Test*/
/*Developer*/
/*Crash*/
/*Shark*/
/*Production Login*/
/**/
/*### PAGE ###*/
/*### KENDO GRID ###*/
/*### KENDO FILTER ###*/
/*### KENDO PANELBAR ###*/
/*### MENU ###*/
/*### MEDIA ###*/
/*### CUSTOM VARIABLES ###*/
:root {
  --f4ns-color-prod: #c4131d;
  --f4ns-color-prod-darken-6: #a81019;
  --f4ns-color-prod-darken-8: #9f0f17;
  --f4ns-color-prod-darken-10: #960e16;
  --f4ns-color-prod-darken-16: #7a0c12;
  --f4ns-color-prod-lighten-45: #f9c3c6;
  --f4ns-color-test: #d4733b;
  --f4ns-color-test-darken-6: #c5642b;
  --f4ns-color-test-darken-8: #bd5f29;
  --f4ns-color-test-darken-10: #b45b28;
  --f4ns-color-test-darken-16: #9b4e22;
  --f4ns-color-test-lighten-45: #fdf9f7;
  --f4ns-color-dev: #448844;
  --f4ns-color-dev-darken-6: #3a743a;
  --f4ns-color-dev-darken-8: #366d36;
  --f4ns-color-dev-darken-10: #336633;
  --f4ns-color-dev-darken-16: #295229;
  --f4ns-color-dev-lighten-45: #cce6cc;
  --f4ns-color-crash: #76448A;
  --f4ns-color-crash-darken-6: #643a76;
  --f4ns-color-crash-darken-8: #5f376f;
  --f4ns-color-crash-darken-10: #593368;
  --f4ns-color-crash-darken-16: #472953;
  --f4ns-color-crash-lighten-45: #dfcde6;
  --f4ns-color-shark: #004c73;
  --f4ns-color-shark-darken-6: #003854;
  --f4ns-color-shark-darken-8: #00314a;
  --f4ns-color-shark-darken-10: #002a40;
  --f4ns-color-shark-darken-16: #001621;
  --f4ns-color-shark-lighten-45: #5ac7ff;
  --f4ns-color-env: var(--f4ns-color-prod);
  --f4ns-color-env-darken-6: var(--f4ns-color-prod-darken-6);
  --f4ns-color-env-darken-8: var(--f4ns-color-prod-darken-8);
  --f4ns-color-env-darken-10: var(--f4ns-color-prod-darken-10);
  --f4ns-color-env-darken-16: var(--f4ns-color-prod-darken-16);
  --f4ns-color-env-lighten-45: var(--f4ns-color-prod-lighten-45);
  --darken-color-prod: var(--f4ns-color-env);
  --f4ns-page-font-size: 11px;
  --f4ns-kgrid-row-height: 25px;
  --f4ns-kgrid-row-button-size: 20px;
  --f4ns-kgrid-toolbar-button-size: 29px;
  --f4ns-z-index-window: 10000;
  --f4ns-z-index-context-menu: 100000;
  --f4ns-z-index-spinner: 1000000; }

html {
  height: 100%;
  margin: 0; }

body {
  height: 100%;
  margin: 0;
  font-family: "Arial", sans-serif;
  font-size: var(--f4ns-page-font-size);
  font-style: normal;
  color: #252525; }

/*Scrollbar chrome*/
::-webkit-scrollbar {
  width: 10px;
  height: 12px; }

::-webkit-scrollbar-track {
  background: #f0f0f0; }

::-webkit-scrollbar-thumb {
  border: 1px solid #f0f0f0;
  background: #d1d1d1;
  border-radius: 4px; }
  ::-webkit-scrollbar-thumb:hover {
    background: #c7c7c7; }

/*ALARM ANIMATION*/
@keyframes error_pulse_color {
  0% {
    background-color: transparent; }
  50% {
    background-color: #ee0c005c; }
  100% {
    background-color: transparent; } }
@keyframes warning_pulse_color {
  0% {
    background-color: transparent; }
  50% {
    background-color: #eeab005c; }
  100% {
    background-color: transparent; } }
.f4ns-main {
  flex: 1;
  display: flex;
  flex-direction: column; }
  .f4ns-main .f4ns-main-header {
    flex: 0;
    display: flex;
    flex-direction: row;
    z-index: 200;
    overflow: hidden;
    box-shadow: none;
    align-items: center;
    transition: all 100ms linear;
    padding-left: 8px;
    padding-right: 8px; }
    @media (min-width: 0px) and (max-width: 768px) {
      .f4ns-main .f4ns-main-header {
        flex: 0 0 50px;
        box-shadow: 2px 2px 10px 0 #11111155; } }
  .f4ns-main .f4ns-main-menu {
    flex: 0 0 180px;
    display: flex;
    flex-direction: column;
    z-index: 1;
    overflow: hidden;
    transition: all 100ms linear;
    box-shadow: 2px 2px 10px 0 #11111155;
    background-color: #f0f0f0;
    /*MENU HEADER*/
    /*MENU ACCORDION*/ }
    .f4ns-main .f4ns-main-menu.menu-hidden {
      flex: 0 !important; }
    .f4ns-main .f4ns-main-menu.menu-visible {
      flex: 0 0 180px !important; }
    .f4ns-main .f4ns-main-menu.alarm-broken {
      filter: invert(100%); }
    @media (min-width: 0px) and (max-width: 768px) {
      .f4ns-main .f4ns-main-menu {
        position: fixed;
        height: 100%; }
        .f4ns-main .f4ns-main-menu.menu-visible {
          width: 180px; }
        .f4ns-main .f4ns-main-menu.menu-hidden {
          width: 0px; } }
    .f4ns-main .f4ns-main-menu .f4ns-main-menu-header {
      flex: 0 0 54px;
      display: flex;
      position: relative;
      overflow: hidden;
      justify-content: center;
      align-items: center;
      z-index: 1000;
      background-color: #f0f0f0;
      box-shadow: 2px 2px 4px 0 #11111155; }
      .system_lock_wip .f4ns-main .f4ns-main-menu .f4ns-main-menu-header {
        background: repeating-linear-gradient(-45deg, #cf8806bb, #cf8806bb 20px, #090909bb 20px, #090909bb 40px), url("../../../images/icons/texture_wip.jpg");
        background-repeat: repeat, repeat; }
      @media (min-width: 0px) and (max-width: 768px) {
        .f4ns-main .f4ns-main-menu .f4ns-main-menu-header {
          flex: 0; } }
      .f4ns-main .f4ns-main-menu .f4ns-main-menu-header img {
        position: absolute;
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
        padding: 8px;
        max-width: 150px;
        max-height: 40px;
        cursor: pointer; }
      .f4ns-main .f4ns-main-menu .f4ns-main-menu-header .f4ns-main-menu-header-overlay {
        position: relative;
        width: 100%;
        height: 100%;
        pointer-events: none; }
        @media (min-width: 0px) and (max-width: 768px) {
          .f4ns-main .f4ns-main-menu .f4ns-main-menu-header .f4ns-main-menu-header-overlay {
            display: none; } }
        .f4ns-main .f4ns-main-menu .f4ns-main-menu-header .f4ns-main-menu-header-overlay.alarm-error {
          animation-name: error_pulse_color;
          animation-duration: 2500ms;
          animation-iteration-count: infinite; }
        .f4ns-main .f4ns-main-menu .f4ns-main-menu-header .f4ns-main-menu-header-overlay.alarm-warning {
          animation-name: warning_pulse_color;
          animation-duration: 2500ms;
          animation-iteration-count: infinite; }
        .f4ns-main .f4ns-main-menu .f4ns-main-menu-header .f4ns-main-menu-header-overlay .f4ns-field-button {
          position: absolute;
          border: 1px solid #dadada55;
          pointer-events: auto; }
          .system_lock_wip .f4ns-main .f4ns-main-menu .f4ns-main-menu-header .f4ns-main-menu-header-overlay .f4ns-field-button {
            background-color: #ecececaa !important;
            color: #585858 !important; }
          .f4ns-main .f4ns-main-menu .f4ns-main-menu-header .f4ns-main-menu-header-overlay .f4ns-field-button:hover {
            filter: brightness(88%); }
          .f4ns-main .f4ns-main-menu .f4ns-main-menu-header .f4ns-main-menu-header-overlay .f4ns-field-button .f4ns-field-button-icon {
            font-size: 12px !important; }
          .f4ns-main .f4ns-main-menu .f4ns-main-menu-header .f4ns-main-menu-header-overlay .f4ns-field-button#about_btn {
            right: 1px;
            font-weight: bold; }
          .f4ns-main .f4ns-main-menu .f4ns-main-menu-header .f4ns-main-menu-header-overlay .f4ns-field-button#super_btn {
            left: 1px;
            font-weight: bold; }
            .f4ns-main .f4ns-main-menu .f4ns-main-menu-header .f4ns-main-menu-header-overlay .f4ns-field-button#super_btn .f4ns-field-button-icon {
              font-size: 14px !important; }
          .f4ns-main .f4ns-main-menu .f4ns-main-menu-header .f4ns-main-menu-header-overlay .f4ns-field-button#pda_btn {
            left: 1px;
            top: 35px; }
            .f4ns-main .f4ns-main-menu .f4ns-main-menu-header .f4ns-main-menu-header-overlay .f4ns-field-button#pda_btn .f4ns-field-button-icon {
              font-size: 14px !important; }
          .f4ns-main .f4ns-main-menu .f4ns-main-menu-header .f4ns-main-menu-header-overlay .f4ns-field-button#postgres_btn {
            left: 21px;
            top: 35px; }
            .f4ns-main .f4ns-main-menu .f4ns-main-menu-header .f4ns-main-menu-header-overlay .f4ns-field-button#postgres_btn .f4ns-field-button-icon {
              font-size: 14px !important; }
          .f4ns-main .f4ns-main-menu .f4ns-main-menu-header .f4ns-main-menu-header-overlay .f4ns-field-button#postgres_new_btn {
            left: 41px;
            top: 35px; }
            .f4ns-main .f4ns-main-menu .f4ns-main-menu-header .f4ns-main-menu-header-overlay .f4ns-field-button#postgres_new_btn .f4ns-field-button-icon {
              font-size: 14px !important; }
          .f4ns-main .f4ns-main-menu .f4ns-main-menu-header .f4ns-main-menu-header-overlay .f4ns-field-button#alarm_btn {
            right: 1px;
            top: 35px; }
    .f4ns-main .f4ns-main-menu .f4ns-main-menu-accordion-container {
      flex: 1;
      overflow-y: auto; }
      .f4ns-main .f4ns-main-menu .f4ns-main-menu-accordion-container .f4ns-main-menu-accordion li.k-item > .k-link.k-header:hover {
        background-color: #656565 !important; }
        .f4ns-main .f4ns-main-menu .f4ns-main-menu-accordion-container .f4ns-main-menu-accordion li.k-item > .k-link.k-header:hover .kpanel-div-icon.menu-parent:not(.m-disabled-visible):not(.m-disabled-skill) {
          background-color: var(--f4ns-color-env-darken-8) !important; }
        .f4ns-main .f4ns-main-menu .f4ns-main-menu-accordion-container .f4ns-main-menu-accordion li.k-item > .k-link.k-header:hover .kpanel-div-icon.menu-parent.m-disabled-visible, .f4ns-main .f4ns-main-menu .f4ns-main-menu-accordion-container .f4ns-main-menu-accordion li.k-item > .k-link.k-header:hover .kpanel-div-icon.menu-parent.m-disabled-skill {
          background-color: #303030 !important; }
  .f4ns-main .f4ns-main-content {
    flex: 1;
    display: flex;
    flex-direction: row;
    z-index: 0;
    overflow: hidden;
    transition: all 100ms linear; }
    .f4ns-main .f4ns-main-content iframe {
      width: 100%;
      height: 100%;
      border: none; }

/*Per ingradire al 100*/
.w-100 {
  width: 100%; }

/*Per ingradire al 100*/
.h-100 {
  height: 100%; }

/*Per nascondere*/
.visibility-hidden {
  visibility: hidden !important; }

.display-none {
  display: none !important; }

.display-none-super {
  color: black;
  background-color: lightgrey; }

/*Per visualizzare come link*/
.link-style,
.link-style-light {
  color: #4444e2;
  text-decoration: underline;
  cursor: pointer;
  font-weight: bold;
  font-size: 12px;
  margin-right: 5px; }
  .link-style:hover,
  .link-style-light:hover {
    color: #7321df; }

.link-style-light {
  color: white; }
  .link-style-light:hover {
    color: #fff7ba; }

.disabled {
  opacity: 0.1; }

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

/* header */
div.header-title {
  position: fixed;
  z-index: 100;
  box-shadow: 2px 2px 10px 0 #11111155;
  display: flex;
  align-items: center;
  width: 100%;
  height: 25px;
  max-height: 25px;
  background-color: #f0f0f0; }
  div.header-title span {
    margin-left: 10px;
    font-size: 16px;
    font-weight: bold;
    font-family: "Arial", sans-serif;
    color: #4b4b4b; }

html.system_lock_wip div.header-title {
  background: repeating-linear-gradient(-45deg, #cf8806bb, #cf8806bb 60px, #090909bb 60px, #090909bb 120px), url("../../../images/icons/texture_wip.jpg");
  background-repeat: repeat, repeat; }

/*Per avere height 100% nonostante la presenza dell'header*/
div.has-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-top: 25px !important; }
  div.has-header.k-grid {
    margin-top: calc(25px + var(--f4ns-kgrid-toolbar-button-size) + 1px) !important; }

/* Per lo schermo diviso */
div.frame-container {
  display: flex;
  width: 100%;
  height: 100%; }
  div.frame-container.frame-col {
    flex-direction: column; }
  div.frame-container.frame-row {
    flex-direction: row; }
  div.frame-container iframe.frame-single {
    width: 100%;
    margin: 0;
    border: 0; }
  div.frame-container iframe.frame-top {
    flex: 1 1 50%;
    width: 100%;
    margin: 0;
    border: 0; }
  div.frame-container iframe.frame-bottom {
    flex: 1 1 50%;
    width: 100%;
    margin: 0;
    border: 0; }
  div.frame-container iframe.frame-left {
    flex: 0 1 50%;
    height: 100%;
    margin: 0;
    border: 0; }
  div.frame-container iframe.frame-right {
    flex: 0 1 50%;
    height: 100%;
    margin: 0;
    border: 0; }

/*Utilizzato da tutti i componenti Kendo*/
.k-block,
.k-content,
.k-dropdown.k-input {
  color: #252525; }

/*DROPDOWN - Gruppo ed elementi delle drop-down*/
.k-list-container.k-popup.k-group {
  padding: 0; }
  .k-list-container.k-popup.k-group .k-list-scroller ul.k-list > li.k-item {
    border-bottom: 1px solid #f0f0f0;
    padding: 0 8px; }
    .k-list-container.k-popup.k-group .k-list-scroller ul.k-list > li.k-item.k-state-hover {
      background-color: #f5f5f5;
      color: #000000; }
    .k-list-container.k-popup.k-group .k-list-scroller ul.k-list > li.k-item.k-state-selected.k-state-focused {
      font-weight: bold;
      background-color: #dddddd;
      color: #000000; }

/*Kendo loading animation*/
.k-loading-image {
  background-image: url("../../../images/icons/loading.gif");
  transform: scale(0.3);
  opacity: 0.8; }

/*Utilizzato per lo sfondo del login*/
html #login_login_body {
  /*logo*/
  /*overlay - holiday*/ }
  html #login_login_body div.login-back {
    position: fixed;
    z-index: 0; }
  html #login_login_body .f4ns-window-back {
    background: transparent; }
  html #login_login_body .f4ns-dialog-form-window {
    background: #ffffff55;
    backdrop-filter: blur(20px); }
    html #login_login_body .f4ns-dialog-form-window .wb-body {
      background: transparent; }
      html #login_login_body .f4ns-dialog-form-window .wb-body .f4ns-dialog-form {
        background: transparent; }
  html #login_login_body .f4ns-form-row-field-login-logo {
    height: 60px;
    margin-top: 20px; }
  html #login_login_body div.login-back-overlay {
    position: fixed;
    height: 100%;
    width: 100%;
    /*christmas*/
    /*halloween*/
    /*april fool*/ }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake {
      --size: 1vw;
      width: var(--size);
      height: var(--size);
      background: #ffffffee;
      border-radius: 50%;
      position: absolute;
      top: -5vh; }
@keyframes snowfall {
  0% {
    transform: translate3d(var(--left-ini), 0, 0); }
  100% {
    transform: translate3d(var(--left-end), 110vh, 0); } }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(1) {
      --size: 0.69vw;
      --left-ini: -3vw;
      --left-end: 0vw;
      animation: snowfall 29s linear infinite;
      animation-delay: -60s;
      filter: blur(2px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(2) {
      --size: 0.89vw;
      --left-ini: 6vw;
      --left-end: 1vw;
      animation: snowfall 28s linear infinite;
      animation-delay: -91s;
      filter: blur(2px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(3) {
      --size: 0.66vw;
      --left-ini: 1vw;
      --left-end: 0vw;
      animation: snowfall 22s linear infinite;
      animation-delay: -87s;
      filter: blur(2px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(4) {
      --size: 0.81vw;
      --left-ini: -7vw;
      --left-end: -3vw;
      animation: snowfall 15s linear infinite;
      animation-delay: -59s;
      filter: blur(1px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(5) {
      --size: 0.83vw;
      --left-ini: -3vw;
      --left-end: -2vw;
      animation: snowfall 27s linear infinite;
      animation-delay: -30s;
      filter: blur(1px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(6) {
      --size: 0.49vw;
      --left-ini: 3vw;
      --left-end: 7vw;
      animation: snowfall 17s linear infinite;
      animation-delay: -1s;
      filter: blur(1px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(7) {
      --size: 0.58vw;
      --left-ini: -5vw;
      --left-end: -2vw;
      animation: snowfall 15s linear infinite;
      animation-delay: -48s;
      filter: blur(2px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(8) {
      --size: 0.53vw;
      --left-ini: -4vw;
      --left-end: 2vw;
      animation: snowfall 29s linear infinite;
      animation-delay: -31s;
      filter: blur(1px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(9) {
      --size: 0.49vw;
      --left-ini: 0vw;
      --left-end: 7vw;
      animation: snowfall 15s linear infinite;
      animation-delay: -27s;
      filter: blur(2px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(10) {
      --size: 0.74vw;
      --left-ini: -7vw;
      --left-end: 8vw;
      animation: snowfall 22s linear infinite;
      animation-delay: -22s;
      filter: blur(2px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(11) {
      --size: 0.57vw;
      --left-ini: -3vw;
      --left-end: -7vw;
      animation: snowfall 22s linear infinite;
      animation-delay: -27s;
      filter: blur(2px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(12) {
      --size: 0.66vw;
      --left-ini: 3vw;
      --left-end: 2vw;
      animation: snowfall 14s linear infinite;
      animation-delay: -54s;
      filter: blur(2px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(13) {
      --size: 0.8vw;
      --left-ini: 10vw;
      --left-end: -4vw;
      animation: snowfall 29s linear infinite;
      animation-delay: -35s;
      filter: blur(1px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(14) {
      --size: 0.58vw;
      --left-ini: -9vw;
      --left-end: 0vw;
      animation: snowfall 24s linear infinite;
      animation-delay: -80s;
      filter: blur(2px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(15) {
      --size: 0.52vw;
      --left-ini: 2vw;
      --left-end: -1vw;
      animation: snowfall 13s linear infinite;
      animation-delay: -25s;
      filter: blur(1px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(16) {
      --size: 0.52vw;
      --left-ini: -7vw;
      --left-end: 9vw;
      animation: snowfall 15s linear infinite;
      animation-delay: -82s;
      filter: blur(1px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(17) {
      --size: 0.66vw;
      --left-ini: -6vw;
      --left-end: -2vw;
      animation: snowfall 23s linear infinite;
      animation-delay: -68s;
      filter: blur(1px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(18) {
      --size: 0.69vw;
      --left-ini: -1vw;
      --left-end: 4vw;
      animation: snowfall 29s linear infinite;
      animation-delay: -49s;
      filter: blur(1px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(19) {
      --size: 0.59vw;
      --left-ini: 4vw;
      --left-end: -2vw;
      animation: snowfall 18s linear infinite;
      animation-delay: -28s;
      filter: blur(2px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(20) {
      --size: 0.8vw;
      --left-ini: 8vw;
      --left-end: 3vw;
      animation: snowfall 30s linear infinite;
      animation-delay: -91s;
      filter: blur(2px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(21) {
      --size: 0.33vw;
      --left-ini: -6vw;
      --left-end: 6vw;
      animation: snowfall 14s linear infinite;
      animation-delay: -88s;
      filter: blur(1px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(22) {
      --size: 0.6vw;
      --left-ini: 5vw;
      --left-end: -4vw;
      animation: snowfall 28s linear infinite;
      animation-delay: -43s;
      filter: blur(2px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(23) {
      --size: 0.62vw;
      --left-ini: -1vw;
      --left-end: 1vw;
      animation: snowfall 13s linear infinite;
      animation-delay: -39s;
      filter: blur(2px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(24) {
      --size: 0.98vw;
      --left-ini: 7vw;
      --left-end: 9vw;
      animation: snowfall 13s linear infinite;
      animation-delay: -46s;
      filter: blur(1px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(25) {
      --size: 0.44vw;
      --left-ini: -2vw;
      --left-end: 10vw;
      animation: snowfall 28s linear infinite;
      animation-delay: -84s;
      filter: blur(2px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(26) {
      --size: 0.54vw;
      --left-ini: -7vw;
      --left-end: -7vw;
      animation: snowfall 30s linear infinite;
      animation-delay: -17s;
      filter: blur(2px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(27) {
      --size: 0.45vw;
      --left-ini: -4vw;
      --left-end: 2vw;
      animation: snowfall 20s linear infinite;
      animation-delay: -74s;
      filter: blur(1px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(28) {
      --size: 0.62vw;
      --left-ini: 10vw;
      --left-end: -2vw;
      animation: snowfall 26s linear infinite;
      animation-delay: -1s;
      filter: blur(2px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(29) {
      --size: 0.78vw;
      --left-ini: 5vw;
      --left-end: 6vw;
      animation: snowfall 24s linear infinite;
      animation-delay: -96s;
      filter: blur(2px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(30) {
      --size: 0.66vw;
      --left-ini: 5vw;
      --left-end: 8vw;
      animation: snowfall 28s linear infinite;
      animation-delay: -45s;
      filter: blur(2px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(31) {
      --size: 0.64vw;
      --left-ini: 2vw;
      --left-end: 6vw;
      animation: snowfall 27s linear infinite;
      animation-delay: -100s;
      filter: blur(2px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(32) {
      --size: 0.54vw;
      --left-ini: -8vw;
      --left-end: -5vw;
      animation: snowfall 29s linear infinite;
      animation-delay: -35s;
      filter: blur(2px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(33) {
      --size: 0.9vw;
      --left-ini: 5vw;
      --left-end: -5vw;
      animation: snowfall 24s linear infinite;
      animation-delay: -12s;
      filter: blur(1px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(34) {
      --size: 0.95vw;
      --left-ini: 5vw;
      --left-end: -4vw;
      animation: snowfall 25s linear infinite;
      animation-delay: -98s;
      filter: blur(2px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(35) {
      --size: 0.36vw;
      --left-ini: -1vw;
      --left-end: 4vw;
      animation: snowfall 15s linear infinite;
      animation-delay: -30s;
      filter: blur(2px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(36) {
      --size: 0.44vw;
      --left-ini: -1vw;
      --left-end: 3vw;
      animation: snowfall 18s linear infinite;
      animation-delay: -20s;
      filter: blur(2px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(37) {
      --size: 0.36vw;
      --left-ini: 5vw;
      --left-end: 8vw;
      animation: snowfall 24s linear infinite;
      animation-delay: -34s;
      filter: blur(1px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(38) {
      --size: 0.76vw;
      --left-ini: 7vw;
      --left-end: -7vw;
      animation: snowfall 11s linear infinite;
      animation-delay: -12s;
      filter: blur(1px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(39) {
      --size: 0.88vw;
      --left-ini: 5vw;
      --left-end: -7vw;
      animation: snowfall 15s linear infinite;
      animation-delay: -36s;
      filter: blur(2px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(40) {
      --size: 0.69vw;
      --left-ini: 0vw;
      --left-end: 0vw;
      animation: snowfall 26s linear infinite;
      animation-delay: -89s;
      filter: blur(1px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(41) {
      --size: 0.44vw;
      --left-ini: 2vw;
      --left-end: 2vw;
      animation: snowfall 25s linear infinite;
      animation-delay: -55s;
      filter: blur(2px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(42) {
      --size: 0.38vw;
      --left-ini: -4vw;
      --left-end: -6vw;
      animation: snowfall 28s linear infinite;
      animation-delay: -93s;
      filter: blur(1px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(43) {
      --size: 0.74vw;
      --left-ini: 5vw;
      --left-end: -4vw;
      animation: snowfall 21s linear infinite;
      animation-delay: -64s;
      filter: blur(1px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(44) {
      --size: 0.79vw;
      --left-ini: -8vw;
      --left-end: 2vw;
      animation: snowfall 11s linear infinite;
      animation-delay: -99s;
      filter: blur(1px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(45) {
      --size: 0.98vw;
      --left-ini: 1vw;
      --left-end: 3vw;
      animation: snowfall 14s linear infinite;
      animation-delay: -32s;
      filter: blur(2px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(46) {
      --size: 0.61vw;
      --left-ini: 9vw;
      --left-end: -9vw;
      animation: snowfall 13s linear infinite;
      animation-delay: -43s;
      filter: blur(2px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(47) {
      --size: 0.35vw;
      --left-ini: -2vw;
      --left-end: 3vw;
      animation: snowfall 30s linear infinite;
      animation-delay: -4s;
      filter: blur(1px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(48) {
      --size: 0.67vw;
      --left-ini: -3vw;
      --left-end: 7vw;
      animation: snowfall 19s linear infinite;
      animation-delay: -95s;
      filter: blur(1px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(49) {
      --size: 0.76vw;
      --left-ini: -1vw;
      --left-end: -6vw;
      animation: snowfall 22s linear infinite;
      animation-delay: -2s;
      filter: blur(1px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(50) {
      --size: 0.33vw;
      --left-ini: 8vw;
      --left-end: -7vw;
      animation: snowfall 20s linear infinite;
      animation-delay: -51s;
      filter: blur(2px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(51) {
      --size: 0.45vw;
      --left-ini: 3vw;
      --left-end: -4vw;
      animation: snowfall 24s linear infinite;
      animation-delay: -34s;
      filter: blur(2px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(52) {
      --size: 0.79vw;
      --left-ini: 7vw;
      --left-end: 3vw;
      animation: snowfall 17s linear infinite;
      animation-delay: -41s;
      filter: blur(1px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(53) {
      --size: 0.37vw;
      --left-ini: 7vw;
      --left-end: 0vw;
      animation: snowfall 18s linear infinite;
      animation-delay: -76s;
      filter: blur(1px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(54) {
      --size: 0.83vw;
      --left-ini: 2vw;
      --left-end: 0vw;
      animation: snowfall 19s linear infinite;
      animation-delay: -94s;
      filter: blur(1px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(55) {
      --size: 0.72vw;
      --left-ini: 0vw;
      --left-end: 5vw;
      animation: snowfall 29s linear infinite;
      animation-delay: -66s;
      filter: blur(2px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(56) {
      --size: 0.6vw;
      --left-ini: -7vw;
      --left-end: -2vw;
      animation: snowfall 27s linear infinite;
      animation-delay: -84s;
      filter: blur(2px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(57) {
      --size: 0.49vw;
      --left-ini: -3vw;
      --left-end: -1vw;
      animation: snowfall 23s linear infinite;
      animation-delay: -65s;
      filter: blur(2px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(58) {
      --size: 0.32vw;
      --left-ini: 5vw;
      --left-end: -2vw;
      animation: snowfall 22s linear infinite;
      animation-delay: -89s;
      filter: blur(1px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(59) {
      --size: 0.4vw;
      --left-ini: -5vw;
      --left-end: -5vw;
      animation: snowfall 30s linear infinite;
      animation-delay: -13s;
      filter: blur(2px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(60) {
      --size: 0.62vw;
      --left-ini: 10vw;
      --left-end: 2vw;
      animation: snowfall 12s linear infinite;
      animation-delay: -65s;
      filter: blur(1px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(61) {
      --size: 0.45vw;
      --left-ini: -1vw;
      --left-end: -9vw;
      animation: snowfall 17s linear infinite;
      animation-delay: -92s;
      filter: blur(1px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(62) {
      --size: 0.78vw;
      --left-ini: -6vw;
      --left-end: 0vw;
      animation: snowfall 17s linear infinite;
      animation-delay: -80s;
      filter: blur(1px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(63) {
      --size: 0.83vw;
      --left-ini: 4vw;
      --left-end: 0vw;
      animation: snowfall 22s linear infinite;
      animation-delay: -52s;
      filter: blur(2px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(64) {
      --size: 0.92vw;
      --left-ini: 9vw;
      --left-end: 7vw;
      animation: snowfall 24s linear infinite;
      animation-delay: -71s;
      filter: blur(2px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(65) {
      --size: 0.93vw;
      --left-ini: -8vw;
      --left-end: 4vw;
      animation: snowfall 13s linear infinite;
      animation-delay: -34s;
      filter: blur(1px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(66) {
      --size: 0.86vw;
      --left-ini: 0vw;
      --left-end: 6vw;
      animation: snowfall 24s linear infinite;
      animation-delay: -99s;
      filter: blur(1px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(67) {
      --size: 0.49vw;
      --left-ini: 1vw;
      --left-end: -7vw;
      animation: snowfall 30s linear infinite;
      animation-delay: -42s;
      filter: blur(1px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(68) {
      --size: 0.82vw;
      --left-ini: -3vw;
      --left-end: -6vw;
      animation: snowfall 20s linear infinite;
      animation-delay: -60s;
      filter: blur(1px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(69) {
      --size: 1vw;
      --left-ini: -9vw;
      --left-end: -8vw;
      animation: snowfall 28s linear infinite;
      animation-delay: -91s;
      filter: blur(2px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(70) {
      --size: 0.44vw;
      --left-ini: 5vw;
      --left-end: 7vw;
      animation: snowfall 22s linear infinite;
      animation-delay: -31s;
      filter: blur(2px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(71) {
      --size: 0.93vw;
      --left-ini: -5vw;
      --left-end: -4vw;
      animation: snowfall 12s linear infinite;
      animation-delay: -47s;
      filter: blur(2px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(72) {
      --size: 0.5vw;
      --left-ini: 4vw;
      --left-end: -4vw;
      animation: snowfall 15s linear infinite;
      animation-delay: -97s;
      filter: blur(1px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(73) {
      --size: 0.45vw;
      --left-ini: 9vw;
      --left-end: 3vw;
      animation: snowfall 30s linear infinite;
      animation-delay: -2s;
      filter: blur(1px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(74) {
      --size: 0.36vw;
      --left-ini: 6vw;
      --left-end: 6vw;
      animation: snowfall 17s linear infinite;
      animation-delay: -52s;
      filter: blur(1px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(75) {
      --size: 0.68vw;
      --left-ini: -1vw;
      --left-end: 0vw;
      animation: snowfall 17s linear infinite;
      animation-delay: -78s;
      filter: blur(2px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(76) {
      --size: 0.59vw;
      --left-ini: -9vw;
      --left-end: -8vw;
      animation: snowfall 20s linear infinite;
      animation-delay: -68s;
      filter: blur(1px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(77) {
      --size: 0.94vw;
      --left-ini: 9vw;
      --left-end: 6vw;
      animation: snowfall 15s linear infinite;
      animation-delay: -8s;
      filter: blur(1px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(78) {
      --size: 0.97vw;
      --left-ini: 8vw;
      --left-end: 4vw;
      animation: snowfall 20s linear infinite;
      animation-delay: -57s;
      filter: blur(1px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(79) {
      --size: 0.54vw;
      --left-ini: -9vw;
      --left-end: 7vw;
      animation: snowfall 21s linear infinite;
      animation-delay: -63s;
      filter: blur(1px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-christmas .login-back-overlay-snowflake:nth-child(80) {
      --size: 0.8vw;
      --left-ini: -9vw;
      --left-end: -8vw;
      animation: snowfall 22s linear infinite;
      animation-delay: -72s;
      filter: blur(1px); }
    html #login_login_body div.login-back-overlay.login-back-overlay-halloween {
      background: radial-gradient(ellipse at right top, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.7) 70%, black 90%); }
      html #login_login_body div.login-back-overlay.login-back-overlay-halloween .login-back-overlay-pumpkins {
        transform: scaleX(-1);
        position: absolute;
        bottom: -5px;
        left: -35px;
        height: 300px;
        width: 321px;
        background-image: url("../../../images/wallpaper/pumpkins.png");
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        opacity: 12%;
        filter: contrast(80%) brightness(100%) saturate(0.6); }
@keyframes fishfall {
  0% {
    transform: translateY(-10vh); }
  100% {
    transform: translateY(110vh); } }
    html #login_login_body div.login-back-overlay.login-back-overlay-april_fool .login-back-overlay-fish-container {
      animation: fishfall 1s linear forwards;
      position: absolute;
      top: -5vh;
      bottom: 0;
      width: 100px;
      height: 200px; }
      html #login_login_body div.login-back-overlay.login-back-overlay-april_fool .login-back-overlay-fish-container .login-back-overlay-fish {
        width: 100%;
        height: 100%;
        background-image: url("../../../images/wallpaper/fish.png");
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat; }

html:not(.system_lock_wip) #login_login_body div.login-back {
  top: -10px;
  left: -10px;
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  /*
  -ms-transform: rotate(15deg) scale(2, 2);
  -webkit-transform: rotate(15deg) scale(2, 2);
  transform: rotate(15deg) scale(2, 2);
  */
  background-position: center;
  background-repeat: no-repeat;
  background-color: #222222;
  background-size: cover;
  filter: saturate(0.2) blur(2px);
  /* Sovrapposizione rossa */ }
  html:not(.system_lock_wip) #login_login_body div.login-back div.div-login-color {
    background-color: var(--f4ns-color-env) !important; }
  html:not(.system_lock_wip) #login_login_body div.login-back::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(200, 0, 0, 0.2), rgba(255, 0, 0, 0.2));
    z-index: 1;
    mix-blend-mode: overlay;
    /* Mescola i colori della sovrapposizione con l'immagine */ }

html.system_lock_wip #login_login_body div.login-back {
  top: 0;
  left: 0;
  width: 200%;
  height: 200%;
  background: repeating-linear-gradient(-45deg, #cf7106bb, #cf8806bb 120px, #090909bb 120px, #090909bb 240px), url("../../../images/icons/texture_wip.jpg") !important;
  background-repeat: repeat, repeat; }
  html.system_lock_wip #login_login_body div.login-back * {
    visibility: hidden; }

/* Utilizzato per l'about */
div#main_about_about {
  color: #797979; }
  div#main_about_about img {
    max-height: 70px;
    max-width: 400px;
    display: block;
    margin: auto;
    padding: 20px; }
  div#main_about_about div#main_about_update_div {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px; }
  div#main_about_about span#main_about_update_span {
    margin: 0;
    font-size: 18px;
    color: #333333; }
  div#main_about_about div.button_custom {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    height: 25px;
    /**/
    background-color: #eeeeee;
    margin-right: 10px;
    border: 1px solid #333333;
    border-radius: 3px;
    font-size: 15px;
    /**/ }
    div#main_about_about div.button_custom:hover {
      background-color: lightyellow;
      cursor: pointer; }
    div#main_about_about div.button_custom span {
      margin: 0;
      color: #333333;
      font-size: 15px; }
  div#main_about_about span#main_about_copyright {
    font-weight: bold;
    font-size: 18px; }
  div#main_about_about div#main_about_space {
    height: 15px; }
  div#main_about_about span {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 5px;
    font-size: 12px; }

/*
//FIXME: DA SCARICARE OFFLINE SE VOGLIAMO QUESTO FONT ALTRIMENTI I PC OFFLINE NON VANNO!!!!
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
$f4ns-grid-font-family: 'Roboto', sans-serif;
*/
.f4ns-grid {
  flex: 1;
  display: flex;
  flex-direction: column; }
  .f4ns-grid .f4ns-grid-toolbar {
    flex: 0 0 30px;
    display: flex;
    flex-direction: row; }
  .f4ns-grid .f4ns-grid-content.tabulator {
    flex: 1;
    display: flex;
    flex-direction: column;
    /*HEADER*/
    /*ROWS*/
    /*FOOTER*/ }
    .f4ns-grid .f4ns-grid-content.tabulator .tabulator-header {
      border: 0; }
      .f4ns-grid .f4ns-grid-content.tabulator .tabulator-header .tabulator-col {
        border-width: 0 1px 0 0 !important;
        border-style: solid !important;
        border-color: #d5d5d5 !important;
        /*row selector*/
        /*last column*/ }
        .f4ns-grid .f4ns-grid-content.tabulator .tabulator-header .tabulator-col.f4ns-grid-row-selector-cell {
          padding: 0; }
          .f4ns-grid .f4ns-grid-content.tabulator .tabulator-header .tabulator-col.f4ns-grid-row-selector-cell .tabulator-col-title-holder {
            text-align: center;
            padding: 0 !important; }
        .f4ns-grid .f4ns-grid-content.tabulator .tabulator-header .tabulator-col.f4ns-grid-column-last {
          border-width: 0 0 0 0 !important; }
        .f4ns-grid .f4ns-grid-content.tabulator .tabulator-header .tabulator-col .tabulator-col-content {
          padding: 0;
          height: 47px; }
          .f4ns-grid .f4ns-grid-content.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title-holder {
            height: 20px;
            align-content: center;
            padding: 0 5px 0 5px;
            /*row selector all*/ }
            .f4ns-grid .f4ns-grid-content.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title-holder .tabulator-col-title {
              font-family: "Arial", sans-serif !important;
              font-style: normal !important;
              font-size: 12px !important;
              color: #000000 !important;
              vertical-align: middle; }
            .f4ns-grid .f4ns-grid-content.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title-holder .f4ns-grid-select-all {
              text-align: center;
              vertical-align: middle;
              margin: 0 !important;
              cursor: pointer;
              border-radius: 10px;
              width: calc(var(--f4ns-kgrid-row-button-size) * 0.90);
              height: calc(var(--f4ns-kgrid-row-button-size) * 0.90); }
          .f4ns-grid .f4ns-grid-content.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-filter .f4ns-field-input input {
            font-size: 12px !important; }
          .f4ns-grid .f4ns-grid-content.tabulator .tabulator-header .tabulator-col .tabulator-col-content .f4ns-field {
            border-radius: 0;
            border: 0; }
    .f4ns-grid .f4ns-grid-content.tabulator .tabulator-table .tabulator-row {
      background-color: #fcfcfc;
      user-select: none; }
      .f4ns-grid .f4ns-grid-content.tabulator .tabulator-table .tabulator-row.tabulator-row-even {
        background-color: #f4f4f4; }
      .f4ns-grid .f4ns-grid-content.tabulator .tabulator-table .tabulator-row .tabulator-cell {
        align-content: center;
        border-width: 1px 1px 0 0 !important;
        border-style: solid !important;
        border-color: #d5d5d5 !important;
        font-family: "Arial", sans-serif !important;
        font-style: normal !important;
        font-size: 12px !important;
        color: #000000 !important;
        user-select: none;
        cursor: default;
        /*row selector*/
        /*column button*/
        /*last column*/
        /*TODO
        span.tabulator-cell-text {
        	user-select: text;
        }
        */ }
        .f4ns-grid .f4ns-grid-content.tabulator .tabulator-table .tabulator-row .tabulator-cell.f4ns-grid-row-selector-cell {
          padding: 0; }
          .f4ns-grid .f4ns-grid-content.tabulator .tabulator-table .tabulator-row .tabulator-cell.f4ns-grid-row-selector-cell .f4ns-grid-row-selector {
            text-align: center;
            vertical-align: middle;
            margin: 0 !important;
            cursor: pointer;
            appearance: none;
            width: calc(var(--f4ns-kgrid-row-button-size) * 0.90);
            height: calc(var(--f4ns-kgrid-row-button-size) * 0.90);
            border-radius: 2px;
            background-color: #ffffff;
            border: 1px solid #a3a3a3;
            color: #ffffff; }
            .f4ns-grid .f4ns-grid-content.tabulator .tabulator-table .tabulator-row .tabulator-cell.f4ns-grid-row-selector-cell .f4ns-grid-row-selector:checked {
              background-color: var(--f4ns-color-env); }
            .f4ns-grid .f4ns-grid-content.tabulator .tabulator-table .tabulator-row .tabulator-cell.f4ns-grid-row-selector-cell .f4ns-grid-row-selector:checked::after {
              content: '✔';
              color: #ffffff;
              font-size: 11px;
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%); }
        .f4ns-grid .f4ns-grid-content.tabulator .tabulator-table .tabulator-row .tabulator-cell.tabulator-frozen-right {
          border-width: 1px 0 0 2px !important; }
        .f4ns-grid .f4ns-grid-content.tabulator .tabulator-table .tabulator-row .tabulator-cell.f4ns-grid-column-last {
          border-width: 1px 0 0 0 !important; }
        .f4ns-grid .f4ns-grid-content.tabulator .tabulator-table .tabulator-row .tabulator-cell .f4ns-grid-column-button-container {
          flex: 1;
          display: flex;
          flex-direction: row; }
          .f4ns-grid .f4ns-grid-content.tabulator .tabulator-table .tabulator-row .tabulator-cell .f4ns-grid-column-button-container .f4ns-field-button.f4ns-grid-column-button {
            color: #252525 !important;
            border: 1px solid #e1e1e1 !important;
            box-shadow: none !important;
            background-color: #ffffffba !important;
            margin-left: 2px;
            /*Pulsanti righe disabailitati*/ }
            .f4ns-grid .f4ns-grid-content.tabulator .tabulator-table .tabulator-row .tabulator-cell .f4ns-grid-column-button-container .f4ns-field-button.f4ns-grid-column-button:hover {
              background-color: #f0f0f0ba !important; }
            .f4ns-grid .f4ns-grid-content.tabulator .tabulator-table .tabulator-row .tabulator-cell .f4ns-grid-column-button-container .f4ns-field-button.f4ns-grid-column-button.gcb-disabled-visible, .f4ns-grid .f4ns-grid-content.tabulator .tabulator-table .tabulator-row .tabulator-cell .f4ns-grid-column-button-container .f4ns-field-button.f4ns-grid-column-button.gcb-disabled-skill {
              background-color: #b7b7b7 !important;
              color: #444444 !important; }
            .f4ns-grid .f4ns-grid-content.tabulator .tabulator-table .tabulator-row .tabulator-cell .f4ns-grid-column-button-container .f4ns-field-button.f4ns-grid-column-button span {
              margin: 0;
              font-size: calc(14px + calc(var(--f4ns-kgrid-row-button-size) / 10)) !important; }
    .f4ns-grid .f4ns-grid-content.tabulator .tabulator-footer .tabulator-calcs-holder {
      font-family: "Arial", sans-serif !important;
      font-style: normal !important;
      font-size: 12px !important;
      color: #000000 !important; }
      .f4ns-grid .f4ns-grid-content.tabulator .tabulator-footer .tabulator-calcs-holder .f4ns-grid-footer-counter {
        display: flex;
        flex-direction: column;
        height: 35px; }
        .f4ns-grid .f4ns-grid-content.tabulator .tabulator-footer .tabulator-calcs-holder .f4ns-grid-footer-counter .f4ns-grid-footer-counter-selected {
          flex: 1;
          align-content: center; }
        .f4ns-grid .f4ns-grid-content.tabulator .tabulator-footer .tabulator-calcs-holder .f4ns-grid-footer-counter .f4ns-grid-footer-counter-total {
          flex: 1;
          align-content: center; }
    .f4ns-grid .f4ns-grid-content.tabulator .tabulator-footer .tabulator-footer-contents {
      flex-direction: row-reverse !important;
      font-family: "Arial", sans-serif !important;
      font-style: normal !important;
      font-size: 12px !important;
      color: #000000 !important; }
      .f4ns-grid .f4ns-grid-content.tabulator .tabulator-footer .tabulator-footer-contents .tabulator-paginator {
        text-align: left; }
        .f4ns-grid .f4ns-grid-content.tabulator .tabulator-footer .tabulator-footer-contents .tabulator-paginator .tabulator-page {
          float: left; }
          .f4ns-grid .f4ns-grid-content.tabulator .tabulator-footer .tabulator-footer-contents .tabulator-paginator .tabulator-page[aria-label="Last Page"] {
            margin-right: 10px; }

/* Per cancellare la riga dei filtri dal menu a comparsa delle colonne */
ul.k-widget.k-header.k-menu.k-menu-vertical li.k-item.k-filter-item {
  display: none !important; }

.super-ctrl {
  box-shadow: inset 0 0 5px 1px #fbff81dd !important; }
  .super-ctrl:hover {
    box-shadow: inset 0 0 5px 1px #ffa500dd !important; }

/*Kendo Grid*/
div.k-grid {
  /*Per togliere i bordi*/
  border: 0 !important;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-top: calc(var(--f4ns-kgrid-toolbar-button-size) + 1px);
  /*Per le dimensioni delle righe*/
  /*Evidenzia il bordo destro della colonna*/
  /*Sticky column header*/
  /*Sticky buttons*/
  /*Sticky buttons*/
  /*Per la dimensione e il colore dei pulsanti delle righe della kendo grid*/
  /*Per colorare le righe e le righe alternate della kendo grid*/
  /*Per identificare i campi editable_inline*/
  /*Per colorare i checkbox di selezione riga*/
  /*Per colorare il checkbox per selezionare tutte le righe*/
  /*Per colorare l'hover sulle righe della kendo grid (escluso il footer)*/
  /*Per il colore dell'header e il font e le dimensioni dell'header*/
  /*Kendo Grid Filter*/
  /*Per il colore e il bordino dei numeri pagina*/
  /*Per il colore delle icone*/
  /*Per centrare le icone dei comandi*/
  /*Testata raggruppamenti*/
  /*Evidenzia le righe nel drag and drop*/
  /*Abbassa il contenuto della griglia (le righe) per la shadow dei filtri*/
  /*Footer della griglia*/
  /*gestione bordo destro colonna sinistra checkbox (righe+footer)*/ }
  div.k-grid tbody tr td {
    padding: 0 6px 0 6px;
    border-color: #fcfcfc;
    /*Checkbox per selezionare le righe*/
    /*Colonna disabilitata*/ }
    div.k-grid tbody tr td.td-ellipsis {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      div.k-grid tbody tr td.td-ellipsis br {
        display: none; }
    div.k-grid tbody tr td.col-select {
      padding: 0 3px 0 3px;
      overflow: unset;
      opacity: 1;
      background-color: inherit;
      z-index: 100; }
      div.k-grid tbody tr td.col-select.col-select-hidden input.k-checkbox {
        visibility: hidden; }
    div.k-grid tbody tr td.gc-disabled-visible, div.k-grid tbody tr td.gc-disabled-skill {
      background: #dddddd55; }
      div.k-grid tbody tr td.gc-disabled-visible span, div.k-grid tbody tr td.gc-disabled-skill span {
        opacity: 30% !important; }
  div.k-grid tbody tr:not(.k-footer-template) td {
    height: var(--f4ns-kgrid-row-height); }
  div.k-grid tbody tr.k-footer-template td {
    height: 25px; }
  div.k-grid th.k-header.bordermark {
    border-right: 5px solid red; }
  div.k-grid th.k-header.colsticky {
    position: sticky;
    right: 0;
    padding: 0; }
    div.k-grid th.k-header.colsticky div.gcb-disabled-visible {
      background-color: #575757; }
    div.k-grid th.k-header.colsticky div.gcb-disabled-skill {
      background-color: #84816c; }
  div.k-grid tbody tr .colsticky {
    position: sticky;
    right: 0;
    padding: 0;
    opacity: 1;
    /*Colore sfondo col-button*/ }
    div.k-grid tbody tr .colsticky.k-command-cell {
      background-color: inherit; }
  div.k-grid th.k-header.colsticky-left {
    position: sticky;
    left: 0;
    padding: 0;
    border-right-width: 1px;
    z-index: 1;
    /*per nascondere punto vicino a checkbox*/
    color: transparent !important; }
    div.k-grid th.k-header.colsticky-left.col-select-hidden input.k-checkbox {
      visibility: hidden; }
  div.k-grid tbody tr .colsticky-left {
    position: sticky;
    left: 0;
    padding: 0;
    opacity: 1;
    border-right-width: 1px; }
  div.k-grid tbody .k-button {
    min-width: var(--f4ns-kgrid-row-button-size);
    width: var(--f4ns-kgrid-row-button-size);
    height: var(--f4ns-kgrid-row-button-size);
    padding: 0;
    color: #252525;
    border: 1px solid #e1e1e1;
    box-shadow: none;
    background-color: #ffffffba;
    /*Pulsanti righe disabailitati*/ }
    div.k-grid tbody .k-button:hover {
      background-color: #f0f0f0ba; }
    div.k-grid tbody .k-button.gcb-disabled-visible, div.k-grid tbody .k-button.gcb-disabled-skill {
      background-color: #b7b7b7 !important;
      color: #444444 !important; }
    div.k-grid tbody .k-button span {
      margin: 0;
      font-size: calc(14px + calc(var(--f4ns-kgrid-row-button-size) / 10)); }
  div.k-grid tr.k-alt {
    filter: brightness(0.97);
    /*
    td.grid-style-column,td:not(.grid-style-cell),td:not(.grid-style-template-color){
    	filter: brightness(1.04);
    }
    */ }
  div.k-grid tr:not(.k-state-selected):not(.k-filter-row):not(:hover) {
    background-color: #fcfcfc; }
    div.k-grid tr:not(.k-state-selected):not(.k-filter-row):not(:hover).krow_green {
      background-color: #cdf5cd !important; }
    div.k-grid tr:not(.k-state-selected):not(.k-filter-row):not(:hover).krow_orange {
      background-color: #ffe0c2 !important; }
    div.k-grid tr:not(.k-state-selected):not(.k-filter-row):not(:hover).krow_red {
      background-color: #f5cdcd !important; }
    div.k-grid tr:not(.k-state-selected):not(.k-filter-row):not(:hover).krow_blue {
      background-color: #cddbf5 !important; }
  div.k-grid td.cell_contenteditable {
    background: linear-gradient(to top left, transparent 50%, #b5b5b5 0) top left/4px 4px no-repeat;
    overflow: hidden; }
    div.k-grid td.cell_contenteditable input {
      width: 100%;
      height: 100%;
      outline: none;
      border: none;
      margin: 0;
      padding: 0;
      background-color: #fcf5d0;
      font-size: 11px;
      text-indent: 6px;
      box-shadow: inset 0 0 1px 0px black; }
    div.k-grid td.cell_contenteditable.k-edit-cell {
      padding: 0; }
  div.k-grid .k-checkbox {
    background-color: white;
    border-color: #a3a3a3;
    color: #ffffff;
    border-radius: 2px;
    width: calc(var(--f4ns-kgrid-row-button-size) * 0.90);
    height: calc(var(--f4ns-kgrid-row-button-size) * 0.90); }
    div.k-grid .k-checkbox:checked {
      background-color: var(--f4ns-color-env);
      border-color: #a3a3a3;
      color: #ffffff; }
    div.k-grid .k-checkbox:focus {
      box-shadow: none; }
  div.k-grid .k-grid-header th.k-header .k-checkbox {
    background-color: transparent; }
  div.k-grid tr:not(.k-footer-template):not(.k-filter-row):hover {
    filter: saturate(120%) brightness(98%); }
  div.k-grid tr:not(.k-footer-template):not(.k-filter-row):hover td.grid-style-default,
  div.k-grid tr:not(.k-footer-template):not(.k-filter-row):hover td.grid-style-row {
    background: #fcf5ba !important; }
  div.k-grid tr.k-state-selected {
    box-shadow: none;
    color: #252525;
    background: #fcf5ba !important; }
    div.k-grid tr.k-state-selected td.grid-style-default,
    div.k-grid tr.k-state-selected td.grid-style-row {
      background: #fcf5ba !important; }
    div.k-grid tr.k-state-selected:hover > td {
      filter: saturate(130%) brightness(97%);
      background-color: #fcf5ba; }
  div.k-grid div.k-grid-header {
    position: relative;
    z-index: 1;
    box-shadow: 1px 1px 5px 0 #11111155;
    /*Check per selezionare tutte le righe*/ }
    div.k-grid div.k-grid-header tr th.k-header:first-child {
      /*col-select*/
      padding: 3px !important; }
    div.k-grid div.k-grid-header th.k-header {
      background-color: #797979;
      height: 18px;
      padding: 2px 3px 1px 3px !important;
      font-size: calc(var(--f4ns-page-font-size) + 1px);
      font-weight: bold;
      color: #ffffff;
      vertical-align: middle;
      /*Header colonna disabilitata*/ }
      div.k-grid div.k-grid-header th.k-header a.k-link, div.k-grid div.k-grid-header th.k-header div {
        font-size: calc(var(--f4ns-page-font-size) + 1px);
        font-weight: bold;
        color: #ffffff;
        display: block;
        min-height: 16px; }
        div.k-grid div.k-grid-header th.k-header a.k-link *, div.k-grid div.k-grid-header th.k-header div * {
          vertical-align: middle;
          display: inline;
          float: left;
          margin: 0; }
        div.k-grid div.k-grid-header th.k-header a.k-link span.k-icon.k-i-sort-desc-sm,
        div.k-grid div.k-grid-header th.k-header a.k-link span.k-icon.k-i-sort-asc-sm, div.k-grid div.k-grid-header th.k-header div span.k-icon.k-i-sort-desc-sm,
        div.k-grid div.k-grid-header th.k-header div span.k-icon.k-i-sort-asc-sm {
          position: relative;
          background-color: #797979; }
      div.k-grid div.k-grid-header th.k-header a.k-link {
        position: relative;
        display: flex; }
      div.k-grid div.k-grid-header th.k-header:not(.gc-super) a.k-link {
        display: flex;
        flex-direction: row; }
        div.k-grid div.k-grid-header th.k-header:not(.gc-super) a.k-link div {
          flex: 1 0 0px; }
        div.k-grid div.k-grid-header th.k-header:not(.gc-super) a.k-link span.k-icon.k-i-sort-desc-sm,
        div.k-grid div.k-grid-header th.k-header:not(.gc-super) a.k-link span.k-icon.k-i-sort-asc-sm {
          position: relative;
          background-color: #797979; }
      div.k-grid div.k-grid-header th.k-header a.k-header-column-menu.k-state-active {
        background-color: #797979; }
      div.k-grid div.k-grid-header th.k-header.gc-disabled-visible div, div.k-grid div.k-grid-header th.k-header.gc-disabled-skill div {
        color: black; }
      div.k-grid div.k-grid-header th.k-header.gc-disabled-visible {
        background: repeating-linear-gradient(-45deg, #575757, #575757 10px, #797979 10px, #797979 20px); }
      div.k-grid div.k-grid-header th.k-header.gc-disabled-skill {
        background: repeating-linear-gradient(-45deg, #575757, #575757 10px, #84816c 10px, #84816c 20px); }
    div.k-grid div.k-grid-header.k-grid-header-row-disabled {
      pointer-events: none;
      opacity: 0.8; }
  div.k-grid tr.k-filter-row {
    /*Per il colore della riga filtri*/
    background-color: #fcfcfc;
    /*Per sistemare le dimensioni dei filtri*/ }
    div.k-grid tr.k-filter-row:hover {
      background-color: #fcfcfc; }
    div.k-grid tr.k-filter-row th.k-group-cell.k-header {
      background-color: #fcfcfc; }
    div.k-grid tr.k-filter-row .k-dropdown-operator {
      right: 0; }
    div.k-grid tr.k-filter-row span.k-filtercell > span {
      padding-right: 0px; }
    div.k-grid tr.k-filter-row th {
      padding: 0;
      z-index: 1; }
      div.k-grid tr.k-filter-row th.colsticky {
        position: sticky;
        right: 0;
        background-color: #ffffff; }
      div.k-grid tr.k-filter-row th.colsticky-left {
        position: sticky;
        left: 0;
        background-color: #ffffff;
        border-right-width: 1px; }
      div.k-grid tr.k-filter-row th div.filter-reset {
        cursor: pointer; }
        div.k-grid tr.k-filter-row th div.filter-reset:hover {
          color: #a3a3a3; }
    div.k-grid tr.k-filter-row span.k-filtercell span.k-widget {
      border: 0 !important;
      box-shadow: none; }
    div.k-grid tr.k-filter-row .k-autocomplete-clearable .k-input,
    div.k-grid tr.k-filter-row .k-combobox-clearable .k-input {
      height: 20px; }
    div.k-grid tr.k-filter-row .k-multiselect-clearable .k-input {
      width: 0 !important;
      min-width: 0 !important;
      height: 20px !important;
      min-height: 20px !important;
      padding: 0;
      visibility: hidden; }
    div.k-grid tr.k-filter-row .k-multiselect-clearable .k-multiselect-wrap.k-floatwrap ul li.k-button {
      display: none; }
    div.k-grid tr.k-filter-row .k-multiselect-clearable .multiselect-filter-selected-element {
      display: block;
      margin: 5px 0 0 5px; }
    div.k-grid tr.k-filter-row .k-multiselect-clearable .k-multiselect-wrap span.k-icon.k-clear-value.k-i-close {
      color: #aaaaaa; }
    div.k-grid tr.k-filter-row .k-autocomplete .k-input,
    div.k-grid tr.k-filter-row .k-dropdown-wrap .k-input,
    div.k-grid tr.k-filter-row .k-numeric-wrap .k-input,
    div.k-grid tr.k-filter-row .k-picker-wrap .k-input,
    div.k-grid tr.k-filter-row .k-selectbox .k-input,
    div.k-grid tr.k-filter-row .k-textbox > input {
      height: 21px;
      line-height: 20px; }
    div.k-grid tr.k-filter-row .k-dropdown-wrap .k-input {
      height: 20px;
      line-height: 16px; }
    div.k-grid tr.k-filter-row .k-autocomplete .k-icon.k-i-close {
      display: none !important; }
    div.k-grid tr.k-filter-row .k-dropdown-wrap.k-state-default {
      height: 20px; }
    div.k-grid tr.k-filter-row th span.k-select {
      line-height: 20px; }
    div.k-grid tr.k-filter-row .k-button.k-button-icontext {
      padding: 10px; }
    div.k-grid tr.k-filter-row .k-button.k-button-icontext span.k-icon {
      margin: 0; }
    div.k-grid tr.k-filter-row span.k-filtercell .k-button.k-button-icon {
      visibility: hidden; }
  div.k-grid .k-grouping-header {
    background-color: #fcfcfc;
    color: #000000;
    border-color: #252525; }
  div.k-grid .k-grouping-header .k-group-indicator {
    background-color: #797979;
    color: #ffffff;
    border-color: #fcfcfc; }
  div.k-grid .k-pager-numbers .k-state-selected {
    background-color: #d9d9d9;
    color: #252525;
    font-weight: bold;
    border-color: #252525 transparent transparent; }
  div.k-grid .k-list > .k-state-selected.k-state-focused {
    color: #111111;
    font-weight: bold; }
  div.k-grid .k-pager-sizes.k-label {
    border-left: 1px solid #999999;
    margin-left: 50px;
    /*larghezza dropdown pagesize*/ }
    div.k-grid .k-pager-sizes.k-label span.k-dropdown {
      width: 70px; }
  div.k-grid .k-grid-header .k-icon {
    color: #cccccc;
    opacity: 1; }
  div.k-grid .k-grid-content .k-icon {
    color: #6f6f6f;
    opacity: 1; }
  div.k-grid .k-grid-header .k-resize-handle {
    cursor: e-resize; }
  div.k-grid .k-grid-content td.k-command-cell {
    text-align: center; }
  div.k-grid .k-grid-content tr.k-grouping-row td {
    background-color: #cfd2dd;
    box-shadow: inset 0px 0px 0px 1px #85858544;
    font-size: 13px;
    white-space: break-spaces; }
  div.k-grid .drag-highlight {
    background-color: #d2d2d2 !important; }
  div.k-grid .drop-highlight {
    border-top: 2px !important;
    border-bottom: 2px !important;
    border-style: dashed !important;
    border-color: gray !important; }
  div.k-grid .k-grid-content {
    padding-top: 2px; }
  div.k-grid div.k-grid-footer {
    position: relative;
    z-index: 1;
    box-shadow: 1px -1px 4px 0 #11111133;
    border-bottom-width: 0px;
    outline: none; }
    div.k-grid div.k-grid-footer .kgrid-row-selected-count {
      text-overflow: unset;
      padding: 0;
      text-align: center;
      color: var(--f4ns-color-env);
      vertical-align: middle;
      font-weight: 1; }
    div.k-grid div.k-grid-footer div.column-footer-sum {
      visibility: hidden;
      text-align: right; }
      div.k-grid div.k-grid-footer div.column-footer-sum span.footer-sum-selected {
        display: block;
        color: var(--f4ns-color-env);
        font-weight: 1; }
  div.k-grid div.k-pager-wrap.k-grid-pager.k-widget {
    position: relative;
    z-index: 2;
    border: 0;
    height: 20px; }
  div.k-grid tbody tr > td:not(.colsticky-left):not([style*="display: none"]):not([style*="display:none"]) {
    border-left-width: 0; }
  div.k-grid tbody tr > td:not(.colsticky-left):not([style*="display: none"]):not([style*="display:none"]) ~ td:not(.colsticky-left):not([style*="display: none"]):not([style*="display:none"]) {
    border-left-width: 1px; }

/*Per gli elementi selezionati del menu a comparsa dei multiselect*/
div.k-list-container div.k-list-scroller ul.k-list li.k-item.k-state-selected {
  background: #d6d8fb !important; }
  div.k-list-container div.k-list-scroller ul.k-list li.k-item.k-state-selected span:not(.k-icon) {
    color: black !important;
    font-weight: bold; }

/*gestione bordo destro colonna sinistra checkbox(header)*/
div.k-grid-header thead tr > th:not(.colsticky-left):not([style*="display: none"]):not([style*="display:none"]) {
  border-left-width: 0; }
div.k-grid-header thead tr > th:not(.colsticky-left):not([style*="display: none"]):not([style*="display:none"]) ~ th:not(.colsticky-left):not([style*="display: none"]):not([style*="display:none"]) {
  border-left-width: 1px; }

/*Griglia in modalita edit permessi per i bottoni della toolbar e delle righe*/
.kgrid-edit-mode-buttons {
  pointer-events: none !important; }
  .kgrid-edit-mode-buttons .k-grid-header-wrap {
    opacity: 0.1 !important; }
  .kgrid-edit-mode-buttons div.f4ns-toolbar {
    height: auto !important;
    background-color: #dddddd !important; }
    .kgrid-edit-mode-buttons div.f4ns-toolbar .f4ns-toolbar-item-button#set_user_group_button_permission,
    .kgrid-edit-mode-buttons div.f4ns-toolbar .f4ns-toolbar-zone#left .f4ns-toolbar-item-button {
      pointer-events: all !important;
      background-color: var(--f4ns-color-env-darken-10); }
  .kgrid-edit-mode-buttons td:not(.kgrid-button-edit-mode-buttons) {
    opacity: 0.1 !important; }
  .kgrid-edit-mode-buttons .kgrid-button-edit-mode-buttons {
    height: 40px !important;
    padding-right: 5px;
    border: 3px dashed black !important;
    opacity: 1 !important;
    pointer-events: all !important;
    white-space: nowrap !important; }
    .kgrid-edit-mode-buttons .kgrid-button-edit-mode-buttons .k-button {
      width: 25px;
      height: 25px; }

/*Griglia in modalità edit per modifica configurazione colonne*/
.kgrid-edit-mode-column {
  	/*
  	div.k-header.k-grid-toolbar{
  		background-color: #dddddd !important;
  
  		.k-button:not(.k-grid-ksettings){
  			opacity: 0.1 !important;
  		}
  		.k-button.k-grid-ksettings{
  			pointer-events: all !important;
  		}
  		.k-button:not(.k-grid-ksettings){
  			pointer-events: none !important;
  		}
  	}
  	*/ }
  .kgrid-edit-mode-column div.f4ns-toolbar {
    pointer-events: none !important;
    background-color: #dddddd !important; }
    .kgrid-edit-mode-column div.f4ns-toolbar .f4ns-toolbar-item-button#set_user_group_button_permission {
      pointer-events: all !important;
      background-color: var(--f4ns-color-env-darken-10); }
  .kgrid-edit-mode-column div.k-grid-header {
    pointer-events: all !important; }
  .kgrid-edit-mode-column div.k-grid-footer,
  .kgrid-edit-mode-column div.k-grid-footer-wrap,
  .kgrid-edit-mode-column div.k-pager-wrap {
    pointer-events: none !important;
    opacity: 0.2 !important; }
  .kgrid-edit-mode-column div.k-grid-content {
    opacity: 0.2 !important; }
    .kgrid-edit-mode-column div.k-grid-content tr {
      pointer-events: none !important; }

.kgrid-th-edit-mode-column {
  border: 1px dashed white !important; }

.k-reorder-clue.k-drag-clue {
  border: 2px dashed #797979;
  padding: 5px;
  box-shadow: none;
  font-weight: bold; }

.k-reorder-cue {
  z-index: 1; }

/*
$f4ns_field_stle_map: (
	xxs: (
		field_height: 18px,
		field_font_size: 10px,
		field_padding_right_left: 2px,
		field_padding_bottom: 0px,
		field_border_color: #b4b4b4,
		field_border_width: 1px,
		//
		field_input_border_radius: 5px,
		//
		field_button_icon_font_size: 10px,
		field_button_border_radius: 6px,
		field_button_padding_right_left: 4px,
		field_button_box_shadow: (0 1px 1px 0 #3c404328),
		field_button_box_shadow_hover: (0 1px 1px 0 #3c404328, 0 1px 1px 1px #3c404324),
		field_button_box_shadow_active: none,
		//
		field_textarea_padding_top: 2px,
		field_textarea_line_height: 12px,
		//
		field_switch_width: 32px,
		field_switch_height: 18px,
		field_switch_slider_size: 12px,
		field_switch_slider_left_bottom: 2px,
		//
		field_select_item_padding_top: 0px,
		field_select_item_height: 14px,
		field_select_item_border_radius: 3px,
		field_select_multi_item_margin_bottom: 1px,
		field_select_multi_item_padding_top: 2px,
		//
		field_wysiwyg_editor_min_height: 40px,
		//
		field_line_height: 1px,
		//
		field_inner_icon_span_size: 8px,
		field_inner_icon_span_font_size: 7px,
		field_inner_icon_span_border_radius: 3px,
		//
		field_dirty_size: 3px,
	),
	xs: (
		field_height: 20px,
		field_font_size: 11px,
		field_padding_right_left: 3px,
		field_padding_bottom: 0px,
		field_border_color: #b4b4b4,
		field_border_width: 1px,
		//
		field_input_border_radius: 6px,
		//
		field_button_icon_font_size: 11px,
		field_button_border_radius: 7px,
		field_button_padding_right_left: 6px,
		field_button_box_shadow: (0 1px 1px 0 #3c404328, 0 1px 1px 0 #3c404320),
		field_button_box_shadow_hover: (0 1px 1px 0 #3c404328, 0 1px 2px 1px #3c404324),
		field_button_box_shadow_active: none,
		//
		field_textarea_padding_top: 2px,
		field_textarea_line_height: 13px,
		//
		field_switch_width: 36px,
		field_switch_height: 20px,
		field_switch_slider_size: 14px,
		field_switch_slider_left_bottom: 2px,
		//
		field_select_item_padding_top: 0px,
		field_select_item_height: 16px,
		field_select_item_border_radius: 4px,
		field_select_multi_item_margin_bottom: 1px,
		field_select_multi_item_padding_top: 2px,
		//
		field_wysiwyg_editor_min_height: 45px,
		//
		field_line_height: 1px,
		//
		field_inner_icon_span_size: 9px,
		field_inner_icon_span_font_size: 8px,
		field_inner_icon_span_border_radius: 3px,
		//
		field_dirty_size: 4px,
	),
	sm: (
		field_height: 24px,
		field_font_size: 12px,
		field_padding_right_left: 4px,
		field_padding_bottom: 0px,
		field_border_color: #b4b4b4,
		field_border_width: 1px,
		//
		field_input_border_radius:7px,
		//
		field_button_icon_font_size: 14px,
		field_button_border_radius:9px,
		field_button_padding_right_left: 8px,
		field_button_box_shadow: (0 1px 1px 0 #3c404328,0 1px 2px 0 #3c404320),
		field_button_box_shadow_hover: (0 1px 1px 0 #3c404328,0 1px 2px 1px #3c404324),
		field_button_box_shadow_active: none,
		//
		field_textarea_padding_top: 3px,
		field_textarea_line_height: 14px,
		//
		field_switch_width: 42px,
		field_switch_height: 24px,
		field_switch_slider_size: 18px,
		field_switch_slider_left_bottom: 3px,
		//
		field_select_item_padding_top: 0px,
		field_select_item_height: 18px,
		field_select_item_border_radius: 5px,
		field_select_multi_item_margin_bottom: 1px,
		field_select_multi_item_padding_top: 3px,
		//
		field_wysiwyg_editor_min_height: 50px,
		//
		field_line_height: 1px,
		//
		field_inner_icon_span_size: 10px,
		field_inner_icon_span_font_size: 9px,
		field_inner_icon_span_border_radius: 4px,
		//
		field_dirty_size: 5px,
	),
	md: (
		field_height: 36px,
		field_font_size: 14px,
		field_padding_right_left: 8px,
		field_padding_bottom: 0px,
		field_border_color: #b4b4b4,
		field_border_width: 1px,
		//
		field_input_border_radius:10px,
		//
		field_button_icon_font_size: 20px,
		field_button_border_radius:13px,
		field_button_padding_right_left: 12px,
		field_button_box_shadow: (0 1px 1px 0 #3c404333,0 1px 1px 1px #3c404322),
		field_button_box_shadow_hover: (0 1px 2px 0 #3c404333,0 1px 2px 2px #3c404326),
		field_button_box_shadow_active: (0 1px 1px 0 #3c404333),
		//
		field_textarea_padding_top: 5px,
		field_textarea_line_height: normal,
		//
		field_switch_width: 64px,
		field_switch_height: 36px,
		field_switch_slider_size: 28px,
		field_switch_slider_left_bottom: 4px,
		//
		field_select_item_padding_top: 7px,
		field_select_item_height: 28px,
		field_select_item_border_radius: 7px,
		field_select_multi_item_margin_bottom: 3px,
		field_select_multi_item_padding_top: 5px,
		//
		field_wysiwyg_editor_min_height: 80px,
		//
		field_line_height: 2px,
		//
		field_inner_icon_span_size: 14px,
		field_inner_icon_span_font_size: 11px,
		field_inner_icon_span_border_radius: 5px,
		//
		field_dirty_size: 9px,
	),
	lg: (
		field_height: 54px,
		field_font_size: 20px,
		field_padding_right_left: 10px,
		field_padding_bottom: 0px,
		field_border_color: #b4b4b4,
		field_border_width: 2px,
		//
		field_input_border_radius:15px,
		//
		field_button_icon_font_size: 32px,
		field_button_border_radius:22px,
		field_button_padding_right_left: 16px,
		field_button_box_shadow: (0 1px 2px 0 #3c404344,0 2px 2px 1px #3c404326),
		field_button_box_shadow_hover: (0 1px 3px 0 #3c40434d,0 2px 4px 2px #3c404326),
		field_button_box_shadow_active: (0 1px 1px 0 #3c404366),
		//
		field_textarea_padding_top: 10px,
		field_textarea_line_height: normal,
		//
		field_switch_width: 72px,
		field_switch_height: 40px,
		field_switch_slider_size: 32px,
		field_switch_slider_left_bottom: 4px,
		//
		field_select_item_padding_top: 10px,
		field_select_item_height: 41px,
		field_select_item_border_radius: 10px,
		field_select_multi_item_margin_bottom: 4px,
		field_select_multi_item_padding_top: 6px,
		//
		field_wysiwyg_editor_min_height: 100px,
		//
		field_line_height: 3px,
		//
		field_inner_icon_span_size: 22px,
		field_inner_icon_span_font_size: 14px,
		field_inner_icon_span_border_radius: 7px,
		//
		field_dirty_size: 11px,
	),
	xl: (
		field_height: 72px,
		field_font_size: 24px,
		field_padding_right_left: 12px,
		field_padding_bottom: 0px,
		field_border_color: #b4b4b4,
		field_border_width: 2px,
		//
		field_input_border_radius: 20px,
		//
		field_button_icon_font_size: 48px,
		field_button_border_radius: 28px,
		field_button_padding_right_left: 20px,
		field_button_box_shadow: (0 2px 3px 0 #3c404355, 0 3px 3px 2px #3c404333),
		field_button_box_shadow_hover: (0 2px 4px 0 #3c404366, 0 3px 6px 3px #3c404344),
		field_button_box_shadow_active: (0 2px 2px 0 #3c404377),
		//
		field_textarea_padding_top: 12px,
		field_textarea_line_height: normal,
		//
		field_switch_width: 90px,
		field_switch_height: 50px,
		field_switch_slider_size: 40px,
		field_switch_slider_left_bottom: 5px,
		//
		field_select_item_padding_top: 14px,
		field_select_item_height: 50px,
		field_select_item_border_radius: 12px,
		field_select_multi_item_margin_bottom: 5px,
		field_select_multi_item_padding_top: 8px,
		//
		field_wysiwyg_editor_min_height: 120px,
		//
		field_line_height: 4px,
		//
		field_inner_icon_span_size: 28px,
		field_inner_icon_span_font_size: 18px,
		field_inner_icon_span_border_radius: 9px,
		//
		field_dirty_size: 13px,
	),
	xxl: (
		field_height: 96px,
		field_font_size: 30px,
		field_padding_right_left: 16px,
		field_padding_bottom: 0px,
		field_border_color: #b4b4b4,
		field_border_width: 3px,
		//
		field_input_border_radius: 25px,
		//
		field_button_icon_font_size: 64px,
		field_button_border_radius: 35px,
		field_button_padding_right_left: 24px,
		field_button_box_shadow: (0 3px 4px 0 #3c404366, 0 4px 6px 3px #3c404344),
		field_button_box_shadow_hover: (0 3px 5px 0 #3c404377, 0 4px 8px 4px #3c404355),
		field_button_box_shadow_active: (0 3px 3px 0 #3c404388),
		//
		field_textarea_padding_top: 16px,
		field_textarea_line_height: normal,
		//
		field_switch_width: 110px,
		field_switch_height: 60px,
		field_switch_slider_size: 48px,
		field_switch_slider_left_bottom: 6px,
		//
		field_select_item_padding_top: 18px,
		field_select_item_height: 60px,
		field_select_item_border_radius: 15px,
		field_select_multi_item_margin_bottom: 6px,
		field_select_multi_item_padding_top: 10px,
		//
		field_wysiwyg_editor_min_height: 150px,
		//
		field_line_height: 5px,
		//
		field_inner_icon_span_size: 36px,
		field_inner_icon_span_font_size: 22px,
		field_inner_icon_span_border_radius: 11px,
		//
		field_dirty_size: 17px,
	)
);
*/
.f4ns-option-container {
  position: absolute;
  top: 0; }
  .f4ns-option-container .ts-dropdown {
    min-width: 200px; }
  .f4ns-option-container .flatpickr-calendar {
    top: 0 !important;
    left: 0 !important; }

/*************/
/*f4ns-field*/
/*************/
/*field size*/
.f4ns-field.f4ns-field-h12 {
  /*general style*/
  position: relative;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  background-color: white;
  color: #444;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  /*hidden*/
  /*dirty*/
  /*readonly*/
  /*height, font, scrollbar*/
  /*padding*/
  /*border-radius-focus-hover*/
  /*box*/
  /*label*/
  /*input / input-datetime*/
  /*input-range*/
  /*input-color*/
  /*textarea*/
  /*qrcode*/
  /*icon*/
  /*image*/
  /*button*/
  /*select*/
  /*signature*/
  /*wysiwyg*/
  /*switch*/
  /*upload*/
  /*precode*/
  /*iframe*/
  /*chips*/
  /*line*/
  /*error icon*/ }
  .f4ns-field.f4ns-field-h12.f4ns-field-hidden {
    display: none !important; }
  .f4ns-field.f4ns-field-h12:not(.f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line, .f4ns-field-switch, .f4ns-field-image, .f4ns-field-icon).f4ns-field-dirty::after {
    content: "";
    position: absolute;
    top: calc(3px * 0.5);
    right: calc(3px * 0.5);
    width: 3px;
    height: 3px;
    clip-path: polygon(100% 0, 0 0, 100% 100%);
    border-top-right-radius: calc(3px * 0.5);
    border-top-left-radius: calc(3px * 0.25);
    border-bottom-right-radius: calc(3px * 0.25);
    background-color: #85858544; }
  .f4ns-field.f4ns-field-h12.f4ns-field-readonly {
    pointer-events: none; }
    .f4ns-field.f4ns-field-h12.f4ns-field-readonly:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-switch, .f4ns-field-image, .f4ns-field-precode, .f4ns-field-icon, .f4ns-field-label) {
      background-color: #eeeeee !important;
      border-color: #dddddd; }
  .f4ns-field.f4ns-field-h12:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) {
    height: 12px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    font-size: 4.6666666667px !important; }
    .f4ns-field.f4ns-field-h12:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) * {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
      font-size: 4.6666666667px !important;
      /*Scrollbar*/ }
      .f4ns-field.f4ns-field-h12:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) *::-webkit-scrollbar {
        width: 10px; }
      .f4ns-field.f4ns-field-h12:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) *::-webkit-scrollbar-track {
        margin-bottom: 1px;
        margin-top: 1px;
        background-color: white;
        border-radius: 10px; }
      .f4ns-field.f4ns-field-h12:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) *::-webkit-scrollbar-thumb {
        cursor: auto;
        background-color: #d8d8d8;
        border-radius: 10px;
        border: 2px solid transparent; }
      .f4ns-field.f4ns-field-h12:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) *::-webkit-scrollbar-thumb:hover {
        background-color: #aaaaaa; }
      .f4ns-field.f4ns-field-h12:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) *::-webkit-scrollbar-thumb:active {
        background-color: #777777; }
      .f4ns-field.f4ns-field-h12:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) *::-webkit-scrollbar-corner {
        background-color: transparent; }
  .f4ns-field.f4ns-field-h12:not(.f4ns-field-switch, .f4ns-field-wysiwyg, .f4ns-field-iframe, .f4ns-field-box) {
    padding-bottom: 0; }
  .f4ns-field.f4ns-field-h12.f4ns-field-input, .f4ns-field.f4ns-field-h12.f4ns-field-datetime, .f4ns-field.f4ns-field-h12.f4ns-field-textarea, .f4ns-field.f4ns-field-h12.f4ns-field-select, .f4ns-field.f4ns-field-h12 .f4ns-field-box {
    box-sizing: border-box;
    padding-right: 2.6666666667px;
    padding-left: 2.6666666667px; }
  .f4ns-field.f4ns-field-h12.f4ns-field-select.f4ns-field-select-is-multi:has(> .has-items) {
    padding-right: calc(2.6666666667px * 0.5);
    padding-left: calc(2.6666666667px * 0.5); }
  .f4ns-field.f4ns-field-h12.f4ns-field-input, .f4ns-field.f4ns-field-h12.f4ns-field-datetime, .f4ns-field.f4ns-field-h12.f4ns-field-textarea, .f4ns-field.f4ns-field-h12.f4ns-field-select, .f4ns-field.f4ns-field-h12.f4ns-field-wysiwyg, .f4ns-field.f4ns-field-h12.f4ns-field-upload, .f4ns-field.f4ns-field-h12.f4ns-field-iframe, .f4ns-field.f4ns-field-h12.f4ns-field-signature {
    /*border*/
    /*first child transparent*/
    /*focus-hover*/ }
    .f4ns-field.f4ns-field-h12.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h12.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h12.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h12.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h12.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h12.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h12.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h12.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color) {
      outline: none;
      border-width: 0.3333333333px;
      border-color: #b4b4b4;
      border-style: solid;
      border-radius: 3.3333333333px; }
      .f4ns-field.f4ns-field-h12.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h12.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h12.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h12.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h12.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h12.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h12.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h12.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error {
        border-color: #bf1c1c;
        background-color: #fffbfb; }
    .f4ns-field.f4ns-field-h12.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h12.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h12.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h12.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h12.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h12.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h12.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h12.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child {
      border-radius: 3.3333333333px;
      background-color: transparent; }
    .f4ns-field.f4ns-field-h12.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h12.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h12.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h12.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h12.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h12.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h12.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h12.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) {
      /*focus*/
      /*hover*/
      /*autofill chrome*/ }
      .f4ns-field.f4ns-field-h12.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h12.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h12.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h12.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h12.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h12.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h12.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h12.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within {
        border-color: #4b90c7;
        background-color: #f1f8ff; }
      .f4ns-field.f4ns-field-h12.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h12.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h12.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h12.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h12.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h12.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h12.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h12.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within) {
        border-color: #9cb6ca;
        background-color: #fbfdff; }
      .f4ns-field.f4ns-field-h12.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h12.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h12.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h12.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h12.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h12.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h12.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h12.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error {
        /*focus*/
        /*hover*/ }
        .f4ns-field.f4ns-field-h12.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h12.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h12.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h12.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h12.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h12.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h12.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h12.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within {
          border-color: #bf1c1c;
          background-color: #fff1f1; }
        .f4ns-field.f4ns-field-h12.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h12.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h12.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h12.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h12.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h12.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h12.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h12.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within) {
          border-color: #bf1c1c;
          background-color: #fffbfb; }
      .f4ns-field.f4ns-field-h12.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h12.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h12.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h12.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h12.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h12.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h12.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h12.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill {
        background-clip: text; }
  .f4ns-field.f4ns-field-h12.f4ns-field-box {
    height: auto;
    min-height: 12px;
    background-color: transparent; }
    .f4ns-field.f4ns-field-h12.f4ns-field-box .f4ns-field-box-container {
      height: 100%;
      display: flex;
      flex: auto;
      box-sizing: border-box;
      flex-direction: column;
      width: 100%;
      flex: 1; }
    .f4ns-field.f4ns-field-h12.f4ns-field-box.f4ns-field-box-visible .f4ns-field-box-container {
      position: relative;
      border: 1px solid #b4b4b4;
      border-top-right-radius: 8px;
      border-bottom-right-radius: 8px;
      border-bottom-left-radius: 8px;
      border-top-left-radius: 8px;
      padding: 15px 10px 15px 10px;
      background-color: #f9f9f9; }
      .f4ns-field.f4ns-field-h12.f4ns-field-box.f4ns-field-box-visible .f4ns-field-box-container .f4ns-field-box-container-text {
        display: flex;
        position: absolute;
        background: #f9f9f9;
        top: -10px;
        left: -1px;
        padding: 0 10px;
        font-weight: normal;
        font-style: italic;
        border: 1px solid #b4b4b4;
        border-bottom: none;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px; }
    .f4ns-field.f4ns-field-h12.f4ns-field-box.f4ns-field-box-visible .f4ns-field-box-container-text::after {
      content: "";
      position: absolute;
      bottom: 0px;
      width: 2px;
      height: 6px;
      background: #f9f9f9; }
    .f4ns-field.f4ns-field-h12.f4ns-field-box.f4ns-field-box-visible .f4ns-field-box-container-text::after {
      right: -2px; }
  .f4ns-field.f4ns-field-h12.f4ns-field-label {
    background-color: transparent;
    justify-content: center;
    height: 12px;
    line-height: 12px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    font-size: 12px !important;
    /*readonly*/ }
    .f4ns-field.f4ns-field-h12.f4ns-field-label.f4ns-field-readonly {
      color: #dddddd; }
  .f4ns-field.f4ns-field-h12.f4ns-field-input, .f4ns-field.f4ns-field-h12.f4ns-field-datetime {
    /*readonly*/ }
    .f4ns-field.f4ns-field-h12.f4ns-field-input input, .f4ns-field.f4ns-field-h12.f4ns-field-datetime input {
      background-color: transparent;
      height: 100%;
      width: 100%;
      outline: none;
      border: none; }
      .f4ns-field.f4ns-field-h12.f4ns-field-input input::placeholder, .f4ns-field.f4ns-field-h12.f4ns-field-datetime input::placeholder {
        color: lightgray; }
    .f4ns-field.f4ns-field-h12.f4ns-field-input.f4ns-field-readonly input, .f4ns-field.f4ns-field-h12.f4ns-field-datetime.f4ns-field-readonly input {
      color: #888888; }
  .f4ns-field.f4ns-field-h12.f4ns-field-input-range {
    background-color: transparent;
    padding: 0;
    border: none; }
    .f4ns-field.f4ns-field-h12.f4ns-field-input-range ::-webkit-slider-thumb {
      cursor: pointer; }
  .f4ns-field.f4ns-field-h12.f4ns-field-input-color {
    cursor: pointer; }
    .f4ns-field.f4ns-field-h12.f4ns-field-input-color input {
      cursor: pointer; }
  .f4ns-field.f4ns-field-h12.f4ns-field-textarea {
    height: auto;
    min-height: 12px;
    padding-right: 2px !important;
    padding-bottom: 2px !important;
    /*readonly*/ }
    .f4ns-field.f4ns-field-h12.f4ns-field-textarea textarea {
      background-color: transparent;
      height: 100%;
      display: flex;
      flex: auto;
      box-sizing: border-box;
      padding-top: 1.6666666667px;
      line-height: normal;
      outline: none;
      border: none;
      resize: none; }
    .f4ns-field.f4ns-field-h12.f4ns-field-textarea.f4ns-field-readonly textarea {
      color: #888888; }
    .f4ns-field.f4ns-field-h12.f4ns-field-textarea.f4ns-field-textarea-resize-horizontal textarea {
      resize: horizontal; }
    .f4ns-field.f4ns-field-h12.f4ns-field-textarea.f4ns-field-textarea-resize-vertical textarea {
      resize: vertical; }
    .f4ns-field.f4ns-field-h12.f4ns-field-textarea.f4ns-field-textarea-resize-both textarea {
      resize: both; }
  .f4ns-field.f4ns-field-h12.f4ns-field-qrcode div {
    height: inherit; }
    .f4ns-field.f4ns-field-h12.f4ns-field-qrcode div canvas {
      height: inherit; }
    .f4ns-field.f4ns-field-h12.f4ns-field-qrcode div img {
      height: inherit; }
  .f4ns-field.f4ns-field-h12.f4ns-field-icon {
    flex: 0 0 12px !important;
    align-items: center;
    justify-content: center;
    background-color: transparent; }
    .f4ns-field.f4ns-field-h12.f4ns-field-icon span {
      font-size: calc(4.6666666667px * 1.5) !important; }
  .f4ns-field.f4ns-field-h12.f4ns-field-image {
    overflow: hidden;
    position: relative;
    justify-content: center;
    background-color: transparent; }
    .f4ns-field.f4ns-field-h12.f4ns-field-image img {
      max-height: 100%;
      max-width: 100%;
      object-fit: contain;
      background-size: cover;
      vertical-align: middle; }
  .f4ns-field.f4ns-field-h12.f4ns-field-button {
    display: flex;
    flex-direction: row;
    border-radius: 4.3333333333px;
    height: 12px;
    box-shadow: 0 0.3333333333pxpx 0.3333333333pxpx 0 #3c404333, 0 0.3333333333pxpx 0.3333333333pxpx 0.3333333333pxpx #3c404322;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    /*size only icon button*/
    /*padding text-icon button*/
    /*hover*/
    /*active*/ }
    .f4ns-field.f4ns-field-h12.f4ns-field-button.f4ns-field-readonly {
      pointer-events: none;
      opacity: 0.15;
      filter: grayscale(70%); }
    .f4ns-field.f4ns-field-h12.f4ns-field-button span.f4ns-field-button-icon {
      display: flex;
      flex-direction: row;
      font-size: 6.6666666667px; }
    .f4ns-field.f4ns-field-h12.f4ns-field-button span.f4ns-field-button-text {
      flex: 1;
      display: flex;
      flex-direction: row;
      place-content: center;
      font-size: 4.6666666667px !important; }
      .f4ns-field.f4ns-field-h12.f4ns-field-button span.f4ns-field-button-text:empty {
        display: none; }
    .f4ns-field.f4ns-field-h12.f4ns-field-button.f4ns-field-button-has-icon:not(.f4ns-field-button-has-text) {
      flex: 0 0 12px !important;
      width: 12px !important; }
    .f4ns-field.f4ns-field-h12.f4ns-field-button.f4ns-field-button-has-icon.f4ns-field-button-has-text {
      box-sizing: border-box;
      padding-left: 4px;
      padding-right: 4px; }
      .f4ns-field.f4ns-field-h12.f4ns-field-button.f4ns-field-button-has-icon.f4ns-field-button-has-text .f4ns-field-button-text {
        padding-left: calc(4px * 0.3); }
    .f4ns-field.f4ns-field-h12.f4ns-field-button:hover {
      box-shadow: 0 0.3333333333pxpx 0.6666666667pxpx 0 #3c404333, 0 0.3333333333pxpx 0.6666666667pxpx 0.6666666667pxpx #3c404326;
      -webkit-transition: box-shadow 0.08s linear, min-width 0.15s cubic-bezier(0.4, 0, 0.2, 1);
      transition: box-shadow 0.08s linear, min-width 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
    .f4ns-field.f4ns-field-h12.f4ns-field-button:active {
      box-shadow: 0 0.3333333333pxpx 0.3333333333pxpx 0 #3c404333; }
  .f4ns-field.f4ns-field-h12.f4ns-field-select {
    min-height: 12px;
    height: fit-content;
    justify-content: center;
    outline: none;
    cursor: pointer;
    /*arrow down / clear button*/
    /*item*/ }
    .f4ns-field.f4ns-field-h12.f4ns-field-select div.dropdown-input-wrap {
      display: flex; }
      .f4ns-field.f4ns-field-h12.f4ns-field-select div.dropdown-input-wrap input {
        font-size: 4.6666666667px !important; }
      .f4ns-field.f4ns-field-h12.f4ns-field-select div.dropdown-input-wrap input:focus,
      .f4ns-field.f4ns-field-h12.f4ns-field-select div.dropdown-input-wrap input:focus-visible,
      .f4ns-field.f4ns-field-h12.f4ns-field-select div.dropdown-input-wrap input:active {
        outline: none; }
    .f4ns-field.f4ns-field-h12.f4ns-field-select div.f4ns-field-select-option {
      display: flex;
      box-sizing: border-box;
      border-top: 1px solid #eeeeee;
      color: #444444;
      /*dropdown option active*/ }
      .f4ns-field.f4ns-field-h12.f4ns-field-select div.f4ns-field-select-option.active {
        background-color: #fdfadf;
        color: #222222; }
      .f4ns-field.f4ns-field-h12.f4ns-field-select div.f4ns-field-select-option.selected {
        background-color: #a2cef3;
        color: #222222; }
        .f4ns-field.f4ns-field-h12.f4ns-field-select div.f4ns-field-select-option.selected div.f4ns-field-select-option-text-sub {
          color: #505050; }
      .f4ns-field.f4ns-field-h12.f4ns-field-select div.f4ns-field-select-option .f4ns-field-select-option-left {
        flex: 0 0 24px;
        display: flex;
        justify-content: center;
        margin-right: 8px; }
        .f4ns-field.f4ns-field-h12.f4ns-field-select div.f4ns-field-select-option .f4ns-field-select-option-left span {
          display: flex;
          height: calc(12px * 0.5) !important;
          width: calc(12px * 0.5) !important;
          border: 1px solid white;
          border-radius: 50px;
          position: relative;
          vertical-align: middle;
          align-self: center; }
      .f4ns-field.f4ns-field-h12.f4ns-field-select div.f4ns-field-select-option .f4ns-field-select-option-right {
        flex: 1;
        align-content: center; }
      .f4ns-field.f4ns-field-h12.f4ns-field-select div.f4ns-field-select-option a.remove {
        flex: 0 0 24px;
        display: flex;
        justify-content: center;
        margin-right: 8px; }
      .f4ns-field.f4ns-field-h12.f4ns-field-select div.f4ns-field-select-option div.f4ns-field-select-option-text-sub {
        font-style: italic;
        color: #999999;
        margin-top: 2px; }
      .f4ns-field.f4ns-field-h12.f4ns-field-select div.f4ns-field-select-option .highlight {
        background-color: #ffd5003d; }
    .f4ns-field.f4ns-field-h12.f4ns-field-select input::placeholder {
      color: lightgray; }
    .f4ns-field.f4ns-field-h12.f4ns-field-select div.ts-control {
      padding: 0;
      height: 100%;
      border: none;
      outline: none;
      background-color: transparent;
      align-content: center;
      cursor: pointer; }
      .f4ns-field.f4ns-field-h12.f4ns-field-select div.ts-control input {
        min-width: 50px; }
    .f4ns-field.f4ns-field-h12.f4ns-field-select div.ts-wrapper {
      scroll-behavior: auto !important;
      height: 100%;
      cursor: pointer; }
    .f4ns-field.f4ns-field-h12.f4ns-field-select input.items-placeholder {
      cursor: pointer; }
    .f4ns-field.f4ns-field-h12.f4ns-field-select span.f4ns-field-select-icon-arrow {
      opacity: 1;
      z-index: 0;
      transition: opacity 0.3s ease;
      position: absolute;
      right: 10px;
      font-size: calc(4.6666666667px * 1.2) !important;
      pointer-events: none; }
    .f4ns-field.f4ns-field-h12.f4ns-field-select div.clear-button {
      opacity: 0;
      z-index: 0;
      font-size: calc(4.6666666667px * 1.2) !important;
      justify-content: center;
      right: 0;
      box-sizing: border-box;
      padding: 0 5px 5px 5px;
      pointer-events: none; }
    .f4ns-field.f4ns-field-h12.f4ns-field-select:not(.f4ns-field-select-always-with-value).f4ns-field-select-has-value span.f4ns-field-select-icon-arrow {
      opacity: 0; }
    .f4ns-field.f4ns-field-h12.f4ns-field-select:not(.f4ns-field-select-always-with-value).f4ns-field-select-has-value div.clear-button {
      opacity: 1;
      transition: opacity 0.3s ease;
      pointer-events: auto; }
    .f4ns-field.f4ns-field-h12.f4ns-field-select.f4ns-field-readonly div.clear-button {
      pointer-events: none !important; }
    .f4ns-field.f4ns-field-h12.f4ns-field-select.f4ns-field-readonly div.ts-control {
      opacity: 0.5; }
    .f4ns-field.f4ns-field-h12.f4ns-field-select div.ts-wrapper {
      box-sizing: border-box;
      outline: none;
      border-radius: 4.3333333333px; }
      .f4ns-field.f4ns-field-h12.f4ns-field-select div.ts-wrapper div.item {
        align-content: center;
        min-height: 9.3333333333px;
        box-sizing: border-box;
        border-radius: 2.3333333333px;
        padding-top: 2.3333333333px;
        padding-bottom: 2.3333333333px;
        line-height: normal;
        margin: 0; }
        .f4ns-field.f4ns-field-h12.f4ns-field-select div.ts-wrapper div.item .f4ns-field-select-option-text {
          white-space: nowrap; }
      .f4ns-field.f4ns-field-h12.f4ns-field-select div.ts-wrapper.single div.item {
        margin-bottom: 0;
        padding-left: 0;
        padding-right: 0; }
      .f4ns-field.f4ns-field-h12.f4ns-field-select div.ts-wrapper.multi div.item {
        margin-bottom: 1px;
        margin-top: 1px;
        padding-top: 1.6666666667px;
        padding-bottom: 1.6666666667px;
        padding-left: 2.6666666667px;
        padding-right: 2.6666666667px;
        margin-right: 2px; }
      .f4ns-field.f4ns-field-h12.f4ns-field-select div.ts-wrapper input::placeholder {
        color: lightgray; }
  .f4ns-field.f4ns-field-h12.f4ns-field-wysiwyg {
    border: none; }
    .f4ns-field.f4ns-field-h12.f4ns-field-wysiwyg .ql-toolbar {
      border-top-right-radius: calc(3.3333333333px - 0.3333333333px);
      border-top-left-radius: calc(3.3333333333px - 0.3333333333px);
      background-color: #f8f8f8;
      border: none;
      border-bottom: 0.3333333333px solid #b4b4b4;
      font-size: var(--f4ns-page-font-size) !important; }
      .f4ns-field.f4ns-field-h12.f4ns-field-wysiwyg .ql-toolbar * {
        font-size: var(--f4ns-page-font-size) !important; }
    .f4ns-field.f4ns-field-h12.f4ns-field-wysiwyg .ql-container {
      border: none;
      display: table;
      min-height: 26.6666666667px;
      padding-top: 0;
      padding-bottom: 0;
      padding-left: 2.6666666667px;
      padding-right: 2px !important; }
      .f4ns-field.f4ns-field-h12.f4ns-field-wysiwyg .ql-container .ql-editor {
        line-height: normal;
        padding: 0; }
  .f4ns-field.f4ns-field-h12.f4ns-field-switch {
    box-sizing: border-box;
    background-color: transparent;
    /*background*/
    /*animation*/ }
    .f4ns-field.f4ns-field-h12.f4ns-field-switch .f4ns-field-switch-container {
      position: relative;
      display: inline-block;
      width: 21.3333333333px;
      height: 12px; }
      .f4ns-field.f4ns-field-h12.f4ns-field-switch .f4ns-field-switch-container input {
        opacity: 0;
        width: 0;
        height: 0; }
    .f4ns-field.f4ns-field-h12.f4ns-field-switch span.f4ns-field-switch-slider {
      position: absolute;
      cursor: pointer;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      border-radius: 12px;
      background-color: #cccccc;
      -webkit-transition: .4s;
      transition: .4s; }
    .f4ns-field.f4ns-field-h12.f4ns-field-switch span.f4ns-field-switch-slider:before {
      height: 9.3333333333px;
      width: 9.3333333333px;
      left: 1.3333333333px;
      bottom: 1.3333333333px;
      border-radius: 50%;
      position: absolute;
      content: "";
      background-color: white;
      -webkit-transition: .4s;
      transition: .4s; }
    .f4ns-field.f4ns-field-h12.f4ns-field-switch input:checked + .f4ns-field-switch-slider {
      background-color: #4b90c7; }
    .f4ns-field.f4ns-field-h12.f4ns-field-switch.f4ns-field-readonly .f4ns-field-switch-slider {
      background-color: #f0f0f0; }
      .f4ns-field.f4ns-field-h12.f4ns-field-switch.f4ns-field-readonly .f4ns-field-switch-slider:before {
        background-color: #dfdfdf; }
    .f4ns-field.f4ns-field-h12.f4ns-field-switch.f4ns-field-readonly input:checked + .f4ns-field-switch-slider {
      background-color: #e1ebf3; }
      .f4ns-field.f4ns-field-h12.f4ns-field-switch.f4ns-field-readonly input:checked + .f4ns-field-switch-slider::before {
        background-color: #f3f3f3; }
    .f4ns-field.f4ns-field-h12.f4ns-field-switch input:focus + .f4ns-field-switch-slider {
      box-shadow: 0 0 1px #4b90c7; }
    .f4ns-field.f4ns-field-h12.f4ns-field-switch input:checked + .f4ns-field-switch-slider:before {
      -webkit-transform: translateX(9.3333333333px);
      -ms-transform: translateX(9.3333333333px);
      transform: translateX(9.3333333333px); }
    .f4ns-field.f4ns-field-h12.f4ns-field-switch.f4ns-field-hidden span.f4ns-field-switch-slider, .f4ns-field.f4ns-field-h12.f4ns-field-switch.f4ns-field-readonly span.f4ns-field-switch-slider {
      transition: none !important;
      animation: none !important; }
  .f4ns-field.f4ns-field-h12.f4ns-field-upload {
    height: fit-content;
    min-height: 12px;
    border-style: dashed !important;
    background-color: white; }
    .f4ns-field.f4ns-field-h12.f4ns-field-upload div.filepond--root {
      margin-bottom: 0; }
    .f4ns-field.f4ns-field-h12.f4ns-field-upload div.filepond--panel-root {
      display: none;
      background-color: white; }
    .f4ns-field.f4ns-field-h12.f4ns-field-upload .filepond--action-remove-item,
    .f4ns-field.f4ns-field-h12.f4ns-field-upload div.filepond--drop-label {
      cursor: pointer; }
      .f4ns-field.f4ns-field-h12.f4ns-field-upload .filepond--action-remove-item label,
      .f4ns-field.f4ns-field-h12.f4ns-field-upload div.filepond--drop-label label {
        cursor: pointer;
        color: #d0d0d0; }
    .f4ns-field.f4ns-field-h12.f4ns-field-upload .filepond--item {
      cursor: initial; }
    .f4ns-field.f4ns-field-h12.f4ns-field-upload .filepond--browser.filepond--browser {
      top: 0;
      width: 100%;
      position: initial; }
  .f4ns-field.f4ns-field-h12.f4ns-field-precode {
    background-color: transparent;
    font-family: monospace !important;
    margin: 0;
    justify-content: center; }
  .f4ns-field.f4ns-field-h12.f4ns-field-iframe {
    background-color: transparent; }
    .f4ns-field.f4ns-field-h12.f4ns-field-iframe iframe {
      border: none;
      height: 100%; }
  .f4ns-field.f4ns-field-h12.f4ns-field-chips {
    background-color: transparent;
    flex-direction: row;
    padding-bottom: 2px;
    flex-wrap: wrap;
    gap: 8px;
    overflow: visible; }
    .f4ns-field.f4ns-field-h12.f4ns-field-chips .f4ns-field-chips-item {
      height: calc(12px * 0.80);
      font-family: inherit;
      font-size: 4.6666666667px !important;
      max-width: 180px;
      min-width: 40px;
      padding-left: 15px;
      padding-right: 15px;
      border-radius: 25px;
      cursor: pointer;
      background: #ebebeb;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow-x: hidden;
      align-content: center;
      text-align: center;
      /*hover*/
      /*active*/ }
      .f4ns-field.f4ns-field-h12.f4ns-field-chips .f4ns-field-chips-item:hover {
        box-shadow: 0 0.3333333333pxpx 0.3333333333pxpx 0 #3c404333, 0 0.3333333333pxpx 0.3333333333pxpx 0.3333333333pxpx #3c404322;
        -webkit-transition: box-shadow 0.08s linear, min-width 0.15s cubic-bezier(0.4, 0, 0.2, 1);
        transition: box-shadow 0.08s linear, min-width 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
      .f4ns-field.f4ns-field-h12.f4ns-field-chips .f4ns-field-chips-item:active {
        box-shadow: none; }
  .f4ns-field.f4ns-field-h12.f4ns-field-line {
    background-color: transparent; }
    .f4ns-field.f4ns-field-h12.f4ns-field-line hr {
      width: 100%;
      height: 0.6666666667px;
      border: none;
      background-color: #d8d8d8; }
  .f4ns-field.f4ns-field-h12 .f4ns-field-inner-icon {
    align-items: center;
    position: absolute;
    width: 4.6666666667px;
    margin-right: calc((12px - 4.6666666667px) * 0.4);
    right: 0;
    bottom: 0;
    z-index: 1000; }
    .f4ns-field.f4ns-field-h12 .f4ns-field-inner-icon.f4ns-field-inner-icon-error {
      color: #d20000; }
      .f4ns-field.f4ns-field-h12 .f4ns-field-inner-icon.f4ns-field-inner-icon-error span {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 4.6666666667px;
        height: 4.6666666667px;
        font-size: 3.6666666667px !important;
        font-weight: bold;
        background-color: #fffbfbee;
        border: 0.3333333333px solid #d20000;
        border-radius: 1.6666666667px;
        cursor: default; }
.f4ns-field.f4ns-field-h18 {
  /*general style*/
  position: relative;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  background-color: white;
  color: #444;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  /*hidden*/
  /*dirty*/
  /*readonly*/
  /*height, font, scrollbar*/
  /*padding*/
  /*border-radius-focus-hover*/
  /*box*/
  /*label*/
  /*input / input-datetime*/
  /*input-range*/
  /*input-color*/
  /*textarea*/
  /*qrcode*/
  /*icon*/
  /*image*/
  /*button*/
  /*select*/
  /*signature*/
  /*wysiwyg*/
  /*switch*/
  /*upload*/
  /*precode*/
  /*iframe*/
  /*chips*/
  /*line*/
  /*error icon*/ }
  .f4ns-field.f4ns-field-h18.f4ns-field-hidden {
    display: none !important; }
  .f4ns-field.f4ns-field-h18:not(.f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line, .f4ns-field-switch, .f4ns-field-image, .f4ns-field-icon).f4ns-field-dirty::after {
    content: "";
    position: absolute;
    top: calc(4.5px * 0.5);
    right: calc(4.5px * 0.5);
    width: 4.5px;
    height: 4.5px;
    clip-path: polygon(100% 0, 0 0, 100% 100%);
    border-top-right-radius: calc(4.5px * 0.5);
    border-top-left-radius: calc(4.5px * 0.25);
    border-bottom-right-radius: calc(4.5px * 0.25);
    background-color: #85858544; }
  .f4ns-field.f4ns-field-h18.f4ns-field-readonly {
    pointer-events: none; }
    .f4ns-field.f4ns-field-h18.f4ns-field-readonly:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-switch, .f4ns-field-image, .f4ns-field-precode, .f4ns-field-icon, .f4ns-field-label) {
      background-color: #eeeeee !important;
      border-color: #dddddd; }
  .f4ns-field.f4ns-field-h18:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) {
    height: 18px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    font-size: 7px !important; }
    .f4ns-field.f4ns-field-h18:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) * {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
      font-size: 7px !important;
      /*Scrollbar*/ }
      .f4ns-field.f4ns-field-h18:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) *::-webkit-scrollbar {
        width: 10px; }
      .f4ns-field.f4ns-field-h18:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) *::-webkit-scrollbar-track {
        margin-bottom: 1px;
        margin-top: 1px;
        background-color: white;
        border-radius: 10px; }
      .f4ns-field.f4ns-field-h18:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) *::-webkit-scrollbar-thumb {
        cursor: auto;
        background-color: #d8d8d8;
        border-radius: 10px;
        border: 2px solid transparent; }
      .f4ns-field.f4ns-field-h18:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) *::-webkit-scrollbar-thumb:hover {
        background-color: #aaaaaa; }
      .f4ns-field.f4ns-field-h18:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) *::-webkit-scrollbar-thumb:active {
        background-color: #777777; }
      .f4ns-field.f4ns-field-h18:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) *::-webkit-scrollbar-corner {
        background-color: transparent; }
  .f4ns-field.f4ns-field-h18:not(.f4ns-field-switch, .f4ns-field-wysiwyg, .f4ns-field-iframe, .f4ns-field-box) {
    padding-bottom: 0; }
  .f4ns-field.f4ns-field-h18.f4ns-field-input, .f4ns-field.f4ns-field-h18.f4ns-field-datetime, .f4ns-field.f4ns-field-h18.f4ns-field-textarea, .f4ns-field.f4ns-field-h18.f4ns-field-select, .f4ns-field.f4ns-field-h18 .f4ns-field-box {
    box-sizing: border-box;
    padding-right: 4px;
    padding-left: 4px; }
  .f4ns-field.f4ns-field-h18.f4ns-field-select.f4ns-field-select-is-multi:has(> .has-items) {
    padding-right: calc(4px * 0.5);
    padding-left: calc(4px * 0.5); }
  .f4ns-field.f4ns-field-h18.f4ns-field-input, .f4ns-field.f4ns-field-h18.f4ns-field-datetime, .f4ns-field.f4ns-field-h18.f4ns-field-textarea, .f4ns-field.f4ns-field-h18.f4ns-field-select, .f4ns-field.f4ns-field-h18.f4ns-field-wysiwyg, .f4ns-field.f4ns-field-h18.f4ns-field-upload, .f4ns-field.f4ns-field-h18.f4ns-field-iframe, .f4ns-field.f4ns-field-h18.f4ns-field-signature {
    /*border*/
    /*first child transparent*/
    /*focus-hover*/ }
    .f4ns-field.f4ns-field-h18.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h18.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h18.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h18.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h18.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h18.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h18.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h18.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color) {
      outline: none;
      border-width: 0.5px;
      border-color: #b4b4b4;
      border-style: solid;
      border-radius: 5px; }
      .f4ns-field.f4ns-field-h18.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h18.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h18.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h18.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h18.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h18.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h18.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h18.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error {
        border-color: #bf1c1c;
        background-color: #fffbfb; }
    .f4ns-field.f4ns-field-h18.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h18.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h18.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h18.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h18.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h18.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h18.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h18.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child {
      border-radius: 5px;
      background-color: transparent; }
    .f4ns-field.f4ns-field-h18.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h18.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h18.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h18.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h18.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h18.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h18.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h18.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) {
      /*focus*/
      /*hover*/
      /*autofill chrome*/ }
      .f4ns-field.f4ns-field-h18.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h18.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h18.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h18.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h18.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h18.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h18.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h18.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within {
        border-color: #4b90c7;
        background-color: #f1f8ff; }
      .f4ns-field.f4ns-field-h18.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h18.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h18.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h18.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h18.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h18.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h18.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h18.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within) {
        border-color: #9cb6ca;
        background-color: #fbfdff; }
      .f4ns-field.f4ns-field-h18.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h18.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h18.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h18.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h18.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h18.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h18.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h18.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error {
        /*focus*/
        /*hover*/ }
        .f4ns-field.f4ns-field-h18.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h18.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h18.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h18.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h18.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h18.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h18.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h18.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within {
          border-color: #bf1c1c;
          background-color: #fff1f1; }
        .f4ns-field.f4ns-field-h18.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h18.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h18.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h18.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h18.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h18.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h18.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h18.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within) {
          border-color: #bf1c1c;
          background-color: #fffbfb; }
      .f4ns-field.f4ns-field-h18.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h18.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h18.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h18.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h18.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h18.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h18.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h18.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill {
        background-clip: text; }
  .f4ns-field.f4ns-field-h18.f4ns-field-box {
    height: auto;
    min-height: 18px;
    background-color: transparent; }
    .f4ns-field.f4ns-field-h18.f4ns-field-box .f4ns-field-box-container {
      height: 100%;
      display: flex;
      flex: auto;
      box-sizing: border-box;
      flex-direction: column;
      width: 100%;
      flex: 1; }
    .f4ns-field.f4ns-field-h18.f4ns-field-box.f4ns-field-box-visible .f4ns-field-box-container {
      position: relative;
      border: 1px solid #b4b4b4;
      border-top-right-radius: 8px;
      border-bottom-right-radius: 8px;
      border-bottom-left-radius: 8px;
      border-top-left-radius: 8px;
      padding: 15px 10px 15px 10px;
      background-color: #f9f9f9; }
      .f4ns-field.f4ns-field-h18.f4ns-field-box.f4ns-field-box-visible .f4ns-field-box-container .f4ns-field-box-container-text {
        display: flex;
        position: absolute;
        background: #f9f9f9;
        top: -10px;
        left: -1px;
        padding: 0 10px;
        font-weight: normal;
        font-style: italic;
        border: 1px solid #b4b4b4;
        border-bottom: none;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px; }
    .f4ns-field.f4ns-field-h18.f4ns-field-box.f4ns-field-box-visible .f4ns-field-box-container-text::after {
      content: "";
      position: absolute;
      bottom: 0px;
      width: 2px;
      height: 6px;
      background: #f9f9f9; }
    .f4ns-field.f4ns-field-h18.f4ns-field-box.f4ns-field-box-visible .f4ns-field-box-container-text::after {
      right: -2px; }
  .f4ns-field.f4ns-field-h18.f4ns-field-label {
    background-color: transparent;
    justify-content: center;
    height: 18px;
    line-height: 18px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    font-size: 18px !important;
    /*readonly*/ }
    .f4ns-field.f4ns-field-h18.f4ns-field-label.f4ns-field-readonly {
      color: #dddddd; }
  .f4ns-field.f4ns-field-h18.f4ns-field-input, .f4ns-field.f4ns-field-h18.f4ns-field-datetime {
    /*readonly*/ }
    .f4ns-field.f4ns-field-h18.f4ns-field-input input, .f4ns-field.f4ns-field-h18.f4ns-field-datetime input {
      background-color: transparent;
      height: 100%;
      width: 100%;
      outline: none;
      border: none; }
      .f4ns-field.f4ns-field-h18.f4ns-field-input input::placeholder, .f4ns-field.f4ns-field-h18.f4ns-field-datetime input::placeholder {
        color: lightgray; }
    .f4ns-field.f4ns-field-h18.f4ns-field-input.f4ns-field-readonly input, .f4ns-field.f4ns-field-h18.f4ns-field-datetime.f4ns-field-readonly input {
      color: #888888; }
  .f4ns-field.f4ns-field-h18.f4ns-field-input-range {
    background-color: transparent;
    padding: 0;
    border: none; }
    .f4ns-field.f4ns-field-h18.f4ns-field-input-range ::-webkit-slider-thumb {
      cursor: pointer; }
  .f4ns-field.f4ns-field-h18.f4ns-field-input-color {
    cursor: pointer; }
    .f4ns-field.f4ns-field-h18.f4ns-field-input-color input {
      cursor: pointer; }
  .f4ns-field.f4ns-field-h18.f4ns-field-textarea {
    height: auto;
    min-height: 18px;
    padding-right: 2px !important;
    padding-bottom: 2px !important;
    /*readonly*/ }
    .f4ns-field.f4ns-field-h18.f4ns-field-textarea textarea {
      background-color: transparent;
      height: 100%;
      display: flex;
      flex: auto;
      box-sizing: border-box;
      padding-top: 2.5px;
      line-height: normal;
      outline: none;
      border: none;
      resize: none; }
    .f4ns-field.f4ns-field-h18.f4ns-field-textarea.f4ns-field-readonly textarea {
      color: #888888; }
    .f4ns-field.f4ns-field-h18.f4ns-field-textarea.f4ns-field-textarea-resize-horizontal textarea {
      resize: horizontal; }
    .f4ns-field.f4ns-field-h18.f4ns-field-textarea.f4ns-field-textarea-resize-vertical textarea {
      resize: vertical; }
    .f4ns-field.f4ns-field-h18.f4ns-field-textarea.f4ns-field-textarea-resize-both textarea {
      resize: both; }
  .f4ns-field.f4ns-field-h18.f4ns-field-qrcode div {
    height: inherit; }
    .f4ns-field.f4ns-field-h18.f4ns-field-qrcode div canvas {
      height: inherit; }
    .f4ns-field.f4ns-field-h18.f4ns-field-qrcode div img {
      height: inherit; }
  .f4ns-field.f4ns-field-h18.f4ns-field-icon {
    flex: 0 0 18px !important;
    align-items: center;
    justify-content: center;
    background-color: transparent; }
    .f4ns-field.f4ns-field-h18.f4ns-field-icon span {
      font-size: calc(7px * 1.5) !important; }
  .f4ns-field.f4ns-field-h18.f4ns-field-image {
    overflow: hidden;
    position: relative;
    justify-content: center;
    background-color: transparent; }
    .f4ns-field.f4ns-field-h18.f4ns-field-image img {
      max-height: 100%;
      max-width: 100%;
      object-fit: contain;
      background-size: cover;
      vertical-align: middle; }
  .f4ns-field.f4ns-field-h18.f4ns-field-button {
    display: flex;
    flex-direction: row;
    border-radius: 6.5px;
    height: 18px;
    box-shadow: 0 0.5pxpx 0.5pxpx 0 #3c404333, 0 0.5pxpx 0.5pxpx 0.5pxpx #3c404322;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    /*size only icon button*/
    /*padding text-icon button*/
    /*hover*/
    /*active*/ }
    .f4ns-field.f4ns-field-h18.f4ns-field-button.f4ns-field-readonly {
      pointer-events: none;
      opacity: 0.15;
      filter: grayscale(70%); }
    .f4ns-field.f4ns-field-h18.f4ns-field-button span.f4ns-field-button-icon {
      display: flex;
      flex-direction: row;
      font-size: 10px; }
    .f4ns-field.f4ns-field-h18.f4ns-field-button span.f4ns-field-button-text {
      flex: 1;
      display: flex;
      flex-direction: row;
      place-content: center;
      font-size: 7px !important; }
      .f4ns-field.f4ns-field-h18.f4ns-field-button span.f4ns-field-button-text:empty {
        display: none; }
    .f4ns-field.f4ns-field-h18.f4ns-field-button.f4ns-field-button-has-icon:not(.f4ns-field-button-has-text) {
      flex: 0 0 18px !important;
      width: 18px !important; }
    .f4ns-field.f4ns-field-h18.f4ns-field-button.f4ns-field-button-has-icon.f4ns-field-button-has-text {
      box-sizing: border-box;
      padding-left: 6px;
      padding-right: 6px; }
      .f4ns-field.f4ns-field-h18.f4ns-field-button.f4ns-field-button-has-icon.f4ns-field-button-has-text .f4ns-field-button-text {
        padding-left: calc(6px * 0.3); }
    .f4ns-field.f4ns-field-h18.f4ns-field-button:hover {
      box-shadow: 0 0.5pxpx 1pxpx 0 #3c404333, 0 0.5pxpx 1pxpx 1pxpx #3c404326;
      -webkit-transition: box-shadow 0.08s linear, min-width 0.15s cubic-bezier(0.4, 0, 0.2, 1);
      transition: box-shadow 0.08s linear, min-width 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
    .f4ns-field.f4ns-field-h18.f4ns-field-button:active {
      box-shadow: 0 0.5pxpx 0.5pxpx 0 #3c404333; }
  .f4ns-field.f4ns-field-h18.f4ns-field-select {
    min-height: 18px;
    height: fit-content;
    justify-content: center;
    outline: none;
    cursor: pointer;
    /*arrow down / clear button*/
    /*item*/ }
    .f4ns-field.f4ns-field-h18.f4ns-field-select div.dropdown-input-wrap {
      display: flex; }
      .f4ns-field.f4ns-field-h18.f4ns-field-select div.dropdown-input-wrap input {
        font-size: 7px !important; }
      .f4ns-field.f4ns-field-h18.f4ns-field-select div.dropdown-input-wrap input:focus,
      .f4ns-field.f4ns-field-h18.f4ns-field-select div.dropdown-input-wrap input:focus-visible,
      .f4ns-field.f4ns-field-h18.f4ns-field-select div.dropdown-input-wrap input:active {
        outline: none; }
    .f4ns-field.f4ns-field-h18.f4ns-field-select div.f4ns-field-select-option {
      display: flex;
      box-sizing: border-box;
      border-top: 1px solid #eeeeee;
      color: #444444;
      /*dropdown option active*/ }
      .f4ns-field.f4ns-field-h18.f4ns-field-select div.f4ns-field-select-option.active {
        background-color: #fdfadf;
        color: #222222; }
      .f4ns-field.f4ns-field-h18.f4ns-field-select div.f4ns-field-select-option.selected {
        background-color: #a2cef3;
        color: #222222; }
        .f4ns-field.f4ns-field-h18.f4ns-field-select div.f4ns-field-select-option.selected div.f4ns-field-select-option-text-sub {
          color: #505050; }
      .f4ns-field.f4ns-field-h18.f4ns-field-select div.f4ns-field-select-option .f4ns-field-select-option-left {
        flex: 0 0 24px;
        display: flex;
        justify-content: center;
        margin-right: 8px; }
        .f4ns-field.f4ns-field-h18.f4ns-field-select div.f4ns-field-select-option .f4ns-field-select-option-left span {
          display: flex;
          height: calc(18px * 0.5) !important;
          width: calc(18px * 0.5) !important;
          border: 1px solid white;
          border-radius: 50px;
          position: relative;
          vertical-align: middle;
          align-self: center; }
      .f4ns-field.f4ns-field-h18.f4ns-field-select div.f4ns-field-select-option .f4ns-field-select-option-right {
        flex: 1;
        align-content: center; }
      .f4ns-field.f4ns-field-h18.f4ns-field-select div.f4ns-field-select-option a.remove {
        flex: 0 0 24px;
        display: flex;
        justify-content: center;
        margin-right: 8px; }
      .f4ns-field.f4ns-field-h18.f4ns-field-select div.f4ns-field-select-option div.f4ns-field-select-option-text-sub {
        font-style: italic;
        color: #999999;
        margin-top: 2px; }
      .f4ns-field.f4ns-field-h18.f4ns-field-select div.f4ns-field-select-option .highlight {
        background-color: #ffd5003d; }
    .f4ns-field.f4ns-field-h18.f4ns-field-select input::placeholder {
      color: lightgray; }
    .f4ns-field.f4ns-field-h18.f4ns-field-select div.ts-control {
      padding: 0;
      height: 100%;
      border: none;
      outline: none;
      background-color: transparent;
      align-content: center;
      cursor: pointer; }
      .f4ns-field.f4ns-field-h18.f4ns-field-select div.ts-control input {
        min-width: 50px; }
    .f4ns-field.f4ns-field-h18.f4ns-field-select div.ts-wrapper {
      scroll-behavior: auto !important;
      height: 100%;
      cursor: pointer; }
    .f4ns-field.f4ns-field-h18.f4ns-field-select input.items-placeholder {
      cursor: pointer; }
    .f4ns-field.f4ns-field-h18.f4ns-field-select span.f4ns-field-select-icon-arrow {
      opacity: 1;
      z-index: 0;
      transition: opacity 0.3s ease;
      position: absolute;
      right: 10px;
      font-size: calc(7px * 1.2) !important;
      pointer-events: none; }
    .f4ns-field.f4ns-field-h18.f4ns-field-select div.clear-button {
      opacity: 0;
      z-index: 0;
      font-size: calc(7px * 1.2) !important;
      justify-content: center;
      right: 0;
      box-sizing: border-box;
      padding: 0 5px 5px 5px;
      pointer-events: none; }
    .f4ns-field.f4ns-field-h18.f4ns-field-select:not(.f4ns-field-select-always-with-value).f4ns-field-select-has-value span.f4ns-field-select-icon-arrow {
      opacity: 0; }
    .f4ns-field.f4ns-field-h18.f4ns-field-select:not(.f4ns-field-select-always-with-value).f4ns-field-select-has-value div.clear-button {
      opacity: 1;
      transition: opacity 0.3s ease;
      pointer-events: auto; }
    .f4ns-field.f4ns-field-h18.f4ns-field-select.f4ns-field-readonly div.clear-button {
      pointer-events: none !important; }
    .f4ns-field.f4ns-field-h18.f4ns-field-select.f4ns-field-readonly div.ts-control {
      opacity: 0.5; }
    .f4ns-field.f4ns-field-h18.f4ns-field-select div.ts-wrapper {
      box-sizing: border-box;
      outline: none;
      border-radius: 6.5px; }
      .f4ns-field.f4ns-field-h18.f4ns-field-select div.ts-wrapper div.item {
        align-content: center;
        min-height: 14px;
        box-sizing: border-box;
        border-radius: 3.5px;
        padding-top: 3.5px;
        padding-bottom: 3.5px;
        line-height: normal;
        margin: 0; }
        .f4ns-field.f4ns-field-h18.f4ns-field-select div.ts-wrapper div.item .f4ns-field-select-option-text {
          white-space: nowrap; }
      .f4ns-field.f4ns-field-h18.f4ns-field-select div.ts-wrapper.single div.item {
        margin-bottom: 0;
        padding-left: 0;
        padding-right: 0; }
      .f4ns-field.f4ns-field-h18.f4ns-field-select div.ts-wrapper.multi div.item {
        margin-bottom: 1px;
        margin-top: 1px;
        padding-top: 2.5px;
        padding-bottom: 2.5px;
        padding-left: 4px;
        padding-right: 4px;
        margin-right: 2px; }
      .f4ns-field.f4ns-field-h18.f4ns-field-select div.ts-wrapper input::placeholder {
        color: lightgray; }
  .f4ns-field.f4ns-field-h18.f4ns-field-wysiwyg {
    border: none; }
    .f4ns-field.f4ns-field-h18.f4ns-field-wysiwyg .ql-toolbar {
      border-top-right-radius: calc(5px - 0.5px);
      border-top-left-radius: calc(5px - 0.5px);
      background-color: #f8f8f8;
      border: none;
      border-bottom: 0.5px solid #b4b4b4;
      font-size: var(--f4ns-page-font-size) !important; }
      .f4ns-field.f4ns-field-h18.f4ns-field-wysiwyg .ql-toolbar * {
        font-size: var(--f4ns-page-font-size) !important; }
    .f4ns-field.f4ns-field-h18.f4ns-field-wysiwyg .ql-container {
      border: none;
      display: table;
      min-height: 40px;
      padding-top: 0;
      padding-bottom: 0;
      padding-left: 4px;
      padding-right: 2px !important; }
      .f4ns-field.f4ns-field-h18.f4ns-field-wysiwyg .ql-container .ql-editor {
        line-height: normal;
        padding: 0; }
  .f4ns-field.f4ns-field-h18.f4ns-field-switch {
    box-sizing: border-box;
    background-color: transparent;
    /*background*/
    /*animation*/ }
    .f4ns-field.f4ns-field-h18.f4ns-field-switch .f4ns-field-switch-container {
      position: relative;
      display: inline-block;
      width: 32px;
      height: 18px; }
      .f4ns-field.f4ns-field-h18.f4ns-field-switch .f4ns-field-switch-container input {
        opacity: 0;
        width: 0;
        height: 0; }
    .f4ns-field.f4ns-field-h18.f4ns-field-switch span.f4ns-field-switch-slider {
      position: absolute;
      cursor: pointer;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      border-radius: 18px;
      background-color: #cccccc;
      -webkit-transition: .4s;
      transition: .4s; }
    .f4ns-field.f4ns-field-h18.f4ns-field-switch span.f4ns-field-switch-slider:before {
      height: 14px;
      width: 14px;
      left: 2px;
      bottom: 2px;
      border-radius: 50%;
      position: absolute;
      content: "";
      background-color: white;
      -webkit-transition: .4s;
      transition: .4s; }
    .f4ns-field.f4ns-field-h18.f4ns-field-switch input:checked + .f4ns-field-switch-slider {
      background-color: #4b90c7; }
    .f4ns-field.f4ns-field-h18.f4ns-field-switch.f4ns-field-readonly .f4ns-field-switch-slider {
      background-color: #f0f0f0; }
      .f4ns-field.f4ns-field-h18.f4ns-field-switch.f4ns-field-readonly .f4ns-field-switch-slider:before {
        background-color: #dfdfdf; }
    .f4ns-field.f4ns-field-h18.f4ns-field-switch.f4ns-field-readonly input:checked + .f4ns-field-switch-slider {
      background-color: #e1ebf3; }
      .f4ns-field.f4ns-field-h18.f4ns-field-switch.f4ns-field-readonly input:checked + .f4ns-field-switch-slider::before {
        background-color: #f3f3f3; }
    .f4ns-field.f4ns-field-h18.f4ns-field-switch input:focus + .f4ns-field-switch-slider {
      box-shadow: 0 0 1px #4b90c7; }
    .f4ns-field.f4ns-field-h18.f4ns-field-switch input:checked + .f4ns-field-switch-slider:before {
      -webkit-transform: translateX(14px);
      -ms-transform: translateX(14px);
      transform: translateX(14px); }
    .f4ns-field.f4ns-field-h18.f4ns-field-switch.f4ns-field-hidden span.f4ns-field-switch-slider, .f4ns-field.f4ns-field-h18.f4ns-field-switch.f4ns-field-readonly span.f4ns-field-switch-slider {
      transition: none !important;
      animation: none !important; }
  .f4ns-field.f4ns-field-h18.f4ns-field-upload {
    height: fit-content;
    min-height: 18px;
    border-style: dashed !important;
    background-color: white; }
    .f4ns-field.f4ns-field-h18.f4ns-field-upload div.filepond--root {
      margin-bottom: 0; }
    .f4ns-field.f4ns-field-h18.f4ns-field-upload div.filepond--panel-root {
      display: none;
      background-color: white; }
    .f4ns-field.f4ns-field-h18.f4ns-field-upload .filepond--action-remove-item,
    .f4ns-field.f4ns-field-h18.f4ns-field-upload div.filepond--drop-label {
      cursor: pointer; }
      .f4ns-field.f4ns-field-h18.f4ns-field-upload .filepond--action-remove-item label,
      .f4ns-field.f4ns-field-h18.f4ns-field-upload div.filepond--drop-label label {
        cursor: pointer;
        color: #d0d0d0; }
    .f4ns-field.f4ns-field-h18.f4ns-field-upload .filepond--item {
      cursor: initial; }
    .f4ns-field.f4ns-field-h18.f4ns-field-upload .filepond--browser.filepond--browser {
      top: 0;
      width: 100%;
      position: initial; }
  .f4ns-field.f4ns-field-h18.f4ns-field-precode {
    background-color: transparent;
    font-family: monospace !important;
    margin: 0;
    justify-content: center; }
  .f4ns-field.f4ns-field-h18.f4ns-field-iframe {
    background-color: transparent; }
    .f4ns-field.f4ns-field-h18.f4ns-field-iframe iframe {
      border: none;
      height: 100%; }
  .f4ns-field.f4ns-field-h18.f4ns-field-chips {
    background-color: transparent;
    flex-direction: row;
    padding-bottom: 2px;
    flex-wrap: wrap;
    gap: 8px;
    overflow: visible; }
    .f4ns-field.f4ns-field-h18.f4ns-field-chips .f4ns-field-chips-item {
      height: calc(18px * 0.80);
      font-family: inherit;
      font-size: 7px !important;
      max-width: 180px;
      min-width: 40px;
      padding-left: 15px;
      padding-right: 15px;
      border-radius: 25px;
      cursor: pointer;
      background: #ebebeb;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow-x: hidden;
      align-content: center;
      text-align: center;
      /*hover*/
      /*active*/ }
      .f4ns-field.f4ns-field-h18.f4ns-field-chips .f4ns-field-chips-item:hover {
        box-shadow: 0 0.5pxpx 0.5pxpx 0 #3c404333, 0 0.5pxpx 0.5pxpx 0.5pxpx #3c404322;
        -webkit-transition: box-shadow 0.08s linear, min-width 0.15s cubic-bezier(0.4, 0, 0.2, 1);
        transition: box-shadow 0.08s linear, min-width 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
      .f4ns-field.f4ns-field-h18.f4ns-field-chips .f4ns-field-chips-item:active {
        box-shadow: none; }
  .f4ns-field.f4ns-field-h18.f4ns-field-line {
    background-color: transparent; }
    .f4ns-field.f4ns-field-h18.f4ns-field-line hr {
      width: 100%;
      height: 1px;
      border: none;
      background-color: #d8d8d8; }
  .f4ns-field.f4ns-field-h18 .f4ns-field-inner-icon {
    align-items: center;
    position: absolute;
    width: 7px;
    margin-right: calc((18px - 7px) * 0.4);
    right: 0;
    bottom: 0;
    z-index: 1000; }
    .f4ns-field.f4ns-field-h18 .f4ns-field-inner-icon.f4ns-field-inner-icon-error {
      color: #d20000; }
      .f4ns-field.f4ns-field-h18 .f4ns-field-inner-icon.f4ns-field-inner-icon-error span {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 7px;
        height: 7px;
        font-size: 5.5px !important;
        font-weight: bold;
        background-color: #fffbfbee;
        border: 0.5px solid #d20000;
        border-radius: 2.5px;
        cursor: default; }
.f4ns-field.f4ns-field-h24 {
  /*general style*/
  position: relative;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  background-color: white;
  color: #444;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  /*hidden*/
  /*dirty*/
  /*readonly*/
  /*height, font, scrollbar*/
  /*padding*/
  /*border-radius-focus-hover*/
  /*box*/
  /*label*/
  /*input / input-datetime*/
  /*input-range*/
  /*input-color*/
  /*textarea*/
  /*qrcode*/
  /*icon*/
  /*image*/
  /*button*/
  /*select*/
  /*signature*/
  /*wysiwyg*/
  /*switch*/
  /*upload*/
  /*precode*/
  /*iframe*/
  /*chips*/
  /*line*/
  /*error icon*/ }
  .f4ns-field.f4ns-field-h24.f4ns-field-hidden {
    display: none !important; }
  .f4ns-field.f4ns-field-h24:not(.f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line, .f4ns-field-switch, .f4ns-field-image, .f4ns-field-icon).f4ns-field-dirty::after {
    content: "";
    position: absolute;
    top: calc(6px * 0.5);
    right: calc(6px * 0.5);
    width: 6px;
    height: 6px;
    clip-path: polygon(100% 0, 0 0, 100% 100%);
    border-top-right-radius: calc(6px * 0.5);
    border-top-left-radius: calc(6px * 0.25);
    border-bottom-right-radius: calc(6px * 0.25);
    background-color: #85858544; }
  .f4ns-field.f4ns-field-h24.f4ns-field-readonly {
    pointer-events: none; }
    .f4ns-field.f4ns-field-h24.f4ns-field-readonly:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-switch, .f4ns-field-image, .f4ns-field-precode, .f4ns-field-icon, .f4ns-field-label) {
      background-color: #eeeeee !important;
      border-color: #dddddd; }
  .f4ns-field.f4ns-field-h24:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) {
    height: 24px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    font-size: 9.3333333333px !important; }
    .f4ns-field.f4ns-field-h24:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) * {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
      font-size: 9.3333333333px !important;
      /*Scrollbar*/ }
      .f4ns-field.f4ns-field-h24:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) *::-webkit-scrollbar {
        width: 10px; }
      .f4ns-field.f4ns-field-h24:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) *::-webkit-scrollbar-track {
        margin-bottom: 1px;
        margin-top: 1px;
        background-color: white;
        border-radius: 10px; }
      .f4ns-field.f4ns-field-h24:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) *::-webkit-scrollbar-thumb {
        cursor: auto;
        background-color: #d8d8d8;
        border-radius: 10px;
        border: 2px solid transparent; }
      .f4ns-field.f4ns-field-h24:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) *::-webkit-scrollbar-thumb:hover {
        background-color: #aaaaaa; }
      .f4ns-field.f4ns-field-h24:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) *::-webkit-scrollbar-thumb:active {
        background-color: #777777; }
      .f4ns-field.f4ns-field-h24:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) *::-webkit-scrollbar-corner {
        background-color: transparent; }
  .f4ns-field.f4ns-field-h24:not(.f4ns-field-switch, .f4ns-field-wysiwyg, .f4ns-field-iframe, .f4ns-field-box) {
    padding-bottom: 0; }
  .f4ns-field.f4ns-field-h24.f4ns-field-input, .f4ns-field.f4ns-field-h24.f4ns-field-datetime, .f4ns-field.f4ns-field-h24.f4ns-field-textarea, .f4ns-field.f4ns-field-h24.f4ns-field-select, .f4ns-field.f4ns-field-h24 .f4ns-field-box {
    box-sizing: border-box;
    padding-right: 5.3333333333px;
    padding-left: 5.3333333333px; }
  .f4ns-field.f4ns-field-h24.f4ns-field-select.f4ns-field-select-is-multi:has(> .has-items) {
    padding-right: calc(5.3333333333px * 0.5);
    padding-left: calc(5.3333333333px * 0.5); }
  .f4ns-field.f4ns-field-h24.f4ns-field-input, .f4ns-field.f4ns-field-h24.f4ns-field-datetime, .f4ns-field.f4ns-field-h24.f4ns-field-textarea, .f4ns-field.f4ns-field-h24.f4ns-field-select, .f4ns-field.f4ns-field-h24.f4ns-field-wysiwyg, .f4ns-field.f4ns-field-h24.f4ns-field-upload, .f4ns-field.f4ns-field-h24.f4ns-field-iframe, .f4ns-field.f4ns-field-h24.f4ns-field-signature {
    /*border*/
    /*first child transparent*/
    /*focus-hover*/ }
    .f4ns-field.f4ns-field-h24.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h24.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h24.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h24.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h24.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h24.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h24.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h24.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color) {
      outline: none;
      border-width: 0.6666666667px;
      border-color: #b4b4b4;
      border-style: solid;
      border-radius: 6.6666666667px; }
      .f4ns-field.f4ns-field-h24.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h24.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h24.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h24.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h24.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h24.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h24.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h24.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error {
        border-color: #bf1c1c;
        background-color: #fffbfb; }
    .f4ns-field.f4ns-field-h24.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h24.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h24.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h24.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h24.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h24.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h24.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h24.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child {
      border-radius: 6.6666666667px;
      background-color: transparent; }
    .f4ns-field.f4ns-field-h24.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h24.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h24.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h24.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h24.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h24.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h24.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h24.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) {
      /*focus*/
      /*hover*/
      /*autofill chrome*/ }
      .f4ns-field.f4ns-field-h24.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h24.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h24.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h24.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h24.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h24.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h24.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h24.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within {
        border-color: #4b90c7;
        background-color: #f1f8ff; }
      .f4ns-field.f4ns-field-h24.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h24.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h24.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h24.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h24.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h24.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h24.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h24.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within) {
        border-color: #9cb6ca;
        background-color: #fbfdff; }
      .f4ns-field.f4ns-field-h24.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h24.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h24.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h24.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h24.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h24.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h24.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h24.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error {
        /*focus*/
        /*hover*/ }
        .f4ns-field.f4ns-field-h24.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h24.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h24.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h24.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h24.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h24.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h24.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h24.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within {
          border-color: #bf1c1c;
          background-color: #fff1f1; }
        .f4ns-field.f4ns-field-h24.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h24.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h24.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h24.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h24.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h24.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h24.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h24.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within) {
          border-color: #bf1c1c;
          background-color: #fffbfb; }
      .f4ns-field.f4ns-field-h24.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h24.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h24.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h24.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h24.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h24.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h24.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h24.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill {
        background-clip: text; }
  .f4ns-field.f4ns-field-h24.f4ns-field-box {
    height: auto;
    min-height: 24px;
    background-color: transparent; }
    .f4ns-field.f4ns-field-h24.f4ns-field-box .f4ns-field-box-container {
      height: 100%;
      display: flex;
      flex: auto;
      box-sizing: border-box;
      flex-direction: column;
      width: 100%;
      flex: 1; }
    .f4ns-field.f4ns-field-h24.f4ns-field-box.f4ns-field-box-visible .f4ns-field-box-container {
      position: relative;
      border: 1px solid #b4b4b4;
      border-top-right-radius: 8px;
      border-bottom-right-radius: 8px;
      border-bottom-left-radius: 8px;
      border-top-left-radius: 8px;
      padding: 15px 10px 15px 10px;
      background-color: #f9f9f9; }
      .f4ns-field.f4ns-field-h24.f4ns-field-box.f4ns-field-box-visible .f4ns-field-box-container .f4ns-field-box-container-text {
        display: flex;
        position: absolute;
        background: #f9f9f9;
        top: -10px;
        left: -1px;
        padding: 0 10px;
        font-weight: normal;
        font-style: italic;
        border: 1px solid #b4b4b4;
        border-bottom: none;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px; }
    .f4ns-field.f4ns-field-h24.f4ns-field-box.f4ns-field-box-visible .f4ns-field-box-container-text::after {
      content: "";
      position: absolute;
      bottom: 0px;
      width: 2px;
      height: 6px;
      background: #f9f9f9; }
    .f4ns-field.f4ns-field-h24.f4ns-field-box.f4ns-field-box-visible .f4ns-field-box-container-text::after {
      right: -2px; }
  .f4ns-field.f4ns-field-h24.f4ns-field-label {
    background-color: transparent;
    justify-content: center;
    height: 24px;
    line-height: 24px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    font-size: 24px !important;
    /*readonly*/ }
    .f4ns-field.f4ns-field-h24.f4ns-field-label.f4ns-field-readonly {
      color: #dddddd; }
  .f4ns-field.f4ns-field-h24.f4ns-field-input, .f4ns-field.f4ns-field-h24.f4ns-field-datetime {
    /*readonly*/ }
    .f4ns-field.f4ns-field-h24.f4ns-field-input input, .f4ns-field.f4ns-field-h24.f4ns-field-datetime input {
      background-color: transparent;
      height: 100%;
      width: 100%;
      outline: none;
      border: none; }
      .f4ns-field.f4ns-field-h24.f4ns-field-input input::placeholder, .f4ns-field.f4ns-field-h24.f4ns-field-datetime input::placeholder {
        color: lightgray; }
    .f4ns-field.f4ns-field-h24.f4ns-field-input.f4ns-field-readonly input, .f4ns-field.f4ns-field-h24.f4ns-field-datetime.f4ns-field-readonly input {
      color: #888888; }
  .f4ns-field.f4ns-field-h24.f4ns-field-input-range {
    background-color: transparent;
    padding: 0;
    border: none; }
    .f4ns-field.f4ns-field-h24.f4ns-field-input-range ::-webkit-slider-thumb {
      cursor: pointer; }
  .f4ns-field.f4ns-field-h24.f4ns-field-input-color {
    cursor: pointer; }
    .f4ns-field.f4ns-field-h24.f4ns-field-input-color input {
      cursor: pointer; }
  .f4ns-field.f4ns-field-h24.f4ns-field-textarea {
    height: auto;
    min-height: 24px;
    padding-right: 2px !important;
    padding-bottom: 2px !important;
    /*readonly*/ }
    .f4ns-field.f4ns-field-h24.f4ns-field-textarea textarea {
      background-color: transparent;
      height: 100%;
      display: flex;
      flex: auto;
      box-sizing: border-box;
      padding-top: 3.3333333333px;
      line-height: normal;
      outline: none;
      border: none;
      resize: none; }
    .f4ns-field.f4ns-field-h24.f4ns-field-textarea.f4ns-field-readonly textarea {
      color: #888888; }
    .f4ns-field.f4ns-field-h24.f4ns-field-textarea.f4ns-field-textarea-resize-horizontal textarea {
      resize: horizontal; }
    .f4ns-field.f4ns-field-h24.f4ns-field-textarea.f4ns-field-textarea-resize-vertical textarea {
      resize: vertical; }
    .f4ns-field.f4ns-field-h24.f4ns-field-textarea.f4ns-field-textarea-resize-both textarea {
      resize: both; }
  .f4ns-field.f4ns-field-h24.f4ns-field-qrcode div {
    height: inherit; }
    .f4ns-field.f4ns-field-h24.f4ns-field-qrcode div canvas {
      height: inherit; }
    .f4ns-field.f4ns-field-h24.f4ns-field-qrcode div img {
      height: inherit; }
  .f4ns-field.f4ns-field-h24.f4ns-field-icon {
    flex: 0 0 24px !important;
    align-items: center;
    justify-content: center;
    background-color: transparent; }
    .f4ns-field.f4ns-field-h24.f4ns-field-icon span {
      font-size: calc(9.3333333333px * 1.5) !important; }
  .f4ns-field.f4ns-field-h24.f4ns-field-image {
    overflow: hidden;
    position: relative;
    justify-content: center;
    background-color: transparent; }
    .f4ns-field.f4ns-field-h24.f4ns-field-image img {
      max-height: 100%;
      max-width: 100%;
      object-fit: contain;
      background-size: cover;
      vertical-align: middle; }
  .f4ns-field.f4ns-field-h24.f4ns-field-button {
    display: flex;
    flex-direction: row;
    border-radius: 8.6666666667px;
    height: 24px;
    box-shadow: 0 0.6666666667pxpx 0.6666666667pxpx 0 #3c404333, 0 0.6666666667pxpx 0.6666666667pxpx 0.6666666667pxpx #3c404322;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    /*size only icon button*/
    /*padding text-icon button*/
    /*hover*/
    /*active*/ }
    .f4ns-field.f4ns-field-h24.f4ns-field-button.f4ns-field-readonly {
      pointer-events: none;
      opacity: 0.15;
      filter: grayscale(70%); }
    .f4ns-field.f4ns-field-h24.f4ns-field-button span.f4ns-field-button-icon {
      display: flex;
      flex-direction: row;
      font-size: 13.3333333333px; }
    .f4ns-field.f4ns-field-h24.f4ns-field-button span.f4ns-field-button-text {
      flex: 1;
      display: flex;
      flex-direction: row;
      place-content: center;
      font-size: 9.3333333333px !important; }
      .f4ns-field.f4ns-field-h24.f4ns-field-button span.f4ns-field-button-text:empty {
        display: none; }
    .f4ns-field.f4ns-field-h24.f4ns-field-button.f4ns-field-button-has-icon:not(.f4ns-field-button-has-text) {
      flex: 0 0 24px !important;
      width: 24px !important; }
    .f4ns-field.f4ns-field-h24.f4ns-field-button.f4ns-field-button-has-icon.f4ns-field-button-has-text {
      box-sizing: border-box;
      padding-left: 8px;
      padding-right: 8px; }
      .f4ns-field.f4ns-field-h24.f4ns-field-button.f4ns-field-button-has-icon.f4ns-field-button-has-text .f4ns-field-button-text {
        padding-left: calc(8px * 0.3); }
    .f4ns-field.f4ns-field-h24.f4ns-field-button:hover {
      box-shadow: 0 0.6666666667pxpx 1.3333333333pxpx 0 #3c404333, 0 0.6666666667pxpx 1.3333333333pxpx 1.3333333333pxpx #3c404326;
      -webkit-transition: box-shadow 0.08s linear, min-width 0.15s cubic-bezier(0.4, 0, 0.2, 1);
      transition: box-shadow 0.08s linear, min-width 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
    .f4ns-field.f4ns-field-h24.f4ns-field-button:active {
      box-shadow: 0 0.6666666667pxpx 0.6666666667pxpx 0 #3c404333; }
  .f4ns-field.f4ns-field-h24.f4ns-field-select {
    min-height: 24px;
    height: fit-content;
    justify-content: center;
    outline: none;
    cursor: pointer;
    /*arrow down / clear button*/
    /*item*/ }
    .f4ns-field.f4ns-field-h24.f4ns-field-select div.dropdown-input-wrap {
      display: flex; }
      .f4ns-field.f4ns-field-h24.f4ns-field-select div.dropdown-input-wrap input {
        font-size: 9.3333333333px !important; }
      .f4ns-field.f4ns-field-h24.f4ns-field-select div.dropdown-input-wrap input:focus,
      .f4ns-field.f4ns-field-h24.f4ns-field-select div.dropdown-input-wrap input:focus-visible,
      .f4ns-field.f4ns-field-h24.f4ns-field-select div.dropdown-input-wrap input:active {
        outline: none; }
    .f4ns-field.f4ns-field-h24.f4ns-field-select div.f4ns-field-select-option {
      display: flex;
      box-sizing: border-box;
      border-top: 1px solid #eeeeee;
      color: #444444;
      /*dropdown option active*/ }
      .f4ns-field.f4ns-field-h24.f4ns-field-select div.f4ns-field-select-option.active {
        background-color: #fdfadf;
        color: #222222; }
      .f4ns-field.f4ns-field-h24.f4ns-field-select div.f4ns-field-select-option.selected {
        background-color: #a2cef3;
        color: #222222; }
        .f4ns-field.f4ns-field-h24.f4ns-field-select div.f4ns-field-select-option.selected div.f4ns-field-select-option-text-sub {
          color: #505050; }
      .f4ns-field.f4ns-field-h24.f4ns-field-select div.f4ns-field-select-option .f4ns-field-select-option-left {
        flex: 0 0 24px;
        display: flex;
        justify-content: center;
        margin-right: 8px; }
        .f4ns-field.f4ns-field-h24.f4ns-field-select div.f4ns-field-select-option .f4ns-field-select-option-left span {
          display: flex;
          height: calc(24px * 0.5) !important;
          width: calc(24px * 0.5) !important;
          border: 1px solid white;
          border-radius: 50px;
          position: relative;
          vertical-align: middle;
          align-self: center; }
      .f4ns-field.f4ns-field-h24.f4ns-field-select div.f4ns-field-select-option .f4ns-field-select-option-right {
        flex: 1;
        align-content: center; }
      .f4ns-field.f4ns-field-h24.f4ns-field-select div.f4ns-field-select-option a.remove {
        flex: 0 0 24px;
        display: flex;
        justify-content: center;
        margin-right: 8px; }
      .f4ns-field.f4ns-field-h24.f4ns-field-select div.f4ns-field-select-option div.f4ns-field-select-option-text-sub {
        font-style: italic;
        color: #999999;
        margin-top: 2px; }
      .f4ns-field.f4ns-field-h24.f4ns-field-select div.f4ns-field-select-option .highlight {
        background-color: #ffd5003d; }
    .f4ns-field.f4ns-field-h24.f4ns-field-select input::placeholder {
      color: lightgray; }
    .f4ns-field.f4ns-field-h24.f4ns-field-select div.ts-control {
      padding: 0;
      height: 100%;
      border: none;
      outline: none;
      background-color: transparent;
      align-content: center;
      cursor: pointer; }
      .f4ns-field.f4ns-field-h24.f4ns-field-select div.ts-control input {
        min-width: 50px; }
    .f4ns-field.f4ns-field-h24.f4ns-field-select div.ts-wrapper {
      scroll-behavior: auto !important;
      height: 100%;
      cursor: pointer; }
    .f4ns-field.f4ns-field-h24.f4ns-field-select input.items-placeholder {
      cursor: pointer; }
    .f4ns-field.f4ns-field-h24.f4ns-field-select span.f4ns-field-select-icon-arrow {
      opacity: 1;
      z-index: 0;
      transition: opacity 0.3s ease;
      position: absolute;
      right: 10px;
      font-size: calc(9.3333333333px * 1.2) !important;
      pointer-events: none; }
    .f4ns-field.f4ns-field-h24.f4ns-field-select div.clear-button {
      opacity: 0;
      z-index: 0;
      font-size: calc(9.3333333333px * 1.2) !important;
      justify-content: center;
      right: 0;
      box-sizing: border-box;
      padding: 0 5px 5px 5px;
      pointer-events: none; }
    .f4ns-field.f4ns-field-h24.f4ns-field-select:not(.f4ns-field-select-always-with-value).f4ns-field-select-has-value span.f4ns-field-select-icon-arrow {
      opacity: 0; }
    .f4ns-field.f4ns-field-h24.f4ns-field-select:not(.f4ns-field-select-always-with-value).f4ns-field-select-has-value div.clear-button {
      opacity: 1;
      transition: opacity 0.3s ease;
      pointer-events: auto; }
    .f4ns-field.f4ns-field-h24.f4ns-field-select.f4ns-field-readonly div.clear-button {
      pointer-events: none !important; }
    .f4ns-field.f4ns-field-h24.f4ns-field-select.f4ns-field-readonly div.ts-control {
      opacity: 0.5; }
    .f4ns-field.f4ns-field-h24.f4ns-field-select div.ts-wrapper {
      box-sizing: border-box;
      outline: none;
      border-radius: 8.6666666667px; }
      .f4ns-field.f4ns-field-h24.f4ns-field-select div.ts-wrapper div.item {
        align-content: center;
        min-height: 18.6666666667px;
        box-sizing: border-box;
        border-radius: 4.6666666667px;
        padding-top: 4.6666666667px;
        padding-bottom: 4.6666666667px;
        line-height: normal;
        margin: 0; }
        .f4ns-field.f4ns-field-h24.f4ns-field-select div.ts-wrapper div.item .f4ns-field-select-option-text {
          white-space: nowrap; }
      .f4ns-field.f4ns-field-h24.f4ns-field-select div.ts-wrapper.single div.item {
        margin-bottom: 0;
        padding-left: 0;
        padding-right: 0; }
      .f4ns-field.f4ns-field-h24.f4ns-field-select div.ts-wrapper.multi div.item {
        margin-bottom: 1px;
        margin-top: 1px;
        padding-top: 3.3333333333px;
        padding-bottom: 3.3333333333px;
        padding-left: 5.3333333333px;
        padding-right: 5.3333333333px;
        margin-right: 2px; }
      .f4ns-field.f4ns-field-h24.f4ns-field-select div.ts-wrapper input::placeholder {
        color: lightgray; }
  .f4ns-field.f4ns-field-h24.f4ns-field-wysiwyg {
    border: none; }
    .f4ns-field.f4ns-field-h24.f4ns-field-wysiwyg .ql-toolbar {
      border-top-right-radius: calc(6.6666666667px - 0.6666666667px);
      border-top-left-radius: calc(6.6666666667px - 0.6666666667px);
      background-color: #f8f8f8;
      border: none;
      border-bottom: 0.6666666667px solid #b4b4b4;
      font-size: var(--f4ns-page-font-size) !important; }
      .f4ns-field.f4ns-field-h24.f4ns-field-wysiwyg .ql-toolbar * {
        font-size: var(--f4ns-page-font-size) !important; }
    .f4ns-field.f4ns-field-h24.f4ns-field-wysiwyg .ql-container {
      border: none;
      display: table;
      min-height: 53.3333333333px;
      padding-top: 0;
      padding-bottom: 0;
      padding-left: 5.3333333333px;
      padding-right: 2px !important; }
      .f4ns-field.f4ns-field-h24.f4ns-field-wysiwyg .ql-container .ql-editor {
        line-height: normal;
        padding: 0; }
  .f4ns-field.f4ns-field-h24.f4ns-field-switch {
    box-sizing: border-box;
    background-color: transparent;
    /*background*/
    /*animation*/ }
    .f4ns-field.f4ns-field-h24.f4ns-field-switch .f4ns-field-switch-container {
      position: relative;
      display: inline-block;
      width: 42.6666666667px;
      height: 24px; }
      .f4ns-field.f4ns-field-h24.f4ns-field-switch .f4ns-field-switch-container input {
        opacity: 0;
        width: 0;
        height: 0; }
    .f4ns-field.f4ns-field-h24.f4ns-field-switch span.f4ns-field-switch-slider {
      position: absolute;
      cursor: pointer;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      border-radius: 24px;
      background-color: #cccccc;
      -webkit-transition: .4s;
      transition: .4s; }
    .f4ns-field.f4ns-field-h24.f4ns-field-switch span.f4ns-field-switch-slider:before {
      height: 18.6666666667px;
      width: 18.6666666667px;
      left: 2.6666666667px;
      bottom: 2.6666666667px;
      border-radius: 50%;
      position: absolute;
      content: "";
      background-color: white;
      -webkit-transition: .4s;
      transition: .4s; }
    .f4ns-field.f4ns-field-h24.f4ns-field-switch input:checked + .f4ns-field-switch-slider {
      background-color: #4b90c7; }
    .f4ns-field.f4ns-field-h24.f4ns-field-switch.f4ns-field-readonly .f4ns-field-switch-slider {
      background-color: #f0f0f0; }
      .f4ns-field.f4ns-field-h24.f4ns-field-switch.f4ns-field-readonly .f4ns-field-switch-slider:before {
        background-color: #dfdfdf; }
    .f4ns-field.f4ns-field-h24.f4ns-field-switch.f4ns-field-readonly input:checked + .f4ns-field-switch-slider {
      background-color: #e1ebf3; }
      .f4ns-field.f4ns-field-h24.f4ns-field-switch.f4ns-field-readonly input:checked + .f4ns-field-switch-slider::before {
        background-color: #f3f3f3; }
    .f4ns-field.f4ns-field-h24.f4ns-field-switch input:focus + .f4ns-field-switch-slider {
      box-shadow: 0 0 1px #4b90c7; }
    .f4ns-field.f4ns-field-h24.f4ns-field-switch input:checked + .f4ns-field-switch-slider:before {
      -webkit-transform: translateX(18.6666666667px);
      -ms-transform: translateX(18.6666666667px);
      transform: translateX(18.6666666667px); }
    .f4ns-field.f4ns-field-h24.f4ns-field-switch.f4ns-field-hidden span.f4ns-field-switch-slider, .f4ns-field.f4ns-field-h24.f4ns-field-switch.f4ns-field-readonly span.f4ns-field-switch-slider {
      transition: none !important;
      animation: none !important; }
  .f4ns-field.f4ns-field-h24.f4ns-field-upload {
    height: fit-content;
    min-height: 24px;
    border-style: dashed !important;
    background-color: white; }
    .f4ns-field.f4ns-field-h24.f4ns-field-upload div.filepond--root {
      margin-bottom: 0; }
    .f4ns-field.f4ns-field-h24.f4ns-field-upload div.filepond--panel-root {
      display: none;
      background-color: white; }
    .f4ns-field.f4ns-field-h24.f4ns-field-upload .filepond--action-remove-item,
    .f4ns-field.f4ns-field-h24.f4ns-field-upload div.filepond--drop-label {
      cursor: pointer; }
      .f4ns-field.f4ns-field-h24.f4ns-field-upload .filepond--action-remove-item label,
      .f4ns-field.f4ns-field-h24.f4ns-field-upload div.filepond--drop-label label {
        cursor: pointer;
        color: #d0d0d0; }
    .f4ns-field.f4ns-field-h24.f4ns-field-upload .filepond--item {
      cursor: initial; }
    .f4ns-field.f4ns-field-h24.f4ns-field-upload .filepond--browser.filepond--browser {
      top: 0;
      width: 100%;
      position: initial; }
  .f4ns-field.f4ns-field-h24.f4ns-field-precode {
    background-color: transparent;
    font-family: monospace !important;
    margin: 0;
    justify-content: center; }
  .f4ns-field.f4ns-field-h24.f4ns-field-iframe {
    background-color: transparent; }
    .f4ns-field.f4ns-field-h24.f4ns-field-iframe iframe {
      border: none;
      height: 100%; }
  .f4ns-field.f4ns-field-h24.f4ns-field-chips {
    background-color: transparent;
    flex-direction: row;
    padding-bottom: 2px;
    flex-wrap: wrap;
    gap: 8px;
    overflow: visible; }
    .f4ns-field.f4ns-field-h24.f4ns-field-chips .f4ns-field-chips-item {
      height: calc(24px * 0.80);
      font-family: inherit;
      font-size: 9.3333333333px !important;
      max-width: 180px;
      min-width: 40px;
      padding-left: 15px;
      padding-right: 15px;
      border-radius: 25px;
      cursor: pointer;
      background: #ebebeb;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow-x: hidden;
      align-content: center;
      text-align: center;
      /*hover*/
      /*active*/ }
      .f4ns-field.f4ns-field-h24.f4ns-field-chips .f4ns-field-chips-item:hover {
        box-shadow: 0 0.6666666667pxpx 0.6666666667pxpx 0 #3c404333, 0 0.6666666667pxpx 0.6666666667pxpx 0.6666666667pxpx #3c404322;
        -webkit-transition: box-shadow 0.08s linear, min-width 0.15s cubic-bezier(0.4, 0, 0.2, 1);
        transition: box-shadow 0.08s linear, min-width 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
      .f4ns-field.f4ns-field-h24.f4ns-field-chips .f4ns-field-chips-item:active {
        box-shadow: none; }
  .f4ns-field.f4ns-field-h24.f4ns-field-line {
    background-color: transparent; }
    .f4ns-field.f4ns-field-h24.f4ns-field-line hr {
      width: 100%;
      height: 1.3333333333px;
      border: none;
      background-color: #d8d8d8; }
  .f4ns-field.f4ns-field-h24 .f4ns-field-inner-icon {
    align-items: center;
    position: absolute;
    width: 9.3333333333px;
    margin-right: calc((24px - 9.3333333333px) * 0.4);
    right: 0;
    bottom: 0;
    z-index: 1000; }
    .f4ns-field.f4ns-field-h24 .f4ns-field-inner-icon.f4ns-field-inner-icon-error {
      color: #d20000; }
      .f4ns-field.f4ns-field-h24 .f4ns-field-inner-icon.f4ns-field-inner-icon-error span {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 9.3333333333px;
        height: 9.3333333333px;
        font-size: 7.3333333333px !important;
        font-weight: bold;
        background-color: #fffbfbee;
        border: 0.6666666667px solid #d20000;
        border-radius: 3.3333333333px;
        cursor: default; }
.f4ns-field.f4ns-field-h30 {
  /*general style*/
  position: relative;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  background-color: white;
  color: #444;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  /*hidden*/
  /*dirty*/
  /*readonly*/
  /*height, font, scrollbar*/
  /*padding*/
  /*border-radius-focus-hover*/
  /*box*/
  /*label*/
  /*input / input-datetime*/
  /*input-range*/
  /*input-color*/
  /*textarea*/
  /*qrcode*/
  /*icon*/
  /*image*/
  /*button*/
  /*select*/
  /*signature*/
  /*wysiwyg*/
  /*switch*/
  /*upload*/
  /*precode*/
  /*iframe*/
  /*chips*/
  /*line*/
  /*error icon*/ }
  .f4ns-field.f4ns-field-h30.f4ns-field-hidden {
    display: none !important; }
  .f4ns-field.f4ns-field-h30:not(.f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line, .f4ns-field-switch, .f4ns-field-image, .f4ns-field-icon).f4ns-field-dirty::after {
    content: "";
    position: absolute;
    top: calc(7.5px * 0.5);
    right: calc(7.5px * 0.5);
    width: 7.5px;
    height: 7.5px;
    clip-path: polygon(100% 0, 0 0, 100% 100%);
    border-top-right-radius: calc(7.5px * 0.5);
    border-top-left-radius: calc(7.5px * 0.25);
    border-bottom-right-radius: calc(7.5px * 0.25);
    background-color: #85858544; }
  .f4ns-field.f4ns-field-h30.f4ns-field-readonly {
    pointer-events: none; }
    .f4ns-field.f4ns-field-h30.f4ns-field-readonly:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-switch, .f4ns-field-image, .f4ns-field-precode, .f4ns-field-icon, .f4ns-field-label) {
      background-color: #eeeeee !important;
      border-color: #dddddd; }
  .f4ns-field.f4ns-field-h30:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) {
    height: 30px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    font-size: 11.6666666667px !important; }
    .f4ns-field.f4ns-field-h30:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) * {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
      font-size: 11.6666666667px !important;
      /*Scrollbar*/ }
      .f4ns-field.f4ns-field-h30:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) *::-webkit-scrollbar {
        width: 10px; }
      .f4ns-field.f4ns-field-h30:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) *::-webkit-scrollbar-track {
        margin-bottom: 1px;
        margin-top: 1px;
        background-color: white;
        border-radius: 10px; }
      .f4ns-field.f4ns-field-h30:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) *::-webkit-scrollbar-thumb {
        cursor: auto;
        background-color: #d8d8d8;
        border-radius: 10px;
        border: 2px solid transparent; }
      .f4ns-field.f4ns-field-h30:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) *::-webkit-scrollbar-thumb:hover {
        background-color: #aaaaaa; }
      .f4ns-field.f4ns-field-h30:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) *::-webkit-scrollbar-thumb:active {
        background-color: #777777; }
      .f4ns-field.f4ns-field-h30:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) *::-webkit-scrollbar-corner {
        background-color: transparent; }
  .f4ns-field.f4ns-field-h30:not(.f4ns-field-switch, .f4ns-field-wysiwyg, .f4ns-field-iframe, .f4ns-field-box) {
    padding-bottom: 0; }
  .f4ns-field.f4ns-field-h30.f4ns-field-input, .f4ns-field.f4ns-field-h30.f4ns-field-datetime, .f4ns-field.f4ns-field-h30.f4ns-field-textarea, .f4ns-field.f4ns-field-h30.f4ns-field-select, .f4ns-field.f4ns-field-h30 .f4ns-field-box {
    box-sizing: border-box;
    padding-right: 6.6666666667px;
    padding-left: 6.6666666667px; }
  .f4ns-field.f4ns-field-h30.f4ns-field-select.f4ns-field-select-is-multi:has(> .has-items) {
    padding-right: calc(6.6666666667px * 0.5);
    padding-left: calc(6.6666666667px * 0.5); }
  .f4ns-field.f4ns-field-h30.f4ns-field-input, .f4ns-field.f4ns-field-h30.f4ns-field-datetime, .f4ns-field.f4ns-field-h30.f4ns-field-textarea, .f4ns-field.f4ns-field-h30.f4ns-field-select, .f4ns-field.f4ns-field-h30.f4ns-field-wysiwyg, .f4ns-field.f4ns-field-h30.f4ns-field-upload, .f4ns-field.f4ns-field-h30.f4ns-field-iframe, .f4ns-field.f4ns-field-h30.f4ns-field-signature {
    /*border*/
    /*first child transparent*/
    /*focus-hover*/ }
    .f4ns-field.f4ns-field-h30.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h30.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h30.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h30.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h30.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h30.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h30.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h30.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color) {
      outline: none;
      border-width: 0.8333333333px;
      border-color: #b4b4b4;
      border-style: solid;
      border-radius: 8.3333333333px; }
      .f4ns-field.f4ns-field-h30.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h30.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h30.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h30.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h30.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h30.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h30.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h30.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error {
        border-color: #bf1c1c;
        background-color: #fffbfb; }
    .f4ns-field.f4ns-field-h30.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h30.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h30.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h30.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h30.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h30.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h30.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h30.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child {
      border-radius: 8.3333333333px;
      background-color: transparent; }
    .f4ns-field.f4ns-field-h30.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h30.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h30.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h30.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h30.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h30.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h30.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h30.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) {
      /*focus*/
      /*hover*/
      /*autofill chrome*/ }
      .f4ns-field.f4ns-field-h30.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h30.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h30.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h30.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h30.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h30.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h30.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h30.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within {
        border-color: #4b90c7;
        background-color: #f1f8ff; }
      .f4ns-field.f4ns-field-h30.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h30.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h30.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h30.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h30.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h30.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h30.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h30.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within) {
        border-color: #9cb6ca;
        background-color: #fbfdff; }
      .f4ns-field.f4ns-field-h30.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h30.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h30.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h30.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h30.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h30.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h30.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h30.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error {
        /*focus*/
        /*hover*/ }
        .f4ns-field.f4ns-field-h30.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h30.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h30.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h30.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h30.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h30.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h30.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h30.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within {
          border-color: #bf1c1c;
          background-color: #fff1f1; }
        .f4ns-field.f4ns-field-h30.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h30.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h30.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h30.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h30.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h30.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h30.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h30.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within) {
          border-color: #bf1c1c;
          background-color: #fffbfb; }
      .f4ns-field.f4ns-field-h30.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h30.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h30.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h30.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h30.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h30.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h30.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h30.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill {
        background-clip: text; }
  .f4ns-field.f4ns-field-h30.f4ns-field-box {
    height: auto;
    min-height: 30px;
    background-color: transparent; }
    .f4ns-field.f4ns-field-h30.f4ns-field-box .f4ns-field-box-container {
      height: 100%;
      display: flex;
      flex: auto;
      box-sizing: border-box;
      flex-direction: column;
      width: 100%;
      flex: 1; }
    .f4ns-field.f4ns-field-h30.f4ns-field-box.f4ns-field-box-visible .f4ns-field-box-container {
      position: relative;
      border: 1px solid #b4b4b4;
      border-top-right-radius: 8px;
      border-bottom-right-radius: 8px;
      border-bottom-left-radius: 8px;
      border-top-left-radius: 8px;
      padding: 15px 10px 15px 10px;
      background-color: #f9f9f9; }
      .f4ns-field.f4ns-field-h30.f4ns-field-box.f4ns-field-box-visible .f4ns-field-box-container .f4ns-field-box-container-text {
        display: flex;
        position: absolute;
        background: #f9f9f9;
        top: -10px;
        left: -1px;
        padding: 0 10px;
        font-weight: normal;
        font-style: italic;
        border: 1px solid #b4b4b4;
        border-bottom: none;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px; }
    .f4ns-field.f4ns-field-h30.f4ns-field-box.f4ns-field-box-visible .f4ns-field-box-container-text::after {
      content: "";
      position: absolute;
      bottom: 0px;
      width: 2px;
      height: 6px;
      background: #f9f9f9; }
    .f4ns-field.f4ns-field-h30.f4ns-field-box.f4ns-field-box-visible .f4ns-field-box-container-text::after {
      right: -2px; }
  .f4ns-field.f4ns-field-h30.f4ns-field-label {
    background-color: transparent;
    justify-content: center;
    height: 30px;
    line-height: 30px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    font-size: 30px !important;
    /*readonly*/ }
    .f4ns-field.f4ns-field-h30.f4ns-field-label.f4ns-field-readonly {
      color: #dddddd; }
  .f4ns-field.f4ns-field-h30.f4ns-field-input, .f4ns-field.f4ns-field-h30.f4ns-field-datetime {
    /*readonly*/ }
    .f4ns-field.f4ns-field-h30.f4ns-field-input input, .f4ns-field.f4ns-field-h30.f4ns-field-datetime input {
      background-color: transparent;
      height: 100%;
      width: 100%;
      outline: none;
      border: none; }
      .f4ns-field.f4ns-field-h30.f4ns-field-input input::placeholder, .f4ns-field.f4ns-field-h30.f4ns-field-datetime input::placeholder {
        color: lightgray; }
    .f4ns-field.f4ns-field-h30.f4ns-field-input.f4ns-field-readonly input, .f4ns-field.f4ns-field-h30.f4ns-field-datetime.f4ns-field-readonly input {
      color: #888888; }
  .f4ns-field.f4ns-field-h30.f4ns-field-input-range {
    background-color: transparent;
    padding: 0;
    border: none; }
    .f4ns-field.f4ns-field-h30.f4ns-field-input-range ::-webkit-slider-thumb {
      cursor: pointer; }
  .f4ns-field.f4ns-field-h30.f4ns-field-input-color {
    cursor: pointer; }
    .f4ns-field.f4ns-field-h30.f4ns-field-input-color input {
      cursor: pointer; }
  .f4ns-field.f4ns-field-h30.f4ns-field-textarea {
    height: auto;
    min-height: 30px;
    padding-right: 2px !important;
    padding-bottom: 2px !important;
    /*readonly*/ }
    .f4ns-field.f4ns-field-h30.f4ns-field-textarea textarea {
      background-color: transparent;
      height: 100%;
      display: flex;
      flex: auto;
      box-sizing: border-box;
      padding-top: 4.1666666667px;
      line-height: normal;
      outline: none;
      border: none;
      resize: none; }
    .f4ns-field.f4ns-field-h30.f4ns-field-textarea.f4ns-field-readonly textarea {
      color: #888888; }
    .f4ns-field.f4ns-field-h30.f4ns-field-textarea.f4ns-field-textarea-resize-horizontal textarea {
      resize: horizontal; }
    .f4ns-field.f4ns-field-h30.f4ns-field-textarea.f4ns-field-textarea-resize-vertical textarea {
      resize: vertical; }
    .f4ns-field.f4ns-field-h30.f4ns-field-textarea.f4ns-field-textarea-resize-both textarea {
      resize: both; }
  .f4ns-field.f4ns-field-h30.f4ns-field-qrcode div {
    height: inherit; }
    .f4ns-field.f4ns-field-h30.f4ns-field-qrcode div canvas {
      height: inherit; }
    .f4ns-field.f4ns-field-h30.f4ns-field-qrcode div img {
      height: inherit; }
  .f4ns-field.f4ns-field-h30.f4ns-field-icon {
    flex: 0 0 30px !important;
    align-items: center;
    justify-content: center;
    background-color: transparent; }
    .f4ns-field.f4ns-field-h30.f4ns-field-icon span {
      font-size: calc(11.6666666667px * 1.5) !important; }
  .f4ns-field.f4ns-field-h30.f4ns-field-image {
    overflow: hidden;
    position: relative;
    justify-content: center;
    background-color: transparent; }
    .f4ns-field.f4ns-field-h30.f4ns-field-image img {
      max-height: 100%;
      max-width: 100%;
      object-fit: contain;
      background-size: cover;
      vertical-align: middle; }
  .f4ns-field.f4ns-field-h30.f4ns-field-button {
    display: flex;
    flex-direction: row;
    border-radius: 10.8333333333px;
    height: 30px;
    box-shadow: 0 0.8333333333pxpx 0.8333333333pxpx 0 #3c404333, 0 0.8333333333pxpx 0.8333333333pxpx 0.8333333333pxpx #3c404322;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    /*size only icon button*/
    /*padding text-icon button*/
    /*hover*/
    /*active*/ }
    .f4ns-field.f4ns-field-h30.f4ns-field-button.f4ns-field-readonly {
      pointer-events: none;
      opacity: 0.15;
      filter: grayscale(70%); }
    .f4ns-field.f4ns-field-h30.f4ns-field-button span.f4ns-field-button-icon {
      display: flex;
      flex-direction: row;
      font-size: 16.6666666667px; }
    .f4ns-field.f4ns-field-h30.f4ns-field-button span.f4ns-field-button-text {
      flex: 1;
      display: flex;
      flex-direction: row;
      place-content: center;
      font-size: 11.6666666667px !important; }
      .f4ns-field.f4ns-field-h30.f4ns-field-button span.f4ns-field-button-text:empty {
        display: none; }
    .f4ns-field.f4ns-field-h30.f4ns-field-button.f4ns-field-button-has-icon:not(.f4ns-field-button-has-text) {
      flex: 0 0 30px !important;
      width: 30px !important; }
    .f4ns-field.f4ns-field-h30.f4ns-field-button.f4ns-field-button-has-icon.f4ns-field-button-has-text {
      box-sizing: border-box;
      padding-left: 10px;
      padding-right: 10px; }
      .f4ns-field.f4ns-field-h30.f4ns-field-button.f4ns-field-button-has-icon.f4ns-field-button-has-text .f4ns-field-button-text {
        padding-left: calc(10px * 0.3); }
    .f4ns-field.f4ns-field-h30.f4ns-field-button:hover {
      box-shadow: 0 0.8333333333pxpx 1.6666666667pxpx 0 #3c404333, 0 0.8333333333pxpx 1.6666666667pxpx 1.6666666667pxpx #3c404326;
      -webkit-transition: box-shadow 0.08s linear, min-width 0.15s cubic-bezier(0.4, 0, 0.2, 1);
      transition: box-shadow 0.08s linear, min-width 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
    .f4ns-field.f4ns-field-h30.f4ns-field-button:active {
      box-shadow: 0 0.8333333333pxpx 0.8333333333pxpx 0 #3c404333; }
  .f4ns-field.f4ns-field-h30.f4ns-field-select {
    min-height: 30px;
    height: fit-content;
    justify-content: center;
    outline: none;
    cursor: pointer;
    /*arrow down / clear button*/
    /*item*/ }
    .f4ns-field.f4ns-field-h30.f4ns-field-select div.dropdown-input-wrap {
      display: flex; }
      .f4ns-field.f4ns-field-h30.f4ns-field-select div.dropdown-input-wrap input {
        font-size: 11.6666666667px !important; }
      .f4ns-field.f4ns-field-h30.f4ns-field-select div.dropdown-input-wrap input:focus,
      .f4ns-field.f4ns-field-h30.f4ns-field-select div.dropdown-input-wrap input:focus-visible,
      .f4ns-field.f4ns-field-h30.f4ns-field-select div.dropdown-input-wrap input:active {
        outline: none; }
    .f4ns-field.f4ns-field-h30.f4ns-field-select div.f4ns-field-select-option {
      display: flex;
      box-sizing: border-box;
      border-top: 1px solid #eeeeee;
      color: #444444;
      /*dropdown option active*/ }
      .f4ns-field.f4ns-field-h30.f4ns-field-select div.f4ns-field-select-option.active {
        background-color: #fdfadf;
        color: #222222; }
      .f4ns-field.f4ns-field-h30.f4ns-field-select div.f4ns-field-select-option.selected {
        background-color: #a2cef3;
        color: #222222; }
        .f4ns-field.f4ns-field-h30.f4ns-field-select div.f4ns-field-select-option.selected div.f4ns-field-select-option-text-sub {
          color: #505050; }
      .f4ns-field.f4ns-field-h30.f4ns-field-select div.f4ns-field-select-option .f4ns-field-select-option-left {
        flex: 0 0 24px;
        display: flex;
        justify-content: center;
        margin-right: 8px; }
        .f4ns-field.f4ns-field-h30.f4ns-field-select div.f4ns-field-select-option .f4ns-field-select-option-left span {
          display: flex;
          height: calc(30px * 0.5) !important;
          width: calc(30px * 0.5) !important;
          border: 1px solid white;
          border-radius: 50px;
          position: relative;
          vertical-align: middle;
          align-self: center; }
      .f4ns-field.f4ns-field-h30.f4ns-field-select div.f4ns-field-select-option .f4ns-field-select-option-right {
        flex: 1;
        align-content: center; }
      .f4ns-field.f4ns-field-h30.f4ns-field-select div.f4ns-field-select-option a.remove {
        flex: 0 0 24px;
        display: flex;
        justify-content: center;
        margin-right: 8px; }
      .f4ns-field.f4ns-field-h30.f4ns-field-select div.f4ns-field-select-option div.f4ns-field-select-option-text-sub {
        font-style: italic;
        color: #999999;
        margin-top: 2px; }
      .f4ns-field.f4ns-field-h30.f4ns-field-select div.f4ns-field-select-option .highlight {
        background-color: #ffd5003d; }
    .f4ns-field.f4ns-field-h30.f4ns-field-select input::placeholder {
      color: lightgray; }
    .f4ns-field.f4ns-field-h30.f4ns-field-select div.ts-control {
      padding: 0;
      height: 100%;
      border: none;
      outline: none;
      background-color: transparent;
      align-content: center;
      cursor: pointer; }
      .f4ns-field.f4ns-field-h30.f4ns-field-select div.ts-control input {
        min-width: 50px; }
    .f4ns-field.f4ns-field-h30.f4ns-field-select div.ts-wrapper {
      scroll-behavior: auto !important;
      height: 100%;
      cursor: pointer; }
    .f4ns-field.f4ns-field-h30.f4ns-field-select input.items-placeholder {
      cursor: pointer; }
    .f4ns-field.f4ns-field-h30.f4ns-field-select span.f4ns-field-select-icon-arrow {
      opacity: 1;
      z-index: 0;
      transition: opacity 0.3s ease;
      position: absolute;
      right: 10px;
      font-size: calc(11.6666666667px * 1.2) !important;
      pointer-events: none; }
    .f4ns-field.f4ns-field-h30.f4ns-field-select div.clear-button {
      opacity: 0;
      z-index: 0;
      font-size: calc(11.6666666667px * 1.2) !important;
      justify-content: center;
      right: 0;
      box-sizing: border-box;
      padding: 0 5px 5px 5px;
      pointer-events: none; }
    .f4ns-field.f4ns-field-h30.f4ns-field-select:not(.f4ns-field-select-always-with-value).f4ns-field-select-has-value span.f4ns-field-select-icon-arrow {
      opacity: 0; }
    .f4ns-field.f4ns-field-h30.f4ns-field-select:not(.f4ns-field-select-always-with-value).f4ns-field-select-has-value div.clear-button {
      opacity: 1;
      transition: opacity 0.3s ease;
      pointer-events: auto; }
    .f4ns-field.f4ns-field-h30.f4ns-field-select.f4ns-field-readonly div.clear-button {
      pointer-events: none !important; }
    .f4ns-field.f4ns-field-h30.f4ns-field-select.f4ns-field-readonly div.ts-control {
      opacity: 0.5; }
    .f4ns-field.f4ns-field-h30.f4ns-field-select div.ts-wrapper {
      box-sizing: border-box;
      outline: none;
      border-radius: 10.8333333333px; }
      .f4ns-field.f4ns-field-h30.f4ns-field-select div.ts-wrapper div.item {
        align-content: center;
        min-height: 23.3333333333px;
        box-sizing: border-box;
        border-radius: 5.8333333333px;
        padding-top: 5.8333333333px;
        padding-bottom: 5.8333333333px;
        line-height: normal;
        margin: 0; }
        .f4ns-field.f4ns-field-h30.f4ns-field-select div.ts-wrapper div.item .f4ns-field-select-option-text {
          white-space: nowrap; }
      .f4ns-field.f4ns-field-h30.f4ns-field-select div.ts-wrapper.single div.item {
        margin-bottom: 0;
        padding-left: 0;
        padding-right: 0; }
      .f4ns-field.f4ns-field-h30.f4ns-field-select div.ts-wrapper.multi div.item {
        margin-bottom: 1px;
        margin-top: 1px;
        padding-top: 4.1666666667px;
        padding-bottom: 4.1666666667px;
        padding-left: 6.6666666667px;
        padding-right: 6.6666666667px;
        margin-right: 2px; }
      .f4ns-field.f4ns-field-h30.f4ns-field-select div.ts-wrapper input::placeholder {
        color: lightgray; }
  .f4ns-field.f4ns-field-h30.f4ns-field-wysiwyg {
    border: none; }
    .f4ns-field.f4ns-field-h30.f4ns-field-wysiwyg .ql-toolbar {
      border-top-right-radius: calc(8.3333333333px - 0.8333333333px);
      border-top-left-radius: calc(8.3333333333px - 0.8333333333px);
      background-color: #f8f8f8;
      border: none;
      border-bottom: 0.8333333333px solid #b4b4b4;
      font-size: var(--f4ns-page-font-size) !important; }
      .f4ns-field.f4ns-field-h30.f4ns-field-wysiwyg .ql-toolbar * {
        font-size: var(--f4ns-page-font-size) !important; }
    .f4ns-field.f4ns-field-h30.f4ns-field-wysiwyg .ql-container {
      border: none;
      display: table;
      min-height: 66.6666666667px;
      padding-top: 0;
      padding-bottom: 0;
      padding-left: 6.6666666667px;
      padding-right: 2px !important; }
      .f4ns-field.f4ns-field-h30.f4ns-field-wysiwyg .ql-container .ql-editor {
        line-height: normal;
        padding: 0; }
  .f4ns-field.f4ns-field-h30.f4ns-field-switch {
    box-sizing: border-box;
    background-color: transparent;
    /*background*/
    /*animation*/ }
    .f4ns-field.f4ns-field-h30.f4ns-field-switch .f4ns-field-switch-container {
      position: relative;
      display: inline-block;
      width: 53.3333333333px;
      height: 30px; }
      .f4ns-field.f4ns-field-h30.f4ns-field-switch .f4ns-field-switch-container input {
        opacity: 0;
        width: 0;
        height: 0; }
    .f4ns-field.f4ns-field-h30.f4ns-field-switch span.f4ns-field-switch-slider {
      position: absolute;
      cursor: pointer;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      border-radius: 30px;
      background-color: #cccccc;
      -webkit-transition: .4s;
      transition: .4s; }
    .f4ns-field.f4ns-field-h30.f4ns-field-switch span.f4ns-field-switch-slider:before {
      height: 23.3333333333px;
      width: 23.3333333333px;
      left: 3.3333333333px;
      bottom: 3.3333333333px;
      border-radius: 50%;
      position: absolute;
      content: "";
      background-color: white;
      -webkit-transition: .4s;
      transition: .4s; }
    .f4ns-field.f4ns-field-h30.f4ns-field-switch input:checked + .f4ns-field-switch-slider {
      background-color: #4b90c7; }
    .f4ns-field.f4ns-field-h30.f4ns-field-switch.f4ns-field-readonly .f4ns-field-switch-slider {
      background-color: #f0f0f0; }
      .f4ns-field.f4ns-field-h30.f4ns-field-switch.f4ns-field-readonly .f4ns-field-switch-slider:before {
        background-color: #dfdfdf; }
    .f4ns-field.f4ns-field-h30.f4ns-field-switch.f4ns-field-readonly input:checked + .f4ns-field-switch-slider {
      background-color: #e1ebf3; }
      .f4ns-field.f4ns-field-h30.f4ns-field-switch.f4ns-field-readonly input:checked + .f4ns-field-switch-slider::before {
        background-color: #f3f3f3; }
    .f4ns-field.f4ns-field-h30.f4ns-field-switch input:focus + .f4ns-field-switch-slider {
      box-shadow: 0 0 1px #4b90c7; }
    .f4ns-field.f4ns-field-h30.f4ns-field-switch input:checked + .f4ns-field-switch-slider:before {
      -webkit-transform: translateX(23.3333333333px);
      -ms-transform: translateX(23.3333333333px);
      transform: translateX(23.3333333333px); }
    .f4ns-field.f4ns-field-h30.f4ns-field-switch.f4ns-field-hidden span.f4ns-field-switch-slider, .f4ns-field.f4ns-field-h30.f4ns-field-switch.f4ns-field-readonly span.f4ns-field-switch-slider {
      transition: none !important;
      animation: none !important; }
  .f4ns-field.f4ns-field-h30.f4ns-field-upload {
    height: fit-content;
    min-height: 30px;
    border-style: dashed !important;
    background-color: white; }
    .f4ns-field.f4ns-field-h30.f4ns-field-upload div.filepond--root {
      margin-bottom: 0; }
    .f4ns-field.f4ns-field-h30.f4ns-field-upload div.filepond--panel-root {
      display: none;
      background-color: white; }
    .f4ns-field.f4ns-field-h30.f4ns-field-upload .filepond--action-remove-item,
    .f4ns-field.f4ns-field-h30.f4ns-field-upload div.filepond--drop-label {
      cursor: pointer; }
      .f4ns-field.f4ns-field-h30.f4ns-field-upload .filepond--action-remove-item label,
      .f4ns-field.f4ns-field-h30.f4ns-field-upload div.filepond--drop-label label {
        cursor: pointer;
        color: #d0d0d0; }
    .f4ns-field.f4ns-field-h30.f4ns-field-upload .filepond--item {
      cursor: initial; }
    .f4ns-field.f4ns-field-h30.f4ns-field-upload .filepond--browser.filepond--browser {
      top: 0;
      width: 100%;
      position: initial; }
  .f4ns-field.f4ns-field-h30.f4ns-field-precode {
    background-color: transparent;
    font-family: monospace !important;
    margin: 0;
    justify-content: center; }
  .f4ns-field.f4ns-field-h30.f4ns-field-iframe {
    background-color: transparent; }
    .f4ns-field.f4ns-field-h30.f4ns-field-iframe iframe {
      border: none;
      height: 100%; }
  .f4ns-field.f4ns-field-h30.f4ns-field-chips {
    background-color: transparent;
    flex-direction: row;
    padding-bottom: 2px;
    flex-wrap: wrap;
    gap: 8px;
    overflow: visible; }
    .f4ns-field.f4ns-field-h30.f4ns-field-chips .f4ns-field-chips-item {
      height: calc(30px * 0.80);
      font-family: inherit;
      font-size: 11.6666666667px !important;
      max-width: 180px;
      min-width: 40px;
      padding-left: 15px;
      padding-right: 15px;
      border-radius: 25px;
      cursor: pointer;
      background: #ebebeb;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow-x: hidden;
      align-content: center;
      text-align: center;
      /*hover*/
      /*active*/ }
      .f4ns-field.f4ns-field-h30.f4ns-field-chips .f4ns-field-chips-item:hover {
        box-shadow: 0 0.8333333333pxpx 0.8333333333pxpx 0 #3c404333, 0 0.8333333333pxpx 0.8333333333pxpx 0.8333333333pxpx #3c404322;
        -webkit-transition: box-shadow 0.08s linear, min-width 0.15s cubic-bezier(0.4, 0, 0.2, 1);
        transition: box-shadow 0.08s linear, min-width 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
      .f4ns-field.f4ns-field-h30.f4ns-field-chips .f4ns-field-chips-item:active {
        box-shadow: none; }
  .f4ns-field.f4ns-field-h30.f4ns-field-line {
    background-color: transparent; }
    .f4ns-field.f4ns-field-h30.f4ns-field-line hr {
      width: 100%;
      height: 1.6666666667px;
      border: none;
      background-color: #d8d8d8; }
  .f4ns-field.f4ns-field-h30 .f4ns-field-inner-icon {
    align-items: center;
    position: absolute;
    width: 11.6666666667px;
    margin-right: calc((30px - 11.6666666667px) * 0.4);
    right: 0;
    bottom: 0;
    z-index: 1000; }
    .f4ns-field.f4ns-field-h30 .f4ns-field-inner-icon.f4ns-field-inner-icon-error {
      color: #d20000; }
      .f4ns-field.f4ns-field-h30 .f4ns-field-inner-icon.f4ns-field-inner-icon-error span {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 11.6666666667px;
        height: 11.6666666667px;
        font-size: 9.1666666667px !important;
        font-weight: bold;
        background-color: #fffbfbee;
        border: 0.8333333333px solid #d20000;
        border-radius: 4.1666666667px;
        cursor: default; }
.f4ns-field.f4ns-field-h36 {
  /*general style*/
  position: relative;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  background-color: white;
  color: #444;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  /*hidden*/
  /*dirty*/
  /*readonly*/
  /*height, font, scrollbar*/
  /*padding*/
  /*border-radius-focus-hover*/
  /*box*/
  /*label*/
  /*input / input-datetime*/
  /*input-range*/
  /*input-color*/
  /*textarea*/
  /*qrcode*/
  /*icon*/
  /*image*/
  /*button*/
  /*select*/
  /*signature*/
  /*wysiwyg*/
  /*switch*/
  /*upload*/
  /*precode*/
  /*iframe*/
  /*chips*/
  /*line*/
  /*error icon*/ }
  .f4ns-field.f4ns-field-h36.f4ns-field-hidden {
    display: none !important; }
  .f4ns-field.f4ns-field-h36:not(.f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line, .f4ns-field-switch, .f4ns-field-image, .f4ns-field-icon).f4ns-field-dirty::after {
    content: "";
    position: absolute;
    top: calc(9px * 0.5);
    right: calc(9px * 0.5);
    width: 9px;
    height: 9px;
    clip-path: polygon(100% 0, 0 0, 100% 100%);
    border-top-right-radius: calc(9px * 0.5);
    border-top-left-radius: calc(9px * 0.25);
    border-bottom-right-radius: calc(9px * 0.25);
    background-color: #85858544; }
  .f4ns-field.f4ns-field-h36.f4ns-field-readonly {
    pointer-events: none; }
    .f4ns-field.f4ns-field-h36.f4ns-field-readonly:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-switch, .f4ns-field-image, .f4ns-field-precode, .f4ns-field-icon, .f4ns-field-label) {
      background-color: #eeeeee !important;
      border-color: #dddddd; }
  .f4ns-field.f4ns-field-h36:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) {
    height: 36px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    font-size: 14px !important; }
    .f4ns-field.f4ns-field-h36:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) * {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
      font-size: 14px !important;
      /*Scrollbar*/ }
      .f4ns-field.f4ns-field-h36:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) *::-webkit-scrollbar {
        width: 10px; }
      .f4ns-field.f4ns-field-h36:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) *::-webkit-scrollbar-track {
        margin-bottom: 1px;
        margin-top: 1px;
        background-color: white;
        border-radius: 10px; }
      .f4ns-field.f4ns-field-h36:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) *::-webkit-scrollbar-thumb {
        cursor: auto;
        background-color: #d8d8d8;
        border-radius: 10px;
        border: 2px solid transparent; }
      .f4ns-field.f4ns-field-h36:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) *::-webkit-scrollbar-thumb:hover {
        background-color: #aaaaaa; }
      .f4ns-field.f4ns-field-h36:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) *::-webkit-scrollbar-thumb:active {
        background-color: #777777; }
      .f4ns-field.f4ns-field-h36:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) *::-webkit-scrollbar-corner {
        background-color: transparent; }
  .f4ns-field.f4ns-field-h36:not(.f4ns-field-switch, .f4ns-field-wysiwyg, .f4ns-field-iframe, .f4ns-field-box) {
    padding-bottom: 0; }
  .f4ns-field.f4ns-field-h36.f4ns-field-input, .f4ns-field.f4ns-field-h36.f4ns-field-datetime, .f4ns-field.f4ns-field-h36.f4ns-field-textarea, .f4ns-field.f4ns-field-h36.f4ns-field-select, .f4ns-field.f4ns-field-h36 .f4ns-field-box {
    box-sizing: border-box;
    padding-right: 8px;
    padding-left: 8px; }
  .f4ns-field.f4ns-field-h36.f4ns-field-select.f4ns-field-select-is-multi:has(> .has-items) {
    padding-right: calc(8px * 0.5);
    padding-left: calc(8px * 0.5); }
  .f4ns-field.f4ns-field-h36.f4ns-field-input, .f4ns-field.f4ns-field-h36.f4ns-field-datetime, .f4ns-field.f4ns-field-h36.f4ns-field-textarea, .f4ns-field.f4ns-field-h36.f4ns-field-select, .f4ns-field.f4ns-field-h36.f4ns-field-wysiwyg, .f4ns-field.f4ns-field-h36.f4ns-field-upload, .f4ns-field.f4ns-field-h36.f4ns-field-iframe, .f4ns-field.f4ns-field-h36.f4ns-field-signature {
    /*border*/
    /*first child transparent*/
    /*focus-hover*/ }
    .f4ns-field.f4ns-field-h36.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h36.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h36.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h36.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h36.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h36.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h36.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h36.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color) {
      outline: none;
      border-width: 1px;
      border-color: #b4b4b4;
      border-style: solid;
      border-radius: 10px; }
      .f4ns-field.f4ns-field-h36.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h36.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h36.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h36.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h36.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h36.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h36.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h36.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error {
        border-color: #bf1c1c;
        background-color: #fffbfb; }
    .f4ns-field.f4ns-field-h36.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h36.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h36.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h36.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h36.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h36.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h36.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h36.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child {
      border-radius: 10px;
      background-color: transparent; }
    .f4ns-field.f4ns-field-h36.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h36.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h36.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h36.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h36.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h36.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h36.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h36.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) {
      /*focus*/
      /*hover*/
      /*autofill chrome*/ }
      .f4ns-field.f4ns-field-h36.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h36.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h36.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h36.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h36.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h36.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h36.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h36.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within {
        border-color: #4b90c7;
        background-color: #f1f8ff; }
      .f4ns-field.f4ns-field-h36.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h36.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h36.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h36.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h36.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h36.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h36.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h36.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within) {
        border-color: #9cb6ca;
        background-color: #fbfdff; }
      .f4ns-field.f4ns-field-h36.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h36.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h36.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h36.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h36.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h36.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h36.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h36.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error {
        /*focus*/
        /*hover*/ }
        .f4ns-field.f4ns-field-h36.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h36.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h36.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h36.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h36.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h36.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h36.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h36.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within {
          border-color: #bf1c1c;
          background-color: #fff1f1; }
        .f4ns-field.f4ns-field-h36.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h36.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h36.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h36.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h36.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h36.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h36.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h36.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within) {
          border-color: #bf1c1c;
          background-color: #fffbfb; }
      .f4ns-field.f4ns-field-h36.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h36.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h36.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h36.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h36.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h36.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h36.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h36.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill {
        background-clip: text; }
  .f4ns-field.f4ns-field-h36.f4ns-field-box {
    height: auto;
    min-height: 36px;
    background-color: transparent; }
    .f4ns-field.f4ns-field-h36.f4ns-field-box .f4ns-field-box-container {
      height: 100%;
      display: flex;
      flex: auto;
      box-sizing: border-box;
      flex-direction: column;
      width: 100%;
      flex: 1; }
    .f4ns-field.f4ns-field-h36.f4ns-field-box.f4ns-field-box-visible .f4ns-field-box-container {
      position: relative;
      border: 1px solid #b4b4b4;
      border-top-right-radius: 8px;
      border-bottom-right-radius: 8px;
      border-bottom-left-radius: 8px;
      border-top-left-radius: 8px;
      padding: 15px 10px 15px 10px;
      background-color: #f9f9f9; }
      .f4ns-field.f4ns-field-h36.f4ns-field-box.f4ns-field-box-visible .f4ns-field-box-container .f4ns-field-box-container-text {
        display: flex;
        position: absolute;
        background: #f9f9f9;
        top: -10px;
        left: -1px;
        padding: 0 10px;
        font-weight: normal;
        font-style: italic;
        border: 1px solid #b4b4b4;
        border-bottom: none;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px; }
    .f4ns-field.f4ns-field-h36.f4ns-field-box.f4ns-field-box-visible .f4ns-field-box-container-text::after {
      content: "";
      position: absolute;
      bottom: 0px;
      width: 2px;
      height: 6px;
      background: #f9f9f9; }
    .f4ns-field.f4ns-field-h36.f4ns-field-box.f4ns-field-box-visible .f4ns-field-box-container-text::after {
      right: -2px; }
  .f4ns-field.f4ns-field-h36.f4ns-field-label {
    background-color: transparent;
    justify-content: center;
    height: 36px;
    line-height: 36px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    font-size: 36px !important;
    /*readonly*/ }
    .f4ns-field.f4ns-field-h36.f4ns-field-label.f4ns-field-readonly {
      color: #dddddd; }
  .f4ns-field.f4ns-field-h36.f4ns-field-input, .f4ns-field.f4ns-field-h36.f4ns-field-datetime {
    /*readonly*/ }
    .f4ns-field.f4ns-field-h36.f4ns-field-input input, .f4ns-field.f4ns-field-h36.f4ns-field-datetime input {
      background-color: transparent;
      height: 100%;
      width: 100%;
      outline: none;
      border: none; }
      .f4ns-field.f4ns-field-h36.f4ns-field-input input::placeholder, .f4ns-field.f4ns-field-h36.f4ns-field-datetime input::placeholder {
        color: lightgray; }
    .f4ns-field.f4ns-field-h36.f4ns-field-input.f4ns-field-readonly input, .f4ns-field.f4ns-field-h36.f4ns-field-datetime.f4ns-field-readonly input {
      color: #888888; }
  .f4ns-field.f4ns-field-h36.f4ns-field-input-range {
    background-color: transparent;
    padding: 0;
    border: none; }
    .f4ns-field.f4ns-field-h36.f4ns-field-input-range ::-webkit-slider-thumb {
      cursor: pointer; }
  .f4ns-field.f4ns-field-h36.f4ns-field-input-color {
    cursor: pointer; }
    .f4ns-field.f4ns-field-h36.f4ns-field-input-color input {
      cursor: pointer; }
  .f4ns-field.f4ns-field-h36.f4ns-field-textarea {
    height: auto;
    min-height: 36px;
    padding-right: 2px !important;
    padding-bottom: 2px !important;
    /*readonly*/ }
    .f4ns-field.f4ns-field-h36.f4ns-field-textarea textarea {
      background-color: transparent;
      height: 100%;
      display: flex;
      flex: auto;
      box-sizing: border-box;
      padding-top: 5px;
      line-height: normal;
      outline: none;
      border: none;
      resize: none; }
    .f4ns-field.f4ns-field-h36.f4ns-field-textarea.f4ns-field-readonly textarea {
      color: #888888; }
    .f4ns-field.f4ns-field-h36.f4ns-field-textarea.f4ns-field-textarea-resize-horizontal textarea {
      resize: horizontal; }
    .f4ns-field.f4ns-field-h36.f4ns-field-textarea.f4ns-field-textarea-resize-vertical textarea {
      resize: vertical; }
    .f4ns-field.f4ns-field-h36.f4ns-field-textarea.f4ns-field-textarea-resize-both textarea {
      resize: both; }
  .f4ns-field.f4ns-field-h36.f4ns-field-qrcode div {
    height: inherit; }
    .f4ns-field.f4ns-field-h36.f4ns-field-qrcode div canvas {
      height: inherit; }
    .f4ns-field.f4ns-field-h36.f4ns-field-qrcode div img {
      height: inherit; }
  .f4ns-field.f4ns-field-h36.f4ns-field-icon {
    flex: 0 0 36px !important;
    align-items: center;
    justify-content: center;
    background-color: transparent; }
    .f4ns-field.f4ns-field-h36.f4ns-field-icon span {
      font-size: calc(14px * 1.5) !important; }
  .f4ns-field.f4ns-field-h36.f4ns-field-image {
    overflow: hidden;
    position: relative;
    justify-content: center;
    background-color: transparent; }
    .f4ns-field.f4ns-field-h36.f4ns-field-image img {
      max-height: 100%;
      max-width: 100%;
      object-fit: contain;
      background-size: cover;
      vertical-align: middle; }
  .f4ns-field.f4ns-field-h36.f4ns-field-button {
    display: flex;
    flex-direction: row;
    border-radius: 13px;
    height: 36px;
    box-shadow: 0 1pxpx 1pxpx 0 #3c404333, 0 1pxpx 1pxpx 1pxpx #3c404322;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    /*size only icon button*/
    /*padding text-icon button*/
    /*hover*/
    /*active*/ }
    .f4ns-field.f4ns-field-h36.f4ns-field-button.f4ns-field-readonly {
      pointer-events: none;
      opacity: 0.15;
      filter: grayscale(70%); }
    .f4ns-field.f4ns-field-h36.f4ns-field-button span.f4ns-field-button-icon {
      display: flex;
      flex-direction: row;
      font-size: 20px; }
    .f4ns-field.f4ns-field-h36.f4ns-field-button span.f4ns-field-button-text {
      flex: 1;
      display: flex;
      flex-direction: row;
      place-content: center;
      font-size: 14px !important; }
      .f4ns-field.f4ns-field-h36.f4ns-field-button span.f4ns-field-button-text:empty {
        display: none; }
    .f4ns-field.f4ns-field-h36.f4ns-field-button.f4ns-field-button-has-icon:not(.f4ns-field-button-has-text) {
      flex: 0 0 36px !important;
      width: 36px !important; }
    .f4ns-field.f4ns-field-h36.f4ns-field-button.f4ns-field-button-has-icon.f4ns-field-button-has-text {
      box-sizing: border-box;
      padding-left: 12px;
      padding-right: 12px; }
      .f4ns-field.f4ns-field-h36.f4ns-field-button.f4ns-field-button-has-icon.f4ns-field-button-has-text .f4ns-field-button-text {
        padding-left: calc(12px * 0.3); }
    .f4ns-field.f4ns-field-h36.f4ns-field-button:hover {
      box-shadow: 0 1pxpx 2pxpx 0 #3c404333, 0 1pxpx 2pxpx 2pxpx #3c404326;
      -webkit-transition: box-shadow 0.08s linear, min-width 0.15s cubic-bezier(0.4, 0, 0.2, 1);
      transition: box-shadow 0.08s linear, min-width 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
    .f4ns-field.f4ns-field-h36.f4ns-field-button:active {
      box-shadow: 0 1pxpx 1pxpx 0 #3c404333; }
  .f4ns-field.f4ns-field-h36.f4ns-field-select {
    min-height: 36px;
    height: fit-content;
    justify-content: center;
    outline: none;
    cursor: pointer;
    /*arrow down / clear button*/
    /*item*/ }
    .f4ns-field.f4ns-field-h36.f4ns-field-select div.dropdown-input-wrap {
      display: flex; }
      .f4ns-field.f4ns-field-h36.f4ns-field-select div.dropdown-input-wrap input {
        font-size: 14px !important; }
      .f4ns-field.f4ns-field-h36.f4ns-field-select div.dropdown-input-wrap input:focus,
      .f4ns-field.f4ns-field-h36.f4ns-field-select div.dropdown-input-wrap input:focus-visible,
      .f4ns-field.f4ns-field-h36.f4ns-field-select div.dropdown-input-wrap input:active {
        outline: none; }
    .f4ns-field.f4ns-field-h36.f4ns-field-select div.f4ns-field-select-option {
      display: flex;
      box-sizing: border-box;
      border-top: 1px solid #eeeeee;
      color: #444444;
      /*dropdown option active*/ }
      .f4ns-field.f4ns-field-h36.f4ns-field-select div.f4ns-field-select-option.active {
        background-color: #fdfadf;
        color: #222222; }
      .f4ns-field.f4ns-field-h36.f4ns-field-select div.f4ns-field-select-option.selected {
        background-color: #a2cef3;
        color: #222222; }
        .f4ns-field.f4ns-field-h36.f4ns-field-select div.f4ns-field-select-option.selected div.f4ns-field-select-option-text-sub {
          color: #505050; }
      .f4ns-field.f4ns-field-h36.f4ns-field-select div.f4ns-field-select-option .f4ns-field-select-option-left {
        flex: 0 0 24px;
        display: flex;
        justify-content: center;
        margin-right: 8px; }
        .f4ns-field.f4ns-field-h36.f4ns-field-select div.f4ns-field-select-option .f4ns-field-select-option-left span {
          display: flex;
          height: calc(36px * 0.5) !important;
          width: calc(36px * 0.5) !important;
          border: 1px solid white;
          border-radius: 50px;
          position: relative;
          vertical-align: middle;
          align-self: center; }
      .f4ns-field.f4ns-field-h36.f4ns-field-select div.f4ns-field-select-option .f4ns-field-select-option-right {
        flex: 1;
        align-content: center; }
      .f4ns-field.f4ns-field-h36.f4ns-field-select div.f4ns-field-select-option a.remove {
        flex: 0 0 24px;
        display: flex;
        justify-content: center;
        margin-right: 8px; }
      .f4ns-field.f4ns-field-h36.f4ns-field-select div.f4ns-field-select-option div.f4ns-field-select-option-text-sub {
        font-style: italic;
        color: #999999;
        margin-top: 2px; }
      .f4ns-field.f4ns-field-h36.f4ns-field-select div.f4ns-field-select-option .highlight {
        background-color: #ffd5003d; }
    .f4ns-field.f4ns-field-h36.f4ns-field-select input::placeholder {
      color: lightgray; }
    .f4ns-field.f4ns-field-h36.f4ns-field-select div.ts-control {
      padding: 0;
      height: 100%;
      border: none;
      outline: none;
      background-color: transparent;
      align-content: center;
      cursor: pointer; }
      .f4ns-field.f4ns-field-h36.f4ns-field-select div.ts-control input {
        min-width: 50px; }
    .f4ns-field.f4ns-field-h36.f4ns-field-select div.ts-wrapper {
      scroll-behavior: auto !important;
      height: 100%;
      cursor: pointer; }
    .f4ns-field.f4ns-field-h36.f4ns-field-select input.items-placeholder {
      cursor: pointer; }
    .f4ns-field.f4ns-field-h36.f4ns-field-select span.f4ns-field-select-icon-arrow {
      opacity: 1;
      z-index: 0;
      transition: opacity 0.3s ease;
      position: absolute;
      right: 10px;
      font-size: calc(14px * 1.2) !important;
      pointer-events: none; }
    .f4ns-field.f4ns-field-h36.f4ns-field-select div.clear-button {
      opacity: 0;
      z-index: 0;
      font-size: calc(14px * 1.2) !important;
      justify-content: center;
      right: 0;
      box-sizing: border-box;
      padding: 0 5px 5px 5px;
      pointer-events: none; }
    .f4ns-field.f4ns-field-h36.f4ns-field-select:not(.f4ns-field-select-always-with-value).f4ns-field-select-has-value span.f4ns-field-select-icon-arrow {
      opacity: 0; }
    .f4ns-field.f4ns-field-h36.f4ns-field-select:not(.f4ns-field-select-always-with-value).f4ns-field-select-has-value div.clear-button {
      opacity: 1;
      transition: opacity 0.3s ease;
      pointer-events: auto; }
    .f4ns-field.f4ns-field-h36.f4ns-field-select.f4ns-field-readonly div.clear-button {
      pointer-events: none !important; }
    .f4ns-field.f4ns-field-h36.f4ns-field-select.f4ns-field-readonly div.ts-control {
      opacity: 0.5; }
    .f4ns-field.f4ns-field-h36.f4ns-field-select div.ts-wrapper {
      box-sizing: border-box;
      outline: none;
      border-radius: 13px; }
      .f4ns-field.f4ns-field-h36.f4ns-field-select div.ts-wrapper div.item {
        align-content: center;
        min-height: 28px;
        box-sizing: border-box;
        border-radius: 7px;
        padding-top: 7px;
        padding-bottom: 7px;
        line-height: normal;
        margin: 0; }
        .f4ns-field.f4ns-field-h36.f4ns-field-select div.ts-wrapper div.item .f4ns-field-select-option-text {
          white-space: nowrap; }
      .f4ns-field.f4ns-field-h36.f4ns-field-select div.ts-wrapper.single div.item {
        margin-bottom: 0;
        padding-left: 0;
        padding-right: 0; }
      .f4ns-field.f4ns-field-h36.f4ns-field-select div.ts-wrapper.multi div.item {
        margin-bottom: 1px;
        margin-top: 1px;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 8px;
        padding-right: 8px;
        margin-right: 2px; }
      .f4ns-field.f4ns-field-h36.f4ns-field-select div.ts-wrapper input::placeholder {
        color: lightgray; }
  .f4ns-field.f4ns-field-h36.f4ns-field-wysiwyg {
    border: none; }
    .f4ns-field.f4ns-field-h36.f4ns-field-wysiwyg .ql-toolbar {
      border-top-right-radius: calc(10px - 1px);
      border-top-left-radius: calc(10px - 1px);
      background-color: #f8f8f8;
      border: none;
      border-bottom: 1px solid #b4b4b4;
      font-size: var(--f4ns-page-font-size) !important; }
      .f4ns-field.f4ns-field-h36.f4ns-field-wysiwyg .ql-toolbar * {
        font-size: var(--f4ns-page-font-size) !important; }
    .f4ns-field.f4ns-field-h36.f4ns-field-wysiwyg .ql-container {
      border: none;
      display: table;
      min-height: 80px;
      padding-top: 0;
      padding-bottom: 0;
      padding-left: 8px;
      padding-right: 2px !important; }
      .f4ns-field.f4ns-field-h36.f4ns-field-wysiwyg .ql-container .ql-editor {
        line-height: normal;
        padding: 0; }
  .f4ns-field.f4ns-field-h36.f4ns-field-switch {
    box-sizing: border-box;
    background-color: transparent;
    /*background*/
    /*animation*/ }
    .f4ns-field.f4ns-field-h36.f4ns-field-switch .f4ns-field-switch-container {
      position: relative;
      display: inline-block;
      width: 64px;
      height: 36px; }
      .f4ns-field.f4ns-field-h36.f4ns-field-switch .f4ns-field-switch-container input {
        opacity: 0;
        width: 0;
        height: 0; }
    .f4ns-field.f4ns-field-h36.f4ns-field-switch span.f4ns-field-switch-slider {
      position: absolute;
      cursor: pointer;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      border-radius: 36px;
      background-color: #cccccc;
      -webkit-transition: .4s;
      transition: .4s; }
    .f4ns-field.f4ns-field-h36.f4ns-field-switch span.f4ns-field-switch-slider:before {
      height: 28px;
      width: 28px;
      left: 4px;
      bottom: 4px;
      border-radius: 50%;
      position: absolute;
      content: "";
      background-color: white;
      -webkit-transition: .4s;
      transition: .4s; }
    .f4ns-field.f4ns-field-h36.f4ns-field-switch input:checked + .f4ns-field-switch-slider {
      background-color: #4b90c7; }
    .f4ns-field.f4ns-field-h36.f4ns-field-switch.f4ns-field-readonly .f4ns-field-switch-slider {
      background-color: #f0f0f0; }
      .f4ns-field.f4ns-field-h36.f4ns-field-switch.f4ns-field-readonly .f4ns-field-switch-slider:before {
        background-color: #dfdfdf; }
    .f4ns-field.f4ns-field-h36.f4ns-field-switch.f4ns-field-readonly input:checked + .f4ns-field-switch-slider {
      background-color: #e1ebf3; }
      .f4ns-field.f4ns-field-h36.f4ns-field-switch.f4ns-field-readonly input:checked + .f4ns-field-switch-slider::before {
        background-color: #f3f3f3; }
    .f4ns-field.f4ns-field-h36.f4ns-field-switch input:focus + .f4ns-field-switch-slider {
      box-shadow: 0 0 1px #4b90c7; }
    .f4ns-field.f4ns-field-h36.f4ns-field-switch input:checked + .f4ns-field-switch-slider:before {
      -webkit-transform: translateX(28px);
      -ms-transform: translateX(28px);
      transform: translateX(28px); }
    .f4ns-field.f4ns-field-h36.f4ns-field-switch.f4ns-field-hidden span.f4ns-field-switch-slider, .f4ns-field.f4ns-field-h36.f4ns-field-switch.f4ns-field-readonly span.f4ns-field-switch-slider {
      transition: none !important;
      animation: none !important; }
  .f4ns-field.f4ns-field-h36.f4ns-field-upload {
    height: fit-content;
    min-height: 36px;
    border-style: dashed !important;
    background-color: white; }
    .f4ns-field.f4ns-field-h36.f4ns-field-upload div.filepond--root {
      margin-bottom: 0; }
    .f4ns-field.f4ns-field-h36.f4ns-field-upload div.filepond--panel-root {
      display: none;
      background-color: white; }
    .f4ns-field.f4ns-field-h36.f4ns-field-upload .filepond--action-remove-item,
    .f4ns-field.f4ns-field-h36.f4ns-field-upload div.filepond--drop-label {
      cursor: pointer; }
      .f4ns-field.f4ns-field-h36.f4ns-field-upload .filepond--action-remove-item label,
      .f4ns-field.f4ns-field-h36.f4ns-field-upload div.filepond--drop-label label {
        cursor: pointer;
        color: #d0d0d0; }
    .f4ns-field.f4ns-field-h36.f4ns-field-upload .filepond--item {
      cursor: initial; }
    .f4ns-field.f4ns-field-h36.f4ns-field-upload .filepond--browser.filepond--browser {
      top: 0;
      width: 100%;
      position: initial; }
  .f4ns-field.f4ns-field-h36.f4ns-field-precode {
    background-color: transparent;
    font-family: monospace !important;
    margin: 0;
    justify-content: center; }
  .f4ns-field.f4ns-field-h36.f4ns-field-iframe {
    background-color: transparent; }
    .f4ns-field.f4ns-field-h36.f4ns-field-iframe iframe {
      border: none;
      height: 100%; }
  .f4ns-field.f4ns-field-h36.f4ns-field-chips {
    background-color: transparent;
    flex-direction: row;
    padding-bottom: 2px;
    flex-wrap: wrap;
    gap: 8px;
    overflow: visible; }
    .f4ns-field.f4ns-field-h36.f4ns-field-chips .f4ns-field-chips-item {
      height: calc(36px * 0.80);
      font-family: inherit;
      font-size: 14px !important;
      max-width: 180px;
      min-width: 40px;
      padding-left: 15px;
      padding-right: 15px;
      border-radius: 25px;
      cursor: pointer;
      background: #ebebeb;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow-x: hidden;
      align-content: center;
      text-align: center;
      /*hover*/
      /*active*/ }
      .f4ns-field.f4ns-field-h36.f4ns-field-chips .f4ns-field-chips-item:hover {
        box-shadow: 0 1pxpx 1pxpx 0 #3c404333, 0 1pxpx 1pxpx 1pxpx #3c404322;
        -webkit-transition: box-shadow 0.08s linear, min-width 0.15s cubic-bezier(0.4, 0, 0.2, 1);
        transition: box-shadow 0.08s linear, min-width 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
      .f4ns-field.f4ns-field-h36.f4ns-field-chips .f4ns-field-chips-item:active {
        box-shadow: none; }
  .f4ns-field.f4ns-field-h36.f4ns-field-line {
    background-color: transparent; }
    .f4ns-field.f4ns-field-h36.f4ns-field-line hr {
      width: 100%;
      height: 2px;
      border: none;
      background-color: #d8d8d8; }
  .f4ns-field.f4ns-field-h36 .f4ns-field-inner-icon {
    align-items: center;
    position: absolute;
    width: 14px;
    margin-right: calc((36px - 14px) * 0.4);
    right: 0;
    bottom: 0;
    z-index: 1000; }
    .f4ns-field.f4ns-field-h36 .f4ns-field-inner-icon.f4ns-field-inner-icon-error {
      color: #d20000; }
      .f4ns-field.f4ns-field-h36 .f4ns-field-inner-icon.f4ns-field-inner-icon-error span {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 14px;
        height: 14px;
        font-size: 11px !important;
        font-weight: bold;
        background-color: #fffbfbee;
        border: 1px solid #d20000;
        border-radius: 5px;
        cursor: default; }
.f4ns-field.f4ns-field-h48 {
  /*general style*/
  position: relative;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  background-color: white;
  color: #444;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  /*hidden*/
  /*dirty*/
  /*readonly*/
  /*height, font, scrollbar*/
  /*padding*/
  /*border-radius-focus-hover*/
  /*box*/
  /*label*/
  /*input / input-datetime*/
  /*input-range*/
  /*input-color*/
  /*textarea*/
  /*qrcode*/
  /*icon*/
  /*image*/
  /*button*/
  /*select*/
  /*signature*/
  /*wysiwyg*/
  /*switch*/
  /*upload*/
  /*precode*/
  /*iframe*/
  /*chips*/
  /*line*/
  /*error icon*/ }
  .f4ns-field.f4ns-field-h48.f4ns-field-hidden {
    display: none !important; }
  .f4ns-field.f4ns-field-h48:not(.f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line, .f4ns-field-switch, .f4ns-field-image, .f4ns-field-icon).f4ns-field-dirty::after {
    content: "";
    position: absolute;
    top: calc(12px * 0.5);
    right: calc(12px * 0.5);
    width: 12px;
    height: 12px;
    clip-path: polygon(100% 0, 0 0, 100% 100%);
    border-top-right-radius: calc(12px * 0.5);
    border-top-left-radius: calc(12px * 0.25);
    border-bottom-right-radius: calc(12px * 0.25);
    background-color: #85858544; }
  .f4ns-field.f4ns-field-h48.f4ns-field-readonly {
    pointer-events: none; }
    .f4ns-field.f4ns-field-h48.f4ns-field-readonly:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-switch, .f4ns-field-image, .f4ns-field-precode, .f4ns-field-icon, .f4ns-field-label) {
      background-color: #eeeeee !important;
      border-color: #dddddd; }
  .f4ns-field.f4ns-field-h48:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) {
    height: 48px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    font-size: 18.6666666667px !important; }
    .f4ns-field.f4ns-field-h48:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) * {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
      font-size: 18.6666666667px !important;
      /*Scrollbar*/ }
      .f4ns-field.f4ns-field-h48:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) *::-webkit-scrollbar {
        width: 10px; }
      .f4ns-field.f4ns-field-h48:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) *::-webkit-scrollbar-track {
        margin-bottom: 1px;
        margin-top: 1px;
        background-color: white;
        border-radius: 10px; }
      .f4ns-field.f4ns-field-h48:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) *::-webkit-scrollbar-thumb {
        cursor: auto;
        background-color: #d8d8d8;
        border-radius: 10px;
        border: 2px solid transparent; }
      .f4ns-field.f4ns-field-h48:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) *::-webkit-scrollbar-thumb:hover {
        background-color: #aaaaaa; }
      .f4ns-field.f4ns-field-h48:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) *::-webkit-scrollbar-thumb:active {
        background-color: #777777; }
      .f4ns-field.f4ns-field-h48:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) *::-webkit-scrollbar-corner {
        background-color: transparent; }
  .f4ns-field.f4ns-field-h48:not(.f4ns-field-switch, .f4ns-field-wysiwyg, .f4ns-field-iframe, .f4ns-field-box) {
    padding-bottom: 0; }
  .f4ns-field.f4ns-field-h48.f4ns-field-input, .f4ns-field.f4ns-field-h48.f4ns-field-datetime, .f4ns-field.f4ns-field-h48.f4ns-field-textarea, .f4ns-field.f4ns-field-h48.f4ns-field-select, .f4ns-field.f4ns-field-h48 .f4ns-field-box {
    box-sizing: border-box;
    padding-right: 10.6666666667px;
    padding-left: 10.6666666667px; }
  .f4ns-field.f4ns-field-h48.f4ns-field-select.f4ns-field-select-is-multi:has(> .has-items) {
    padding-right: calc(10.6666666667px * 0.5);
    padding-left: calc(10.6666666667px * 0.5); }
  .f4ns-field.f4ns-field-h48.f4ns-field-input, .f4ns-field.f4ns-field-h48.f4ns-field-datetime, .f4ns-field.f4ns-field-h48.f4ns-field-textarea, .f4ns-field.f4ns-field-h48.f4ns-field-select, .f4ns-field.f4ns-field-h48.f4ns-field-wysiwyg, .f4ns-field.f4ns-field-h48.f4ns-field-upload, .f4ns-field.f4ns-field-h48.f4ns-field-iframe, .f4ns-field.f4ns-field-h48.f4ns-field-signature {
    /*border*/
    /*first child transparent*/
    /*focus-hover*/ }
    .f4ns-field.f4ns-field-h48.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h48.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h48.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h48.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h48.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h48.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h48.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h48.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color) {
      outline: none;
      border-width: 1.3333333333px;
      border-color: #b4b4b4;
      border-style: solid;
      border-radius: 13.3333333333px; }
      .f4ns-field.f4ns-field-h48.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h48.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h48.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h48.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h48.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h48.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h48.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h48.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error {
        border-color: #bf1c1c;
        background-color: #fffbfb; }
    .f4ns-field.f4ns-field-h48.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h48.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h48.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h48.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h48.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h48.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h48.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h48.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child {
      border-radius: 13.3333333333px;
      background-color: transparent; }
    .f4ns-field.f4ns-field-h48.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h48.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h48.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h48.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h48.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h48.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h48.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h48.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) {
      /*focus*/
      /*hover*/
      /*autofill chrome*/ }
      .f4ns-field.f4ns-field-h48.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h48.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h48.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h48.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h48.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h48.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h48.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h48.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within {
        border-color: #4b90c7;
        background-color: #f1f8ff; }
      .f4ns-field.f4ns-field-h48.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h48.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h48.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h48.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h48.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h48.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h48.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h48.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within) {
        border-color: #9cb6ca;
        background-color: #fbfdff; }
      .f4ns-field.f4ns-field-h48.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h48.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h48.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h48.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h48.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h48.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h48.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h48.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error {
        /*focus*/
        /*hover*/ }
        .f4ns-field.f4ns-field-h48.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h48.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h48.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h48.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h48.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h48.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h48.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h48.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within {
          border-color: #bf1c1c;
          background-color: #fff1f1; }
        .f4ns-field.f4ns-field-h48.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h48.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h48.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h48.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h48.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h48.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h48.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h48.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within) {
          border-color: #bf1c1c;
          background-color: #fffbfb; }
      .f4ns-field.f4ns-field-h48.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h48.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h48.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h48.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h48.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h48.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h48.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h48.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill {
        background-clip: text; }
  .f4ns-field.f4ns-field-h48.f4ns-field-box {
    height: auto;
    min-height: 48px;
    background-color: transparent; }
    .f4ns-field.f4ns-field-h48.f4ns-field-box .f4ns-field-box-container {
      height: 100%;
      display: flex;
      flex: auto;
      box-sizing: border-box;
      flex-direction: column;
      width: 100%;
      flex: 1; }
    .f4ns-field.f4ns-field-h48.f4ns-field-box.f4ns-field-box-visible .f4ns-field-box-container {
      position: relative;
      border: 1px solid #b4b4b4;
      border-top-right-radius: 8px;
      border-bottom-right-radius: 8px;
      border-bottom-left-radius: 8px;
      border-top-left-radius: 8px;
      padding: 15px 10px 15px 10px;
      background-color: #f9f9f9; }
      .f4ns-field.f4ns-field-h48.f4ns-field-box.f4ns-field-box-visible .f4ns-field-box-container .f4ns-field-box-container-text {
        display: flex;
        position: absolute;
        background: #f9f9f9;
        top: -10px;
        left: -1px;
        padding: 0 10px;
        font-weight: normal;
        font-style: italic;
        border: 1px solid #b4b4b4;
        border-bottom: none;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px; }
    .f4ns-field.f4ns-field-h48.f4ns-field-box.f4ns-field-box-visible .f4ns-field-box-container-text::after {
      content: "";
      position: absolute;
      bottom: 0px;
      width: 2px;
      height: 6px;
      background: #f9f9f9; }
    .f4ns-field.f4ns-field-h48.f4ns-field-box.f4ns-field-box-visible .f4ns-field-box-container-text::after {
      right: -2px; }
  .f4ns-field.f4ns-field-h48.f4ns-field-label {
    background-color: transparent;
    justify-content: center;
    height: 48px;
    line-height: 48px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    font-size: 48px !important;
    /*readonly*/ }
    .f4ns-field.f4ns-field-h48.f4ns-field-label.f4ns-field-readonly {
      color: #dddddd; }
  .f4ns-field.f4ns-field-h48.f4ns-field-input, .f4ns-field.f4ns-field-h48.f4ns-field-datetime {
    /*readonly*/ }
    .f4ns-field.f4ns-field-h48.f4ns-field-input input, .f4ns-field.f4ns-field-h48.f4ns-field-datetime input {
      background-color: transparent;
      height: 100%;
      width: 100%;
      outline: none;
      border: none; }
      .f4ns-field.f4ns-field-h48.f4ns-field-input input::placeholder, .f4ns-field.f4ns-field-h48.f4ns-field-datetime input::placeholder {
        color: lightgray; }
    .f4ns-field.f4ns-field-h48.f4ns-field-input.f4ns-field-readonly input, .f4ns-field.f4ns-field-h48.f4ns-field-datetime.f4ns-field-readonly input {
      color: #888888; }
  .f4ns-field.f4ns-field-h48.f4ns-field-input-range {
    background-color: transparent;
    padding: 0;
    border: none; }
    .f4ns-field.f4ns-field-h48.f4ns-field-input-range ::-webkit-slider-thumb {
      cursor: pointer; }
  .f4ns-field.f4ns-field-h48.f4ns-field-input-color {
    cursor: pointer; }
    .f4ns-field.f4ns-field-h48.f4ns-field-input-color input {
      cursor: pointer; }
  .f4ns-field.f4ns-field-h48.f4ns-field-textarea {
    height: auto;
    min-height: 48px;
    padding-right: 2px !important;
    padding-bottom: 2px !important;
    /*readonly*/ }
    .f4ns-field.f4ns-field-h48.f4ns-field-textarea textarea {
      background-color: transparent;
      height: 100%;
      display: flex;
      flex: auto;
      box-sizing: border-box;
      padding-top: 6.6666666667px;
      line-height: normal;
      outline: none;
      border: none;
      resize: none; }
    .f4ns-field.f4ns-field-h48.f4ns-field-textarea.f4ns-field-readonly textarea {
      color: #888888; }
    .f4ns-field.f4ns-field-h48.f4ns-field-textarea.f4ns-field-textarea-resize-horizontal textarea {
      resize: horizontal; }
    .f4ns-field.f4ns-field-h48.f4ns-field-textarea.f4ns-field-textarea-resize-vertical textarea {
      resize: vertical; }
    .f4ns-field.f4ns-field-h48.f4ns-field-textarea.f4ns-field-textarea-resize-both textarea {
      resize: both; }
  .f4ns-field.f4ns-field-h48.f4ns-field-qrcode div {
    height: inherit; }
    .f4ns-field.f4ns-field-h48.f4ns-field-qrcode div canvas {
      height: inherit; }
    .f4ns-field.f4ns-field-h48.f4ns-field-qrcode div img {
      height: inherit; }
  .f4ns-field.f4ns-field-h48.f4ns-field-icon {
    flex: 0 0 48px !important;
    align-items: center;
    justify-content: center;
    background-color: transparent; }
    .f4ns-field.f4ns-field-h48.f4ns-field-icon span {
      font-size: calc(18.6666666667px * 1.5) !important; }
  .f4ns-field.f4ns-field-h48.f4ns-field-image {
    overflow: hidden;
    position: relative;
    justify-content: center;
    background-color: transparent; }
    .f4ns-field.f4ns-field-h48.f4ns-field-image img {
      max-height: 100%;
      max-width: 100%;
      object-fit: contain;
      background-size: cover;
      vertical-align: middle; }
  .f4ns-field.f4ns-field-h48.f4ns-field-button {
    display: flex;
    flex-direction: row;
    border-radius: 17.3333333333px;
    height: 48px;
    box-shadow: 0 1.3333333333pxpx 1.3333333333pxpx 0 #3c404333, 0 1.3333333333pxpx 1.3333333333pxpx 1.3333333333pxpx #3c404322;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    /*size only icon button*/
    /*padding text-icon button*/
    /*hover*/
    /*active*/ }
    .f4ns-field.f4ns-field-h48.f4ns-field-button.f4ns-field-readonly {
      pointer-events: none;
      opacity: 0.15;
      filter: grayscale(70%); }
    .f4ns-field.f4ns-field-h48.f4ns-field-button span.f4ns-field-button-icon {
      display: flex;
      flex-direction: row;
      font-size: 26.6666666667px; }
    .f4ns-field.f4ns-field-h48.f4ns-field-button span.f4ns-field-button-text {
      flex: 1;
      display: flex;
      flex-direction: row;
      place-content: center;
      font-size: 18.6666666667px !important; }
      .f4ns-field.f4ns-field-h48.f4ns-field-button span.f4ns-field-button-text:empty {
        display: none; }
    .f4ns-field.f4ns-field-h48.f4ns-field-button.f4ns-field-button-has-icon:not(.f4ns-field-button-has-text) {
      flex: 0 0 48px !important;
      width: 48px !important; }
    .f4ns-field.f4ns-field-h48.f4ns-field-button.f4ns-field-button-has-icon.f4ns-field-button-has-text {
      box-sizing: border-box;
      padding-left: 16px;
      padding-right: 16px; }
      .f4ns-field.f4ns-field-h48.f4ns-field-button.f4ns-field-button-has-icon.f4ns-field-button-has-text .f4ns-field-button-text {
        padding-left: calc(16px * 0.3); }
    .f4ns-field.f4ns-field-h48.f4ns-field-button:hover {
      box-shadow: 0 1.3333333333pxpx 2.6666666667pxpx 0 #3c404333, 0 1.3333333333pxpx 2.6666666667pxpx 2.6666666667pxpx #3c404326;
      -webkit-transition: box-shadow 0.08s linear, min-width 0.15s cubic-bezier(0.4, 0, 0.2, 1);
      transition: box-shadow 0.08s linear, min-width 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
    .f4ns-field.f4ns-field-h48.f4ns-field-button:active {
      box-shadow: 0 1.3333333333pxpx 1.3333333333pxpx 0 #3c404333; }
  .f4ns-field.f4ns-field-h48.f4ns-field-select {
    min-height: 48px;
    height: fit-content;
    justify-content: center;
    outline: none;
    cursor: pointer;
    /*arrow down / clear button*/
    /*item*/ }
    .f4ns-field.f4ns-field-h48.f4ns-field-select div.dropdown-input-wrap {
      display: flex; }
      .f4ns-field.f4ns-field-h48.f4ns-field-select div.dropdown-input-wrap input {
        font-size: 18.6666666667px !important; }
      .f4ns-field.f4ns-field-h48.f4ns-field-select div.dropdown-input-wrap input:focus,
      .f4ns-field.f4ns-field-h48.f4ns-field-select div.dropdown-input-wrap input:focus-visible,
      .f4ns-field.f4ns-field-h48.f4ns-field-select div.dropdown-input-wrap input:active {
        outline: none; }
    .f4ns-field.f4ns-field-h48.f4ns-field-select div.f4ns-field-select-option {
      display: flex;
      box-sizing: border-box;
      border-top: 1px solid #eeeeee;
      color: #444444;
      /*dropdown option active*/ }
      .f4ns-field.f4ns-field-h48.f4ns-field-select div.f4ns-field-select-option.active {
        background-color: #fdfadf;
        color: #222222; }
      .f4ns-field.f4ns-field-h48.f4ns-field-select div.f4ns-field-select-option.selected {
        background-color: #a2cef3;
        color: #222222; }
        .f4ns-field.f4ns-field-h48.f4ns-field-select div.f4ns-field-select-option.selected div.f4ns-field-select-option-text-sub {
          color: #505050; }
      .f4ns-field.f4ns-field-h48.f4ns-field-select div.f4ns-field-select-option .f4ns-field-select-option-left {
        flex: 0 0 24px;
        display: flex;
        justify-content: center;
        margin-right: 8px; }
        .f4ns-field.f4ns-field-h48.f4ns-field-select div.f4ns-field-select-option .f4ns-field-select-option-left span {
          display: flex;
          height: calc(48px * 0.5) !important;
          width: calc(48px * 0.5) !important;
          border: 1px solid white;
          border-radius: 50px;
          position: relative;
          vertical-align: middle;
          align-self: center; }
      .f4ns-field.f4ns-field-h48.f4ns-field-select div.f4ns-field-select-option .f4ns-field-select-option-right {
        flex: 1;
        align-content: center; }
      .f4ns-field.f4ns-field-h48.f4ns-field-select div.f4ns-field-select-option a.remove {
        flex: 0 0 24px;
        display: flex;
        justify-content: center;
        margin-right: 8px; }
      .f4ns-field.f4ns-field-h48.f4ns-field-select div.f4ns-field-select-option div.f4ns-field-select-option-text-sub {
        font-style: italic;
        color: #999999;
        margin-top: 2px; }
      .f4ns-field.f4ns-field-h48.f4ns-field-select div.f4ns-field-select-option .highlight {
        background-color: #ffd5003d; }
    .f4ns-field.f4ns-field-h48.f4ns-field-select input::placeholder {
      color: lightgray; }
    .f4ns-field.f4ns-field-h48.f4ns-field-select div.ts-control {
      padding: 0;
      height: 100%;
      border: none;
      outline: none;
      background-color: transparent;
      align-content: center;
      cursor: pointer; }
      .f4ns-field.f4ns-field-h48.f4ns-field-select div.ts-control input {
        min-width: 50px; }
    .f4ns-field.f4ns-field-h48.f4ns-field-select div.ts-wrapper {
      scroll-behavior: auto !important;
      height: 100%;
      cursor: pointer; }
    .f4ns-field.f4ns-field-h48.f4ns-field-select input.items-placeholder {
      cursor: pointer; }
    .f4ns-field.f4ns-field-h48.f4ns-field-select span.f4ns-field-select-icon-arrow {
      opacity: 1;
      z-index: 0;
      transition: opacity 0.3s ease;
      position: absolute;
      right: 10px;
      font-size: calc(18.6666666667px * 1.2) !important;
      pointer-events: none; }
    .f4ns-field.f4ns-field-h48.f4ns-field-select div.clear-button {
      opacity: 0;
      z-index: 0;
      font-size: calc(18.6666666667px * 1.2) !important;
      justify-content: center;
      right: 0;
      box-sizing: border-box;
      padding: 0 5px 5px 5px;
      pointer-events: none; }
    .f4ns-field.f4ns-field-h48.f4ns-field-select:not(.f4ns-field-select-always-with-value).f4ns-field-select-has-value span.f4ns-field-select-icon-arrow {
      opacity: 0; }
    .f4ns-field.f4ns-field-h48.f4ns-field-select:not(.f4ns-field-select-always-with-value).f4ns-field-select-has-value div.clear-button {
      opacity: 1;
      transition: opacity 0.3s ease;
      pointer-events: auto; }
    .f4ns-field.f4ns-field-h48.f4ns-field-select.f4ns-field-readonly div.clear-button {
      pointer-events: none !important; }
    .f4ns-field.f4ns-field-h48.f4ns-field-select.f4ns-field-readonly div.ts-control {
      opacity: 0.5; }
    .f4ns-field.f4ns-field-h48.f4ns-field-select div.ts-wrapper {
      box-sizing: border-box;
      outline: none;
      border-radius: 17.3333333333px; }
      .f4ns-field.f4ns-field-h48.f4ns-field-select div.ts-wrapper div.item {
        align-content: center;
        min-height: 37.3333333333px;
        box-sizing: border-box;
        border-radius: 9.3333333333px;
        padding-top: 9.3333333333px;
        padding-bottom: 9.3333333333px;
        line-height: normal;
        margin: 0; }
        .f4ns-field.f4ns-field-h48.f4ns-field-select div.ts-wrapper div.item .f4ns-field-select-option-text {
          white-space: nowrap; }
      .f4ns-field.f4ns-field-h48.f4ns-field-select div.ts-wrapper.single div.item {
        margin-bottom: 0;
        padding-left: 0;
        padding-right: 0; }
      .f4ns-field.f4ns-field-h48.f4ns-field-select div.ts-wrapper.multi div.item {
        margin-bottom: 1px;
        margin-top: 1px;
        padding-top: 6.6666666667px;
        padding-bottom: 6.6666666667px;
        padding-left: 10.6666666667px;
        padding-right: 10.6666666667px;
        margin-right: 2px; }
      .f4ns-field.f4ns-field-h48.f4ns-field-select div.ts-wrapper input::placeholder {
        color: lightgray; }
  .f4ns-field.f4ns-field-h48.f4ns-field-wysiwyg {
    border: none; }
    .f4ns-field.f4ns-field-h48.f4ns-field-wysiwyg .ql-toolbar {
      border-top-right-radius: calc(13.3333333333px - 1.3333333333px);
      border-top-left-radius: calc(13.3333333333px - 1.3333333333px);
      background-color: #f8f8f8;
      border: none;
      border-bottom: 1.3333333333px solid #b4b4b4;
      font-size: var(--f4ns-page-font-size) !important; }
      .f4ns-field.f4ns-field-h48.f4ns-field-wysiwyg .ql-toolbar * {
        font-size: var(--f4ns-page-font-size) !important; }
    .f4ns-field.f4ns-field-h48.f4ns-field-wysiwyg .ql-container {
      border: none;
      display: table;
      min-height: 106.6666666667px;
      padding-top: 0;
      padding-bottom: 0;
      padding-left: 10.6666666667px;
      padding-right: 2px !important; }
      .f4ns-field.f4ns-field-h48.f4ns-field-wysiwyg .ql-container .ql-editor {
        line-height: normal;
        padding: 0; }
  .f4ns-field.f4ns-field-h48.f4ns-field-switch {
    box-sizing: border-box;
    background-color: transparent;
    /*background*/
    /*animation*/ }
    .f4ns-field.f4ns-field-h48.f4ns-field-switch .f4ns-field-switch-container {
      position: relative;
      display: inline-block;
      width: 85.3333333333px;
      height: 48px; }
      .f4ns-field.f4ns-field-h48.f4ns-field-switch .f4ns-field-switch-container input {
        opacity: 0;
        width: 0;
        height: 0; }
    .f4ns-field.f4ns-field-h48.f4ns-field-switch span.f4ns-field-switch-slider {
      position: absolute;
      cursor: pointer;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      border-radius: 48px;
      background-color: #cccccc;
      -webkit-transition: .4s;
      transition: .4s; }
    .f4ns-field.f4ns-field-h48.f4ns-field-switch span.f4ns-field-switch-slider:before {
      height: 37.3333333333px;
      width: 37.3333333333px;
      left: 5.3333333333px;
      bottom: 5.3333333333px;
      border-radius: 50%;
      position: absolute;
      content: "";
      background-color: white;
      -webkit-transition: .4s;
      transition: .4s; }
    .f4ns-field.f4ns-field-h48.f4ns-field-switch input:checked + .f4ns-field-switch-slider {
      background-color: #4b90c7; }
    .f4ns-field.f4ns-field-h48.f4ns-field-switch.f4ns-field-readonly .f4ns-field-switch-slider {
      background-color: #f0f0f0; }
      .f4ns-field.f4ns-field-h48.f4ns-field-switch.f4ns-field-readonly .f4ns-field-switch-slider:before {
        background-color: #dfdfdf; }
    .f4ns-field.f4ns-field-h48.f4ns-field-switch.f4ns-field-readonly input:checked + .f4ns-field-switch-slider {
      background-color: #e1ebf3; }
      .f4ns-field.f4ns-field-h48.f4ns-field-switch.f4ns-field-readonly input:checked + .f4ns-field-switch-slider::before {
        background-color: #f3f3f3; }
    .f4ns-field.f4ns-field-h48.f4ns-field-switch input:focus + .f4ns-field-switch-slider {
      box-shadow: 0 0 1px #4b90c7; }
    .f4ns-field.f4ns-field-h48.f4ns-field-switch input:checked + .f4ns-field-switch-slider:before {
      -webkit-transform: translateX(37.3333333333px);
      -ms-transform: translateX(37.3333333333px);
      transform: translateX(37.3333333333px); }
    .f4ns-field.f4ns-field-h48.f4ns-field-switch.f4ns-field-hidden span.f4ns-field-switch-slider, .f4ns-field.f4ns-field-h48.f4ns-field-switch.f4ns-field-readonly span.f4ns-field-switch-slider {
      transition: none !important;
      animation: none !important; }
  .f4ns-field.f4ns-field-h48.f4ns-field-upload {
    height: fit-content;
    min-height: 48px;
    border-style: dashed !important;
    background-color: white; }
    .f4ns-field.f4ns-field-h48.f4ns-field-upload div.filepond--root {
      margin-bottom: 0; }
    .f4ns-field.f4ns-field-h48.f4ns-field-upload div.filepond--panel-root {
      display: none;
      background-color: white; }
    .f4ns-field.f4ns-field-h48.f4ns-field-upload .filepond--action-remove-item,
    .f4ns-field.f4ns-field-h48.f4ns-field-upload div.filepond--drop-label {
      cursor: pointer; }
      .f4ns-field.f4ns-field-h48.f4ns-field-upload .filepond--action-remove-item label,
      .f4ns-field.f4ns-field-h48.f4ns-field-upload div.filepond--drop-label label {
        cursor: pointer;
        color: #d0d0d0; }
    .f4ns-field.f4ns-field-h48.f4ns-field-upload .filepond--item {
      cursor: initial; }
    .f4ns-field.f4ns-field-h48.f4ns-field-upload .filepond--browser.filepond--browser {
      top: 0;
      width: 100%;
      position: initial; }
  .f4ns-field.f4ns-field-h48.f4ns-field-precode {
    background-color: transparent;
    font-family: monospace !important;
    margin: 0;
    justify-content: center; }
  .f4ns-field.f4ns-field-h48.f4ns-field-iframe {
    background-color: transparent; }
    .f4ns-field.f4ns-field-h48.f4ns-field-iframe iframe {
      border: none;
      height: 100%; }
  .f4ns-field.f4ns-field-h48.f4ns-field-chips {
    background-color: transparent;
    flex-direction: row;
    padding-bottom: 2px;
    flex-wrap: wrap;
    gap: 8px;
    overflow: visible; }
    .f4ns-field.f4ns-field-h48.f4ns-field-chips .f4ns-field-chips-item {
      height: calc(48px * 0.80);
      font-family: inherit;
      font-size: 18.6666666667px !important;
      max-width: 180px;
      min-width: 40px;
      padding-left: 15px;
      padding-right: 15px;
      border-radius: 25px;
      cursor: pointer;
      background: #ebebeb;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow-x: hidden;
      align-content: center;
      text-align: center;
      /*hover*/
      /*active*/ }
      .f4ns-field.f4ns-field-h48.f4ns-field-chips .f4ns-field-chips-item:hover {
        box-shadow: 0 1.3333333333pxpx 1.3333333333pxpx 0 #3c404333, 0 1.3333333333pxpx 1.3333333333pxpx 1.3333333333pxpx #3c404322;
        -webkit-transition: box-shadow 0.08s linear, min-width 0.15s cubic-bezier(0.4, 0, 0.2, 1);
        transition: box-shadow 0.08s linear, min-width 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
      .f4ns-field.f4ns-field-h48.f4ns-field-chips .f4ns-field-chips-item:active {
        box-shadow: none; }
  .f4ns-field.f4ns-field-h48.f4ns-field-line {
    background-color: transparent; }
    .f4ns-field.f4ns-field-h48.f4ns-field-line hr {
      width: 100%;
      height: 2.6666666667px;
      border: none;
      background-color: #d8d8d8; }
  .f4ns-field.f4ns-field-h48 .f4ns-field-inner-icon {
    align-items: center;
    position: absolute;
    width: 18.6666666667px;
    margin-right: calc((48px - 18.6666666667px) * 0.4);
    right: 0;
    bottom: 0;
    z-index: 1000; }
    .f4ns-field.f4ns-field-h48 .f4ns-field-inner-icon.f4ns-field-inner-icon-error {
      color: #d20000; }
      .f4ns-field.f4ns-field-h48 .f4ns-field-inner-icon.f4ns-field-inner-icon-error span {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 18.6666666667px;
        height: 18.6666666667px;
        font-size: 14.6666666667px !important;
        font-weight: bold;
        background-color: #fffbfbee;
        border: 1.3333333333px solid #d20000;
        border-radius: 6.6666666667px;
        cursor: default; }
.f4ns-field.f4ns-field-h54 {
  /*general style*/
  position: relative;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  background-color: white;
  color: #444;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  /*hidden*/
  /*dirty*/
  /*readonly*/
  /*height, font, scrollbar*/
  /*padding*/
  /*border-radius-focus-hover*/
  /*box*/
  /*label*/
  /*input / input-datetime*/
  /*input-range*/
  /*input-color*/
  /*textarea*/
  /*qrcode*/
  /*icon*/
  /*image*/
  /*button*/
  /*select*/
  /*signature*/
  /*wysiwyg*/
  /*switch*/
  /*upload*/
  /*precode*/
  /*iframe*/
  /*chips*/
  /*line*/
  /*error icon*/ }
  .f4ns-field.f4ns-field-h54.f4ns-field-hidden {
    display: none !important; }
  .f4ns-field.f4ns-field-h54:not(.f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line, .f4ns-field-switch, .f4ns-field-image, .f4ns-field-icon).f4ns-field-dirty::after {
    content: "";
    position: absolute;
    top: calc(13.5px * 0.5);
    right: calc(13.5px * 0.5);
    width: 13.5px;
    height: 13.5px;
    clip-path: polygon(100% 0, 0 0, 100% 100%);
    border-top-right-radius: calc(13.5px * 0.5);
    border-top-left-radius: calc(13.5px * 0.25);
    border-bottom-right-radius: calc(13.5px * 0.25);
    background-color: #85858544; }
  .f4ns-field.f4ns-field-h54.f4ns-field-readonly {
    pointer-events: none; }
    .f4ns-field.f4ns-field-h54.f4ns-field-readonly:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-switch, .f4ns-field-image, .f4ns-field-precode, .f4ns-field-icon, .f4ns-field-label) {
      background-color: #eeeeee !important;
      border-color: #dddddd; }
  .f4ns-field.f4ns-field-h54:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) {
    height: 54px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    font-size: 21px !important; }
    .f4ns-field.f4ns-field-h54:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) * {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
      font-size: 21px !important;
      /*Scrollbar*/ }
      .f4ns-field.f4ns-field-h54:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) *::-webkit-scrollbar {
        width: 10px; }
      .f4ns-field.f4ns-field-h54:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) *::-webkit-scrollbar-track {
        margin-bottom: 1px;
        margin-top: 1px;
        background-color: white;
        border-radius: 10px; }
      .f4ns-field.f4ns-field-h54:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) *::-webkit-scrollbar-thumb {
        cursor: auto;
        background-color: #d8d8d8;
        border-radius: 10px;
        border: 2px solid transparent; }
      .f4ns-field.f4ns-field-h54:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) *::-webkit-scrollbar-thumb:hover {
        background-color: #aaaaaa; }
      .f4ns-field.f4ns-field-h54:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) *::-webkit-scrollbar-thumb:active {
        background-color: #777777; }
      .f4ns-field.f4ns-field-h54:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) *::-webkit-scrollbar-corner {
        background-color: transparent; }
  .f4ns-field.f4ns-field-h54:not(.f4ns-field-switch, .f4ns-field-wysiwyg, .f4ns-field-iframe, .f4ns-field-box) {
    padding-bottom: 0; }
  .f4ns-field.f4ns-field-h54.f4ns-field-input, .f4ns-field.f4ns-field-h54.f4ns-field-datetime, .f4ns-field.f4ns-field-h54.f4ns-field-textarea, .f4ns-field.f4ns-field-h54.f4ns-field-select, .f4ns-field.f4ns-field-h54 .f4ns-field-box {
    box-sizing: border-box;
    padding-right: 12px;
    padding-left: 12px; }
  .f4ns-field.f4ns-field-h54.f4ns-field-select.f4ns-field-select-is-multi:has(> .has-items) {
    padding-right: calc(12px * 0.5);
    padding-left: calc(12px * 0.5); }
  .f4ns-field.f4ns-field-h54.f4ns-field-input, .f4ns-field.f4ns-field-h54.f4ns-field-datetime, .f4ns-field.f4ns-field-h54.f4ns-field-textarea, .f4ns-field.f4ns-field-h54.f4ns-field-select, .f4ns-field.f4ns-field-h54.f4ns-field-wysiwyg, .f4ns-field.f4ns-field-h54.f4ns-field-upload, .f4ns-field.f4ns-field-h54.f4ns-field-iframe, .f4ns-field.f4ns-field-h54.f4ns-field-signature {
    /*border*/
    /*first child transparent*/
    /*focus-hover*/ }
    .f4ns-field.f4ns-field-h54.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h54.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h54.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h54.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h54.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h54.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h54.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h54.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color) {
      outline: none;
      border-width: 1.5px;
      border-color: #b4b4b4;
      border-style: solid;
      border-radius: 15px; }
      .f4ns-field.f4ns-field-h54.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h54.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h54.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h54.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h54.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h54.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h54.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h54.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error {
        border-color: #bf1c1c;
        background-color: #fffbfb; }
    .f4ns-field.f4ns-field-h54.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h54.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h54.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h54.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h54.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h54.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h54.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h54.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child {
      border-radius: 15px;
      background-color: transparent; }
    .f4ns-field.f4ns-field-h54.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h54.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h54.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h54.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h54.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h54.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h54.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h54.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) {
      /*focus*/
      /*hover*/
      /*autofill chrome*/ }
      .f4ns-field.f4ns-field-h54.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h54.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h54.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h54.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h54.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h54.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h54.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h54.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within {
        border-color: #4b90c7;
        background-color: #f1f8ff; }
      .f4ns-field.f4ns-field-h54.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h54.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h54.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h54.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h54.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h54.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h54.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h54.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within) {
        border-color: #9cb6ca;
        background-color: #fbfdff; }
      .f4ns-field.f4ns-field-h54.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h54.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h54.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h54.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h54.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h54.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h54.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h54.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error {
        /*focus*/
        /*hover*/ }
        .f4ns-field.f4ns-field-h54.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h54.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h54.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h54.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h54.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h54.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h54.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h54.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within {
          border-color: #bf1c1c;
          background-color: #fff1f1; }
        .f4ns-field.f4ns-field-h54.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h54.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h54.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h54.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h54.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h54.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h54.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h54.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within) {
          border-color: #bf1c1c;
          background-color: #fffbfb; }
      .f4ns-field.f4ns-field-h54.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h54.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h54.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h54.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h54.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h54.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h54.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h54.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill {
        background-clip: text; }
  .f4ns-field.f4ns-field-h54.f4ns-field-box {
    height: auto;
    min-height: 54px;
    background-color: transparent; }
    .f4ns-field.f4ns-field-h54.f4ns-field-box .f4ns-field-box-container {
      height: 100%;
      display: flex;
      flex: auto;
      box-sizing: border-box;
      flex-direction: column;
      width: 100%;
      flex: 1; }
    .f4ns-field.f4ns-field-h54.f4ns-field-box.f4ns-field-box-visible .f4ns-field-box-container {
      position: relative;
      border: 1px solid #b4b4b4;
      border-top-right-radius: 8px;
      border-bottom-right-radius: 8px;
      border-bottom-left-radius: 8px;
      border-top-left-radius: 8px;
      padding: 15px 10px 15px 10px;
      background-color: #f9f9f9; }
      .f4ns-field.f4ns-field-h54.f4ns-field-box.f4ns-field-box-visible .f4ns-field-box-container .f4ns-field-box-container-text {
        display: flex;
        position: absolute;
        background: #f9f9f9;
        top: -10px;
        left: -1px;
        padding: 0 10px;
        font-weight: normal;
        font-style: italic;
        border: 1px solid #b4b4b4;
        border-bottom: none;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px; }
    .f4ns-field.f4ns-field-h54.f4ns-field-box.f4ns-field-box-visible .f4ns-field-box-container-text::after {
      content: "";
      position: absolute;
      bottom: 0px;
      width: 2px;
      height: 6px;
      background: #f9f9f9; }
    .f4ns-field.f4ns-field-h54.f4ns-field-box.f4ns-field-box-visible .f4ns-field-box-container-text::after {
      right: -2px; }
  .f4ns-field.f4ns-field-h54.f4ns-field-label {
    background-color: transparent;
    justify-content: center;
    height: 54px;
    line-height: 54px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    font-size: 54px !important;
    /*readonly*/ }
    .f4ns-field.f4ns-field-h54.f4ns-field-label.f4ns-field-readonly {
      color: #dddddd; }
  .f4ns-field.f4ns-field-h54.f4ns-field-input, .f4ns-field.f4ns-field-h54.f4ns-field-datetime {
    /*readonly*/ }
    .f4ns-field.f4ns-field-h54.f4ns-field-input input, .f4ns-field.f4ns-field-h54.f4ns-field-datetime input {
      background-color: transparent;
      height: 100%;
      width: 100%;
      outline: none;
      border: none; }
      .f4ns-field.f4ns-field-h54.f4ns-field-input input::placeholder, .f4ns-field.f4ns-field-h54.f4ns-field-datetime input::placeholder {
        color: lightgray; }
    .f4ns-field.f4ns-field-h54.f4ns-field-input.f4ns-field-readonly input, .f4ns-field.f4ns-field-h54.f4ns-field-datetime.f4ns-field-readonly input {
      color: #888888; }
  .f4ns-field.f4ns-field-h54.f4ns-field-input-range {
    background-color: transparent;
    padding: 0;
    border: none; }
    .f4ns-field.f4ns-field-h54.f4ns-field-input-range ::-webkit-slider-thumb {
      cursor: pointer; }
  .f4ns-field.f4ns-field-h54.f4ns-field-input-color {
    cursor: pointer; }
    .f4ns-field.f4ns-field-h54.f4ns-field-input-color input {
      cursor: pointer; }
  .f4ns-field.f4ns-field-h54.f4ns-field-textarea {
    height: auto;
    min-height: 54px;
    padding-right: 2px !important;
    padding-bottom: 2px !important;
    /*readonly*/ }
    .f4ns-field.f4ns-field-h54.f4ns-field-textarea textarea {
      background-color: transparent;
      height: 100%;
      display: flex;
      flex: auto;
      box-sizing: border-box;
      padding-top: 7.5px;
      line-height: normal;
      outline: none;
      border: none;
      resize: none; }
    .f4ns-field.f4ns-field-h54.f4ns-field-textarea.f4ns-field-readonly textarea {
      color: #888888; }
    .f4ns-field.f4ns-field-h54.f4ns-field-textarea.f4ns-field-textarea-resize-horizontal textarea {
      resize: horizontal; }
    .f4ns-field.f4ns-field-h54.f4ns-field-textarea.f4ns-field-textarea-resize-vertical textarea {
      resize: vertical; }
    .f4ns-field.f4ns-field-h54.f4ns-field-textarea.f4ns-field-textarea-resize-both textarea {
      resize: both; }
  .f4ns-field.f4ns-field-h54.f4ns-field-qrcode div {
    height: inherit; }
    .f4ns-field.f4ns-field-h54.f4ns-field-qrcode div canvas {
      height: inherit; }
    .f4ns-field.f4ns-field-h54.f4ns-field-qrcode div img {
      height: inherit; }
  .f4ns-field.f4ns-field-h54.f4ns-field-icon {
    flex: 0 0 54px !important;
    align-items: center;
    justify-content: center;
    background-color: transparent; }
    .f4ns-field.f4ns-field-h54.f4ns-field-icon span {
      font-size: calc(21px * 1.5) !important; }
  .f4ns-field.f4ns-field-h54.f4ns-field-image {
    overflow: hidden;
    position: relative;
    justify-content: center;
    background-color: transparent; }
    .f4ns-field.f4ns-field-h54.f4ns-field-image img {
      max-height: 100%;
      max-width: 100%;
      object-fit: contain;
      background-size: cover;
      vertical-align: middle; }
  .f4ns-field.f4ns-field-h54.f4ns-field-button {
    display: flex;
    flex-direction: row;
    border-radius: 19.5px;
    height: 54px;
    box-shadow: 0 1.5pxpx 1.5pxpx 0 #3c404333, 0 1.5pxpx 1.5pxpx 1.5pxpx #3c404322;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    /*size only icon button*/
    /*padding text-icon button*/
    /*hover*/
    /*active*/ }
    .f4ns-field.f4ns-field-h54.f4ns-field-button.f4ns-field-readonly {
      pointer-events: none;
      opacity: 0.15;
      filter: grayscale(70%); }
    .f4ns-field.f4ns-field-h54.f4ns-field-button span.f4ns-field-button-icon {
      display: flex;
      flex-direction: row;
      font-size: 30px; }
    .f4ns-field.f4ns-field-h54.f4ns-field-button span.f4ns-field-button-text {
      flex: 1;
      display: flex;
      flex-direction: row;
      place-content: center;
      font-size: 21px !important; }
      .f4ns-field.f4ns-field-h54.f4ns-field-button span.f4ns-field-button-text:empty {
        display: none; }
    .f4ns-field.f4ns-field-h54.f4ns-field-button.f4ns-field-button-has-icon:not(.f4ns-field-button-has-text) {
      flex: 0 0 54px !important;
      width: 54px !important; }
    .f4ns-field.f4ns-field-h54.f4ns-field-button.f4ns-field-button-has-icon.f4ns-field-button-has-text {
      box-sizing: border-box;
      padding-left: 18px;
      padding-right: 18px; }
      .f4ns-field.f4ns-field-h54.f4ns-field-button.f4ns-field-button-has-icon.f4ns-field-button-has-text .f4ns-field-button-text {
        padding-left: calc(18px * 0.3); }
    .f4ns-field.f4ns-field-h54.f4ns-field-button:hover {
      box-shadow: 0 1.5pxpx 3pxpx 0 #3c404333, 0 1.5pxpx 3pxpx 3pxpx #3c404326;
      -webkit-transition: box-shadow 0.08s linear, min-width 0.15s cubic-bezier(0.4, 0, 0.2, 1);
      transition: box-shadow 0.08s linear, min-width 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
    .f4ns-field.f4ns-field-h54.f4ns-field-button:active {
      box-shadow: 0 1.5pxpx 1.5pxpx 0 #3c404333; }
  .f4ns-field.f4ns-field-h54.f4ns-field-select {
    min-height: 54px;
    height: fit-content;
    justify-content: center;
    outline: none;
    cursor: pointer;
    /*arrow down / clear button*/
    /*item*/ }
    .f4ns-field.f4ns-field-h54.f4ns-field-select div.dropdown-input-wrap {
      display: flex; }
      .f4ns-field.f4ns-field-h54.f4ns-field-select div.dropdown-input-wrap input {
        font-size: 21px !important; }
      .f4ns-field.f4ns-field-h54.f4ns-field-select div.dropdown-input-wrap input:focus,
      .f4ns-field.f4ns-field-h54.f4ns-field-select div.dropdown-input-wrap input:focus-visible,
      .f4ns-field.f4ns-field-h54.f4ns-field-select div.dropdown-input-wrap input:active {
        outline: none; }
    .f4ns-field.f4ns-field-h54.f4ns-field-select div.f4ns-field-select-option {
      display: flex;
      box-sizing: border-box;
      border-top: 1px solid #eeeeee;
      color: #444444;
      /*dropdown option active*/ }
      .f4ns-field.f4ns-field-h54.f4ns-field-select div.f4ns-field-select-option.active {
        background-color: #fdfadf;
        color: #222222; }
      .f4ns-field.f4ns-field-h54.f4ns-field-select div.f4ns-field-select-option.selected {
        background-color: #a2cef3;
        color: #222222; }
        .f4ns-field.f4ns-field-h54.f4ns-field-select div.f4ns-field-select-option.selected div.f4ns-field-select-option-text-sub {
          color: #505050; }
      .f4ns-field.f4ns-field-h54.f4ns-field-select div.f4ns-field-select-option .f4ns-field-select-option-left {
        flex: 0 0 24px;
        display: flex;
        justify-content: center;
        margin-right: 8px; }
        .f4ns-field.f4ns-field-h54.f4ns-field-select div.f4ns-field-select-option .f4ns-field-select-option-left span {
          display: flex;
          height: calc(54px * 0.5) !important;
          width: calc(54px * 0.5) !important;
          border: 1px solid white;
          border-radius: 50px;
          position: relative;
          vertical-align: middle;
          align-self: center; }
      .f4ns-field.f4ns-field-h54.f4ns-field-select div.f4ns-field-select-option .f4ns-field-select-option-right {
        flex: 1;
        align-content: center; }
      .f4ns-field.f4ns-field-h54.f4ns-field-select div.f4ns-field-select-option a.remove {
        flex: 0 0 24px;
        display: flex;
        justify-content: center;
        margin-right: 8px; }
      .f4ns-field.f4ns-field-h54.f4ns-field-select div.f4ns-field-select-option div.f4ns-field-select-option-text-sub {
        font-style: italic;
        color: #999999;
        margin-top: 2px; }
      .f4ns-field.f4ns-field-h54.f4ns-field-select div.f4ns-field-select-option .highlight {
        background-color: #ffd5003d; }
    .f4ns-field.f4ns-field-h54.f4ns-field-select input::placeholder {
      color: lightgray; }
    .f4ns-field.f4ns-field-h54.f4ns-field-select div.ts-control {
      padding: 0;
      height: 100%;
      border: none;
      outline: none;
      background-color: transparent;
      align-content: center;
      cursor: pointer; }
      .f4ns-field.f4ns-field-h54.f4ns-field-select div.ts-control input {
        min-width: 50px; }
    .f4ns-field.f4ns-field-h54.f4ns-field-select div.ts-wrapper {
      scroll-behavior: auto !important;
      height: 100%;
      cursor: pointer; }
    .f4ns-field.f4ns-field-h54.f4ns-field-select input.items-placeholder {
      cursor: pointer; }
    .f4ns-field.f4ns-field-h54.f4ns-field-select span.f4ns-field-select-icon-arrow {
      opacity: 1;
      z-index: 0;
      transition: opacity 0.3s ease;
      position: absolute;
      right: 10px;
      font-size: calc(21px * 1.2) !important;
      pointer-events: none; }
    .f4ns-field.f4ns-field-h54.f4ns-field-select div.clear-button {
      opacity: 0;
      z-index: 0;
      font-size: calc(21px * 1.2) !important;
      justify-content: center;
      right: 0;
      box-sizing: border-box;
      padding: 0 5px 5px 5px;
      pointer-events: none; }
    .f4ns-field.f4ns-field-h54.f4ns-field-select:not(.f4ns-field-select-always-with-value).f4ns-field-select-has-value span.f4ns-field-select-icon-arrow {
      opacity: 0; }
    .f4ns-field.f4ns-field-h54.f4ns-field-select:not(.f4ns-field-select-always-with-value).f4ns-field-select-has-value div.clear-button {
      opacity: 1;
      transition: opacity 0.3s ease;
      pointer-events: auto; }
    .f4ns-field.f4ns-field-h54.f4ns-field-select.f4ns-field-readonly div.clear-button {
      pointer-events: none !important; }
    .f4ns-field.f4ns-field-h54.f4ns-field-select.f4ns-field-readonly div.ts-control {
      opacity: 0.5; }
    .f4ns-field.f4ns-field-h54.f4ns-field-select div.ts-wrapper {
      box-sizing: border-box;
      outline: none;
      border-radius: 19.5px; }
      .f4ns-field.f4ns-field-h54.f4ns-field-select div.ts-wrapper div.item {
        align-content: center;
        min-height: 42px;
        box-sizing: border-box;
        border-radius: 10.5px;
        padding-top: 10.5px;
        padding-bottom: 10.5px;
        line-height: normal;
        margin: 0; }
        .f4ns-field.f4ns-field-h54.f4ns-field-select div.ts-wrapper div.item .f4ns-field-select-option-text {
          white-space: nowrap; }
      .f4ns-field.f4ns-field-h54.f4ns-field-select div.ts-wrapper.single div.item {
        margin-bottom: 0;
        padding-left: 0;
        padding-right: 0; }
      .f4ns-field.f4ns-field-h54.f4ns-field-select div.ts-wrapper.multi div.item {
        margin-bottom: 1px;
        margin-top: 1px;
        padding-top: 7.5px;
        padding-bottom: 7.5px;
        padding-left: 12px;
        padding-right: 12px;
        margin-right: 2px; }
      .f4ns-field.f4ns-field-h54.f4ns-field-select div.ts-wrapper input::placeholder {
        color: lightgray; }
  .f4ns-field.f4ns-field-h54.f4ns-field-wysiwyg {
    border: none; }
    .f4ns-field.f4ns-field-h54.f4ns-field-wysiwyg .ql-toolbar {
      border-top-right-radius: calc(15px - 1.5px);
      border-top-left-radius: calc(15px - 1.5px);
      background-color: #f8f8f8;
      border: none;
      border-bottom: 1.5px solid #b4b4b4;
      font-size: var(--f4ns-page-font-size) !important; }
      .f4ns-field.f4ns-field-h54.f4ns-field-wysiwyg .ql-toolbar * {
        font-size: var(--f4ns-page-font-size) !important; }
    .f4ns-field.f4ns-field-h54.f4ns-field-wysiwyg .ql-container {
      border: none;
      display: table;
      min-height: 120px;
      padding-top: 0;
      padding-bottom: 0;
      padding-left: 12px;
      padding-right: 2px !important; }
      .f4ns-field.f4ns-field-h54.f4ns-field-wysiwyg .ql-container .ql-editor {
        line-height: normal;
        padding: 0; }
  .f4ns-field.f4ns-field-h54.f4ns-field-switch {
    box-sizing: border-box;
    background-color: transparent;
    /*background*/
    /*animation*/ }
    .f4ns-field.f4ns-field-h54.f4ns-field-switch .f4ns-field-switch-container {
      position: relative;
      display: inline-block;
      width: 96px;
      height: 54px; }
      .f4ns-field.f4ns-field-h54.f4ns-field-switch .f4ns-field-switch-container input {
        opacity: 0;
        width: 0;
        height: 0; }
    .f4ns-field.f4ns-field-h54.f4ns-field-switch span.f4ns-field-switch-slider {
      position: absolute;
      cursor: pointer;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      border-radius: 54px;
      background-color: #cccccc;
      -webkit-transition: .4s;
      transition: .4s; }
    .f4ns-field.f4ns-field-h54.f4ns-field-switch span.f4ns-field-switch-slider:before {
      height: 42px;
      width: 42px;
      left: 6px;
      bottom: 6px;
      border-radius: 50%;
      position: absolute;
      content: "";
      background-color: white;
      -webkit-transition: .4s;
      transition: .4s; }
    .f4ns-field.f4ns-field-h54.f4ns-field-switch input:checked + .f4ns-field-switch-slider {
      background-color: #4b90c7; }
    .f4ns-field.f4ns-field-h54.f4ns-field-switch.f4ns-field-readonly .f4ns-field-switch-slider {
      background-color: #f0f0f0; }
      .f4ns-field.f4ns-field-h54.f4ns-field-switch.f4ns-field-readonly .f4ns-field-switch-slider:before {
        background-color: #dfdfdf; }
    .f4ns-field.f4ns-field-h54.f4ns-field-switch.f4ns-field-readonly input:checked + .f4ns-field-switch-slider {
      background-color: #e1ebf3; }
      .f4ns-field.f4ns-field-h54.f4ns-field-switch.f4ns-field-readonly input:checked + .f4ns-field-switch-slider::before {
        background-color: #f3f3f3; }
    .f4ns-field.f4ns-field-h54.f4ns-field-switch input:focus + .f4ns-field-switch-slider {
      box-shadow: 0 0 1px #4b90c7; }
    .f4ns-field.f4ns-field-h54.f4ns-field-switch input:checked + .f4ns-field-switch-slider:before {
      -webkit-transform: translateX(42px);
      -ms-transform: translateX(42px);
      transform: translateX(42px); }
    .f4ns-field.f4ns-field-h54.f4ns-field-switch.f4ns-field-hidden span.f4ns-field-switch-slider, .f4ns-field.f4ns-field-h54.f4ns-field-switch.f4ns-field-readonly span.f4ns-field-switch-slider {
      transition: none !important;
      animation: none !important; }
  .f4ns-field.f4ns-field-h54.f4ns-field-upload {
    height: fit-content;
    min-height: 54px;
    border-style: dashed !important;
    background-color: white; }
    .f4ns-field.f4ns-field-h54.f4ns-field-upload div.filepond--root {
      margin-bottom: 0; }
    .f4ns-field.f4ns-field-h54.f4ns-field-upload div.filepond--panel-root {
      display: none;
      background-color: white; }
    .f4ns-field.f4ns-field-h54.f4ns-field-upload .filepond--action-remove-item,
    .f4ns-field.f4ns-field-h54.f4ns-field-upload div.filepond--drop-label {
      cursor: pointer; }
      .f4ns-field.f4ns-field-h54.f4ns-field-upload .filepond--action-remove-item label,
      .f4ns-field.f4ns-field-h54.f4ns-field-upload div.filepond--drop-label label {
        cursor: pointer;
        color: #d0d0d0; }
    .f4ns-field.f4ns-field-h54.f4ns-field-upload .filepond--item {
      cursor: initial; }
    .f4ns-field.f4ns-field-h54.f4ns-field-upload .filepond--browser.filepond--browser {
      top: 0;
      width: 100%;
      position: initial; }
  .f4ns-field.f4ns-field-h54.f4ns-field-precode {
    background-color: transparent;
    font-family: monospace !important;
    margin: 0;
    justify-content: center; }
  .f4ns-field.f4ns-field-h54.f4ns-field-iframe {
    background-color: transparent; }
    .f4ns-field.f4ns-field-h54.f4ns-field-iframe iframe {
      border: none;
      height: 100%; }
  .f4ns-field.f4ns-field-h54.f4ns-field-chips {
    background-color: transparent;
    flex-direction: row;
    padding-bottom: 2px;
    flex-wrap: wrap;
    gap: 8px;
    overflow: visible; }
    .f4ns-field.f4ns-field-h54.f4ns-field-chips .f4ns-field-chips-item {
      height: calc(54px * 0.80);
      font-family: inherit;
      font-size: 21px !important;
      max-width: 180px;
      min-width: 40px;
      padding-left: 15px;
      padding-right: 15px;
      border-radius: 25px;
      cursor: pointer;
      background: #ebebeb;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow-x: hidden;
      align-content: center;
      text-align: center;
      /*hover*/
      /*active*/ }
      .f4ns-field.f4ns-field-h54.f4ns-field-chips .f4ns-field-chips-item:hover {
        box-shadow: 0 1.5pxpx 1.5pxpx 0 #3c404333, 0 1.5pxpx 1.5pxpx 1.5pxpx #3c404322;
        -webkit-transition: box-shadow 0.08s linear, min-width 0.15s cubic-bezier(0.4, 0, 0.2, 1);
        transition: box-shadow 0.08s linear, min-width 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
      .f4ns-field.f4ns-field-h54.f4ns-field-chips .f4ns-field-chips-item:active {
        box-shadow: none; }
  .f4ns-field.f4ns-field-h54.f4ns-field-line {
    background-color: transparent; }
    .f4ns-field.f4ns-field-h54.f4ns-field-line hr {
      width: 100%;
      height: 3px;
      border: none;
      background-color: #d8d8d8; }
  .f4ns-field.f4ns-field-h54 .f4ns-field-inner-icon {
    align-items: center;
    position: absolute;
    width: 21px;
    margin-right: calc((54px - 21px) * 0.4);
    right: 0;
    bottom: 0;
    z-index: 1000; }
    .f4ns-field.f4ns-field-h54 .f4ns-field-inner-icon.f4ns-field-inner-icon-error {
      color: #d20000; }
      .f4ns-field.f4ns-field-h54 .f4ns-field-inner-icon.f4ns-field-inner-icon-error span {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 21px;
        height: 21px;
        font-size: 16.5px !important;
        font-weight: bold;
        background-color: #fffbfbee;
        border: 1.5px solid #d20000;
        border-radius: 7.5px;
        cursor: default; }
.f4ns-field.f4ns-field-h72 {
  /*general style*/
  position: relative;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  background-color: white;
  color: #444;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  /*hidden*/
  /*dirty*/
  /*readonly*/
  /*height, font, scrollbar*/
  /*padding*/
  /*border-radius-focus-hover*/
  /*box*/
  /*label*/
  /*input / input-datetime*/
  /*input-range*/
  /*input-color*/
  /*textarea*/
  /*qrcode*/
  /*icon*/
  /*image*/
  /*button*/
  /*select*/
  /*signature*/
  /*wysiwyg*/
  /*switch*/
  /*upload*/
  /*precode*/
  /*iframe*/
  /*chips*/
  /*line*/
  /*error icon*/ }
  .f4ns-field.f4ns-field-h72.f4ns-field-hidden {
    display: none !important; }
  .f4ns-field.f4ns-field-h72:not(.f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line, .f4ns-field-switch, .f4ns-field-image, .f4ns-field-icon).f4ns-field-dirty::after {
    content: "";
    position: absolute;
    top: calc(18px * 0.5);
    right: calc(18px * 0.5);
    width: 18px;
    height: 18px;
    clip-path: polygon(100% 0, 0 0, 100% 100%);
    border-top-right-radius: calc(18px * 0.5);
    border-top-left-radius: calc(18px * 0.25);
    border-bottom-right-radius: calc(18px * 0.25);
    background-color: #85858544; }
  .f4ns-field.f4ns-field-h72.f4ns-field-readonly {
    pointer-events: none; }
    .f4ns-field.f4ns-field-h72.f4ns-field-readonly:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-switch, .f4ns-field-image, .f4ns-field-precode, .f4ns-field-icon, .f4ns-field-label) {
      background-color: #eeeeee !important;
      border-color: #dddddd; }
  .f4ns-field.f4ns-field-h72:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) {
    height: 72px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    font-size: 28px !important; }
    .f4ns-field.f4ns-field-h72:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) * {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
      font-size: 28px !important;
      /*Scrollbar*/ }
      .f4ns-field.f4ns-field-h72:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) *::-webkit-scrollbar {
        width: 10px; }
      .f4ns-field.f4ns-field-h72:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) *::-webkit-scrollbar-track {
        margin-bottom: 1px;
        margin-top: 1px;
        background-color: white;
        border-radius: 10px; }
      .f4ns-field.f4ns-field-h72:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) *::-webkit-scrollbar-thumb {
        cursor: auto;
        background-color: #d8d8d8;
        border-radius: 10px;
        border: 2px solid transparent; }
      .f4ns-field.f4ns-field-h72:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) *::-webkit-scrollbar-thumb:hover {
        background-color: #aaaaaa; }
      .f4ns-field.f4ns-field-h72:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) *::-webkit-scrollbar-thumb:active {
        background-color: #777777; }
      .f4ns-field.f4ns-field-h72:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) *::-webkit-scrollbar-corner {
        background-color: transparent; }
  .f4ns-field.f4ns-field-h72:not(.f4ns-field-switch, .f4ns-field-wysiwyg, .f4ns-field-iframe, .f4ns-field-box) {
    padding-bottom: 0; }
  .f4ns-field.f4ns-field-h72.f4ns-field-input, .f4ns-field.f4ns-field-h72.f4ns-field-datetime, .f4ns-field.f4ns-field-h72.f4ns-field-textarea, .f4ns-field.f4ns-field-h72.f4ns-field-select, .f4ns-field.f4ns-field-h72 .f4ns-field-box {
    box-sizing: border-box;
    padding-right: 16px;
    padding-left: 16px; }
  .f4ns-field.f4ns-field-h72.f4ns-field-select.f4ns-field-select-is-multi:has(> .has-items) {
    padding-right: calc(16px * 0.5);
    padding-left: calc(16px * 0.5); }
  .f4ns-field.f4ns-field-h72.f4ns-field-input, .f4ns-field.f4ns-field-h72.f4ns-field-datetime, .f4ns-field.f4ns-field-h72.f4ns-field-textarea, .f4ns-field.f4ns-field-h72.f4ns-field-select, .f4ns-field.f4ns-field-h72.f4ns-field-wysiwyg, .f4ns-field.f4ns-field-h72.f4ns-field-upload, .f4ns-field.f4ns-field-h72.f4ns-field-iframe, .f4ns-field.f4ns-field-h72.f4ns-field-signature {
    /*border*/
    /*first child transparent*/
    /*focus-hover*/ }
    .f4ns-field.f4ns-field-h72.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h72.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h72.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h72.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h72.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h72.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h72.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h72.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color) {
      outline: none;
      border-width: 2px;
      border-color: #b4b4b4;
      border-style: solid;
      border-radius: 20px; }
      .f4ns-field.f4ns-field-h72.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h72.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h72.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h72.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h72.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h72.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h72.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h72.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error {
        border-color: #bf1c1c;
        background-color: #fffbfb; }
    .f4ns-field.f4ns-field-h72.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h72.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h72.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h72.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h72.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h72.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h72.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h72.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child {
      border-radius: 20px;
      background-color: transparent; }
    .f4ns-field.f4ns-field-h72.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h72.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h72.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h72.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h72.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h72.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h72.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h72.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) {
      /*focus*/
      /*hover*/
      /*autofill chrome*/ }
      .f4ns-field.f4ns-field-h72.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h72.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h72.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h72.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h72.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h72.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h72.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h72.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within {
        border-color: #4b90c7;
        background-color: #f1f8ff; }
      .f4ns-field.f4ns-field-h72.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h72.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h72.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h72.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h72.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h72.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h72.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h72.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within) {
        border-color: #9cb6ca;
        background-color: #fbfdff; }
      .f4ns-field.f4ns-field-h72.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h72.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h72.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h72.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h72.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h72.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h72.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h72.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error {
        /*focus*/
        /*hover*/ }
        .f4ns-field.f4ns-field-h72.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h72.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h72.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h72.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h72.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h72.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h72.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h72.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within {
          border-color: #bf1c1c;
          background-color: #fff1f1; }
        .f4ns-field.f4ns-field-h72.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h72.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h72.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h72.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h72.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h72.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h72.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h72.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within) {
          border-color: #bf1c1c;
          background-color: #fffbfb; }
      .f4ns-field.f4ns-field-h72.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h72.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h72.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h72.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h72.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h72.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h72.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h72.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill {
        background-clip: text; }
  .f4ns-field.f4ns-field-h72.f4ns-field-box {
    height: auto;
    min-height: 72px;
    background-color: transparent; }
    .f4ns-field.f4ns-field-h72.f4ns-field-box .f4ns-field-box-container {
      height: 100%;
      display: flex;
      flex: auto;
      box-sizing: border-box;
      flex-direction: column;
      width: 100%;
      flex: 1; }
    .f4ns-field.f4ns-field-h72.f4ns-field-box.f4ns-field-box-visible .f4ns-field-box-container {
      position: relative;
      border: 1px solid #b4b4b4;
      border-top-right-radius: 8px;
      border-bottom-right-radius: 8px;
      border-bottom-left-radius: 8px;
      border-top-left-radius: 8px;
      padding: 15px 10px 15px 10px;
      background-color: #f9f9f9; }
      .f4ns-field.f4ns-field-h72.f4ns-field-box.f4ns-field-box-visible .f4ns-field-box-container .f4ns-field-box-container-text {
        display: flex;
        position: absolute;
        background: #f9f9f9;
        top: -10px;
        left: -1px;
        padding: 0 10px;
        font-weight: normal;
        font-style: italic;
        border: 1px solid #b4b4b4;
        border-bottom: none;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px; }
    .f4ns-field.f4ns-field-h72.f4ns-field-box.f4ns-field-box-visible .f4ns-field-box-container-text::after {
      content: "";
      position: absolute;
      bottom: 0px;
      width: 2px;
      height: 6px;
      background: #f9f9f9; }
    .f4ns-field.f4ns-field-h72.f4ns-field-box.f4ns-field-box-visible .f4ns-field-box-container-text::after {
      right: -2px; }
  .f4ns-field.f4ns-field-h72.f4ns-field-label {
    background-color: transparent;
    justify-content: center;
    height: 72px;
    line-height: 72px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    font-size: 72px !important;
    /*readonly*/ }
    .f4ns-field.f4ns-field-h72.f4ns-field-label.f4ns-field-readonly {
      color: #dddddd; }
  .f4ns-field.f4ns-field-h72.f4ns-field-input, .f4ns-field.f4ns-field-h72.f4ns-field-datetime {
    /*readonly*/ }
    .f4ns-field.f4ns-field-h72.f4ns-field-input input, .f4ns-field.f4ns-field-h72.f4ns-field-datetime input {
      background-color: transparent;
      height: 100%;
      width: 100%;
      outline: none;
      border: none; }
      .f4ns-field.f4ns-field-h72.f4ns-field-input input::placeholder, .f4ns-field.f4ns-field-h72.f4ns-field-datetime input::placeholder {
        color: lightgray; }
    .f4ns-field.f4ns-field-h72.f4ns-field-input.f4ns-field-readonly input, .f4ns-field.f4ns-field-h72.f4ns-field-datetime.f4ns-field-readonly input {
      color: #888888; }
  .f4ns-field.f4ns-field-h72.f4ns-field-input-range {
    background-color: transparent;
    padding: 0;
    border: none; }
    .f4ns-field.f4ns-field-h72.f4ns-field-input-range ::-webkit-slider-thumb {
      cursor: pointer; }
  .f4ns-field.f4ns-field-h72.f4ns-field-input-color {
    cursor: pointer; }
    .f4ns-field.f4ns-field-h72.f4ns-field-input-color input {
      cursor: pointer; }
  .f4ns-field.f4ns-field-h72.f4ns-field-textarea {
    height: auto;
    min-height: 72px;
    padding-right: 2px !important;
    padding-bottom: 2px !important;
    /*readonly*/ }
    .f4ns-field.f4ns-field-h72.f4ns-field-textarea textarea {
      background-color: transparent;
      height: 100%;
      display: flex;
      flex: auto;
      box-sizing: border-box;
      padding-top: 10px;
      line-height: normal;
      outline: none;
      border: none;
      resize: none; }
    .f4ns-field.f4ns-field-h72.f4ns-field-textarea.f4ns-field-readonly textarea {
      color: #888888; }
    .f4ns-field.f4ns-field-h72.f4ns-field-textarea.f4ns-field-textarea-resize-horizontal textarea {
      resize: horizontal; }
    .f4ns-field.f4ns-field-h72.f4ns-field-textarea.f4ns-field-textarea-resize-vertical textarea {
      resize: vertical; }
    .f4ns-field.f4ns-field-h72.f4ns-field-textarea.f4ns-field-textarea-resize-both textarea {
      resize: both; }
  .f4ns-field.f4ns-field-h72.f4ns-field-qrcode div {
    height: inherit; }
    .f4ns-field.f4ns-field-h72.f4ns-field-qrcode div canvas {
      height: inherit; }
    .f4ns-field.f4ns-field-h72.f4ns-field-qrcode div img {
      height: inherit; }
  .f4ns-field.f4ns-field-h72.f4ns-field-icon {
    flex: 0 0 72px !important;
    align-items: center;
    justify-content: center;
    background-color: transparent; }
    .f4ns-field.f4ns-field-h72.f4ns-field-icon span {
      font-size: calc(28px * 1.5) !important; }
  .f4ns-field.f4ns-field-h72.f4ns-field-image {
    overflow: hidden;
    position: relative;
    justify-content: center;
    background-color: transparent; }
    .f4ns-field.f4ns-field-h72.f4ns-field-image img {
      max-height: 100%;
      max-width: 100%;
      object-fit: contain;
      background-size: cover;
      vertical-align: middle; }
  .f4ns-field.f4ns-field-h72.f4ns-field-button {
    display: flex;
    flex-direction: row;
    border-radius: 26px;
    height: 72px;
    box-shadow: 0 2pxpx 2pxpx 0 #3c404333, 0 2pxpx 2pxpx 2pxpx #3c404322;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    /*size only icon button*/
    /*padding text-icon button*/
    /*hover*/
    /*active*/ }
    .f4ns-field.f4ns-field-h72.f4ns-field-button.f4ns-field-readonly {
      pointer-events: none;
      opacity: 0.15;
      filter: grayscale(70%); }
    .f4ns-field.f4ns-field-h72.f4ns-field-button span.f4ns-field-button-icon {
      display: flex;
      flex-direction: row;
      font-size: 40px; }
    .f4ns-field.f4ns-field-h72.f4ns-field-button span.f4ns-field-button-text {
      flex: 1;
      display: flex;
      flex-direction: row;
      place-content: center;
      font-size: 28px !important; }
      .f4ns-field.f4ns-field-h72.f4ns-field-button span.f4ns-field-button-text:empty {
        display: none; }
    .f4ns-field.f4ns-field-h72.f4ns-field-button.f4ns-field-button-has-icon:not(.f4ns-field-button-has-text) {
      flex: 0 0 72px !important;
      width: 72px !important; }
    .f4ns-field.f4ns-field-h72.f4ns-field-button.f4ns-field-button-has-icon.f4ns-field-button-has-text {
      box-sizing: border-box;
      padding-left: 24px;
      padding-right: 24px; }
      .f4ns-field.f4ns-field-h72.f4ns-field-button.f4ns-field-button-has-icon.f4ns-field-button-has-text .f4ns-field-button-text {
        padding-left: calc(24px * 0.3); }
    .f4ns-field.f4ns-field-h72.f4ns-field-button:hover {
      box-shadow: 0 2pxpx 4pxpx 0 #3c404333, 0 2pxpx 4pxpx 4pxpx #3c404326;
      -webkit-transition: box-shadow 0.08s linear, min-width 0.15s cubic-bezier(0.4, 0, 0.2, 1);
      transition: box-shadow 0.08s linear, min-width 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
    .f4ns-field.f4ns-field-h72.f4ns-field-button:active {
      box-shadow: 0 2pxpx 2pxpx 0 #3c404333; }
  .f4ns-field.f4ns-field-h72.f4ns-field-select {
    min-height: 72px;
    height: fit-content;
    justify-content: center;
    outline: none;
    cursor: pointer;
    /*arrow down / clear button*/
    /*item*/ }
    .f4ns-field.f4ns-field-h72.f4ns-field-select div.dropdown-input-wrap {
      display: flex; }
      .f4ns-field.f4ns-field-h72.f4ns-field-select div.dropdown-input-wrap input {
        font-size: 28px !important; }
      .f4ns-field.f4ns-field-h72.f4ns-field-select div.dropdown-input-wrap input:focus,
      .f4ns-field.f4ns-field-h72.f4ns-field-select div.dropdown-input-wrap input:focus-visible,
      .f4ns-field.f4ns-field-h72.f4ns-field-select div.dropdown-input-wrap input:active {
        outline: none; }
    .f4ns-field.f4ns-field-h72.f4ns-field-select div.f4ns-field-select-option {
      display: flex;
      box-sizing: border-box;
      border-top: 1px solid #eeeeee;
      color: #444444;
      /*dropdown option active*/ }
      .f4ns-field.f4ns-field-h72.f4ns-field-select div.f4ns-field-select-option.active {
        background-color: #fdfadf;
        color: #222222; }
      .f4ns-field.f4ns-field-h72.f4ns-field-select div.f4ns-field-select-option.selected {
        background-color: #a2cef3;
        color: #222222; }
        .f4ns-field.f4ns-field-h72.f4ns-field-select div.f4ns-field-select-option.selected div.f4ns-field-select-option-text-sub {
          color: #505050; }
      .f4ns-field.f4ns-field-h72.f4ns-field-select div.f4ns-field-select-option .f4ns-field-select-option-left {
        flex: 0 0 24px;
        display: flex;
        justify-content: center;
        margin-right: 8px; }
        .f4ns-field.f4ns-field-h72.f4ns-field-select div.f4ns-field-select-option .f4ns-field-select-option-left span {
          display: flex;
          height: calc(72px * 0.5) !important;
          width: calc(72px * 0.5) !important;
          border: 1px solid white;
          border-radius: 50px;
          position: relative;
          vertical-align: middle;
          align-self: center; }
      .f4ns-field.f4ns-field-h72.f4ns-field-select div.f4ns-field-select-option .f4ns-field-select-option-right {
        flex: 1;
        align-content: center; }
      .f4ns-field.f4ns-field-h72.f4ns-field-select div.f4ns-field-select-option a.remove {
        flex: 0 0 24px;
        display: flex;
        justify-content: center;
        margin-right: 8px; }
      .f4ns-field.f4ns-field-h72.f4ns-field-select div.f4ns-field-select-option div.f4ns-field-select-option-text-sub {
        font-style: italic;
        color: #999999;
        margin-top: 2px; }
      .f4ns-field.f4ns-field-h72.f4ns-field-select div.f4ns-field-select-option .highlight {
        background-color: #ffd5003d; }
    .f4ns-field.f4ns-field-h72.f4ns-field-select input::placeholder {
      color: lightgray; }
    .f4ns-field.f4ns-field-h72.f4ns-field-select div.ts-control {
      padding: 0;
      height: 100%;
      border: none;
      outline: none;
      background-color: transparent;
      align-content: center;
      cursor: pointer; }
      .f4ns-field.f4ns-field-h72.f4ns-field-select div.ts-control input {
        min-width: 50px; }
    .f4ns-field.f4ns-field-h72.f4ns-field-select div.ts-wrapper {
      scroll-behavior: auto !important;
      height: 100%;
      cursor: pointer; }
    .f4ns-field.f4ns-field-h72.f4ns-field-select input.items-placeholder {
      cursor: pointer; }
    .f4ns-field.f4ns-field-h72.f4ns-field-select span.f4ns-field-select-icon-arrow {
      opacity: 1;
      z-index: 0;
      transition: opacity 0.3s ease;
      position: absolute;
      right: 10px;
      font-size: calc(28px * 1.2) !important;
      pointer-events: none; }
    .f4ns-field.f4ns-field-h72.f4ns-field-select div.clear-button {
      opacity: 0;
      z-index: 0;
      font-size: calc(28px * 1.2) !important;
      justify-content: center;
      right: 0;
      box-sizing: border-box;
      padding: 0 5px 5px 5px;
      pointer-events: none; }
    .f4ns-field.f4ns-field-h72.f4ns-field-select:not(.f4ns-field-select-always-with-value).f4ns-field-select-has-value span.f4ns-field-select-icon-arrow {
      opacity: 0; }
    .f4ns-field.f4ns-field-h72.f4ns-field-select:not(.f4ns-field-select-always-with-value).f4ns-field-select-has-value div.clear-button {
      opacity: 1;
      transition: opacity 0.3s ease;
      pointer-events: auto; }
    .f4ns-field.f4ns-field-h72.f4ns-field-select.f4ns-field-readonly div.clear-button {
      pointer-events: none !important; }
    .f4ns-field.f4ns-field-h72.f4ns-field-select.f4ns-field-readonly div.ts-control {
      opacity: 0.5; }
    .f4ns-field.f4ns-field-h72.f4ns-field-select div.ts-wrapper {
      box-sizing: border-box;
      outline: none;
      border-radius: 26px; }
      .f4ns-field.f4ns-field-h72.f4ns-field-select div.ts-wrapper div.item {
        align-content: center;
        min-height: 56px;
        box-sizing: border-box;
        border-radius: 14px;
        padding-top: 14px;
        padding-bottom: 14px;
        line-height: normal;
        margin: 0; }
        .f4ns-field.f4ns-field-h72.f4ns-field-select div.ts-wrapper div.item .f4ns-field-select-option-text {
          white-space: nowrap; }
      .f4ns-field.f4ns-field-h72.f4ns-field-select div.ts-wrapper.single div.item {
        margin-bottom: 0;
        padding-left: 0;
        padding-right: 0; }
      .f4ns-field.f4ns-field-h72.f4ns-field-select div.ts-wrapper.multi div.item {
        margin-bottom: 1px;
        margin-top: 1px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 16px;
        padding-right: 16px;
        margin-right: 2px; }
      .f4ns-field.f4ns-field-h72.f4ns-field-select div.ts-wrapper input::placeholder {
        color: lightgray; }
  .f4ns-field.f4ns-field-h72.f4ns-field-wysiwyg {
    border: none; }
    .f4ns-field.f4ns-field-h72.f4ns-field-wysiwyg .ql-toolbar {
      border-top-right-radius: calc(20px - 2px);
      border-top-left-radius: calc(20px - 2px);
      background-color: #f8f8f8;
      border: none;
      border-bottom: 2px solid #b4b4b4;
      font-size: var(--f4ns-page-font-size) !important; }
      .f4ns-field.f4ns-field-h72.f4ns-field-wysiwyg .ql-toolbar * {
        font-size: var(--f4ns-page-font-size) !important; }
    .f4ns-field.f4ns-field-h72.f4ns-field-wysiwyg .ql-container {
      border: none;
      display: table;
      min-height: 160px;
      padding-top: 0;
      padding-bottom: 0;
      padding-left: 16px;
      padding-right: 2px !important; }
      .f4ns-field.f4ns-field-h72.f4ns-field-wysiwyg .ql-container .ql-editor {
        line-height: normal;
        padding: 0; }
  .f4ns-field.f4ns-field-h72.f4ns-field-switch {
    box-sizing: border-box;
    background-color: transparent;
    /*background*/
    /*animation*/ }
    .f4ns-field.f4ns-field-h72.f4ns-field-switch .f4ns-field-switch-container {
      position: relative;
      display: inline-block;
      width: 128px;
      height: 72px; }
      .f4ns-field.f4ns-field-h72.f4ns-field-switch .f4ns-field-switch-container input {
        opacity: 0;
        width: 0;
        height: 0; }
    .f4ns-field.f4ns-field-h72.f4ns-field-switch span.f4ns-field-switch-slider {
      position: absolute;
      cursor: pointer;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      border-radius: 72px;
      background-color: #cccccc;
      -webkit-transition: .4s;
      transition: .4s; }
    .f4ns-field.f4ns-field-h72.f4ns-field-switch span.f4ns-field-switch-slider:before {
      height: 56px;
      width: 56px;
      left: 8px;
      bottom: 8px;
      border-radius: 50%;
      position: absolute;
      content: "";
      background-color: white;
      -webkit-transition: .4s;
      transition: .4s; }
    .f4ns-field.f4ns-field-h72.f4ns-field-switch input:checked + .f4ns-field-switch-slider {
      background-color: #4b90c7; }
    .f4ns-field.f4ns-field-h72.f4ns-field-switch.f4ns-field-readonly .f4ns-field-switch-slider {
      background-color: #f0f0f0; }
      .f4ns-field.f4ns-field-h72.f4ns-field-switch.f4ns-field-readonly .f4ns-field-switch-slider:before {
        background-color: #dfdfdf; }
    .f4ns-field.f4ns-field-h72.f4ns-field-switch.f4ns-field-readonly input:checked + .f4ns-field-switch-slider {
      background-color: #e1ebf3; }
      .f4ns-field.f4ns-field-h72.f4ns-field-switch.f4ns-field-readonly input:checked + .f4ns-field-switch-slider::before {
        background-color: #f3f3f3; }
    .f4ns-field.f4ns-field-h72.f4ns-field-switch input:focus + .f4ns-field-switch-slider {
      box-shadow: 0 0 1px #4b90c7; }
    .f4ns-field.f4ns-field-h72.f4ns-field-switch input:checked + .f4ns-field-switch-slider:before {
      -webkit-transform: translateX(56px);
      -ms-transform: translateX(56px);
      transform: translateX(56px); }
    .f4ns-field.f4ns-field-h72.f4ns-field-switch.f4ns-field-hidden span.f4ns-field-switch-slider, .f4ns-field.f4ns-field-h72.f4ns-field-switch.f4ns-field-readonly span.f4ns-field-switch-slider {
      transition: none !important;
      animation: none !important; }
  .f4ns-field.f4ns-field-h72.f4ns-field-upload {
    height: fit-content;
    min-height: 72px;
    border-style: dashed !important;
    background-color: white; }
    .f4ns-field.f4ns-field-h72.f4ns-field-upload div.filepond--root {
      margin-bottom: 0; }
    .f4ns-field.f4ns-field-h72.f4ns-field-upload div.filepond--panel-root {
      display: none;
      background-color: white; }
    .f4ns-field.f4ns-field-h72.f4ns-field-upload .filepond--action-remove-item,
    .f4ns-field.f4ns-field-h72.f4ns-field-upload div.filepond--drop-label {
      cursor: pointer; }
      .f4ns-field.f4ns-field-h72.f4ns-field-upload .filepond--action-remove-item label,
      .f4ns-field.f4ns-field-h72.f4ns-field-upload div.filepond--drop-label label {
        cursor: pointer;
        color: #d0d0d0; }
    .f4ns-field.f4ns-field-h72.f4ns-field-upload .filepond--item {
      cursor: initial; }
    .f4ns-field.f4ns-field-h72.f4ns-field-upload .filepond--browser.filepond--browser {
      top: 0;
      width: 100%;
      position: initial; }
  .f4ns-field.f4ns-field-h72.f4ns-field-precode {
    background-color: transparent;
    font-family: monospace !important;
    margin: 0;
    justify-content: center; }
  .f4ns-field.f4ns-field-h72.f4ns-field-iframe {
    background-color: transparent; }
    .f4ns-field.f4ns-field-h72.f4ns-field-iframe iframe {
      border: none;
      height: 100%; }
  .f4ns-field.f4ns-field-h72.f4ns-field-chips {
    background-color: transparent;
    flex-direction: row;
    padding-bottom: 2px;
    flex-wrap: wrap;
    gap: 8px;
    overflow: visible; }
    .f4ns-field.f4ns-field-h72.f4ns-field-chips .f4ns-field-chips-item {
      height: calc(72px * 0.80);
      font-family: inherit;
      font-size: 28px !important;
      max-width: 180px;
      min-width: 40px;
      padding-left: 15px;
      padding-right: 15px;
      border-radius: 25px;
      cursor: pointer;
      background: #ebebeb;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow-x: hidden;
      align-content: center;
      text-align: center;
      /*hover*/
      /*active*/ }
      .f4ns-field.f4ns-field-h72.f4ns-field-chips .f4ns-field-chips-item:hover {
        box-shadow: 0 2pxpx 2pxpx 0 #3c404333, 0 2pxpx 2pxpx 2pxpx #3c404322;
        -webkit-transition: box-shadow 0.08s linear, min-width 0.15s cubic-bezier(0.4, 0, 0.2, 1);
        transition: box-shadow 0.08s linear, min-width 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
      .f4ns-field.f4ns-field-h72.f4ns-field-chips .f4ns-field-chips-item:active {
        box-shadow: none; }
  .f4ns-field.f4ns-field-h72.f4ns-field-line {
    background-color: transparent; }
    .f4ns-field.f4ns-field-h72.f4ns-field-line hr {
      width: 100%;
      height: 4px;
      border: none;
      background-color: #d8d8d8; }
  .f4ns-field.f4ns-field-h72 .f4ns-field-inner-icon {
    align-items: center;
    position: absolute;
    width: 28px;
    margin-right: calc((72px - 28px) * 0.4);
    right: 0;
    bottom: 0;
    z-index: 1000; }
    .f4ns-field.f4ns-field-h72 .f4ns-field-inner-icon.f4ns-field-inner-icon-error {
      color: #d20000; }
      .f4ns-field.f4ns-field-h72 .f4ns-field-inner-icon.f4ns-field-inner-icon-error span {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 28px;
        height: 28px;
        font-size: 22px !important;
        font-weight: bold;
        background-color: #fffbfbee;
        border: 2px solid #d20000;
        border-radius: 10px;
        cursor: default; }
.f4ns-field.f4ns-field-h96 {
  /*general style*/
  position: relative;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  background-color: white;
  color: #444;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  /*hidden*/
  /*dirty*/
  /*readonly*/
  /*height, font, scrollbar*/
  /*padding*/
  /*border-radius-focus-hover*/
  /*box*/
  /*label*/
  /*input / input-datetime*/
  /*input-range*/
  /*input-color*/
  /*textarea*/
  /*qrcode*/
  /*icon*/
  /*image*/
  /*button*/
  /*select*/
  /*signature*/
  /*wysiwyg*/
  /*switch*/
  /*upload*/
  /*precode*/
  /*iframe*/
  /*chips*/
  /*line*/
  /*error icon*/ }
  .f4ns-field.f4ns-field-h96.f4ns-field-hidden {
    display: none !important; }
  .f4ns-field.f4ns-field-h96:not(.f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line, .f4ns-field-switch, .f4ns-field-image, .f4ns-field-icon).f4ns-field-dirty::after {
    content: "";
    position: absolute;
    top: calc(24px * 0.5);
    right: calc(24px * 0.5);
    width: 24px;
    height: 24px;
    clip-path: polygon(100% 0, 0 0, 100% 100%);
    border-top-right-radius: calc(24px * 0.5);
    border-top-left-radius: calc(24px * 0.25);
    border-bottom-right-radius: calc(24px * 0.25);
    background-color: #85858544; }
  .f4ns-field.f4ns-field-h96.f4ns-field-readonly {
    pointer-events: none; }
    .f4ns-field.f4ns-field-h96.f4ns-field-readonly:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-switch, .f4ns-field-image, .f4ns-field-precode, .f4ns-field-icon, .f4ns-field-label) {
      background-color: #eeeeee !important;
      border-color: #dddddd; }
  .f4ns-field.f4ns-field-h96:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) {
    height: 96px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    font-size: 37.3333333333px !important; }
    .f4ns-field.f4ns-field-h96:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) * {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
      font-size: 37.3333333333px !important;
      /*Scrollbar*/ }
      .f4ns-field.f4ns-field-h96:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) *::-webkit-scrollbar {
        width: 10px; }
      .f4ns-field.f4ns-field-h96:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) *::-webkit-scrollbar-track {
        margin-bottom: 1px;
        margin-top: 1px;
        background-color: white;
        border-radius: 10px; }
      .f4ns-field.f4ns-field-h96:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) *::-webkit-scrollbar-thumb {
        cursor: auto;
        background-color: #d8d8d8;
        border-radius: 10px;
        border: 2px solid transparent; }
      .f4ns-field.f4ns-field-h96:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) *::-webkit-scrollbar-thumb:hover {
        background-color: #aaaaaa; }
      .f4ns-field.f4ns-field-h96:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) *::-webkit-scrollbar-thumb:active {
        background-color: #777777; }
      .f4ns-field.f4ns-field-h96:not(.f4ns-field-upload, .f4ns-field-chips, .f4ns-field-button, .f4ns-field-label, .f4ns-field-box, .f4ns-field-line) *::-webkit-scrollbar-corner {
        background-color: transparent; }
  .f4ns-field.f4ns-field-h96:not(.f4ns-field-switch, .f4ns-field-wysiwyg, .f4ns-field-iframe, .f4ns-field-box) {
    padding-bottom: 0; }
  .f4ns-field.f4ns-field-h96.f4ns-field-input, .f4ns-field.f4ns-field-h96.f4ns-field-datetime, .f4ns-field.f4ns-field-h96.f4ns-field-textarea, .f4ns-field.f4ns-field-h96.f4ns-field-select, .f4ns-field.f4ns-field-h96 .f4ns-field-box {
    box-sizing: border-box;
    padding-right: 21.3333333333px;
    padding-left: 21.3333333333px; }
  .f4ns-field.f4ns-field-h96.f4ns-field-select.f4ns-field-select-is-multi:has(> .has-items) {
    padding-right: calc(21.3333333333px * 0.5);
    padding-left: calc(21.3333333333px * 0.5); }
  .f4ns-field.f4ns-field-h96.f4ns-field-input, .f4ns-field.f4ns-field-h96.f4ns-field-datetime, .f4ns-field.f4ns-field-h96.f4ns-field-textarea, .f4ns-field.f4ns-field-h96.f4ns-field-select, .f4ns-field.f4ns-field-h96.f4ns-field-wysiwyg, .f4ns-field.f4ns-field-h96.f4ns-field-upload, .f4ns-field.f4ns-field-h96.f4ns-field-iframe, .f4ns-field.f4ns-field-h96.f4ns-field-signature {
    /*border*/
    /*first child transparent*/
    /*focus-hover*/ }
    .f4ns-field.f4ns-field-h96.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h96.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h96.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h96.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h96.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h96.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h96.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color), .f4ns-field.f4ns-field-h96.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color) {
      outline: none;
      border-width: 2.6666666667px;
      border-color: #b4b4b4;
      border-style: solid;
      border-radius: 26.6666666667px; }
      .f4ns-field.f4ns-field-h96.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h96.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h96.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h96.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h96.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h96.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h96.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error, .f4ns-field.f4ns-field-h96.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color).f4ns-field-error {
        border-color: #bf1c1c;
        background-color: #fffbfb; }
    .f4ns-field.f4ns-field-h96.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h96.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h96.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h96.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h96.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h96.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h96.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child, .f4ns-field.f4ns-field-h96.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-wysiwyg) > *:first-child {
      border-radius: 26.6666666667px;
      background-color: transparent; }
    .f4ns-field.f4ns-field-h96.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h96.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h96.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h96.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h96.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h96.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h96.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe), .f4ns-field.f4ns-field-h96.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) {
      /*focus*/
      /*hover*/
      /*autofill chrome*/ }
      .f4ns-field.f4ns-field-h96.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h96.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h96.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h96.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h96.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h96.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h96.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within, .f4ns-field.f4ns-field-h96.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):focus-within {
        border-color: #4b90c7;
        background-color: #f1f8ff; }
      .f4ns-field.f4ns-field-h96.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h96.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h96.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h96.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h96.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h96.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h96.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within), .f4ns-field.f4ns-field-h96.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe):hover:not(:focus-within) {
        border-color: #9cb6ca;
        background-color: #fbfdff; }
      .f4ns-field.f4ns-field-h96.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h96.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h96.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h96.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h96.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h96.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h96.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error, .f4ns-field.f4ns-field-h96.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error {
        /*focus*/
        /*hover*/ }
        .f4ns-field.f4ns-field-h96.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h96.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h96.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h96.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h96.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h96.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h96.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within, .f4ns-field.f4ns-field-h96.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:focus-within {
          border-color: #bf1c1c;
          background-color: #fff1f1; }
        .f4ns-field.f4ns-field-h96.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h96.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h96.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h96.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h96.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h96.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h96.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within), .f4ns-field.f4ns-field-h96.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe).f4ns-field-error:hover:not(:focus-within) {
          border-color: #bf1c1c;
          background-color: #fffbfb; }
      .f4ns-field.f4ns-field-h96.f4ns-field-input:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h96.f4ns-field-datetime:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h96.f4ns-field-textarea:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h96.f4ns-field-select:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h96.f4ns-field-wysiwyg:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h96.f4ns-field-upload:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h96.f4ns-field-iframe:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill, .f4ns-field.f4ns-field-h96.f4ns-field-signature:not(.f4ns-field-input-range, .f4ns-field-input-color, .f4ns-field-iframe) input:-webkit-autofill {
        background-clip: text; }
  .f4ns-field.f4ns-field-h96.f4ns-field-box {
    height: auto;
    min-height: 96px;
    background-color: transparent; }
    .f4ns-field.f4ns-field-h96.f4ns-field-box .f4ns-field-box-container {
      height: 100%;
      display: flex;
      flex: auto;
      box-sizing: border-box;
      flex-direction: column;
      width: 100%;
      flex: 1; }
    .f4ns-field.f4ns-field-h96.f4ns-field-box.f4ns-field-box-visible .f4ns-field-box-container {
      position: relative;
      border: 1px solid #b4b4b4;
      border-top-right-radius: 8px;
      border-bottom-right-radius: 8px;
      border-bottom-left-radius: 8px;
      border-top-left-radius: 8px;
      padding: 15px 10px 15px 10px;
      background-color: #f9f9f9; }
      .f4ns-field.f4ns-field-h96.f4ns-field-box.f4ns-field-box-visible .f4ns-field-box-container .f4ns-field-box-container-text {
        display: flex;
        position: absolute;
        background: #f9f9f9;
        top: -10px;
        left: -1px;
        padding: 0 10px;
        font-weight: normal;
        font-style: italic;
        border: 1px solid #b4b4b4;
        border-bottom: none;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px; }
    .f4ns-field.f4ns-field-h96.f4ns-field-box.f4ns-field-box-visible .f4ns-field-box-container-text::after {
      content: "";
      position: absolute;
      bottom: 0px;
      width: 2px;
      height: 6px;
      background: #f9f9f9; }
    .f4ns-field.f4ns-field-h96.f4ns-field-box.f4ns-field-box-visible .f4ns-field-box-container-text::after {
      right: -2px; }
  .f4ns-field.f4ns-field-h96.f4ns-field-label {
    background-color: transparent;
    justify-content: center;
    height: 96px;
    line-height: 96px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    font-size: 96px !important;
    /*readonly*/ }
    .f4ns-field.f4ns-field-h96.f4ns-field-label.f4ns-field-readonly {
      color: #dddddd; }
  .f4ns-field.f4ns-field-h96.f4ns-field-input, .f4ns-field.f4ns-field-h96.f4ns-field-datetime {
    /*readonly*/ }
    .f4ns-field.f4ns-field-h96.f4ns-field-input input, .f4ns-field.f4ns-field-h96.f4ns-field-datetime input {
      background-color: transparent;
      height: 100%;
      width: 100%;
      outline: none;
      border: none; }
      .f4ns-field.f4ns-field-h96.f4ns-field-input input::placeholder, .f4ns-field.f4ns-field-h96.f4ns-field-datetime input::placeholder {
        color: lightgray; }
    .f4ns-field.f4ns-field-h96.f4ns-field-input.f4ns-field-readonly input, .f4ns-field.f4ns-field-h96.f4ns-field-datetime.f4ns-field-readonly input {
      color: #888888; }
  .f4ns-field.f4ns-field-h96.f4ns-field-input-range {
    background-color: transparent;
    padding: 0;
    border: none; }
    .f4ns-field.f4ns-field-h96.f4ns-field-input-range ::-webkit-slider-thumb {
      cursor: pointer; }
  .f4ns-field.f4ns-field-h96.f4ns-field-input-color {
    cursor: pointer; }
    .f4ns-field.f4ns-field-h96.f4ns-field-input-color input {
      cursor: pointer; }
  .f4ns-field.f4ns-field-h96.f4ns-field-textarea {
    height: auto;
    min-height: 96px;
    padding-right: 2px !important;
    padding-bottom: 2px !important;
    /*readonly*/ }
    .f4ns-field.f4ns-field-h96.f4ns-field-textarea textarea {
      background-color: transparent;
      height: 100%;
      display: flex;
      flex: auto;
      box-sizing: border-box;
      padding-top: 13.3333333333px;
      line-height: normal;
      outline: none;
      border: none;
      resize: none; }
    .f4ns-field.f4ns-field-h96.f4ns-field-textarea.f4ns-field-readonly textarea {
      color: #888888; }
    .f4ns-field.f4ns-field-h96.f4ns-field-textarea.f4ns-field-textarea-resize-horizontal textarea {
      resize: horizontal; }
    .f4ns-field.f4ns-field-h96.f4ns-field-textarea.f4ns-field-textarea-resize-vertical textarea {
      resize: vertical; }
    .f4ns-field.f4ns-field-h96.f4ns-field-textarea.f4ns-field-textarea-resize-both textarea {
      resize: both; }
  .f4ns-field.f4ns-field-h96.f4ns-field-qrcode div {
    height: inherit; }
    .f4ns-field.f4ns-field-h96.f4ns-field-qrcode div canvas {
      height: inherit; }
    .f4ns-field.f4ns-field-h96.f4ns-field-qrcode div img {
      height: inherit; }
  .f4ns-field.f4ns-field-h96.f4ns-field-icon {
    flex: 0 0 96px !important;
    align-items: center;
    justify-content: center;
    background-color: transparent; }
    .f4ns-field.f4ns-field-h96.f4ns-field-icon span {
      font-size: calc(37.3333333333px * 1.5) !important; }
  .f4ns-field.f4ns-field-h96.f4ns-field-image {
    overflow: hidden;
    position: relative;
    justify-content: center;
    background-color: transparent; }
    .f4ns-field.f4ns-field-h96.f4ns-field-image img {
      max-height: 100%;
      max-width: 100%;
      object-fit: contain;
      background-size: cover;
      vertical-align: middle; }
  .f4ns-field.f4ns-field-h96.f4ns-field-button {
    display: flex;
    flex-direction: row;
    border-radius: 34.6666666667px;
    height: 96px;
    box-shadow: 0 2.6666666667pxpx 2.6666666667pxpx 0 #3c404333, 0 2.6666666667pxpx 2.6666666667pxpx 2.6666666667pxpx #3c404322;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    /*size only icon button*/
    /*padding text-icon button*/
    /*hover*/
    /*active*/ }
    .f4ns-field.f4ns-field-h96.f4ns-field-button.f4ns-field-readonly {
      pointer-events: none;
      opacity: 0.15;
      filter: grayscale(70%); }
    .f4ns-field.f4ns-field-h96.f4ns-field-button span.f4ns-field-button-icon {
      display: flex;
      flex-direction: row;
      font-size: 53.3333333333px; }
    .f4ns-field.f4ns-field-h96.f4ns-field-button span.f4ns-field-button-text {
      flex: 1;
      display: flex;
      flex-direction: row;
      place-content: center;
      font-size: 37.3333333333px !important; }
      .f4ns-field.f4ns-field-h96.f4ns-field-button span.f4ns-field-button-text:empty {
        display: none; }
    .f4ns-field.f4ns-field-h96.f4ns-field-button.f4ns-field-button-has-icon:not(.f4ns-field-button-has-text) {
      flex: 0 0 96px !important;
      width: 96px !important; }
    .f4ns-field.f4ns-field-h96.f4ns-field-button.f4ns-field-button-has-icon.f4ns-field-button-has-text {
      box-sizing: border-box;
      padding-left: 32px;
      padding-right: 32px; }
      .f4ns-field.f4ns-field-h96.f4ns-field-button.f4ns-field-button-has-icon.f4ns-field-button-has-text .f4ns-field-button-text {
        padding-left: calc(32px * 0.3); }
    .f4ns-field.f4ns-field-h96.f4ns-field-button:hover {
      box-shadow: 0 2.6666666667pxpx 5.3333333333pxpx 0 #3c404333, 0 2.6666666667pxpx 5.3333333333pxpx 5.3333333333pxpx #3c404326;
      -webkit-transition: box-shadow 0.08s linear, min-width 0.15s cubic-bezier(0.4, 0, 0.2, 1);
      transition: box-shadow 0.08s linear, min-width 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
    .f4ns-field.f4ns-field-h96.f4ns-field-button:active {
      box-shadow: 0 2.6666666667pxpx 2.6666666667pxpx 0 #3c404333; }
  .f4ns-field.f4ns-field-h96.f4ns-field-select {
    min-height: 96px;
    height: fit-content;
    justify-content: center;
    outline: none;
    cursor: pointer;
    /*arrow down / clear button*/
    /*item*/ }
    .f4ns-field.f4ns-field-h96.f4ns-field-select div.dropdown-input-wrap {
      display: flex; }
      .f4ns-field.f4ns-field-h96.f4ns-field-select div.dropdown-input-wrap input {
        font-size: 37.3333333333px !important; }
      .f4ns-field.f4ns-field-h96.f4ns-field-select div.dropdown-input-wrap input:focus,
      .f4ns-field.f4ns-field-h96.f4ns-field-select div.dropdown-input-wrap input:focus-visible,
      .f4ns-field.f4ns-field-h96.f4ns-field-select div.dropdown-input-wrap input:active {
        outline: none; }
    .f4ns-field.f4ns-field-h96.f4ns-field-select div.f4ns-field-select-option {
      display: flex;
      box-sizing: border-box;
      border-top: 1px solid #eeeeee;
      color: #444444;
      /*dropdown option active*/ }
      .f4ns-field.f4ns-field-h96.f4ns-field-select div.f4ns-field-select-option.active {
        background-color: #fdfadf;
        color: #222222; }
      .f4ns-field.f4ns-field-h96.f4ns-field-select div.f4ns-field-select-option.selected {
        background-color: #a2cef3;
        color: #222222; }
        .f4ns-field.f4ns-field-h96.f4ns-field-select div.f4ns-field-select-option.selected div.f4ns-field-select-option-text-sub {
          color: #505050; }
      .f4ns-field.f4ns-field-h96.f4ns-field-select div.f4ns-field-select-option .f4ns-field-select-option-left {
        flex: 0 0 24px;
        display: flex;
        justify-content: center;
        margin-right: 8px; }
        .f4ns-field.f4ns-field-h96.f4ns-field-select div.f4ns-field-select-option .f4ns-field-select-option-left span {
          display: flex;
          height: calc(96px * 0.5) !important;
          width: calc(96px * 0.5) !important;
          border: 1px solid white;
          border-radius: 50px;
          position: relative;
          vertical-align: middle;
          align-self: center; }
      .f4ns-field.f4ns-field-h96.f4ns-field-select div.f4ns-field-select-option .f4ns-field-select-option-right {
        flex: 1;
        align-content: center; }
      .f4ns-field.f4ns-field-h96.f4ns-field-select div.f4ns-field-select-option a.remove {
        flex: 0 0 24px;
        display: flex;
        justify-content: center;
        margin-right: 8px; }
      .f4ns-field.f4ns-field-h96.f4ns-field-select div.f4ns-field-select-option div.f4ns-field-select-option-text-sub {
        font-style: italic;
        color: #999999;
        margin-top: 2px; }
      .f4ns-field.f4ns-field-h96.f4ns-field-select div.f4ns-field-select-option .highlight {
        background-color: #ffd5003d; }
    .f4ns-field.f4ns-field-h96.f4ns-field-select input::placeholder {
      color: lightgray; }
    .f4ns-field.f4ns-field-h96.f4ns-field-select div.ts-control {
      padding: 0;
      height: 100%;
      border: none;
      outline: none;
      background-color: transparent;
      align-content: center;
      cursor: pointer; }
      .f4ns-field.f4ns-field-h96.f4ns-field-select div.ts-control input {
        min-width: 50px; }
    .f4ns-field.f4ns-field-h96.f4ns-field-select div.ts-wrapper {
      scroll-behavior: auto !important;
      height: 100%;
      cursor: pointer; }
    .f4ns-field.f4ns-field-h96.f4ns-field-select input.items-placeholder {
      cursor: pointer; }
    .f4ns-field.f4ns-field-h96.f4ns-field-select span.f4ns-field-select-icon-arrow {
      opacity: 1;
      z-index: 0;
      transition: opacity 0.3s ease;
      position: absolute;
      right: 10px;
      font-size: calc(37.3333333333px * 1.2) !important;
      pointer-events: none; }
    .f4ns-field.f4ns-field-h96.f4ns-field-select div.clear-button {
      opacity: 0;
      z-index: 0;
      font-size: calc(37.3333333333px * 1.2) !important;
      justify-content: center;
      right: 0;
      box-sizing: border-box;
      padding: 0 5px 5px 5px;
      pointer-events: none; }
    .f4ns-field.f4ns-field-h96.f4ns-field-select:not(.f4ns-field-select-always-with-value).f4ns-field-select-has-value span.f4ns-field-select-icon-arrow {
      opacity: 0; }
    .f4ns-field.f4ns-field-h96.f4ns-field-select:not(.f4ns-field-select-always-with-value).f4ns-field-select-has-value div.clear-button {
      opacity: 1;
      transition: opacity 0.3s ease;
      pointer-events: auto; }
    .f4ns-field.f4ns-field-h96.f4ns-field-select.f4ns-field-readonly div.clear-button {
      pointer-events: none !important; }
    .f4ns-field.f4ns-field-h96.f4ns-field-select.f4ns-field-readonly div.ts-control {
      opacity: 0.5; }
    .f4ns-field.f4ns-field-h96.f4ns-field-select div.ts-wrapper {
      box-sizing: border-box;
      outline: none;
      border-radius: 34.6666666667px; }
      .f4ns-field.f4ns-field-h96.f4ns-field-select div.ts-wrapper div.item {
        align-content: center;
        min-height: 74.6666666667px;
        box-sizing: border-box;
        border-radius: 18.6666666667px;
        padding-top: 18.6666666667px;
        padding-bottom: 18.6666666667px;
        line-height: normal;
        margin: 0; }
        .f4ns-field.f4ns-field-h96.f4ns-field-select div.ts-wrapper div.item .f4ns-field-select-option-text {
          white-space: nowrap; }
      .f4ns-field.f4ns-field-h96.f4ns-field-select div.ts-wrapper.single div.item {
        margin-bottom: 0;
        padding-left: 0;
        padding-right: 0; }
      .f4ns-field.f4ns-field-h96.f4ns-field-select div.ts-wrapper.multi div.item {
        margin-bottom: 1px;
        margin-top: 1px;
        padding-top: 13.3333333333px;
        padding-bottom: 13.3333333333px;
        padding-left: 21.3333333333px;
        padding-right: 21.3333333333px;
        margin-right: 2px; }
      .f4ns-field.f4ns-field-h96.f4ns-field-select div.ts-wrapper input::placeholder {
        color: lightgray; }
  .f4ns-field.f4ns-field-h96.f4ns-field-wysiwyg {
    border: none; }
    .f4ns-field.f4ns-field-h96.f4ns-field-wysiwyg .ql-toolbar {
      border-top-right-radius: calc(26.6666666667px - 2.6666666667px);
      border-top-left-radius: calc(26.6666666667px - 2.6666666667px);
      background-color: #f8f8f8;
      border: none;
      border-bottom: 2.6666666667px solid #b4b4b4;
      font-size: var(--f4ns-page-font-size) !important; }
      .f4ns-field.f4ns-field-h96.f4ns-field-wysiwyg .ql-toolbar * {
        font-size: var(--f4ns-page-font-size) !important; }
    .f4ns-field.f4ns-field-h96.f4ns-field-wysiwyg .ql-container {
      border: none;
      display: table;
      min-height: 213.3333333333px;
      padding-top: 0;
      padding-bottom: 0;
      padding-left: 21.3333333333px;
      padding-right: 2px !important; }
      .f4ns-field.f4ns-field-h96.f4ns-field-wysiwyg .ql-container .ql-editor {
        line-height: normal;
        padding: 0; }
  .f4ns-field.f4ns-field-h96.f4ns-field-switch {
    box-sizing: border-box;
    background-color: transparent;
    /*background*/
    /*animation*/ }
    .f4ns-field.f4ns-field-h96.f4ns-field-switch .f4ns-field-switch-container {
      position: relative;
      display: inline-block;
      width: 170.6666666667px;
      height: 96px; }
      .f4ns-field.f4ns-field-h96.f4ns-field-switch .f4ns-field-switch-container input {
        opacity: 0;
        width: 0;
        height: 0; }
    .f4ns-field.f4ns-field-h96.f4ns-field-switch span.f4ns-field-switch-slider {
      position: absolute;
      cursor: pointer;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      border-radius: 96px;
      background-color: #cccccc;
      -webkit-transition: .4s;
      transition: .4s; }
    .f4ns-field.f4ns-field-h96.f4ns-field-switch span.f4ns-field-switch-slider:before {
      height: 74.6666666667px;
      width: 74.6666666667px;
      left: 10.6666666667px;
      bottom: 10.6666666667px;
      border-radius: 50%;
      position: absolute;
      content: "";
      background-color: white;
      -webkit-transition: .4s;
      transition: .4s; }
    .f4ns-field.f4ns-field-h96.f4ns-field-switch input:checked + .f4ns-field-switch-slider {
      background-color: #4b90c7; }
    .f4ns-field.f4ns-field-h96.f4ns-field-switch.f4ns-field-readonly .f4ns-field-switch-slider {
      background-color: #f0f0f0; }
      .f4ns-field.f4ns-field-h96.f4ns-field-switch.f4ns-field-readonly .f4ns-field-switch-slider:before {
        background-color: #dfdfdf; }
    .f4ns-field.f4ns-field-h96.f4ns-field-switch.f4ns-field-readonly input:checked + .f4ns-field-switch-slider {
      background-color: #e1ebf3; }
      .f4ns-field.f4ns-field-h96.f4ns-field-switch.f4ns-field-readonly input:checked + .f4ns-field-switch-slider::before {
        background-color: #f3f3f3; }
    .f4ns-field.f4ns-field-h96.f4ns-field-switch input:focus + .f4ns-field-switch-slider {
      box-shadow: 0 0 1px #4b90c7; }
    .f4ns-field.f4ns-field-h96.f4ns-field-switch input:checked + .f4ns-field-switch-slider:before {
      -webkit-transform: translateX(74.6666666667px);
      -ms-transform: translateX(74.6666666667px);
      transform: translateX(74.6666666667px); }
    .f4ns-field.f4ns-field-h96.f4ns-field-switch.f4ns-field-hidden span.f4ns-field-switch-slider, .f4ns-field.f4ns-field-h96.f4ns-field-switch.f4ns-field-readonly span.f4ns-field-switch-slider {
      transition: none !important;
      animation: none !important; }
  .f4ns-field.f4ns-field-h96.f4ns-field-upload {
    height: fit-content;
    min-height: 96px;
    border-style: dashed !important;
    background-color: white; }
    .f4ns-field.f4ns-field-h96.f4ns-field-upload div.filepond--root {
      margin-bottom: 0; }
    .f4ns-field.f4ns-field-h96.f4ns-field-upload div.filepond--panel-root {
      display: none;
      background-color: white; }
    .f4ns-field.f4ns-field-h96.f4ns-field-upload .filepond--action-remove-item,
    .f4ns-field.f4ns-field-h96.f4ns-field-upload div.filepond--drop-label {
      cursor: pointer; }
      .f4ns-field.f4ns-field-h96.f4ns-field-upload .filepond--action-remove-item label,
      .f4ns-field.f4ns-field-h96.f4ns-field-upload div.filepond--drop-label label {
        cursor: pointer;
        color: #d0d0d0; }
    .f4ns-field.f4ns-field-h96.f4ns-field-upload .filepond--item {
      cursor: initial; }
    .f4ns-field.f4ns-field-h96.f4ns-field-upload .filepond--browser.filepond--browser {
      top: 0;
      width: 100%;
      position: initial; }
  .f4ns-field.f4ns-field-h96.f4ns-field-precode {
    background-color: transparent;
    font-family: monospace !important;
    margin: 0;
    justify-content: center; }
  .f4ns-field.f4ns-field-h96.f4ns-field-iframe {
    background-color: transparent; }
    .f4ns-field.f4ns-field-h96.f4ns-field-iframe iframe {
      border: none;
      height: 100%; }
  .f4ns-field.f4ns-field-h96.f4ns-field-chips {
    background-color: transparent;
    flex-direction: row;
    padding-bottom: 2px;
    flex-wrap: wrap;
    gap: 8px;
    overflow: visible; }
    .f4ns-field.f4ns-field-h96.f4ns-field-chips .f4ns-field-chips-item {
      height: calc(96px * 0.80);
      font-family: inherit;
      font-size: 37.3333333333px !important;
      max-width: 180px;
      min-width: 40px;
      padding-left: 15px;
      padding-right: 15px;
      border-radius: 25px;
      cursor: pointer;
      background: #ebebeb;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow-x: hidden;
      align-content: center;
      text-align: center;
      /*hover*/
      /*active*/ }
      .f4ns-field.f4ns-field-h96.f4ns-field-chips .f4ns-field-chips-item:hover {
        box-shadow: 0 2.6666666667pxpx 2.6666666667pxpx 0 #3c404333, 0 2.6666666667pxpx 2.6666666667pxpx 2.6666666667pxpx #3c404322;
        -webkit-transition: box-shadow 0.08s linear, min-width 0.15s cubic-bezier(0.4, 0, 0.2, 1);
        transition: box-shadow 0.08s linear, min-width 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
      .f4ns-field.f4ns-field-h96.f4ns-field-chips .f4ns-field-chips-item:active {
        box-shadow: none; }
  .f4ns-field.f4ns-field-h96.f4ns-field-line {
    background-color: transparent; }
    .f4ns-field.f4ns-field-h96.f4ns-field-line hr {
      width: 100%;
      height: 5.3333333333px;
      border: none;
      background-color: #d8d8d8; }
  .f4ns-field.f4ns-field-h96 .f4ns-field-inner-icon {
    align-items: center;
    position: absolute;
    width: 37.3333333333px;
    margin-right: calc((96px - 37.3333333333px) * 0.4);
    right: 0;
    bottom: 0;
    z-index: 1000; }
    .f4ns-field.f4ns-field-h96 .f4ns-field-inner-icon.f4ns-field-inner-icon-error {
      color: #d20000; }
      .f4ns-field.f4ns-field-h96 .f4ns-field-inner-icon.f4ns-field-inner-icon-error span {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 37.3333333333px;
        height: 37.3333333333px;
        font-size: 29.3333333333px !important;
        font-weight: bold;
        background-color: #fffbfbee;
        border: 2.6666666667px solid #d20000;
        border-radius: 13.3333333333px;
        cursor: default; }

/*field size - select dropdown*/
.f4ns-field-h12-select-dropdown {
  z-index: 100000;
  overflow: hidden;
  box-shadow: 0 1px 4px 2px #0000001a;
  box-sizing: border-box;
  outline: none;
  border-radius: 3.3333333333px; }
  .f4ns-field-h12-select-dropdown div.dropdown-input-wrap {
    display: flex; }
    .f4ns-field-h12-select-dropdown div.dropdown-input-wrap input {
      font-size: 4.6666666667px !important; }
    .f4ns-field-h12-select-dropdown div.dropdown-input-wrap input:focus,
    .f4ns-field-h12-select-dropdown div.dropdown-input-wrap input:focus-visible,
    .f4ns-field-h12-select-dropdown div.dropdown-input-wrap input:active {
      outline: none; }
  .f4ns-field-h12-select-dropdown div.f4ns-field-select-option {
    display: flex;
    box-sizing: border-box;
    border-top: 1px solid #eeeeee;
    color: #444444;
    line-height: calc(12px * 0.5) !important;
    padding-top: 5px;
    padding-bottom: 5px;
    /*dropdown option active*/ }
    .f4ns-field-h12-select-dropdown div.f4ns-field-select-option * {
      font-size: 4.6666666667px !important; }
    .f4ns-field-h12-select-dropdown div.f4ns-field-select-option.active {
      background-color: #fdfadf;
      color: #222222; }
    .f4ns-field-h12-select-dropdown div.f4ns-field-select-option.selected {
      background-color: #a2cef3;
      color: #222222; }
      .f4ns-field-h12-select-dropdown div.f4ns-field-select-option.selected div.f4ns-field-select-option-text-sub {
        color: #505050; }
    .f4ns-field-h12-select-dropdown div.f4ns-field-select-option .f4ns-field-select-option-left {
      flex: 0 0 24px;
      display: flex;
      justify-content: center;
      margin-right: 8px; }
      .f4ns-field-h12-select-dropdown div.f4ns-field-select-option .f4ns-field-select-option-left span {
        display: flex;
        height: calc(12px * 0.5) !important;
        width: calc(12px * 0.5) !important;
        border: 1px solid white;
        border-radius: 50px;
        position: relative;
        vertical-align: middle;
        align-self: center; }
    .f4ns-field-h12-select-dropdown div.f4ns-field-select-option .f4ns-field-select-option-right {
      flex: 1;
      align-content: center; }
    .f4ns-field-h12-select-dropdown div.f4ns-field-select-option a.remove {
      flex: 0 0 24px;
      display: flex;
      justify-content: center;
      margin-right: 8px; }
    .f4ns-field-h12-select-dropdown div.f4ns-field-select-option div.f4ns-field-select-option-text-sub {
      font-style: italic;
      color: #999999;
      margin-top: 2px;
      font-size: calc(4.6666666667px * 0.85) !important; }
      .f4ns-field-h12-select-dropdown div.f4ns-field-select-option div.f4ns-field-select-option-text-sub * {
        font-size: calc(4.6666666667px * 0.85) !important; }
    .f4ns-field-h12-select-dropdown div.f4ns-field-select-option .highlight {
      background-color: #ffd5003d; }
  .f4ns-field-h12-select-dropdown input::placeholder {
    color: lightgray; }

.f4ns-field-h18-select-dropdown {
  z-index: 100000;
  overflow: hidden;
  box-shadow: 0 1px 4px 2px #0000001a;
  box-sizing: border-box;
  outline: none;
  border-radius: 5px; }
  .f4ns-field-h18-select-dropdown div.dropdown-input-wrap {
    display: flex; }
    .f4ns-field-h18-select-dropdown div.dropdown-input-wrap input {
      font-size: 7px !important; }
    .f4ns-field-h18-select-dropdown div.dropdown-input-wrap input:focus,
    .f4ns-field-h18-select-dropdown div.dropdown-input-wrap input:focus-visible,
    .f4ns-field-h18-select-dropdown div.dropdown-input-wrap input:active {
      outline: none; }
  .f4ns-field-h18-select-dropdown div.f4ns-field-select-option {
    display: flex;
    box-sizing: border-box;
    border-top: 1px solid #eeeeee;
    color: #444444;
    line-height: calc(18px * 0.5) !important;
    padding-top: 5px;
    padding-bottom: 5px;
    /*dropdown option active*/ }
    .f4ns-field-h18-select-dropdown div.f4ns-field-select-option * {
      font-size: 7px !important; }
    .f4ns-field-h18-select-dropdown div.f4ns-field-select-option.active {
      background-color: #fdfadf;
      color: #222222; }
    .f4ns-field-h18-select-dropdown div.f4ns-field-select-option.selected {
      background-color: #a2cef3;
      color: #222222; }
      .f4ns-field-h18-select-dropdown div.f4ns-field-select-option.selected div.f4ns-field-select-option-text-sub {
        color: #505050; }
    .f4ns-field-h18-select-dropdown div.f4ns-field-select-option .f4ns-field-select-option-left {
      flex: 0 0 24px;
      display: flex;
      justify-content: center;
      margin-right: 8px; }
      .f4ns-field-h18-select-dropdown div.f4ns-field-select-option .f4ns-field-select-option-left span {
        display: flex;
        height: calc(18px * 0.5) !important;
        width: calc(18px * 0.5) !important;
        border: 1px solid white;
        border-radius: 50px;
        position: relative;
        vertical-align: middle;
        align-self: center; }
    .f4ns-field-h18-select-dropdown div.f4ns-field-select-option .f4ns-field-select-option-right {
      flex: 1;
      align-content: center; }
    .f4ns-field-h18-select-dropdown div.f4ns-field-select-option a.remove {
      flex: 0 0 24px;
      display: flex;
      justify-content: center;
      margin-right: 8px; }
    .f4ns-field-h18-select-dropdown div.f4ns-field-select-option div.f4ns-field-select-option-text-sub {
      font-style: italic;
      color: #999999;
      margin-top: 2px;
      font-size: calc(7px * 0.85) !important; }
      .f4ns-field-h18-select-dropdown div.f4ns-field-select-option div.f4ns-field-select-option-text-sub * {
        font-size: calc(7px * 0.85) !important; }
    .f4ns-field-h18-select-dropdown div.f4ns-field-select-option .highlight {
      background-color: #ffd5003d; }
  .f4ns-field-h18-select-dropdown input::placeholder {
    color: lightgray; }

.f4ns-field-h24-select-dropdown {
  z-index: 100000;
  overflow: hidden;
  box-shadow: 0 1px 4px 2px #0000001a;
  box-sizing: border-box;
  outline: none;
  border-radius: 6.6666666667px; }
  .f4ns-field-h24-select-dropdown div.dropdown-input-wrap {
    display: flex; }
    .f4ns-field-h24-select-dropdown div.dropdown-input-wrap input {
      font-size: 9.3333333333px !important; }
    .f4ns-field-h24-select-dropdown div.dropdown-input-wrap input:focus,
    .f4ns-field-h24-select-dropdown div.dropdown-input-wrap input:focus-visible,
    .f4ns-field-h24-select-dropdown div.dropdown-input-wrap input:active {
      outline: none; }
  .f4ns-field-h24-select-dropdown div.f4ns-field-select-option {
    display: flex;
    box-sizing: border-box;
    border-top: 1px solid #eeeeee;
    color: #444444;
    line-height: calc(24px * 0.5) !important;
    padding-top: 5px;
    padding-bottom: 5px;
    /*dropdown option active*/ }
    .f4ns-field-h24-select-dropdown div.f4ns-field-select-option * {
      font-size: 9.3333333333px !important; }
    .f4ns-field-h24-select-dropdown div.f4ns-field-select-option.active {
      background-color: #fdfadf;
      color: #222222; }
    .f4ns-field-h24-select-dropdown div.f4ns-field-select-option.selected {
      background-color: #a2cef3;
      color: #222222; }
      .f4ns-field-h24-select-dropdown div.f4ns-field-select-option.selected div.f4ns-field-select-option-text-sub {
        color: #505050; }
    .f4ns-field-h24-select-dropdown div.f4ns-field-select-option .f4ns-field-select-option-left {
      flex: 0 0 24px;
      display: flex;
      justify-content: center;
      margin-right: 8px; }
      .f4ns-field-h24-select-dropdown div.f4ns-field-select-option .f4ns-field-select-option-left span {
        display: flex;
        height: calc(24px * 0.5) !important;
        width: calc(24px * 0.5) !important;
        border: 1px solid white;
        border-radius: 50px;
        position: relative;
        vertical-align: middle;
        align-self: center; }
    .f4ns-field-h24-select-dropdown div.f4ns-field-select-option .f4ns-field-select-option-right {
      flex: 1;
      align-content: center; }
    .f4ns-field-h24-select-dropdown div.f4ns-field-select-option a.remove {
      flex: 0 0 24px;
      display: flex;
      justify-content: center;
      margin-right: 8px; }
    .f4ns-field-h24-select-dropdown div.f4ns-field-select-option div.f4ns-field-select-option-text-sub {
      font-style: italic;
      color: #999999;
      margin-top: 2px;
      font-size: calc(9.3333333333px * 0.85) !important; }
      .f4ns-field-h24-select-dropdown div.f4ns-field-select-option div.f4ns-field-select-option-text-sub * {
        font-size: calc(9.3333333333px * 0.85) !important; }
    .f4ns-field-h24-select-dropdown div.f4ns-field-select-option .highlight {
      background-color: #ffd5003d; }
  .f4ns-field-h24-select-dropdown input::placeholder {
    color: lightgray; }

.f4ns-field-h30-select-dropdown {
  z-index: 100000;
  overflow: hidden;
  box-shadow: 0 1px 4px 2px #0000001a;
  box-sizing: border-box;
  outline: none;
  border-radius: 8.3333333333px; }
  .f4ns-field-h30-select-dropdown div.dropdown-input-wrap {
    display: flex; }
    .f4ns-field-h30-select-dropdown div.dropdown-input-wrap input {
      font-size: 11.6666666667px !important; }
    .f4ns-field-h30-select-dropdown div.dropdown-input-wrap input:focus,
    .f4ns-field-h30-select-dropdown div.dropdown-input-wrap input:focus-visible,
    .f4ns-field-h30-select-dropdown div.dropdown-input-wrap input:active {
      outline: none; }
  .f4ns-field-h30-select-dropdown div.f4ns-field-select-option {
    display: flex;
    box-sizing: border-box;
    border-top: 1px solid #eeeeee;
    color: #444444;
    line-height: calc(30px * 0.5) !important;
    padding-top: 5px;
    padding-bottom: 5px;
    /*dropdown option active*/ }
    .f4ns-field-h30-select-dropdown div.f4ns-field-select-option * {
      font-size: 11.6666666667px !important; }
    .f4ns-field-h30-select-dropdown div.f4ns-field-select-option.active {
      background-color: #fdfadf;
      color: #222222; }
    .f4ns-field-h30-select-dropdown div.f4ns-field-select-option.selected {
      background-color: #a2cef3;
      color: #222222; }
      .f4ns-field-h30-select-dropdown div.f4ns-field-select-option.selected div.f4ns-field-select-option-text-sub {
        color: #505050; }
    .f4ns-field-h30-select-dropdown div.f4ns-field-select-option .f4ns-field-select-option-left {
      flex: 0 0 24px;
      display: flex;
      justify-content: center;
      margin-right: 8px; }
      .f4ns-field-h30-select-dropdown div.f4ns-field-select-option .f4ns-field-select-option-left span {
        display: flex;
        height: calc(30px * 0.5) !important;
        width: calc(30px * 0.5) !important;
        border: 1px solid white;
        border-radius: 50px;
        position: relative;
        vertical-align: middle;
        align-self: center; }
    .f4ns-field-h30-select-dropdown div.f4ns-field-select-option .f4ns-field-select-option-right {
      flex: 1;
      align-content: center; }
    .f4ns-field-h30-select-dropdown div.f4ns-field-select-option a.remove {
      flex: 0 0 24px;
      display: flex;
      justify-content: center;
      margin-right: 8px; }
    .f4ns-field-h30-select-dropdown div.f4ns-field-select-option div.f4ns-field-select-option-text-sub {
      font-style: italic;
      color: #999999;
      margin-top: 2px;
      font-size: calc(11.6666666667px * 0.85) !important; }
      .f4ns-field-h30-select-dropdown div.f4ns-field-select-option div.f4ns-field-select-option-text-sub * {
        font-size: calc(11.6666666667px * 0.85) !important; }
    .f4ns-field-h30-select-dropdown div.f4ns-field-select-option .highlight {
      background-color: #ffd5003d; }
  .f4ns-field-h30-select-dropdown input::placeholder {
    color: lightgray; }

.f4ns-field-h36-select-dropdown {
  z-index: 100000;
  overflow: hidden;
  box-shadow: 0 1px 4px 2px #0000001a;
  box-sizing: border-box;
  outline: none;
  border-radius: 10px; }
  .f4ns-field-h36-select-dropdown div.dropdown-input-wrap {
    display: flex; }
    .f4ns-field-h36-select-dropdown div.dropdown-input-wrap input {
      font-size: 14px !important; }
    .f4ns-field-h36-select-dropdown div.dropdown-input-wrap input:focus,
    .f4ns-field-h36-select-dropdown div.dropdown-input-wrap input:focus-visible,
    .f4ns-field-h36-select-dropdown div.dropdown-input-wrap input:active {
      outline: none; }
  .f4ns-field-h36-select-dropdown div.f4ns-field-select-option {
    display: flex;
    box-sizing: border-box;
    border-top: 1px solid #eeeeee;
    color: #444444;
    line-height: calc(36px * 0.5) !important;
    padding-top: 5px;
    padding-bottom: 5px;
    /*dropdown option active*/ }
    .f4ns-field-h36-select-dropdown div.f4ns-field-select-option * {
      font-size: 14px !important; }
    .f4ns-field-h36-select-dropdown div.f4ns-field-select-option.active {
      background-color: #fdfadf;
      color: #222222; }
    .f4ns-field-h36-select-dropdown div.f4ns-field-select-option.selected {
      background-color: #a2cef3;
      color: #222222; }
      .f4ns-field-h36-select-dropdown div.f4ns-field-select-option.selected div.f4ns-field-select-option-text-sub {
        color: #505050; }
    .f4ns-field-h36-select-dropdown div.f4ns-field-select-option .f4ns-field-select-option-left {
      flex: 0 0 24px;
      display: flex;
      justify-content: center;
      margin-right: 8px; }
      .f4ns-field-h36-select-dropdown div.f4ns-field-select-option .f4ns-field-select-option-left span {
        display: flex;
        height: calc(36px * 0.5) !important;
        width: calc(36px * 0.5) !important;
        border: 1px solid white;
        border-radius: 50px;
        position: relative;
        vertical-align: middle;
        align-self: center; }
    .f4ns-field-h36-select-dropdown div.f4ns-field-select-option .f4ns-field-select-option-right {
      flex: 1;
      align-content: center; }
    .f4ns-field-h36-select-dropdown div.f4ns-field-select-option a.remove {
      flex: 0 0 24px;
      display: flex;
      justify-content: center;
      margin-right: 8px; }
    .f4ns-field-h36-select-dropdown div.f4ns-field-select-option div.f4ns-field-select-option-text-sub {
      font-style: italic;
      color: #999999;
      margin-top: 2px;
      font-size: calc(14px * 0.85) !important; }
      .f4ns-field-h36-select-dropdown div.f4ns-field-select-option div.f4ns-field-select-option-text-sub * {
        font-size: calc(14px * 0.85) !important; }
    .f4ns-field-h36-select-dropdown div.f4ns-field-select-option .highlight {
      background-color: #ffd5003d; }
  .f4ns-field-h36-select-dropdown input::placeholder {
    color: lightgray; }

.f4ns-field-h48-select-dropdown {
  z-index: 100000;
  overflow: hidden;
  box-shadow: 0 1px 4px 2px #0000001a;
  box-sizing: border-box;
  outline: none;
  border-radius: 13.3333333333px; }
  .f4ns-field-h48-select-dropdown div.dropdown-input-wrap {
    display: flex; }
    .f4ns-field-h48-select-dropdown div.dropdown-input-wrap input {
      font-size: 18.6666666667px !important; }
    .f4ns-field-h48-select-dropdown div.dropdown-input-wrap input:focus,
    .f4ns-field-h48-select-dropdown div.dropdown-input-wrap input:focus-visible,
    .f4ns-field-h48-select-dropdown div.dropdown-input-wrap input:active {
      outline: none; }
  .f4ns-field-h48-select-dropdown div.f4ns-field-select-option {
    display: flex;
    box-sizing: border-box;
    border-top: 1px solid #eeeeee;
    color: #444444;
    line-height: calc(48px * 0.5) !important;
    padding-top: 5px;
    padding-bottom: 5px;
    /*dropdown option active*/ }
    .f4ns-field-h48-select-dropdown div.f4ns-field-select-option * {
      font-size: 18.6666666667px !important; }
    .f4ns-field-h48-select-dropdown div.f4ns-field-select-option.active {
      background-color: #fdfadf;
      color: #222222; }
    .f4ns-field-h48-select-dropdown div.f4ns-field-select-option.selected {
      background-color: #a2cef3;
      color: #222222; }
      .f4ns-field-h48-select-dropdown div.f4ns-field-select-option.selected div.f4ns-field-select-option-text-sub {
        color: #505050; }
    .f4ns-field-h48-select-dropdown div.f4ns-field-select-option .f4ns-field-select-option-left {
      flex: 0 0 24px;
      display: flex;
      justify-content: center;
      margin-right: 8px; }
      .f4ns-field-h48-select-dropdown div.f4ns-field-select-option .f4ns-field-select-option-left span {
        display: flex;
        height: calc(48px * 0.5) !important;
        width: calc(48px * 0.5) !important;
        border: 1px solid white;
        border-radius: 50px;
        position: relative;
        vertical-align: middle;
        align-self: center; }
    .f4ns-field-h48-select-dropdown div.f4ns-field-select-option .f4ns-field-select-option-right {
      flex: 1;
      align-content: center; }
    .f4ns-field-h48-select-dropdown div.f4ns-field-select-option a.remove {
      flex: 0 0 24px;
      display: flex;
      justify-content: center;
      margin-right: 8px; }
    .f4ns-field-h48-select-dropdown div.f4ns-field-select-option div.f4ns-field-select-option-text-sub {
      font-style: italic;
      color: #999999;
      margin-top: 2px;
      font-size: calc(18.6666666667px * 0.85) !important; }
      .f4ns-field-h48-select-dropdown div.f4ns-field-select-option div.f4ns-field-select-option-text-sub * {
        font-size: calc(18.6666666667px * 0.85) !important; }
    .f4ns-field-h48-select-dropdown div.f4ns-field-select-option .highlight {
      background-color: #ffd5003d; }
  .f4ns-field-h48-select-dropdown input::placeholder {
    color: lightgray; }

.f4ns-field-h54-select-dropdown {
  z-index: 100000;
  overflow: hidden;
  box-shadow: 0 1px 4px 2px #0000001a;
  box-sizing: border-box;
  outline: none;
  border-radius: 15px; }
  .f4ns-field-h54-select-dropdown div.dropdown-input-wrap {
    display: flex; }
    .f4ns-field-h54-select-dropdown div.dropdown-input-wrap input {
      font-size: 21px !important; }
    .f4ns-field-h54-select-dropdown div.dropdown-input-wrap input:focus,
    .f4ns-field-h54-select-dropdown div.dropdown-input-wrap input:focus-visible,
    .f4ns-field-h54-select-dropdown div.dropdown-input-wrap input:active {
      outline: none; }
  .f4ns-field-h54-select-dropdown div.f4ns-field-select-option {
    display: flex;
    box-sizing: border-box;
    border-top: 1px solid #eeeeee;
    color: #444444;
    line-height: calc(54px * 0.5) !important;
    padding-top: 5px;
    padding-bottom: 5px;
    /*dropdown option active*/ }
    .f4ns-field-h54-select-dropdown div.f4ns-field-select-option * {
      font-size: 21px !important; }
    .f4ns-field-h54-select-dropdown div.f4ns-field-select-option.active {
      background-color: #fdfadf;
      color: #222222; }
    .f4ns-field-h54-select-dropdown div.f4ns-field-select-option.selected {
      background-color: #a2cef3;
      color: #222222; }
      .f4ns-field-h54-select-dropdown div.f4ns-field-select-option.selected div.f4ns-field-select-option-text-sub {
        color: #505050; }
    .f4ns-field-h54-select-dropdown div.f4ns-field-select-option .f4ns-field-select-option-left {
      flex: 0 0 24px;
      display: flex;
      justify-content: center;
      margin-right: 8px; }
      .f4ns-field-h54-select-dropdown div.f4ns-field-select-option .f4ns-field-select-option-left span {
        display: flex;
        height: calc(54px * 0.5) !important;
        width: calc(54px * 0.5) !important;
        border: 1px solid white;
        border-radius: 50px;
        position: relative;
        vertical-align: middle;
        align-self: center; }
    .f4ns-field-h54-select-dropdown div.f4ns-field-select-option .f4ns-field-select-option-right {
      flex: 1;
      align-content: center; }
    .f4ns-field-h54-select-dropdown div.f4ns-field-select-option a.remove {
      flex: 0 0 24px;
      display: flex;
      justify-content: center;
      margin-right: 8px; }
    .f4ns-field-h54-select-dropdown div.f4ns-field-select-option div.f4ns-field-select-option-text-sub {
      font-style: italic;
      color: #999999;
      margin-top: 2px;
      font-size: calc(21px * 0.85) !important; }
      .f4ns-field-h54-select-dropdown div.f4ns-field-select-option div.f4ns-field-select-option-text-sub * {
        font-size: calc(21px * 0.85) !important; }
    .f4ns-field-h54-select-dropdown div.f4ns-field-select-option .highlight {
      background-color: #ffd5003d; }
  .f4ns-field-h54-select-dropdown input::placeholder {
    color: lightgray; }

.f4ns-field-h72-select-dropdown {
  z-index: 100000;
  overflow: hidden;
  box-shadow: 0 1px 4px 2px #0000001a;
  box-sizing: border-box;
  outline: none;
  border-radius: 20px; }
  .f4ns-field-h72-select-dropdown div.dropdown-input-wrap {
    display: flex; }
    .f4ns-field-h72-select-dropdown div.dropdown-input-wrap input {
      font-size: 28px !important; }
    .f4ns-field-h72-select-dropdown div.dropdown-input-wrap input:focus,
    .f4ns-field-h72-select-dropdown div.dropdown-input-wrap input:focus-visible,
    .f4ns-field-h72-select-dropdown div.dropdown-input-wrap input:active {
      outline: none; }
  .f4ns-field-h72-select-dropdown div.f4ns-field-select-option {
    display: flex;
    box-sizing: border-box;
    border-top: 1px solid #eeeeee;
    color: #444444;
    line-height: calc(72px * 0.5) !important;
    padding-top: 5px;
    padding-bottom: 5px;
    /*dropdown option active*/ }
    .f4ns-field-h72-select-dropdown div.f4ns-field-select-option * {
      font-size: 28px !important; }
    .f4ns-field-h72-select-dropdown div.f4ns-field-select-option.active {
      background-color: #fdfadf;
      color: #222222; }
    .f4ns-field-h72-select-dropdown div.f4ns-field-select-option.selected {
      background-color: #a2cef3;
      color: #222222; }
      .f4ns-field-h72-select-dropdown div.f4ns-field-select-option.selected div.f4ns-field-select-option-text-sub {
        color: #505050; }
    .f4ns-field-h72-select-dropdown div.f4ns-field-select-option .f4ns-field-select-option-left {
      flex: 0 0 24px;
      display: flex;
      justify-content: center;
      margin-right: 8px; }
      .f4ns-field-h72-select-dropdown div.f4ns-field-select-option .f4ns-field-select-option-left span {
        display: flex;
        height: calc(72px * 0.5) !important;
        width: calc(72px * 0.5) !important;
        border: 1px solid white;
        border-radius: 50px;
        position: relative;
        vertical-align: middle;
        align-self: center; }
    .f4ns-field-h72-select-dropdown div.f4ns-field-select-option .f4ns-field-select-option-right {
      flex: 1;
      align-content: center; }
    .f4ns-field-h72-select-dropdown div.f4ns-field-select-option a.remove {
      flex: 0 0 24px;
      display: flex;
      justify-content: center;
      margin-right: 8px; }
    .f4ns-field-h72-select-dropdown div.f4ns-field-select-option div.f4ns-field-select-option-text-sub {
      font-style: italic;
      color: #999999;
      margin-top: 2px;
      font-size: calc(28px * 0.85) !important; }
      .f4ns-field-h72-select-dropdown div.f4ns-field-select-option div.f4ns-field-select-option-text-sub * {
        font-size: calc(28px * 0.85) !important; }
    .f4ns-field-h72-select-dropdown div.f4ns-field-select-option .highlight {
      background-color: #ffd5003d; }
  .f4ns-field-h72-select-dropdown input::placeholder {
    color: lightgray; }

.f4ns-field-h96-select-dropdown {
  z-index: 100000;
  overflow: hidden;
  box-shadow: 0 1px 4px 2px #0000001a;
  box-sizing: border-box;
  outline: none;
  border-radius: 26.6666666667px; }
  .f4ns-field-h96-select-dropdown div.dropdown-input-wrap {
    display: flex; }
    .f4ns-field-h96-select-dropdown div.dropdown-input-wrap input {
      font-size: 37.3333333333px !important; }
    .f4ns-field-h96-select-dropdown div.dropdown-input-wrap input:focus,
    .f4ns-field-h96-select-dropdown div.dropdown-input-wrap input:focus-visible,
    .f4ns-field-h96-select-dropdown div.dropdown-input-wrap input:active {
      outline: none; }
  .f4ns-field-h96-select-dropdown div.f4ns-field-select-option {
    display: flex;
    box-sizing: border-box;
    border-top: 1px solid #eeeeee;
    color: #444444;
    line-height: calc(96px * 0.5) !important;
    padding-top: 5px;
    padding-bottom: 5px;
    /*dropdown option active*/ }
    .f4ns-field-h96-select-dropdown div.f4ns-field-select-option * {
      font-size: 37.3333333333px !important; }
    .f4ns-field-h96-select-dropdown div.f4ns-field-select-option.active {
      background-color: #fdfadf;
      color: #222222; }
    .f4ns-field-h96-select-dropdown div.f4ns-field-select-option.selected {
      background-color: #a2cef3;
      color: #222222; }
      .f4ns-field-h96-select-dropdown div.f4ns-field-select-option.selected div.f4ns-field-select-option-text-sub {
        color: #505050; }
    .f4ns-field-h96-select-dropdown div.f4ns-field-select-option .f4ns-field-select-option-left {
      flex: 0 0 24px;
      display: flex;
      justify-content: center;
      margin-right: 8px; }
      .f4ns-field-h96-select-dropdown div.f4ns-field-select-option .f4ns-field-select-option-left span {
        display: flex;
        height: calc(96px * 0.5) !important;
        width: calc(96px * 0.5) !important;
        border: 1px solid white;
        border-radius: 50px;
        position: relative;
        vertical-align: middle;
        align-self: center; }
    .f4ns-field-h96-select-dropdown div.f4ns-field-select-option .f4ns-field-select-option-right {
      flex: 1;
      align-content: center; }
    .f4ns-field-h96-select-dropdown div.f4ns-field-select-option a.remove {
      flex: 0 0 24px;
      display: flex;
      justify-content: center;
      margin-right: 8px; }
    .f4ns-field-h96-select-dropdown div.f4ns-field-select-option div.f4ns-field-select-option-text-sub {
      font-style: italic;
      color: #999999;
      margin-top: 2px;
      font-size: calc(37.3333333333px * 0.85) !important; }
      .f4ns-field-h96-select-dropdown div.f4ns-field-select-option div.f4ns-field-select-option-text-sub * {
        font-size: calc(37.3333333333px * 0.85) !important; }
    .f4ns-field-h96-select-dropdown div.f4ns-field-select-option .highlight {
      background-color: #ffd5003d; }
  .f4ns-field-h96-select-dropdown input::placeholder {
    color: lightgray; }

/*calendar picker*/
.flatpickr-calendar {
  border-radius: 10px !important; }
  .flatpickr-calendar .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-calendar .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)) {
    box-shadow: -10px 0 0 #4b90c7; }
  .flatpickr-calendar .flatpickr-day {
    /*border-radius*/
    /*color*/ }
    .flatpickr-calendar .flatpickr-day:not(.startRange, .inRange, .endRange) {
      border-radius: 10px !important; }
    .flatpickr-calendar .flatpickr-day.startRange {
      border-top-left-radius: 10px !important;
      border-bottom-left-radius: 10px !important; }
      .flatpickr-calendar .flatpickr-day.startRange:hover {
        background-color: #4b90c7 !important;
        border-color: #4b90c7 !important; }
    .flatpickr-calendar .flatpickr-day.endRange {
      border-top-right-radius: 10px !important;
      border-bottom-right-radius: 10px !important;
      background-color: #4b90c7 !important; }
      .flatpickr-calendar .flatpickr-day.endRange:hover {
        background-color: #4b90c7 !important;
        border-color: #4b90c7 !important; }
    .flatpickr-calendar .flatpickr-day.today {
      border-color: #4b90c7 !important; }
    .flatpickr-calendar .flatpickr-day.selected {
      background-color: #4b90c7 !important;
      border-color: #4b90c7 !important; }
  .flatpickr-calendar .flatpickr-time .numInputWrapper {
    background-color: transparent; }

/*Window*/
.k-window {
  box-shadow: 10px 10px 20px 0 #00000055 !important;
  /*
  position: fixed;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  */ }

/*Per il colore dell'header della kendo window*/
.k-window-titlebar.k-header {
  background-color: transparent;
  border-color: transparent;
  color: #ffffff;
  font-weight: bold; }

/*Padding della kendo window*/
div.k-window-content {
  padding: 0; }

/*Padding della kendo window*/
div.k-window-content {
  padding: 0; }

/*************/
/*f4ns-window*/
/*************/
.f4ns-window-back {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  background: #00000022; }
  .f4ns-window-back.f4ns-window-first {
    background: #00000088; }

.f4ns-window {
  outline: none;
  background: transparent;
  border-radius: 9px; }
  .f4ns-window .wb-body {
    border-radius: 9px; }
  .f4ns-window:not(.f4ns-window-active) {
    filter: brightness(0.7); }
  .f4ns-window .f4ns-window-toolbar {
    position: absolute;
    display: flex !important;
    top: 5px;
    right: 5px;
    color: white; }
    .f4ns-window .f4ns-window-toolbar .f4ns-window-toolbar-item-close {
      display: none !important; }

/*### KENDO NOTIFICATION ###*/
/* k-animation-container viene usato sia per notifiche, dropdown, dialog...*/
div.k-animation-container {
  padding-bottom: 20px !important;
  padding-right: 20px !important; }

div.k-notification {
  box-shadow: 3px 3px 20px 2px #00000055 !important;
  background-color: #eaeaea;
  border-style: solid;
  margin-bottom: 10px;
  border-width: 0;
  overflow: hidden;
  /* Info template */
  /* Success template */
  /* Error template */ }
  div.k-notification .notification-info {
    width: 380px; }
    div.k-notification .notification-info span.k-icon {
      right: -25px;
      position: fixed;
      top: -70px;
      z-index: 9999;
      font-size: 240px;
      color: #4444440f;
      transform: rotate(8deg); }
    div.k-notification .notification-info h3 {
      z-index: 0;
      height: 38px;
      margin: 0;
      padding-top: 20px;
      padding-left: 10px;
      font-weight: 1200;
      font-size: 20px;
      background-color: #729fcf;
      color: white; }
    div.k-notification .notification-info p {
      z-index: 0;
      margin: 10px;
      min-height: 50px;
      font-size: 16px;
      color: #666666; }
  div.k-notification .notification-success {
    width: 380px; }
    div.k-notification .notification-success span.k-icon {
      right: -40px;
      position: fixed;
      top: -100px;
      z-index: 9999;
      font-size: 280px;
      color: #4444440f;
      transform: rotate(8deg); }
    div.k-notification .notification-success h3 {
      z-index: 0;
      height: 38px;
      margin: 0;
      padding-top: 20px;
      padding-left: 10px;
      font-weight: 1200;
      font-size: 20px;
      background-color: #59bf40;
      color: white; }
    div.k-notification .notification-success p {
      z-index: 0;
      margin: 10px;
      min-height: 50px;
      font-size: 16px;
      color: #666666; }
  div.k-notification .notification-error {
    width: 540px; }
    div.k-notification .notification-error span.k-icon {
      right: -20px;
      position: fixed;
      top: -100px;
      z-index: 9999;
      font-size: 280px;
      color: #4444440f;
      transform: rotate(8deg); }
    div.k-notification .notification-error h3 {
      z-index: 0;
      height: 38px;
      margin: 0;
      padding-top: 20px;
      padding-left: 10px;
      font-weight: 1200;
      font-size: 20px;
      background-color: #e65a5a;
      color: white; }
    div.k-notification .notification-error p {
      z-index: 0;
      margin: 10px;
      min-height: 50px;
      font-size: 16px;
      color: #666666; }

/*### DIALOG ###*/
div.k-dialog {
  /* dialog content template */ }
  div.k-dialog div.k-dialog-titlebar {
    display: none; }
  div.k-dialog .dialog-content {
    width: 540px;
    min-height: 180px !important;
    padding: 0 !important;
    z-index: 0;
    overflow: hidden;
    color: #666666; }
    div.k-dialog .dialog-content span.k-icon {
      right: -30px;
      position: absolute;
      top: -80px;
      z-index: 9999;
      font-size: 280px;
      color: #4444440a;
      transform: rotate(12deg); }
    div.k-dialog .dialog-content h3 {
      z-index: 0;
      height: 38px;
      margin: 0;
      padding-top: 20px;
      padding-left: 15px;
      font-weight: 1200;
      font-size: 20px;
      background-color: #e5e5e5;
      color: #666666;
      box-shadow: 1px 1px 6px 1px #44444455 !important; }
    div.k-dialog .dialog-content p {
      z-index: 0;
      margin: 15px;
      min-height: 50px;
      font-size: 18px;
      color: #666666; }
  div.k-dialog div.k-dialog-buttongroup {
    padding: 0; }
  div.k-dialog button {
    margin: 0 !important;
    padding: 1.5em 0;
    width: 100%;
    box-sizing: border-box;
    outline: 0;
    border: 0;
    cursor: pointer;
    float: right;
    border-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    color: #fcfcfc !important;
    font-size: 14px;
    font-weight: bold;
    background-color: #d07373 !important; }
    div.k-dialog button:hover {
      background-color: #c65454 !important;
      border-color: #c65454 !important; }
    div.k-dialog button.k-primary {
      background-color: #81b974 !important;
      float: left; }
    div.k-dialog button.k-primary:hover {
      background-color: #68ab59 !important;
      border-color: #68ab59 !important; }
  div.k-dialog .k-textbox {
    box-sizing: border-box;
    outline: 0;
    background: #e8e8e8;
    width: 100%;
    border: 0;
    margin: 0 0 15px;
    padding: 15px;
    font-size: 14px; }

/*************/
/*f4ns-dialog*/
/*************/
.f4ns-dialog-window {
  overflow: hidden;
  border-radius: 20px; }
  .f4ns-dialog-window .wb-body {
    border-radius: 20px; }

.f4ns-dialog {
  box-sizing: border-box;
  height: 100%;
  display: flex;
  flex-direction: column;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 18px;
  color: #333333 !important;
  background-color: #fbfbfb;
  border-radius: 20px;
  /*login form*/ }
  .f4ns-dialog .f4ns-dialog-title {
    flex: 0 0 40px;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    display: flex;
    flex-direction: row;
    font-weight: bold;
    background-color: #e7e7e7;
    border-bottom: 1px solid #d5d5d5;
    white-space: nowrap;
    overflow: hidden;
    position: relative; }
    .f4ns-dialog .f4ns-dialog-title span {
      white-space: nowrap;
      overflow-x: scroll;
      overflow-y: hidden;
      scrollbar-width: none;
      font-size: 17px !important;
      padding: 10px 10px 10px 20px; }
    .f4ns-dialog .f4ns-dialog-title.f4ns-dialog-title-hidden {
      display: none; }
  .f4ns-dialog .f4ns-dialog-html {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: auto;
    margin: 15px 20px 0 20px;
    padding-right: 20px;
    /*form*/ }
    .f4ns-dialog .f4ns-dialog-html span.f4ns-dialog-text {
      flex: 1;
      width: 100%;
      min-width: 0;
      overflow-wrap: break-word; }
    .f4ns-dialog .f4ns-dialog-html iframe {
      overflow: auto;
      position: relative; }
  .f4ns-dialog .f4ns-dialog-input {
    flex: 0 0 45px;
    display: flex;
    flex-direction: row;
    overflow: hidden;
    margin: 15px 0 0 20px; }
  .f4ns-dialog .f4ns-dialog-item-arr {
    flex: 0 0 60px;
    display: flex;
    flex-direction: row;
    z-index: 100;
    margin: 15px 5px 5px 20px; }
    .f4ns-dialog .f4ns-dialog-item-arr .f4ns-dialog-item {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      margin: 0 15px 15px 0;
      padding: 0 10px 0 10px;
      border-radius: 15px;
      cursor: pointer; }
      .f4ns-dialog .f4ns-dialog-item-arr .f4ns-dialog-item:hover {
        box-shadow: 0 1px 3px 0 rgba(60, 64, 67, 0.302), 0 4px 8px 3px rgba(60, 64, 67, 0.149);
        -webkit-transition: box-shadow 0.08s linear, min-width 0.15s cubic-bezier(0.4, 0, 0.2, 1);
        transition: box-shadow 0.08s linear, min-width 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
      .f4ns-dialog .f4ns-dialog-item-arr .f4ns-dialog-item:active {
        box-shadow: none; }
      .f4ns-dialog .f4ns-dialog-item-arr .f4ns-dialog-item .f4ns-dialog-item-icon {
        flex: 0 0 26px;
        display: flex;
        flex-direction: row;
        font-size: 26px; }
      .f4ns-dialog .f4ns-dialog-item-arr .f4ns-dialog-item .f4ns-dialog-item-text {
        flex: 1;
        display: flex;
        flex-direction: row;
        place-content: center; }
      .f4ns-dialog .f4ns-dialog-item-arr .f4ns-dialog-item.f4ns-dialog-item-readonly {
        pointer-events: none;
        opacity: 0.15;
        filter: grayscale(70%); }
  .f4ns-dialog .f4ns-dialog-prompt-input {
    flex: 1;
    height: 34px;
    max-height: 34px;
    margin: 0 20px 0 0;
    padding: 0 10px 0 10px;
    border-radius: 10px; }
    .f4ns-dialog .f4ns-dialog-prompt-input:hover {
      background-color: #fffff0; }
    .f4ns-dialog .f4ns-dialog-prompt-input:focus {
      background-color: #ffffcc; }
  .f4ns-dialog.f4ns-dialog-window-login {
    backdrop-filter: blur(20px); }

/*form*/
.f4ns-dialog-form .f4ns-dialog-html {
  margin: 15px 0 0 20px; }

/*prompt*/
.f4ns-dialog-prompt .f4ns-dialog-html .f4ns-form {
  margin-bottom: 5px;
  margin-top: 5px; }
  .f4ns-dialog-prompt .f4ns-dialog-html .f4ns-form .f4ns-form-row .f4ns-form-row-title {
    display: none; }

.f4ns-context-menu {
  position: absolute;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  box-shadow: 0 1px 3px 0 rgba(60, 64, 67, 0.302), 0 4px 8px 3px rgba(60, 64, 67, 0.149);
  background: #ffffff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; }
  .f4ns-context-menu .f4ns-context-menu-item {
    flex: 0 0 35px;
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid #dddddd;
    cursor: pointer; }
    .f4ns-context-menu .f4ns-context-menu-item:first-child {
      border-top-left-radius: 10px;
      border-top-right-radius: 10px; }
    .f4ns-context-menu .f4ns-context-menu-item:last-child {
      border-bottom: 0;
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px; }
    .f4ns-context-menu .f4ns-context-menu-item:hover {
      background-color: #fcf5ba; }
    .f4ns-context-menu .f4ns-context-menu-item .f4ns-context-menu-item-left {
      flex: 0 0 35px;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      background-color: #d2d2d22b; }
      .f4ns-context-menu .f4ns-context-menu-item .f4ns-context-menu-item-left .f4ns-context-menu-item-icon {
        font-size: 16px; }
    .f4ns-context-menu .f4ns-context-menu-item .f4ns-context-menu-item-center {
      flex: 1;
      display: flex;
      flex-direction: row;
      justify-content: left;
      align-items: center;
      margin-left: 6px; }
      .f4ns-context-menu .f4ns-context-menu-item .f4ns-context-menu-item-center .f4ns-context-menu-item-text {
        font-size: 14px; }
    .f4ns-context-menu .f4ns-context-menu-item .f4ns-context-menu-item-right {
      flex: 0 0 35px;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      font-size: 14px; }

.f4ns-context-menu-back {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  background: transparent; }

/*Tabviewer*/
.tabviewer {
  display: flex;
  flex-direction: column;
  overflow-y: hidden; }
  .tabviewer .tabviewer-bar {
    display: flex;
    min-height: 38px;
    flex-direction: row;
    width: 100%;
    background: white;
    box-shadow: 1px 1px 8px 0 #11111155;
    overflow-y: hidden; }
    .tabviewer .tabviewer-bar .tabviewer-bar-tab {
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      min-width: 100px;
      max-width: 250px;
      height: 100%;
      color: #666666;
      cursor: pointer;
      text-align: center;
      font-size: 15px;
      border-right: 1px solid #f5f5f5; }
      @media screen and (min-width: 1921px) {
        .tabviewer .tabviewer-bar .tabviewer-bar-tab {
          font-size: 18px; } }
    .tabviewer .tabviewer-bar .tabviewer-bar-tab-selected {
      color: #080707;
      box-shadow: #c4131d 0px -4px inset; }
    .tabviewer .tabviewer-bar .tabviewer-bar-tab:hover:not(.tabviewer-bar-tab-selected) {
      color: #333333;
      box-shadow: #f9c3c6 0px -4px inset; }
    .tabviewer .tabviewer-bar .tabviewer-bar-tab-label {
      margin: 5px; }
  .tabviewer .tabviewer-page {
    flex: 1;
    width: 100%;
    overflow-y: auto; }
  .tabviewer.tabviewer-iframe .tabviewer-page {
    overflow: hidden;
    width: 100%;
    /*Iframe field*/ }
    .tabviewer.tabviewer-iframe .tabviewer-page iframe.xiframe {
      overflow: hidden;
      width: 100%;
      height: 100%;
      border: none; }

/*### FORM OLD ###*/
.form {
  padding: 30px;
  text-align: center;
  /*KENDO FORM ELEMENTS*/ }
  .form .thumbnail {
    box-sizing: border-box;
    width: 270px;
    margin: 0 auto 50px;
    padding: 5px; }
    .form .thumbnail img {
      display: block;
      width: 100%; }
  .form label {
    float: left;
    text-align: left;
    box-sizing: border-box;
    outline: 0;
    width: 100%;
    padding: 5px 5px 2px 5px;
    color: #444444;
    font-size: 14px;
    font-weight: bold; }
  .form input {
    box-sizing: border-box;
    outline: 0;
    background: #e8e8e8;
    width: 100%;
    border: 0;
    border-color: red !important;
    margin: 0 0 15px;
    padding: 15px;
    font-size: 14px; }
  .form textarea {
    box-sizing: border-box;
    outline: 0;
    resize: none;
    background: #e8e8e8;
    width: 100%;
    height: 200px !important;
    border: 0;
    overflow: visible !important;
    border-color: red !important;
    margin: 0 0 15px;
    padding: 15px;
    font-size: 14px;
    min-height: 50px; }
  .form button {
    box-sizing: border-box;
    outline: 0;
    background: var(--f4ns-color-env);
    width: 100%;
    border: 0;
    padding: 15px;
    color: #fcfcfc;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer; }
    .form button.button-right {
      box-sizing: border-box;
      background: #e8e8e8;
      width: 43px;
      height: 43px;
      float: right;
      color: black; }
  .form .message {
    margin: 15px 0 0;
    color: #fcfcfc;
    font-size: 12px; }
    .form .message a {
      color: var(--f4ns-color-env);
      text-decoration: none; }
  .form .register-form {
    display: none; }
  .form .k-autocomplete,
  .form .k-dropdown,
  .form .k-datepicker {
    box-sizing: border-box;
    outline: 0;
    background: #e8e8e8;
    width: 100%;
    border: 0;
    margin: 0 0 15px;
    padding: 2px;
    font-size: 14px; }
    .form .k-autocomplete .k-icon.k-i-close,
    .form .k-dropdown .k-icon.k-i-close,
    .form .k-datepicker .k-icon.k-i-close {
      display: none !important; }
    .form .k-autocomplete input.k-input.k-invalid,
    .form .k-dropdown input.k-input.k-invalid,
    .form .k-datepicker input.k-input.k-invalid {
      background: #ffb5b5;
      color: #000000; }
      .form .k-autocomplete input.k-input.k-invalid::placeholder,
      .form .k-dropdown input.k-input.k-invalid::placeholder,
      .form .k-datepicker input.k-input.k-invalid::placeholder {
        color: #555555;
        opacity: 1; }
    .form .k-autocomplete [disabled],
    .form .k-dropdown [disabled],
    .form .k-datepicker [disabled] {
      padding: 0;
      background-color: #fff;
      font-size: 16px; }
  .form .k-widget.k-tooltip.k-tooltip-validation.k-invalid-msg {
    box-sizing: border-box;
    width: 100%;
    float: left;
    background-color: #ea4848;
    color: white;
    border: 0;
    /*font-weight: bold;*/
    padding: 5px;
    /*
    .k-icon{
    	font-weight: bold;
    }
    */ }

.f4ns-form {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: 100%; }
  .f4ns-form.f4ns-form-hidden {
    display: none; }
  .f4ns-form.f4ns-form-has-padding {
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 15px; }
  .f4ns-form .f4ns-form-row-container {
    display: flex;
    flex-direction: row;
    gap: 15px; }
    .f4ns-form .f4ns-form-row-container:last-child {
      margin-bottom: 0px; }
    .f4ns-form .f4ns-form-row-container .f4ns-form-row {
      position: relative;
      display: flex;
      flex-direction: column;
      margin-bottom: 10px;
      overflow: visible; }
      .f4ns-form .f4ns-form-row-container .f4ns-form-row .f4ns-form-row-title {
        font-weight: bold;
        margin-bottom: 5px;
        margin-top: 5px;
        white-space: normal;
        word-break: break-word;
        overflow-wrap: break-word; }
        .f4ns-form .f4ns-form-row-container .f4ns-form-row .f4ns-form-row-title.f4ns-form-row-title-hidden {
          display: none; }
      .f4ns-form .f4ns-form-row-container .f4ns-form-row.f4ns-form-row-hidden {
        display: none; }
  .f4ns-form .form-icon-super {
    position: absolute !important;
    right: 10px;
    top: -7px;
    z-index: 1000;
    cursor: pointer;
    opacity: 0.4; }
    .f4ns-form .form-icon-super.f4ns-field-sm {
      width: 24px; }
    .f4ns-form .form-icon-super:hover {
      opacity: 1; }
  .f4ns-form.f4ns-form-super .f4ns-form-row.f4ns-form-row-hidden {
    display: inherit !important;
    background: repeating-linear-gradient(-55deg, #f2f2f2, #f2f2f2 10px, #ffffff 10px, #ffffff 20px); }
    .f4ns-form.f4ns-form-super .f4ns-form-row.f4ns-form-row-hidden .f4ns-form-row-title.f4ns-field-hidden,
    .f4ns-form.f4ns-form-super .f4ns-form-row.f4ns-form-row-hidden .f4ns-form-row-field.f4ns-field-hidden {
      display: inherit !important;
      background: transparent; }
      .f4ns-form.f4ns-form-super .f4ns-form-row.f4ns-form-row-hidden .f4ns-form-row-title.f4ns-field-hidden:hover,
      .f4ns-form.f4ns-form-super .f4ns-form-row.f4ns-form-row-hidden .f4ns-form-row-field.f4ns-field-hidden:hover {
        display: inherit !important;
        background: transparent; }
  .f4ns-form.f4ns-form-super .f4ns-field-box:not(.f4ns-field-box-visible) {
    background-color: #0089a110 !important;
    border: 1px dashed #b4b4b4; }

/*### KFORM ###*/
div.kform {
  position: absolute;
  padding: 30px;
  text-align: center;
  background-color: #f7f7f7;
  overflow: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /*Contenitore riga flex (può contenere più form-row sulla stessa riga)*/ }
  div.kform div.kform-row-container {
    padding: 3px;
    display: flex;
    /*Singola form-row*/ }
    div.kform div.kform-row-container div.kform-row {
      padding: 4px;
      margin: 4px;
      /*Label sopra ogni field*/
      /*Label field*/
      /*Line field*/
      /*Iframe field*/
      /*Componenti kendo esterni*/
      /*Tutti kendo interni contententi k-input*/
      /*Tasto X per cancellare il contenuto dell'input (solo per i multiselect)*/
      /*Icon check*/
      /*Error message*/
      /*Form multiselect*/
      /*Form xButton*/
      /*Form xButton Confirm/Cancel*/
      /*Form xSwitch*/
      /*switch_height_out = switch_height_in + 2*switch_padding*/
      /*Cambiando questi valori bisogna cambiare anche la dimensione fissa della form-row per il filed_type switch*/
      /*Il box intorno allo slider*/
      /*Form Upload*/ }
      div.kform div.kform-row-container div.kform-row.form-row-readonly label.xswitch {
        pointer-events: none; }
      div.kform div.kform-row-container div.kform-row.form-row-readonly div.k-multiselect {
        background-color: #eeeeee !important;
        border-color: #dddddd; }
      div.kform div.kform-row-container div.kform-row label {
        width: 100%;
        float: left;
        margin-bottom: 2px;
        text-align: left;
        color: #222222;
        font-size: 14px;
        font-weight: bold; }
        div.kform div.kform-row-container div.kform-row label.label-multiselect {
          flex: 1; }
      div.kform div.kform-row-container div.kform-row label.xlabel {
        float: left;
        text-align: left;
        margin-top: 6px;
        color: #444444;
        font-size: 24px;
        font-weight: bold; }
      div.kform div.kform-row-container div.kform-row div.xline {
        width: 99%;
        text-align: center;
        margin-top: 6px;
        color: #444444;
        font-size: 22px;
        font-weight: bold;
        border-bottom: 1px solid black; }
      div.kform div.kform-row-container div.kform-row iframe.xiframe {
        width: 100%;
        outline: 0;
        border: 2px solid #d0d0d0;
        border-radius: 5px;
        box-shadow: 1px 1px 2px 0 #e0e0e0; }
      div.kform div.kform-row-container div.kform-row span.k-autocomplete,
      div.kform div.kform-row-container div.kform-row span.k-dropdown,
      div.kform div.kform-row-container div.kform-row div.k-multiselect,
      div.kform div.kform-row-container div.kform-row span.k-datepicker,
      div.kform div.kform-row-container div.kform-row span.k-timepicker {
        width: 100%;
        font-size: 14px;
        background-color: #ffffff; }
        div.kform div.kform-row-container div.kform-row span.k-autocomplete.k-state-disabled,
        div.kform div.kform-row-container div.kform-row span.k-dropdown.k-state-disabled,
        div.kform div.kform-row-container div.kform-row div.k-multiselect.k-state-disabled,
        div.kform div.kform-row-container div.kform-row span.k-datepicker.k-state-disabled,
        div.kform div.kform-row-container div.kform-row span.k-timepicker.k-state-disabled {
          background-color: #eeeeee !important;
          border-color: #dddddd; }
          div.kform div.kform-row-container div.kform-row span.k-autocomplete.k-state-disabled input,
          div.kform div.kform-row-container div.kform-row span.k-dropdown.k-state-disabled input,
          div.kform div.kform-row-container div.kform-row div.k-multiselect.k-state-disabled input,
          div.kform div.kform-row-container div.kform-row span.k-datepicker.k-state-disabled input,
          div.kform div.kform-row-container div.kform-row span.k-timepicker.k-state-disabled input {
            background-color: #eeeeee !important; }
      div.kform div.kform-row-container div.kform-row div.k-multiselect {
        flex: 1; }
        div.kform div.kform-row-container div.kform-row div.k-multiselect li.k-button {
          text-transform: none; }
      div.kform div.kform-row-container div.kform-row span.k-autocomplete {
        /*Input*/ }
        div.kform div.kform-row-container div.kform-row span.k-autocomplete input.k-input,
        div.kform div.kform-row-container div.kform-row span.k-autocomplete textarea.k-input,
        div.kform div.kform-row-container div.kform-row span.k-autocomplete span.k-input {
          height: 25px; }
      div.kform div.kform-row-container div.kform-row span.k-dropdown-wrap,
      div.kform div.kform-row-container div.kform-row div.k-multiselect-wrap,
      div.kform div.kform-row-container div.kform-row span.k-picker-wrap {
        /*Input*/ }
        div.kform div.kform-row-container div.kform-row span.k-dropdown-wrap input.k-input,
        div.kform div.kform-row-container div.kform-row span.k-dropdown-wrap textarea.k-input,
        div.kform div.kform-row-container div.kform-row span.k-dropdown-wrap span.k-input,
        div.kform div.kform-row-container div.kform-row div.k-multiselect-wrap input.k-input,
        div.kform div.kform-row-container div.kform-row div.k-multiselect-wrap textarea.k-input,
        div.kform div.kform-row-container div.kform-row div.k-multiselect-wrap span.k-input,
        div.kform div.kform-row-container div.kform-row span.k-picker-wrap input.k-input,
        div.kform div.kform-row-container div.kform-row span.k-picker-wrap textarea.k-input,
        div.kform div.kform-row-container div.kform-row span.k-picker-wrap span.k-input {
          height: 30px; }
      div.kform div.kform-row-container div.kform-row span.k-autocomplete,
      div.kform div.kform-row-container div.kform-row span.k-dropdown-wrap,
      div.kform div.kform-row-container div.kform-row div.k-multiselect-wrap,
      div.kform div.kform-row-container div.kform-row span.k-picker-wrap {
        font-size: 14px;
        border: 2px solid #d0d0d0;
        padding: 2px;
        text-align: left;
        background-color: #ffffff;
        border-radius: 5px;
        /*Input*/
        /*Tasti a destra su k-dropdown e k-datepicker*/
        /*Hover sui campi*/
        /*Focus sui campi*/
        /*Tasto X per cancellare il contenuto dell'input  (non per i multiselect)*/ }
        div.kform div.kform-row-container div.kform-row span.k-autocomplete input.k-input,
        div.kform div.kform-row-container div.kform-row span.k-autocomplete textarea.k-input,
        div.kform div.kform-row-container div.kform-row span.k-autocomplete span.k-input,
        div.kform div.kform-row-container div.kform-row span.k-dropdown-wrap input.k-input,
        div.kform div.kform-row-container div.kform-row span.k-dropdown-wrap textarea.k-input,
        div.kform div.kform-row-container div.kform-row span.k-dropdown-wrap span.k-input,
        div.kform div.kform-row-container div.kform-row div.k-multiselect-wrap input.k-input,
        div.kform div.kform-row-container div.kform-row div.k-multiselect-wrap textarea.k-input,
        div.kform div.kform-row-container div.kform-row div.k-multiselect-wrap span.k-input,
        div.kform div.kform-row-container div.kform-row span.k-picker-wrap input.k-input,
        div.kform div.kform-row-container div.kform-row span.k-picker-wrap textarea.k-input,
        div.kform div.kform-row-container div.kform-row span.k-picker-wrap span.k-input {
          background-color: #ffffff;
          border-radius: 5px; }
          div.kform div.kform-row-container div.kform-row span.k-autocomplete input.k-input::placeholder,
          div.kform div.kform-row-container div.kform-row span.k-autocomplete textarea.k-input::placeholder,
          div.kform div.kform-row-container div.kform-row span.k-autocomplete span.k-input::placeholder,
          div.kform div.kform-row-container div.kform-row span.k-dropdown-wrap input.k-input::placeholder,
          div.kform div.kform-row-container div.kform-row span.k-dropdown-wrap textarea.k-input::placeholder,
          div.kform div.kform-row-container div.kform-row span.k-dropdown-wrap span.k-input::placeholder,
          div.kform div.kform-row-container div.kform-row div.k-multiselect-wrap input.k-input::placeholder,
          div.kform div.kform-row-container div.kform-row div.k-multiselect-wrap textarea.k-input::placeholder,
          div.kform div.kform-row-container div.kform-row div.k-multiselect-wrap span.k-input::placeholder,
          div.kform div.kform-row-container div.kform-row span.k-picker-wrap input.k-input::placeholder,
          div.kform div.kform-row-container div.kform-row span.k-picker-wrap textarea.k-input::placeholder,
          div.kform div.kform-row-container div.kform-row span.k-picker-wrap span.k-input::placeholder {
            color: #c5c5c5; }
        div.kform div.kform-row-container div.kform-row span.k-autocomplete textarea.k-input,
        div.kform div.kform-row-container div.kform-row span.k-dropdown-wrap textarea.k-input,
        div.kform div.kform-row-container div.kform-row div.k-multiselect-wrap textarea.k-input,
        div.kform div.kform-row-container div.kform-row span.k-picker-wrap textarea.k-input {
          resize: vertical;
          overflow-y: visible !important;
          line-height: 20px;
          height: 80px;
          min-height: 40px;
          text-indent: 0px;
          padding-left: 10px;
          padding-top: 7px;
          font-size: 14px;
          font-family: "Arial", sans-serif;
          padding-right: 28px;
          box-sizing: border-box; }
        div.kform div.kform-row-container div.kform-row span.k-autocomplete:not(div.k-multiselect-wrap) span.k-select,
        div.kform div.kform-row-container div.kform-row span.k-dropdown-wrap:not(div.k-multiselect-wrap) span.k-select,
        div.kform div.kform-row-container div.kform-row div.k-multiselect-wrap:not(div.k-multiselect-wrap) span.k-select,
        div.kform div.kform-row-container div.kform-row span.k-picker-wrap:not(div.k-multiselect-wrap) span.k-select {
          border-left: 2px solid #d0d0d0; }
          div.kform div.kform-row-container div.kform-row span.k-autocomplete:not(div.k-multiselect-wrap) span.k-select span.k-icon,
          div.kform div.kform-row-container div.kform-row span.k-dropdown-wrap:not(div.k-multiselect-wrap) span.k-select span.k-icon,
          div.kform div.kform-row-container div.kform-row div.k-multiselect-wrap:not(div.k-multiselect-wrap) span.k-select span.k-icon,
          div.kform div.kform-row-container div.kform-row span.k-picker-wrap:not(div.k-multiselect-wrap) span.k-select span.k-icon {
            vertical-align: inherit; }
        div.kform div.kform-row-container div.kform-row span.k-autocomplete.k-state-hover:not(.k-state-focused),
        div.kform div.kform-row-container div.kform-row span.k-dropdown-wrap.k-state-hover:not(.k-state-focused),
        div.kform div.kform-row-container div.kform-row div.k-multiselect-wrap.k-state-hover:not(.k-state-focused),
        div.kform div.kform-row-container div.kform-row span.k-picker-wrap.k-state-hover:not(.k-state-focused) {
          background-color: #fffff0;
          box-shadow: 1px 1px 2px 0 #e0e0e0; }
          div.kform div.kform-row-container div.kform-row span.k-autocomplete.k-state-hover:not(.k-state-focused) input.k-input,
          div.kform div.kform-row-container div.kform-row span.k-autocomplete.k-state-hover:not(.k-state-focused) textarea.k-input,
          div.kform div.kform-row-container div.kform-row span.k-autocomplete.k-state-hover:not(.k-state-focused) span.k-input,
          div.kform div.kform-row-container div.kform-row span.k-dropdown-wrap.k-state-hover:not(.k-state-focused) input.k-input,
          div.kform div.kform-row-container div.kform-row span.k-dropdown-wrap.k-state-hover:not(.k-state-focused) textarea.k-input,
          div.kform div.kform-row-container div.kform-row span.k-dropdown-wrap.k-state-hover:not(.k-state-focused) span.k-input,
          div.kform div.kform-row-container div.kform-row div.k-multiselect-wrap.k-state-hover:not(.k-state-focused) input.k-input,
          div.kform div.kform-row-container div.kform-row div.k-multiselect-wrap.k-state-hover:not(.k-state-focused) textarea.k-input,
          div.kform div.kform-row-container div.kform-row div.k-multiselect-wrap.k-state-hover:not(.k-state-focused) span.k-input,
          div.kform div.kform-row-container div.kform-row span.k-picker-wrap.k-state-hover:not(.k-state-focused) input.k-input,
          div.kform div.kform-row-container div.kform-row span.k-picker-wrap.k-state-hover:not(.k-state-focused) textarea.k-input,
          div.kform div.kform-row-container div.kform-row span.k-picker-wrap.k-state-hover:not(.k-state-focused) span.k-input {
            background-color: #fffff0;
            color: #000000; }
        div.kform div.kform-row-container div.kform-row span.k-autocomplete.k-state-focused,
        div.kform div.kform-row-container div.kform-row span.k-autocomplete .k-dropdown-wrap.k-state-active,
        div.kform div.kform-row-container div.kform-row span.k-dropdown-wrap.k-state-focused,
        div.kform div.kform-row-container div.kform-row span.k-dropdown-wrap .k-dropdown-wrap.k-state-active,
        div.kform div.kform-row-container div.kform-row div.k-multiselect-wrap.k-state-focused,
        div.kform div.kform-row-container div.kform-row div.k-multiselect-wrap .k-dropdown-wrap.k-state-active,
        div.kform div.kform-row-container div.kform-row span.k-picker-wrap.k-state-focused,
        div.kform div.kform-row-container div.kform-row span.k-picker-wrap .k-dropdown-wrap.k-state-active {
          background-color: #ffffcc;
          box-shadow: 3px 3px 4px 0 #e0e0e0; }
          div.kform div.kform-row-container div.kform-row span.k-autocomplete.k-state-focused input.k-input,
          div.kform div.kform-row-container div.kform-row span.k-autocomplete.k-state-focused textarea.k-input,
          div.kform div.kform-row-container div.kform-row span.k-autocomplete.k-state-focused span.k-input,
          div.kform div.kform-row-container div.kform-row span.k-autocomplete .k-dropdown-wrap.k-state-active input.k-input,
          div.kform div.kform-row-container div.kform-row span.k-autocomplete .k-dropdown-wrap.k-state-active textarea.k-input,
          div.kform div.kform-row-container div.kform-row span.k-autocomplete .k-dropdown-wrap.k-state-active span.k-input,
          div.kform div.kform-row-container div.kform-row span.k-dropdown-wrap.k-state-focused input.k-input,
          div.kform div.kform-row-container div.kform-row span.k-dropdown-wrap.k-state-focused textarea.k-input,
          div.kform div.kform-row-container div.kform-row span.k-dropdown-wrap.k-state-focused span.k-input,
          div.kform div.kform-row-container div.kform-row span.k-dropdown-wrap .k-dropdown-wrap.k-state-active input.k-input,
          div.kform div.kform-row-container div.kform-row span.k-dropdown-wrap .k-dropdown-wrap.k-state-active textarea.k-input,
          div.kform div.kform-row-container div.kform-row span.k-dropdown-wrap .k-dropdown-wrap.k-state-active span.k-input,
          div.kform div.kform-row-container div.kform-row div.k-multiselect-wrap.k-state-focused input.k-input,
          div.kform div.kform-row-container div.kform-row div.k-multiselect-wrap.k-state-focused textarea.k-input,
          div.kform div.kform-row-container div.kform-row div.k-multiselect-wrap.k-state-focused span.k-input,
          div.kform div.kform-row-container div.kform-row div.k-multiselect-wrap .k-dropdown-wrap.k-state-active input.k-input,
          div.kform div.kform-row-container div.kform-row div.k-multiselect-wrap .k-dropdown-wrap.k-state-active textarea.k-input,
          div.kform div.kform-row-container div.kform-row div.k-multiselect-wrap .k-dropdown-wrap.k-state-active span.k-input,
          div.kform div.kform-row-container div.kform-row span.k-picker-wrap.k-state-focused input.k-input,
          div.kform div.kform-row-container div.kform-row span.k-picker-wrap.k-state-focused textarea.k-input,
          div.kform div.kform-row-container div.kform-row span.k-picker-wrap.k-state-focused span.k-input,
          div.kform div.kform-row-container div.kform-row span.k-picker-wrap .k-dropdown-wrap.k-state-active input.k-input,
          div.kform div.kform-row-container div.kform-row span.k-picker-wrap .k-dropdown-wrap.k-state-active textarea.k-input,
          div.kform div.kform-row-container div.kform-row span.k-picker-wrap .k-dropdown-wrap.k-state-active span.k-input {
            background-color: #ffffcc;
            color: #000000; }
        div.kform div.kform-row-container div.kform-row span.k-autocomplete:not(div.k-multiselect-wrap) span.k-icon.k-i-close,
        div.kform div.kform-row-container div.kform-row span.k-dropdown-wrap:not(div.k-multiselect-wrap) span.k-icon.k-i-close,
        div.kform div.kform-row-container div.kform-row div.k-multiselect-wrap:not(div.k-multiselect-wrap) span.k-icon.k-i-close,
        div.kform div.kform-row-container div.kform-row span.k-picker-wrap:not(div.k-multiselect-wrap) span.k-icon.k-i-close {
          display: none !important; }
        div.kform div.kform-row-container div.kform-row span.k-autocomplete span.k-icon.k-clear-value.k-i-close,
        div.kform div.kform-row-container div.kform-row span.k-dropdown-wrap span.k-icon.k-clear-value.k-i-close,
        div.kform div.kform-row-container div.kform-row div.k-multiselect-wrap span.k-icon.k-clear-value.k-i-close,
        div.kform div.kform-row-container div.kform-row span.k-picker-wrap span.k-icon.k-clear-value.k-i-close {
          display: none !important; }
      div.kform div.kform-row-container div.kform-row div.k-multiselect span.k-icon.k-i-close {
        vertical-align: middle !important; }
      div.kform div.kform-row-container div.kform-row span.check-icon {
        font-size: 22px;
        position: absolute;
        margin-top: 9px; }
        div.kform div.kform-row-container div.kform-row span.check-icon.hidden {
          display: none; }
        div.kform div.kform-row-container div.kform-row span.check-icon.normal {
          margin-left: -32px; }
        div.kform div.kform-row-container div.kform-row span.check-icon.double {
          margin-left: -69px; }
      div.kform div.kform-row-container div.kform-row label.error-message {
        font-size: 14px;
        color: red; }
      div.kform div.kform-row-container div.kform-row.valid span.k-autocomplete,
      div.kform div.kform-row-container div.kform-row.valid span.k-dropdown-wrap,
      div.kform div.kform-row-container div.kform-row.valid div.k-multiselect-wrap,
      div.kform div.kform-row-container div.kform-row.valid span.k-picker-wrap {
        border: 2px solid #4caf50; }
        div.kform div.kform-row-container div.kform-row.valid span.k-autocomplete:not(div.k-multiselect-wrap) span.k-select,
        div.kform div.kform-row-container div.kform-row.valid span.k-dropdown-wrap:not(div.k-multiselect-wrap) span.k-select,
        div.kform div.kform-row-container div.kform-row.valid div.k-multiselect-wrap:not(div.k-multiselect-wrap) span.k-select,
        div.kform div.kform-row-container div.kform-row.valid span.k-picker-wrap:not(div.k-multiselect-wrap) span.k-select {
          border-left: 2px solid #4caf50; }
        div.kform div.kform-row-container div.kform-row.valid span.k-autocomplete:not(.k-state-selected):not(.k-state-focused):not(.k-state-hover),
        div.kform div.kform-row-container div.kform-row.valid span.k-dropdown-wrap:not(.k-state-selected):not(.k-state-focused):not(.k-state-hover),
        div.kform div.kform-row-container div.kform-row.valid div.k-multiselect-wrap:not(.k-state-selected):not(.k-state-focused):not(.k-state-hover),
        div.kform div.kform-row-container div.kform-row.valid span.k-picker-wrap:not(.k-state-selected):not(.k-state-focused):not(.k-state-hover) {
          background-color: #e9fce9; }
          div.kform div.kform-row-container div.kform-row.valid span.k-autocomplete:not(.k-state-selected):not(.k-state-focused):not(.k-state-hover) input.k-input,
          div.kform div.kform-row-container div.kform-row.valid span.k-autocomplete:not(.k-state-selected):not(.k-state-focused):not(.k-state-hover) textarea.k-input,
          div.kform div.kform-row-container div.kform-row.valid span.k-autocomplete:not(.k-state-selected):not(.k-state-focused):not(.k-state-hover) span.k-input,
          div.kform div.kform-row-container div.kform-row.valid span.k-dropdown-wrap:not(.k-state-selected):not(.k-state-focused):not(.k-state-hover) input.k-input,
          div.kform div.kform-row-container div.kform-row.valid span.k-dropdown-wrap:not(.k-state-selected):not(.k-state-focused):not(.k-state-hover) textarea.k-input,
          div.kform div.kform-row-container div.kform-row.valid span.k-dropdown-wrap:not(.k-state-selected):not(.k-state-focused):not(.k-state-hover) span.k-input,
          div.kform div.kform-row-container div.kform-row.valid div.k-multiselect-wrap:not(.k-state-selected):not(.k-state-focused):not(.k-state-hover) input.k-input,
          div.kform div.kform-row-container div.kform-row.valid div.k-multiselect-wrap:not(.k-state-selected):not(.k-state-focused):not(.k-state-hover) textarea.k-input,
          div.kform div.kform-row-container div.kform-row.valid div.k-multiselect-wrap:not(.k-state-selected):not(.k-state-focused):not(.k-state-hover) span.k-input,
          div.kform div.kform-row-container div.kform-row.valid span.k-picker-wrap:not(.k-state-selected):not(.k-state-focused):not(.k-state-hover) input.k-input,
          div.kform div.kform-row-container div.kform-row.valid span.k-picker-wrap:not(.k-state-selected):not(.k-state-focused):not(.k-state-hover) textarea.k-input,
          div.kform div.kform-row-container div.kform-row.valid span.k-picker-wrap:not(.k-state-selected):not(.k-state-focused):not(.k-state-hover) span.k-input {
            background-color: #e9fce9; }
      div.kform div.kform-row-container div.kform-row.valid span.check-icon {
        color: #4caf50; }
      div.kform div.kform-row-container div.kform-row.error span.k-autocomplete,
      div.kform div.kform-row-container div.kform-row.error span.k-dropdown-wrap,
      div.kform div.kform-row-container div.kform-row.error div.k-multiselect-wrap,
      div.kform div.kform-row-container div.kform-row.error span.k-picker-wrap {
        border: 2px solid #ed7878; }
        div.kform div.kform-row-container div.kform-row.error span.k-autocomplete:not(div.k-multiselect-wrap) span.k-select,
        div.kform div.kform-row-container div.kform-row.error span.k-dropdown-wrap:not(div.k-multiselect-wrap) span.k-select,
        div.kform div.kform-row-container div.kform-row.error div.k-multiselect-wrap:not(div.k-multiselect-wrap) span.k-select,
        div.kform div.kform-row-container div.kform-row.error span.k-picker-wrap:not(div.k-multiselect-wrap) span.k-select {
          border-left: 2px solid #ed7878; }
        div.kform div.kform-row-container div.kform-row.error span.k-autocomplete:not(.k-state-selected):not(.k-state-focused):not(.k-state-hover),
        div.kform div.kform-row-container div.kform-row.error span.k-dropdown-wrap:not(.k-state-selected):not(.k-state-focused):not(.k-state-hover),
        div.kform div.kform-row-container div.kform-row.error div.k-multiselect-wrap:not(.k-state-selected):not(.k-state-focused):not(.k-state-hover),
        div.kform div.kform-row-container div.kform-row.error span.k-picker-wrap:not(.k-state-selected):not(.k-state-focused):not(.k-state-hover) {
          background-color: #fce9e9; }
          div.kform div.kform-row-container div.kform-row.error span.k-autocomplete:not(.k-state-selected):not(.k-state-focused):not(.k-state-hover) input.k-input,
          div.kform div.kform-row-container div.kform-row.error span.k-autocomplete:not(.k-state-selected):not(.k-state-focused):not(.k-state-hover) textarea.k-input,
          div.kform div.kform-row-container div.kform-row.error span.k-autocomplete:not(.k-state-selected):not(.k-state-focused):not(.k-state-hover) span.k-input,
          div.kform div.kform-row-container div.kform-row.error span.k-dropdown-wrap:not(.k-state-selected):not(.k-state-focused):not(.k-state-hover) input.k-input,
          div.kform div.kform-row-container div.kform-row.error span.k-dropdown-wrap:not(.k-state-selected):not(.k-state-focused):not(.k-state-hover) textarea.k-input,
          div.kform div.kform-row-container div.kform-row.error span.k-dropdown-wrap:not(.k-state-selected):not(.k-state-focused):not(.k-state-hover) span.k-input,
          div.kform div.kform-row-container div.kform-row.error div.k-multiselect-wrap:not(.k-state-selected):not(.k-state-focused):not(.k-state-hover) input.k-input,
          div.kform div.kform-row-container div.kform-row.error div.k-multiselect-wrap:not(.k-state-selected):not(.k-state-focused):not(.k-state-hover) textarea.k-input,
          div.kform div.kform-row-container div.kform-row.error div.k-multiselect-wrap:not(.k-state-selected):not(.k-state-focused):not(.k-state-hover) span.k-input,
          div.kform div.kform-row-container div.kform-row.error span.k-picker-wrap:not(.k-state-selected):not(.k-state-focused):not(.k-state-hover) input.k-input,
          div.kform div.kform-row-container div.kform-row.error span.k-picker-wrap:not(.k-state-selected):not(.k-state-focused):not(.k-state-hover) textarea.k-input,
          div.kform div.kform-row-container div.kform-row.error span.k-picker-wrap:not(.k-state-selected):not(.k-state-focused):not(.k-state-hover) span.k-input {
            background-color: #fce9e9; }
      div.kform div.kform-row-container div.kform-row.error span.check-icon {
        color: #ed7878; }
      div.kform div.kform-row-container div.kform-row.form-row-multiselect {
        flex: 1;
        display: flex;
        flex-direction: column; }
      div.kform div.kform-row-container div.kform-row.form-row-xbutton {
        width: 40px;
        min-width: 40px; }
        div.kform div.kform-row-container div.kform-row.form-row-xbutton label {
          text-align: center; }
      div.kform div.kform-row-container div.kform-row .xbutton.k-button {
        width: 40px;
        height: 40px;
        cursor: pointer;
        outline: 0;
        font-size: 14px;
        font-weight: bold;
        border: 2px solid #d0d0d0;
        border-radius: 5px;
        background-color: #ffffff;
        color: #444444;
        box-shadow: 1px 1px 2px 0 #e0e0e0; }
        div.kform div.kform-row-container div.kform-row .xbutton.k-button:hover {
          box-shadow: 3px 3px 4px 0 #e0e0e0;
          background-color: #fffff0; }
        div.kform div.kform-row-container div.kform-row .xbutton.k-button:active {
          box-shadow: 1px 1px 2px 0 #e0e0e0;
          background-color: #ffffcc; }
        div.kform div.kform-row-container div.kform-row .xbutton.k-button:disabled {
          color: #999999;
          background-color: #eeeeee;
          border-color: #dddddd;
          box-shadow: none; }
      div.kform div.kform-row-container div.kform-row .xbutton-confirm.k-button,
      div.kform div.kform-row-container div.kform-row .xbutton-cancel.k-button {
        width: 100%;
        height: 50px;
        box-sizing: border-box;
        outline: 0;
        border: 0;
        cursor: pointer;
        border-radius: 5px;
        box-shadow: 1px 1px 2px 0 #e0e0e0;
        color: #fcfcfc;
        font-size: 14px;
        font-weight: bold; }
        div.kform div.kform-row-container div.kform-row .xbutton-confirm.k-button:active,
        div.kform div.kform-row-container div.kform-row .xbutton-cancel.k-button:active {
          box-shadow: 1px 1px 2px 0 #e0e0e0 !important; }
        div.kform div.kform-row-container div.kform-row .xbutton-confirm.k-button:hover,
        div.kform div.kform-row-container div.kform-row .xbutton-cancel.k-button:hover {
          box-shadow: 3px 3px 4px 0 #e0e0e0; }
      div.kform div.kform-row-container div.kform-row .xbutton-cancel.k-button {
        background-color: #d07373; }
        div.kform div.kform-row-container div.kform-row .xbutton-cancel.k-button:hover {
          background-color: #c65454;
          border-color: #c65454; }
      div.kform div.kform-row-container div.kform-row .xbutton-confirm.k-button {
        background-color: #81b974; }
        div.kform div.kform-row-container div.kform-row .xbutton-confirm.k-button:hover {
          background-color: #68ab59;
          border-color: #68ab59; }
      div.kform div.kform-row-container div.kform-row.form-row-xswitch {
        width: 66px;
        min-width: 66px; }
      div.kform div.kform-row-container div.kform-row label.xswitch {
        position: relative;
        display: inline-block;
        width: 66px;
        height: 40px;
        border-radius: 5px;
        opacity: 1;
        /*Hover sui campi*/
        /*Nasconde il checkbox di default di HTML*/
        /*Slider*/
        /*
        input:focus + .slider {
        	box-shadow: 0 0 1px #4caf50;
        }
        */ }
        div.kform div.kform-row-container div.kform-row label.xswitch:hover:not(:focus) {
          box-shadow: 1px 1px 2px 0 #e0e0e0; }
          div.kform div.kform-row-container div.kform-row label.xswitch:hover:not(:focus) span.slider {
            background-color: #fffff0; }
        div.kform div.kform-row-container div.kform-row label.xswitch input {
          opacity: 0;
          width: 0;
          height: 0; }
        div.kform div.kform-row-container div.kform-row label.xswitch span.slider {
          position: absolute;
          cursor: pointer;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          -webkit-transition: 0.4s;
          transition: 0.4s;
          border-radius: 5px;
          background-color: #ffffff;
          border: 2px solid #d0d0d0;
          /*Quadratino che si sposta*/ }
          div.kform div.kform-row-container div.kform-row label.xswitch span.slider:before {
            position: absolute;
            content: "";
            height: 28px;
            width: 28px;
            left: 4px;
            bottom: 4px;
            -webkit-transition: 0.4s;
            transition: 0.4s;
            border-radius: 3px;
            background-color: #d0d0d0; }
        div.kform div.kform-row-container div.kform-row label.xswitch input:checked + .slider {
          background-color: #c2dff0;
          border: 2px solid #3394cc; }
          div.kform div.kform-row-container div.kform-row label.xswitch input:checked + .slider:before {
            background-color: #3394cc; }
        div.kform div.kform-row-container div.kform-row label.xswitch input:checked + .slider:before {
          -webkit-transform: translateX(26px);
          -ms-transform: translateX(26px);
          transform: translateX(26px); }
      div.kform div.kform-row-container div.kform-row.form-row-xswitch.form-row-readonly label.xswitch {
        opacity: 0.4; }
      div.kform div.kform-row-container div.kform-row .upload-dropzone-container {
        display: inline-block;
        width: 100%;
        background-color: #ffffffff;
        border-radius: 4px;
        border: 2px dashed #dddddddd;
        text-align: center;
        font: bold 20px arial;
        color: #dddddddd;
        cursor: pointer;
        height: 100px;
        background-color: #ffffff;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; }
        div.kform div.kform-row-container div.kform-row .upload-dropzone-container .upload-dropzone-title {
          display: inline-block;
          margin-top: 37px; }
      div.kform div.kform-row-container div.kform-row .k-dropzone-hovered {
        background-color: transparent; }
      div.kform div.kform-row-container div.kform-row .k-upload-files {
        background-color: transparent; }
        div.kform div.kform-row-container div.kform-row .k-upload-files .k-file-group.k-icon {
          font-size: 15px; }
        div.kform div.kform-row-container div.kform-row .k-upload-files .k-upload-action {
          font-size: 2px; }
      div.kform div.kform-row-container div.kform-row li.k-file {
        background-color: transparent;
        padding-top: 2px;
        padding-bottom: 2px; }
      div.kform div.kform-row-container div.kform-row .k-upload {
        background-color: transparent;
        font-size: 10px;
        border: 0; }
        div.kform div.kform-row-container div.kform-row .k-upload .k-file-name,
        div.kform div.kform-row-container div.kform-row .k-upload .k-file-validation-message {
          font-size: 13px;
          text-align: left; }
        div.kform div.kform-row-container div.kform-row .k-upload .k-upload-files,
        div.kform div.kform-row-container div.kform-row .k-upload .k-file {
          border: 0; }
        div.kform div.kform-row-container div.kform-row .k-upload .k-dropzone,
        div.kform div.kform-row-container div.kform-row .k-upload .k-file-extension-wrapper,
        div.kform div.kform-row-container div.kform-row .k-upload .k-file-size,
        div.kform div.kform-row-container div.kform-row .k-upload .k-clear-selected,
        div.kform div.kform-row-container div.kform-row .k-upload .k-upload-selected {
          display: none; }

/*SOLO PER KFORM - Gruppo ed elementi delle dropdown e multiselect*/
.k-list-container.k-popup.k-group[id*="kform"] {
  padding: 0; }
  .k-list-container.k-popup.k-group[id*="kform"] .k-list-scroller ul.k-list > li.k-item span.item-text {
    font-size: 14px;
    color: #000000;
    line-height: 5px; }
  .k-list-container.k-popup.k-group[id*="kform"] .k-list-scroller ul.k-list > li.k-item span.item-text-sub {
    font-size: 11px;
    font-style: italic;
    color: #555555;
    line-height: 5px; }
  .k-list-container.k-popup.k-group[id*="kform"] .k-list-scroller ul.k-list > li.k-item.k-state-selected {
    background: #e4e6ff; }

/*Flex Container*/
div.touch-container-flex-row {
  flex: 1;
  display: flex;
  flex-direction: row; }

div.touch-container-flex-column {
  flex: 1;
  display: flex;
  flex-direction: column; }

/*Flex Grid Container*/
div.touch-container-flex-grid {
  flex: 1;
  display: flex;
  flex-direction: column; }

/*Toolbar*/
div.touch-toolbar-container {
  display: flex;
  flex-direction: row;
  background: #d2d2d2;
  padding: 5px 0 5px 5px;
  box-shadow: #11111155 1px 1px 2px 0px; }
  div.touch-toolbar-container.toolbar-main {
    background: #cd363f;
    z-index: 1000; }
  div.touch-toolbar-container.toolbar-super {
    background: #444444;
    z-index: 1000;
    overflow: auto; }

/*Icons*/
.touch-item-is-anomaly {
  color: red; }

.touch-item-is-ready {
  color: green; }

/*Button*/
div.touch-button-container {
  display: flex;
  align-items: center;
  height: 45px;
  font-size: 13px;
  cursor: pointer;
  border-radius: 25px;
  margin: 0 5px 0 5px;
  padding: 0 15px 0 12px;
  text-align: center;
  align-self: center; }
  div.touch-button-container:not(.pressed) {
    color: #000000;
    background-color: #e5e5e5;
    box-shadow: 1px 1px 2px 0 #11111155; }
    div.touch-button-container:not(.pressed):hover {
      background: #e0e0e0; }
  div.touch-button-container.pressed {
    color: #000000;
    background-color: #e9e6d1;
    box-shadow: inset 1px 1px 2px 1px #11111155; }
    div.touch-button-container.pressed:hover {
      background: #e1dcba; }
  div.touch-button-container.disabled {
    cursor: not-allowed; }
  div.touch-button-container span.touch-icon {
    font-size: 25px;
    margin: 0 3px 0 0; }
  div.touch-button-container.only-icon {
    flex: 0 0 45px;
    align-items: center;
    padding: 0;
    justify-content: center; }
    div.touch-button-container.only-icon span.touch-icon {
      margin: 0; }
    div.touch-button-container.only-icon span.touch-label {
      display: none; }

div.touch-button-container:active {
  background: #e0e0e0;
  box-shadow: none; }

/*Label*/
div.touch-label-container {
  font-size: 13px; }

/*Field*/
div.touch-field-container {
  display: flex;
  background: white;
  align-items: center;
  border-radius: 5px;
  margin: 3px;
  border: 1px solid #d5d5d5;
  overflow-y: hidden; }
  div.touch-field-container:not(.vertical) {
    flex-direction: row; }
    div.touch-field-container:not(.vertical) div.touch-field-label-container {
      height: 100%;
      border-bottom-left-radius: 5px;
      border-top-left-radius: 5px;
      border-right: 1px solid #d5d5d5; }
    div.touch-field-container:not(.vertical) div.touch-field-value-container {
      border-bottom-right-radius: 5px;
      border-top-right-radius: 5px; }
  div.touch-field-container.vertical {
    flex-direction: column; }
    div.touch-field-container.vertical div.touch-field-label-container {
      width: 100%;
      border-top-right-radius: 5px;
      border-top-left-radius: 5px;
      border-bottom: 1px solid #d5d5d5;
      padding: 5px 0 5px 0; }
    div.touch-field-container.vertical div.touch-field-value-container {
      border-bottom-right-radius: 5px;
      border-bottom-left-radius: 5px; }
  div.touch-field-container div.touch-field-label-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #ededed; }
    div.touch-field-container div.touch-field-label-container .touch-field-label {
      font-size: 13px; }
  div.touch-field-container div.touch-field-value-container {
    padding: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #ffffff; }
    div.touch-field-container div.touch-field-value-container .touch-field-value {
      font-size: 13px; }
  div.touch-field-container:not(.multiline) div.touch-field-value-container {
    min-width: 0;
    height: 100%; }
    div.touch-field-container:not(.multiline) div.touch-field-value-container span {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }

/*Input*/
div.touch-input-container {
  height: 35px;
  cursor: pointer;
  border-radius: 25px;
  background: #e5e5e5;
  box-shadow: 1px 1px 2px 0 #11111155;
  margin: 0 5px 0 0;
  padding: 0 10px 0 0;
  text-align: center; }

/*Dropdown*/
div.touch-dropdown-container .touch-dropdown {
  display: flex;
  align-items: center;
  height: 35px;
  cursor: pointer;
  border-radius: 25px;
  background: #e5e5e5;
  box-shadow: 1px 1px 2px 0 #11111155;
  text-align: center;
  width: 95%;
  height: 100%;
  padding-left: 12px;
  padding-right: 20px; }
  div.touch-dropdown-container .touch-dropdown span.current {
    line-height: normal;
    font-size: 18px;
    overflow-x: hidden;
    text-overflow: ellipsis; }

.is-readonly {
  color: grey;
  filter: grayscale(0.4); }

/*Animation*/
@keyframes touch_warning_pulse_color_1 {
  0% {
    background-color: #fff586;
    color: darkred; }
  50% {
    background-color: #ff9786;
    color: black; }
  100% {
    background-color: #fff586;
    color: darkred; } }
@keyframes touch_warning_pulse_color_2 {
  0% {
    background-color: #ffffff; }
  50% {
    background-color: #f6b9b9; }
  100% {
    background-color: #ffffff; } }
/*KENDO CALENDAR*/
div.k-calendar-container {
  border-radius: 4px;
  /*Header*/
  /*Footer*/
  /*Giorno oggi*/
  /*Giorno con focus (esempio appena apri il calendario senza aver selezionato niente)*/
  /*Giorno selezionato*/
  /*Giorno hover*/ }
  div.k-calendar-container div.k-calendar {
    border-radius: 4px; }
  div.k-calendar-container div.k-calendar div.k-header {
    font-weight: bold;
    color: white;
    background-color: var(--f4ns-color-env); }
    div.k-calendar-container div.k-calendar div.k-header a.k-link {
      font-weight: bold;
      color: white;
      background-color: var(--f4ns-color-env);
      border-radius: 4px !important; }
      div.k-calendar-container div.k-calendar div.k-header a.k-link:hover {
        border: 0;
        border-radius: 4px !important;
        background-color: var(--f4ns-color-env-darken-10); }
  div.k-calendar-container div.k-calendar div.k-footer a.k-link.k-nav-today {
    font-weight: bold;
    color: #000000;
    background-color: #ffffff; }
    div.k-calendar-container div.k-calendar div.k-footer a.k-link.k-nav-today:hover {
      background-color: #eeeeee;
      text-decoration: none; }
  div.k-calendar-container div.k-calendar a.k-link {
    border-radius: 4px !important; }
  div.k-calendar-container div.k-calendar td.k-today:not(.k-state-selected),
  div.k-calendar-container div.k-calendar td.k-today:not(.k-state-selected) a.k-link {
    box-shadow: none;
    border: 0;
    border-radius: 4px !important;
    color: #000000;
    background-color: #eeeeee; }
  div.k-calendar-container div.k-calendar td.k-state-focused:not(.k-state-selected),
  div.k-calendar-container div.k-calendar td.k-state-focused:not(.k-state-selected) a.k-link {
    box-shadow: none;
    border: 0;
    border-radius: 4px !important;
    color: #000000;
    background-color: #eeeeee; }
  div.k-calendar-container div.k-calendar td.k-state-selected,
  div.k-calendar-container div.k-calendar td.k-state-selected a.k-link {
    box-shadow: none;
    border: 0;
    border-radius: 4px !important;
    background-color: var(--f4ns-color-env);
    font-weight: bold; }
  div.k-calendar-container div.k-calendar td.k-state-hover {
    box-shadow: none;
    border: 0;
    border-radius: 4px !important; }

/*KENDO TIME PICKER*/
div.k-animation-container {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  /*Header*/ }
  div.k-animation-container div.k-timeselector {
    border-radius: 4px; }
    div.k-animation-container div.k-timeselector div.k-time-header {
      font-weight: bold;
      color: white;
      background-color: var(--f4ns-color-env);
      border-top-left-radius: 4px;
      border-top-right-radius: 4px; }
      div.k-animation-container div.k-timeselector div.k-time-header button.k-time-now {
        color: white;
        text-transform: none;
        font-weight: bold;
        border: 1px solid white; }
    div.k-animation-container div.k-timeselector .k-time-highlight {
      background-color: #f7f0ba; }
    div.k-animation-container div.k-timeselector .k-time-container .k-item:hover {
      color: var(--f4ns-color-env);
      cursor: pointer; }
    div.k-animation-container div.k-timeselector div.k-time-footer {
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px; }
      div.k-animation-container div.k-timeselector div.k-time-footer button {
        color: white !important;
        font-weight: bold;
        text-transform: none; }
        div.k-animation-container div.k-timeselector div.k-time-footer button.k-time-cancel.k-button {
          display: none; }
        div.k-animation-container div.k-timeselector div.k-time-footer button.k-time-accept.k-button {
          background-color: var(--f4ns-color-env);
          width: 100%;
          margin: 0; }
          div.k-animation-container div.k-timeselector div.k-time-footer button.k-time-accept.k-button:hover {
            background-color: var(--f4ns-color-env-darken-10); }

:root {
  --fc-today-bg-color: #ffaf1b10 !important; }

.cal-week-view.cal-draggable {
  cursor: pointer !important;
  pointer-events: all; }

.fc-timegrid-slot {
  height: 30px !important; }
  .fc-timegrid-slot.fc-timegrid-slot-lane.fc-timegrid-slot-minor {
    border-bottom: 1px solid #d4d4d4 !important;
    border-top: 1px solid #f4f4f4 !important; }
  .fc-timegrid-slot.fc-timegrid-slot-lane:not(.fc-timegrid-slot-minor) {
    border-top: 1px solid #d4d4d4 !important;
    border-bottom: 1px solid #f4f4f4 !important; }
  .fc-timegrid-slot.fc-timegrid-slot-label {
    border-top: 0 !important;
    border-bottom: 0 !important; }
  .fc-timegrid-slot .fc-timegrid-slot-label-frame {
    position: relative;
    top: -15px;
    font-size: 14px;
    text-align: center !important;
    color: #444444; }

.fc-toolbar.fc-header-toolbar {
  background: var(--f4ns-color-env);
  height: var(--f4ns-kgrid-toolbar-button-size); }
  .fc-toolbar.fc-header-toolbar .fc-toolbar-title {
    text-transform: capitalize;
    color: #ffffff;
    font-size: 16px; }
  .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .fc-button {
    background: transparent !important;
    border: 0 !important; }

.fc-col-header-cell {
  font-size: 14px;
  text-transform: capitalize;
  color: #444444; }

.fc-event-title {
  padding: 0 0 0 6px !important;
  font-size: 11px; }

.fc-col-header {
  background: #f9f9f9; }

.fc-scrollgrid thead tr.fc-scrollgrid-section.fc-scrollgrid-section-header .fc-col-header-cell {
  color: #444444 !important; }
.fc-scrollgrid tbody > .fc-scrollgrid-section.fc-scrollgrid-section-body {
  box-shadow: 0px 2px 4px 0 #11111155; }
  .fc-scrollgrid tbody > .fc-scrollgrid-section.fc-scrollgrid-section-body .fc-daygrid-body {
    background: #f9f9f9; }

.fc-event-main {
  overflow: hidden; }

.f4ns-event {
  background-color: #dddddd !important;
  border: 1px solid #000000 !important;
  cursor: pointer; }
  .f4ns-event .f4ns-event-content {
    color: #000000 !important; }
  .f4ns-event.f4ns-event-selected {
    box-shadow: 0px 0px 5px 5px #5d96ff !important; }
  .f4ns-event.f4ns-event-gray {
    background-color: #dddddd !important; }
  .f4ns-event.f4ns-event-green {
    background-color: #abe5a4 !important; }
  .f4ns-event.f4ns-event-lightblue {
    background-color: #a4e2e5 !important; }
  .f4ns-event.f4ns-event-red {
    background-color: #e5b6a4 !important; }
  .f4ns-event.f4ns-event-orange {
    background-color: #ffd9b3 !important; }
  .f4ns-event.f4ns-event-blue {
    background-color: #b3b3ff !important; }
  .f4ns-event.f4ns-event-yellow {
    background-color: yellow !important; }
  .f4ns-event.f4ns-event-white {
    background-color: white !important; }
  .f4ns-event.f4ns-event-border-gold {
    border: 3px solid gold !important; }
  .f4ns-event.f4ns-event-operation.f4ns-event-operation-creating {
    background-color: #dddddd !important; }
  .f4ns-event.f4ns-event-operation.f4ns-event-operation-internal {
    background-color: #a4e2e5 !important; }
  .f4ns-event.f4ns-event-operation.f4ns-event-operation-report-ok {
    background-color: #abe5a4 !important; }
  .f4ns-event.f4ns-event-operation.f4ns-event-operation-report-ko {
    background-color: #e5b6a4 !important; }
  .f4ns-event.f4ns-event-trip {
    border: 1px solid #acacac !important;
    background-color: #fcfcfc !important; }
    .f4ns-event.f4ns-event-trip.f4ns-event-trip-report-ok {
      background-color: #ebf8e6 !important; }
    .f4ns-event.f4ns-event-trip.f4ns-event-trip-report-ko {
      background-color: #e7d5ce !important; }
    .f4ns-event.f4ns-event-trip .f4ns-event-content {
      color: #494949 !important; }
  .f4ns-event.f4ns-event-meal {
    background-color: #fff3fc !important; }
    .f4ns-event.f4ns-event-meal.f4ns-event-meal-report-ok {
      border: 1px solid #81b66d !important; }
    .f4ns-event.f4ns-event-meal.f4ns-event-meal-report-ko {
      border: 1px solid #cf7373 !important; }
  .f4ns-event.f4ns-event-operation-assistance {
    border: 3px solid #c70000 !important; }
    .f4ns-event.f4ns-event-operation-assistance.f4ns-event-operation-has-contract {
      border: 2px solid #059900 !important; }
  .f4ns-event.f4ns-event-operation-offer {
    border: 2px dashed blue !important; }
  .f4ns-event.f4ns-event-operation-report-locked {
    filter: sepia(0.45) saturate(0.6); }
    .f4ns-event.f4ns-event-operation-report-locked .f4ns-event-content {
      color: brown !important; }
  .f4ns-event.f4ns-event-trip-report-locked {
    filter: sepia(0.2) saturate(0.6); }
    .f4ns-event.f4ns-event-trip-report-locked .f4ns-event-content {
      color: brown !important; }
  .f4ns-event.f4ns-event-meal-report-locked {
    filter: sepia(0.1) saturate(0.7); }
    .f4ns-event.f4ns-event-meal-report-locked .f4ns-event-content {
      color: brown !important; }

/*
.fc-toolbar.fc-header-toolbar {
	margin-bottom: 10px;
}
*/
/* MONTH CALENDAR */
/******************/
/*
.f4ns-day-wip {
	background-color: #ffede0;
}

.f4ns-day-completed {
	background-color: #e0ffe8;
}

.fc .fc-daygrid-day-top {
	flex-direction: row !important;
}

.fc-daygrid-day-top {
	line-height: 10px !important;
	height: 25px;
	// place-content: center;

	.f4ns-daygrid-day-number {
		text-align: center;
		padding: 6px 4px 5px 4px !important;
		border-radius: 30%;
		font-weight: bold;
	}

	.f4ns-daygrid-day-hour {
		text-align: left;
		padding: 7px 7px 0px 0px;
		font-size: 12px;
		color: #797979;
		white-space: nowrap;
		overflow: hidden;
		//text-overflow: ellipsis;
		cursor: default;
	}

	.f4ns-daygrid-day-extra {
		text-align: right;
		padding: 7px 7px 0px 0px;
		font-size: 12px;
		color: #797979;
		white-space: nowrap;
		overflow: hidden;
		//text-overflow: ellipsis;
		cursor: default;
	}
}

.fc-daygrid-day.fc-day {
	&.fc-day-today .fc-daygrid-day-top .f4ns-daygrid-day-number {
		background: map.get($f4ns-palette-primary-prod, 400);
		color: map.get(map.get($f4ns-palette-primary-prod, contrast), 400);

	}
}

.fc-daygrid-more-link {
	color: #b5b5b5;
}

@media (max-height: 430px) {
	.fc-daygrid-day-events {
		visibility: hidden;
	}
}

// Numero di ore in ogni giorno
app-calendar-service-day-cell {
	flex: 1;
}
*/
/******************/
/*Evento service_task*/
/*
.f4ns-event-service-task {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;

	.f4ns-event-service-task-slot {
		flex: 1;
		display: flex;
		flex-direction: row;
		color: #fff;
		padding-right: 5px;
		opacity: 0;

		&.f4ns-event-service-task-slot-enabled {
			z-index: 2;
			cursor: pointer;
			opacity: 1;
		}

		.f4ns-event-service-task-slot-text {
			flex: 1;
			margin-left: 5px;
		}

		.f4ns-event-service-task-slot-counter {
			text-align: center;
			padding: 0 5px 0 5px;
			border-radius: 50%;
			color: #fff;
			background: #cd363f;
		}
	}
}
*/
/*Evento service_operation*/
/*
.f4ns-event-service-operation-slot {
	position: absolute;
	top: 2px;
	left: 70px;
	float: left;
	z-index: 2;
}

.f4ns-event-icon-container {
	position: absolute;
	top: 10px;
	right: 2px;
	background: white;
	border: 2px solid white;
	border-radius: 3px;
	box-shadow: 3px 3px 3px 0px grey;

	.f4ns-event-icon {
		display: block;
		font-size: 14px;
		background: white;
		color: grey;

		&.f4ns-event-icon-enabled {
			color: orangered;
		}
	}
}

.f4ns-event-icon {
	font-size: 14px;
}

.fc-event-title {
	padding: 0 0 0 6px !important;
	font-size: 11px;
}

.f4ns-event {
	cursor: pointer !important;
}
*/
.form {
  /*KENDO UPLOAD*/ }
  .form .dropzone_area {
    background-color: #ffffffff;
    border-radius: 10px;
    border: 4px dashed #dddddddd;
    text-align: center;
    font: bold 20px arial;
    color: #dddddddd;
    cursor: pointer;
    padding: 8vh;
    background-color: #ffffff;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .form .k-dropzone-hovered {
    background-color: #ffffff; }
  .form .k-upload {
    background-color: #ffffffff;
    font-size: 10px;
    border: 0; }
    .form .k-upload button {
      width: 100%;
      box-sizing: border-box;
      outline: 0;
      border: 0;
      cursor: pointer;
      color: #fcfcfc !important;
      font-size: 13px;
      font-weight: bold; }
      .form .k-upload button.k-clear-selected {
        background-color: #d07373 !important; }
      .form .k-upload button.k-clear-selected:hover {
        background-color: #c65454 !important;
        border-color: #c65454 !important; }
      .form .k-upload button.k-upload-selected {
        background-color: #81b974 !important; }
      .form .k-upload button.k-upload-selected:hover {
        background-color: #68ab59 !important;
        border-color: #68ab59 !important; }
    .form .k-upload .k-file-name,
    .form .k-upload .k-file-validation-message {
      font-size: 13px;
      text-align: left; }
    .form .k-upload .k-upload-files,
    .form .k-upload .k-file {
      border: 0; }
    .form .k-upload .k-dropzone,
    .form .k-upload .k-file-extension-wrapper,
    .form .k-upload .k-file-size {
      display: none; }

/*Popup button (es. utilizzato in Layout - Modifica)*/
div.popup-bar {
  position: fixed;
  z-index: 99999;
  box-shadow: 2px 2px 4px 0 #11111155;
  width: fit-content;
  max-width: 152px;
  border-color: #ffffff99;
  border-width: 1px 0 0 1px;
  border-style: solid;
  color: #ffffff;
  background: #555555; }
  div.popup-bar div.popup-bar-btn {
    float: left;
    width: 37px;
    height: 37px;
    cursor: pointer;
    border-color: #ffffff99;
    border-width: 0 1px 1px 0;
    border-style: solid;
    background: #666666; }
    div.popup-bar div.popup-bar-btn span.popup-bar-btn {
      margin: 10px;
      width: 17px;
      height: 17px;
      display: flex;
      justify-content: center;
      align-items: center; }
  div.popup-bar div.popup-bar-btn:hover {
    background: var(--f4ns-color-env); }

.dhx_diagram {
  background-color: #ffffff !important;
  background-image: linear-gradient(#f4f4f4 1.5px, transparent 1.5px), linear-gradient(to right, #f4f4f4 1.5px, #ffffff 1.5px) !important;
  background-size: 30px 30px !important; }
  .dhx_diagram div.dhx_diagram__container {
    background-color: transparent !important; }
  .dhx_diagram div.dhx_diagram_line_title {
    width: 110px !important;
    line-height: 18px !important;
    height: 42px !important; }
    .dhx_diagram div.dhx_diagram_line_title span.dhx_diagram_line_title__text {
      border-radius: 10px  !important;
      border: 2px #999999 solid  !important;
      color: #999999 !important;
      padding-bottom: 17px !important; }
    .dhx_diagram div.dhx_diagram_line_title.title-green {
      z-index: 1000 !important; }
      .dhx_diagram div.dhx_diagram_line_title.title-green span.dhx_diagram_line_title__text {
        border: 4px #a3ebb9 solid !important;
        color: #444444 !important;
        background-color: #e4fbeb !important; }
    .dhx_diagram div.dhx_diagram_line_title.title-red {
      z-index: 1000 !important; }
      .dhx_diagram div.dhx_diagram_line_title.title-red span.dhx_diagram_line_title__text {
        border: 4px #f99f9f solid !important;
        color: #444444 !important;
        background-color: #ffeaea !important; }
  .dhx_diagram div.diagram-button {
    position: fixed;
    width: 40px;
    height: 40px;
    top: 40px;
    right: 20px;
    background-color: #dddddd;
    color: #222222;
    cursor: pointer;
    border-radius: 50px;
    text-align: center;
    box-shadow: 2px 2px 3px #a1a1a1; }
    .dhx_diagram div.diagram-button span {
      margin-top: 10px;
      font-size: 22px; }
    .dhx_diagram div.diagram-button:hover {
      background-color: #ededed;
      box-shadow: 1px 1px 2px #a1a1a1; }
    .dhx_diagram div.diagram-button:active {
      background-color: #ededed;
      box-shadow: inset 2px 2px 3px #a1a1a1; }

div.tippy-box {
  background-color: #555555ee;
  overflow-wrap: break-word; }
  div.tippy-box div.tippy-content {
    color: white;
    font-size: 11px;
    line-height: 12px; }
  div.tippy-box div.tippy-arrow::before {
    color: #555555ee; }

.f4ns-toolbar {
  display: flex;
  flex-direction: row;
  height: var(--f4ns-kgrid-toolbar-button-size);
  background-color: var(--f4ns-color-env); }
  .f4ns-toolbar .f4ns-toolbar-zone {
    display: flex;
    flex-direction: row;
    overflow: scroll; }
    .f4ns-toolbar .f4ns-toolbar-zone::-webkit-scrollbar {
      display: none; }
    .f4ns-toolbar .f4ns-toolbar-zone .f4ns-toolbar-item {
      flex: 0 0 calc(var(--f4ns-kgrid-toolbar-button-size) - 7px);
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      margin: 2px 3px 2px 3px;
      padding: 2px 3px 2px 3px;
      color: #ffffff; }
      .f4ns-toolbar .f4ns-toolbar-zone .f4ns-toolbar-item.f4ns-toolbar-item-button {
        border: 1px solid #ffffff1b;
        cursor: pointer; }
        .f4ns-toolbar .f4ns-toolbar-zone .f4ns-toolbar-item.f4ns-toolbar-item-button.f4ns-toolbar-item-enabled:hover {
          background-color: var(--f4ns-color-env-darken-6);
          border-color: #ffffff44; }
          .f4ns-toolbar .f4ns-toolbar-zone .f4ns-toolbar-item.f4ns-toolbar-item-button.f4ns-toolbar-item-enabled:hover.f4ns-toolbar-item-super, .f4ns-toolbar .f4ns-toolbar-zone .f4ns-toolbar-item.f4ns-toolbar-item-button.f4ns-toolbar-item-enabled:hover.f4ns-toolbar-item-skill {
            background-color: #777777; }
        .f4ns-toolbar .f4ns-toolbar-zone .f4ns-toolbar-item.f4ns-toolbar-item-button.f4ns-toolbar-item-selected {
          background-color: var(--f4ns-color-env-darken-8); }
          .f4ns-toolbar .f4ns-toolbar-zone .f4ns-toolbar-item.f4ns-toolbar-item-button.f4ns-toolbar-item-selected:hover {
            background-color: var(--f4ns-color-env-darken-10);
            border-color: #ffffff44; }
        .f4ns-toolbar .f4ns-toolbar-zone .f4ns-toolbar-item.f4ns-toolbar-item-button.f4ns-toolbar-item-disabled {
          cursor: not-allowed;
          color: #ffffff1b;
          pointer-events: none; }
      .f4ns-toolbar .f4ns-toolbar-zone .f4ns-toolbar-item span.f4ns-toolbar-item-icon {
        font-size: calc(16px + var(--f4ns-kgrid-toolbar-button-size) / 9); }
      .f4ns-toolbar .f4ns-toolbar-zone .f4ns-toolbar-item.f4ns-toolbar-item-super, .f4ns-toolbar .f4ns-toolbar-zone .f4ns-toolbar-item.f4ns-toolbar-item-skill {
        background-color: #6a6a6a; }
        .f4ns-toolbar .f4ns-toolbar-zone .f4ns-toolbar-item.f4ns-toolbar-item-super.f4ns-toolbar-item-skill, .f4ns-toolbar .f4ns-toolbar-zone .f4ns-toolbar-item.f4ns-toolbar-item-skill.f4ns-toolbar-item-skill {
          color: #ffd400; }
      .f4ns-toolbar .f4ns-toolbar-zone .f4ns-toolbar-item span.f4ns-toolbar-item-text {
        white-space: nowrap; }

.accordionjs {
  margin: 0 !important; }
  .accordionjs .acc_section {
    border: 0 !important;
    border-radius: 0 !important; }
    .accordionjs .acc_section .acc_head {
      border: 0 !important;
      padding: 0 !important; }
    .accordionjs .acc_section .acc_content {
      border: 0 !important;
      padding: 0 !important; }

.f4ns-accordion.f4ns-accordion-super .f4ns-accordion-item-container {
  display: flex;
  flex-direction: row;
  height: 36px;
  cursor: pointer;
  border-radius: 15px; }
  .f4ns-accordion.f4ns-accordion-super .f4ns-accordion-item-container .f4ns-accordion-item-left {
    flex: 0 0 38px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center; }
    .f4ns-accordion.f4ns-accordion-super .f4ns-accordion-item-container .f4ns-accordion-item-left .f4ns-accordion-item-icon {
      font-size: 20px;
      max-width: 38px; }
  .f4ns-accordion.f4ns-accordion-super .f4ns-accordion-item-container .f4ns-accordion-item-right {
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    white-space: nowrap;
    text-overflow: ellipsis; }
    .f4ns-accordion.f4ns-accordion-super .f4ns-accordion-item-container .f4ns-accordion-item-right .f4ns-accordion-item-text {
      margin-left: 9px;
      font-size: 16px;
      font-family: system-ui, sans-serif;
      font-size: calc(var(--f4ns-page-font-size) + 1px);
      font-weight: bold; }
.f4ns-accordion:not(.f4ns-accordion-super) .f4ns-accordion-item-container {
  display: flex;
  flex-direction: row;
  height: 36px;
  cursor: pointer; }
  .f4ns-accordion:not(.f4ns-accordion-super) .f4ns-accordion-item-container .f4ns-accordion-item-left {
    flex: 0 0 38px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center; }
    .f4ns-accordion:not(.f4ns-accordion-super) .f4ns-accordion-item-container .f4ns-accordion-item-left .f4ns-accordion-item-icon {
      font-size: 20px;
      max-width: 38px; }
  .f4ns-accordion:not(.f4ns-accordion-super) .f4ns-accordion-item-container .f4ns-accordion-item-right {
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    white-space: nowrap;
    text-overflow: ellipsis; }
    .f4ns-accordion:not(.f4ns-accordion-super) .f4ns-accordion-item-container .f4ns-accordion-item-right .f4ns-accordion-item-text {
      margin-left: 9px;
      font-size: 16px;
      font-family: system-ui, sans-serif;
      font-size: calc(var(--f4ns-page-font-size) + 1px);
      font-weight: bold; }
  .f4ns-accordion:not(.f4ns-accordion-super) .f4ns-accordion-item-container.f4ns-accordion-item-parent {
    border-top: 1px solid #ffffff; }
    .f4ns-accordion:not(.f4ns-accordion-super) .f4ns-accordion-item-container.f4ns-accordion-item-parent:hover {
      filter: brightness(110%); }
    .f4ns-accordion:not(.f4ns-accordion-super) .f4ns-accordion-item-container.f4ns-accordion-item-parent .f4ns-accordion-item-left {
      background-color: var(--f4ns-color-env);
      color: #ffffff;
      border-right: 1px solid #ffffff; }
    .f4ns-accordion:not(.f4ns-accordion-super) .f4ns-accordion-item-container.f4ns-accordion-item-parent .f4ns-accordion-item-right {
      background-color: #797979;
      color: #ffffff; }
    .f4ns-accordion:not(.f4ns-accordion-super) .f4ns-accordion-item-container.f4ns-accordion-item-parent.f4ns-accordion-item-selected:not(.f4ns-accordion-item-activated) {
      border-right: 5px solid #cccccc; }
    .f4ns-accordion:not(.f4ns-accordion-super) .f4ns-accordion-item-container.f4ns-accordion-item-parent.f4ns-accordion-item-super .f4ns-accordion-item-left {
      background-color: #444444; }
    .f4ns-accordion:not(.f4ns-accordion-super) .f4ns-accordion-item-container.f4ns-accordion-item-parent.f4ns-accordion-item-skill .f4ns-accordion-item-left {
      background-color: #444444;
      color: #ffd400; }
  .f4ns-accordion:not(.f4ns-accordion-super) .f4ns-accordion-item-container.f4ns-accordion-item-child {
    border-bottom: 1px solid #eeeeee; }
    .f4ns-accordion:not(.f4ns-accordion-super) .f4ns-accordion-item-container.f4ns-accordion-item-child:hover {
      filter: brightness(93%); }
    .f4ns-accordion:not(.f4ns-accordion-super) .f4ns-accordion-item-container.f4ns-accordion-item-child .f4ns-accordion-item-left {
      background-color: #ffffff;
      color: #444444;
      border-right: 1px solid #dddddd; }
    .f4ns-accordion:not(.f4ns-accordion-super) .f4ns-accordion-item-container.f4ns-accordion-item-child .f4ns-accordion-item-right {
      background-color: #ffffff;
      color: #444444; }
    .f4ns-accordion:not(.f4ns-accordion-super) .f4ns-accordion-item-container.f4ns-accordion-item-child.f4ns-accordion-item-selected {
      border-right: 5px solid var(--f4ns-color-env); }
      .f4ns-accordion:not(.f4ns-accordion-super) .f4ns-accordion-item-container.f4ns-accordion-item-child.f4ns-accordion-item-selected .f4ns-accordion-item-left, .f4ns-accordion:not(.f4ns-accordion-super) .f4ns-accordion-item-container.f4ns-accordion-item-child.f4ns-accordion-item-selected .f4ns-accordion-item-right {
        background-color: #d2d2d2; }
    .f4ns-accordion:not(.f4ns-accordion-super) .f4ns-accordion-item-container.f4ns-accordion-item-child.f4ns-accordion-item-selected-green .f4ns-accordion-item-left, .f4ns-accordion:not(.f4ns-accordion-super) .f4ns-accordion-item-container.f4ns-accordion-item-child.f4ns-accordion-item-selected-green .f4ns-accordion-item-right {
      background-color: lightgreen; }
    .f4ns-accordion:not(.f4ns-accordion-super) .f4ns-accordion-item-container.f4ns-accordion-item-child.f4ns-accordion-item-super .f4ns-accordion-item-left {
      background-color: #aaaaaa; }
    .f4ns-accordion:not(.f4ns-accordion-super) .f4ns-accordion-item-container.f4ns-accordion-item-child.f4ns-accordion-item-skill .f4ns-accordion-item-left {
      background-color: #aaaaaa;
      color: #ffd400; }

/**************/
/*f4ns-spinner*/
/**************/
/*
Fonte: https://cssloaders.github.io/
*/
.f4ns-spinner-container {
  z-index: var(--f4ns-z-index-spinner);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background: #00000044; }
  .f4ns-spinner-container .f4ns-spinner {
    z-index: calc(var(--f4ns-z-index-spinner) + 1);
    flex: 0 0 60px;
    width: 60px;
    /**/
    border: 8px solid #ffffff;
    border-bottom-color: var(--f4ns-color-env);
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite; }

@keyframes rotation {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
.toastify {
  background: none !important;
  padding: 0 !important; }

.f4ns-toast {
  display: flex;
  flex-direction: row;
  flex: 1;
  line-break: anywhere;
  border-radius: 8px;
  color: #333333 !important;
  width: 300px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  cursor: default; }
  .f4ns-toast.f4ns-toast-info {
    border: 2px solid #54a9c4;
    background-color: #f8feff !important;
    box-shadow: 0 2px 26px 2px #54a9c455; }
    .f4ns-toast.f4ns-toast-info .f4ns-toast-icon {
      color: #54a9c4; }
    .f4ns-toast.f4ns-toast-info .f4ns-toast-loader {
      background-color: #54a9c455; }
  .f4ns-toast.f4ns-toast-warning {
    border: 2px solid #f3c23a;
    background-color: #fffef8 !important;
    box-shadow: 0 2px 26px 2px #f3c23a55; }
    .f4ns-toast.f4ns-toast-warning .f4ns-toast-icon {
      color: #f3c23a; }
    .f4ns-toast.f4ns-toast-warning .f4ns-toast-loader {
      background-color: #f3c23a55; }
  .f4ns-toast.f4ns-toast-error {
    border: 2px solid #c45454;
    background-color: #fff8f8 !important;
    box-shadow: 0 2px 26px 2px #c4545455; }
    .f4ns-toast.f4ns-toast-error .f4ns-toast-icon {
      color: #c45454; }
    .f4ns-toast.f4ns-toast-error .f4ns-toast-loader {
      background-color: #c4545455; }
  .f4ns-toast.f4ns-toast-success {
    border: 2px solid #59bf40;
    background-color: #f8fff8 !important;
    box-shadow: 0 2px 26px 2px #59bf4055; }
    .f4ns-toast.f4ns-toast-success .f4ns-toast-icon {
      color: #59bf40; }
    .f4ns-toast.f4ns-toast-success .f4ns-toast-loader {
      background-color: #59bf4055; }
  .f4ns-toast .f4ns-toast-content {
    display: flex;
    flex-direction: column;
    flex: 1; }
    .f4ns-toast .f4ns-toast-content .f4ns-toast-body {
      display: flex;
      flex-direction: row;
      flex: 1;
      padding: 10px; }
      .f4ns-toast .f4ns-toast-content .f4ns-toast-body .f4ns-toast-left {
        display: flex;
        flex-direction: row;
        flex: 0 0 35px;
        align-items: center; }
        .f4ns-toast .f4ns-toast-content .f4ns-toast-body .f4ns-toast-left .f4ns-toast-icon {
          display: flex;
          flex-direction: row;
          flex: 1;
          font-size: 35px; }
      .f4ns-toast .f4ns-toast-content .f4ns-toast-body .f4ns-toast-center {
        display: flex;
        flex-direction: column;
        flex: 1;
        align-self: center;
        margin-left: 10px; }
        .f4ns-toast .f4ns-toast-content .f4ns-toast-body .f4ns-toast-center .f4ns-toast-title {
          display: flex;
          flex-direction: row;
          flex: 2;
          font-size: 16px;
          font-weight: 600; }
        .f4ns-toast .f4ns-toast-content .f4ns-toast-body .f4ns-toast-center .f4ns-toast-text {
          display: flex;
          flex-direction: row;
          flex: 3;
          font-size: 14px;
          line-break: normal;
          word-break: break-word;
          overflow-wrap: break-word; }
      .f4ns-toast .f4ns-toast-content .f4ns-toast-body .f4ns-toast-right {
        display: flex;
        flex-direction: row;
        flex: 0 0 22px; }
        .f4ns-toast .f4ns-toast-content .f4ns-toast-body .f4ns-toast-right .f4ns-toast-button-close span {
          color: #82828299;
          font-size: 20px;
          height: 22px;
          cursor: pointer; }
          .f4ns-toast .f4ns-toast-content .f4ns-toast-body .f4ns-toast-right .f4ns-toast-button-close span:hover {
            color: #828282; }
    .f4ns-toast .f4ns-toast-content .f4ns-toast-footer {
      display: flex;
      flex-direction: column;
      flex: 0 0 10px; }
      .f4ns-toast .f4ns-toast-content .f4ns-toast-footer .f4ns-toast-loader {
        display: flex;
        flex-direction: row;
        flex: 0 0 4px;
        border-radius: 20px;
        margin-left: 25px;
        margin-right: 25px;
        width: calc(100% - 50px); }
  .f4ns-toast:hover .f4ns-toast-loader {
    animation-play-state: paused; }

@keyframes loader-decrease {
  0% {
    width: 240px;
    visibility: visible; }
  100% {
    width: 0;
    visibility: hidden; } }
.grid-stack {
  position: relative;
  top: 25px;
  width: 100%;
  height: calc(100% - 25px);
  max-width: 100%;
  max-height: calc(100% - 25px);
  overflow: hidden;
  z-index: 0;
  visibility: hidden;
  background: #ffffff; }
  .grid-stack .grid-stack-item .grid-stack-item-content {
    background: #ffffff;
    border-radius: 5px;
    border: 1px solid #dadce0;
    color: #444444; }
    .grid-stack .grid-stack-item .grid-stack-item-content .grid-stack-item-btn.grid-stack-item-btn-delete,
    .grid-stack .grid-stack-item .grid-stack-item-content .grid-stack-item-btn.grid-stack-item-btn-edit {
      display: none; }
    .grid-stack .grid-stack-item .grid-stack-item-content .grid-stack-item-content-chart-container {
      height: 100%; }
      .grid-stack .grid-stack-item .grid-stack-item-content .grid-stack-item-content-chart-container div.grid-stack-item-card {
        height: 100%;
        flex: 1;
        display: flex;
        flex-direction: column;
        z-index: 1;
        overflow: hidden; }
        .grid-stack .grid-stack-item .grid-stack-item-content .grid-stack-item-content-chart-container div.grid-stack-item-card div.grid-stack-item-card-toolbar {
          flex: 1;
          height: 100%;
          font-size: 1.8vmin;
          font-weight: bold;
          display: flex;
          justify-content: center;
          align-items: center;
          border-bottom: 1px solid #dadce0; }
        .grid-stack .grid-stack-item .grid-stack-item-content .grid-stack-item-content-chart-container div.grid-stack-item-card div.grid-stack-item-card-body {
          display: flex;
          flex-direction: row;
          text-align: center;
          justify-content: center; }
          .grid-stack .grid-stack-item .grid-stack-item-content .grid-stack-item-content-chart-container div.grid-stack-item-card div.grid-stack-item-card-body div.grid-stack-item-card-body-field-container {
            flex: 1;
            display: flex;
            flex-direction: column;
            text-align: center;
            justify-content: center; }
            .grid-stack .grid-stack-item .grid-stack-item-content .grid-stack-item-content-chart-container div.grid-stack-item-card div.grid-stack-item-card-body div.grid-stack-item-card-body-field-container span.grid-stack-item-card-body-field-icon {
              flex: 0 0 50px;
              height: 100%;
              font-size: 4vmin;
              align-self: center; }
            .grid-stack .grid-stack-item .grid-stack-item-content .grid-stack-item-content-chart-container div.grid-stack-item-card div.grid-stack-item-card-body div.grid-stack-item-card-body-field-container span.grid-stack-item-card-body-field-label {
              flex: 1;
              font-size: 1.5vmin;
              display: flex;
              justify-content: center;
              align-items: flex-end;
              white-space: nowrap; }
            .grid-stack .grid-stack-item .grid-stack-item-content .grid-stack-item-content-chart-container div.grid-stack-item-card div.grid-stack-item-card-body div.grid-stack-item-card-body-field-container span.grid-stack-item-card-body-field-value {
              flex: 2;
              height: 100%;
              font-size: 3vmin;
              display: flex;
              justify-content: center;
              align-items: center;
              white-space: nowrap; }
      .grid-stack .grid-stack-item .grid-stack-item-content .grid-stack-item-content-chart-container div.grid-stack-item-chart {
        flex: 1;
        display: flex;
        flex-direction: column;
        height: 100%;
        margin: 0px;
        box-sizing: border-box;
        box-shadow: 2px 2px 4px 0 #11111133;
        z-index: 1;
        overflow: hidden;
        background-color: #ffffff; }
        .grid-stack .grid-stack-item .grid-stack-item-content .grid-stack-item-content-chart-container div.grid-stack-item-chart div.grid-stack-item-chart-toolbar {
          flex: 1.2;
          height: 100%;
          font-size: 2vmin;
          font-weight: bold;
          color: #6c6c6c;
          display: flex;
          justify-content: center;
          align-items: center;
          background-color: #ffffff;
          border-bottom: 1px solid #dadce0; }
        .grid-stack .grid-stack-item .grid-stack-item-content .grid-stack-item-content-chart-container div.grid-stack-item-chart div.grid-stack-item-chart-canvas-container {
          flex: 10;
          height: 100%;
          z-index: 1;
          overflow: hidden;
          background-color: #ffffff; }
          .grid-stack .grid-stack-item .grid-stack-item-content .grid-stack-item-content-chart-container div.grid-stack-item-chart div.grid-stack-item-chart-canvas-container div.grid-stack-item-chart-canvas {
            display: block; }
  .grid-stack .grid-stack-item .ui-resizable-handle.ui-resizable-se {
    right: 12px !important;
    bottom: 12px !important; }
  .grid-stack .grid-stack-item.grid-stack-placeholder .placeholder-content {
    border-radius: 5px;
    background: #dbffdb; }

.grid-stack.edit {
  /*
  .grid-stack-item[gs-id="item_add"] {
  	opacity: 0.2;
  	
  	.grid-stack-item-content {
  		cursor: pointer;
  	}
  	
  	.ui-resizable-handle.ui-resizable-se {
  		display: none;
  	}
  	
  	&:hover {
  		opacity: 1;
  		
  		.grid-stack-item-content {
  			background: #dbffdb;
  		}
  	}
  }
  */ }
  .grid-stack.edit .grid-stack-item .grid-stack-item-content {
    background: #eeeeee;
    border-radius: 5px;
    cursor: move;
    border: 2px dashed gray; }
    .grid-stack.edit .grid-stack-item .grid-stack-item-content .grid-stack-item-btn.grid-stack-item-btn-delete {
      position: absolute;
      top: 10px;
      right: 6px;
      font-size: 20px;
      cursor: pointer;
      color: #c4131d;
      display: inherit; }
    .grid-stack.edit .grid-stack-item .grid-stack-item-content .grid-stack-item-btn.grid-stack-item-btn-edit {
      position: absolute;
      top: 11px;
      right: 26px;
      font-size: 16px;
      cursor: pointer;
      color: #666666;
      display: inherit; }
  .grid-stack.edit .grid-stack-item:hover .grid-stack-item-content {
    background: #fcf5ba; }
  .grid-stack.edit .grid-stack-item:hover .grid-stack-item-btn.grid-stack-item-btn-delete,
  .grid-stack.edit .grid-stack-item:hover .grid-stack-item-btn.grid-stack-item-btn-edit {
    display: inherit; }

.grid-stack-toolbar-btn {
  font-size: 20px;
  cursor: pointer; }

.grid-stack-toolbar-btn.grid-stack-toolbar-btn-enabled {
  color: var(--f4ns-color-env); }

.grid-stack-toolbar-btn.grid-stack-toolbar-btn-readonly {
  pointer-events: none;
  opacity: 0.2; }

/*
$shelf_color: #d6f5cd;
$bay_color: #e1e6ff;
$level_color: #fff3db;
$position_color: #ffc7c7;
*/
/*MAPPING*/
.f4ns-mapping {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  overflow: scroll;
  user-select: none;
  /*GENERAL STYLE*/
  /*SHELF*/
  /*BAY*/
  /*LEVEL*/
  /*POSITION*/ }
  .f4ns-mapping .f4ns-mapping-support-vertical {
    position: absolute;
    height: 100%;
    width: 8px;
    background-color: #4141d1;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px; }
    .f4ns-mapping .f4ns-mapping-support-vertical.f4ns-mapping-support-vertical-right {
      right: calc(-8px * 0.5); }
    .f4ns-mapping .f4ns-mapping-support-vertical.f4ns-mapping-support-vertical-left {
      left: calc(-8px * 0.5); }
  .f4ns-mapping .f4ns-mapping-support-horizontal {
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    height: 5px;
    background-color: #4f3727; }
  .f4ns-mapping .f4ns-mapping-hidden {
    display: none !important; }
  .f4ns-mapping .f4ns-mapping-disabled {
    opacity: 0.2 !important; }
  .f4ns-mapping .f4ns-mapping-shelf-label,
  .f4ns-mapping .f4ns-mapping-bay-label,
  .f4ns-mapping .f4ns-mapping-level-label,
  .f4ns-mapping .f4ns-mapping-position-label {
    align-content: center;
    border-width: 1px;
    border-style: solid;
    padding: 2px 2px;
    cursor: pointer; }
    .f4ns-mapping .f4ns-mapping-shelf-label .f4ns-mapping-shelf-label-text,
    .f4ns-mapping .f4ns-mapping-shelf-label .f4ns-mapping-bay-label-text,
    .f4ns-mapping .f4ns-mapping-shelf-label .f4ns-mapping-level-label-text,
    .f4ns-mapping .f4ns-mapping-shelf-label .f4ns-mapping-position-label-text,
    .f4ns-mapping .f4ns-mapping-bay-label .f4ns-mapping-shelf-label-text,
    .f4ns-mapping .f4ns-mapping-bay-label .f4ns-mapping-bay-label-text,
    .f4ns-mapping .f4ns-mapping-bay-label .f4ns-mapping-level-label-text,
    .f4ns-mapping .f4ns-mapping-bay-label .f4ns-mapping-position-label-text,
    .f4ns-mapping .f4ns-mapping-level-label .f4ns-mapping-shelf-label-text,
    .f4ns-mapping .f4ns-mapping-level-label .f4ns-mapping-bay-label-text,
    .f4ns-mapping .f4ns-mapping-level-label .f4ns-mapping-level-label-text,
    .f4ns-mapping .f4ns-mapping-level-label .f4ns-mapping-position-label-text,
    .f4ns-mapping .f4ns-mapping-position-label .f4ns-mapping-shelf-label-text,
    .f4ns-mapping .f4ns-mapping-position-label .f4ns-mapping-bay-label-text,
    .f4ns-mapping .f4ns-mapping-position-label .f4ns-mapping-level-label-text,
    .f4ns-mapping .f4ns-mapping-position-label .f4ns-mapping-position-label-text {
      display: inline-block;
      font-weight: bold;
      color: #333;
      white-space: nowrap; }
  .f4ns-mapping .f4ns-mapping-button {
    opacity: 0.2; }
    .f4ns-mapping .f4ns-mapping-button:hover {
      opacity: 1; }
  .f4ns-mapping .f4ns-mapping-shelf {
    flex: 0;
    display: flex;
    flex-direction: column; }
    .f4ns-mapping .f4ns-mapping-shelf .f4ns-mapping-shelf-label {
      flex: 0 0 16px;
      display: flex;
      display: flex;
      flex-direction: column;
      overflow: hidden;
      align-items: center;
      justify-content: center;
      border-color: #d0a5c0;
      background-color: #f3e8ef;
      border-bottom-right-radius: 12px;
      border-bottom-left-radius: 12px;
      margin-right: 20px;
      margin-left: 20px;
      margin-bottom: 2px; }
      .f4ns-mapping .f4ns-mapping-shelf .f4ns-mapping-shelf-label .f4ns-mapping-shelf-label-text {
        font-size: 16px; }
      .f4ns-mapping .f4ns-mapping-shelf .f4ns-mapping-shelf-label > .f4ns-mapping-icons {
        position: absolute;
        opacity: 60%;
        left: 5px; }
        .f4ns-mapping .f4ns-mapping-shelf .f4ns-mapping-shelf-label > .f4ns-mapping-icons .f4ns-mapping-icon {
          font-weight: bold;
          color: #0300a5;
          cursor: pointer; }
          .f4ns-mapping .f4ns-mapping-shelf .f4ns-mapping-shelf-label > .f4ns-mapping-icons .f4ns-mapping-icon:not(.f4ns-mapping-icon-active) {
            color: #000000;
            opacity: 0.1; }
    .f4ns-mapping .f4ns-mapping-shelf .f4ns-mapping-shelf-container {
      flex: 1;
      display: flex;
      flex-direction: row; }
      .f4ns-mapping .f4ns-mapping-shelf .f4ns-mapping-shelf-container .f4ns-mapping-shelf-content {
        flex: 1;
        display: flex;
        flex-direction: row;
        align-items: end; }
      .f4ns-mapping .f4ns-mapping-shelf .f4ns-mapping-shelf-container > .f4ns-mapping-buttons {
        flex: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 5px; }
        .f4ns-mapping .f4ns-mapping-shelf .f4ns-mapping-shelf-container > .f4ns-mapping-buttons .f4ns-mapping-button-add {
          background-color: #aebcff !important; }
        .f4ns-mapping .f4ns-mapping-shelf .f4ns-mapping-shelf-container > .f4ns-mapping-buttons .f4ns-mapping-button-remove {
          background-color: #aebcff !important;
          color: red !important; }
    .f4ns-mapping .f4ns-mapping-shelf:has(.f4ns-mapping-shelf-label:hover) {
      background-color: #fff7c7;
      cursor: pointer; }
      .f4ns-mapping .f4ns-mapping-shelf:has(.f4ns-mapping-shelf-label:hover) .f4ns-mapping-shelf-label {
        background-color: #d0a5c0;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); }
    .f4ns-mapping .f4ns-mapping-shelf.f4ns-mapping-selected {
      background-color: #d0a5c0; }
      .f4ns-mapping .f4ns-mapping-shelf.f4ns-mapping-selected:has(.f4ns-mapping-shelf-label:hover) {
        background-color: #bf83a9; }
    .f4ns-mapping .f4ns-mapping-shelf:has(.f4ns-mapping-shelf-label:hover) .f4ns-mapping-bay, .f4ns-mapping .f4ns-mapping-shelf.f4ns-mapping-selected .f4ns-mapping-bay {
      opacity: 0.4;
      filter: saturate(20%); }
  .f4ns-mapping .f4ns-mapping-bay {
    flex: 0;
    display: flex;
    flex-direction: row;
    position: relative; }
    .f4ns-mapping .f4ns-mapping-bay .f4ns-mapping-bay-container {
      flex: 1;
      display: flex;
      flex-direction: column; }
      .f4ns-mapping .f4ns-mapping-bay .f4ns-mapping-bay-container .f4ns-mapping-bay-content {
        flex: 1;
        display: flex;
        flex-direction: column-reverse;
        min-width: 50px; }
      .f4ns-mapping .f4ns-mapping-bay .f4ns-mapping-bay-container > .f4ns-mapping-buttons {
        flex: 0;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        margin: 5px; }
        .f4ns-mapping .f4ns-mapping-bay .f4ns-mapping-bay-container > .f4ns-mapping-buttons .f4ns-mapping-button-add {
          background-color: #ffdba8 !important; }
        .f4ns-mapping .f4ns-mapping-bay .f4ns-mapping-bay-container > .f4ns-mapping-buttons .f4ns-mapping-button-remove {
          background-color: #ffdba8 !important;
          color: red !important; }
    .f4ns-mapping .f4ns-mapping-bay .f4ns-mapping-bay-label {
      flex: 0 0 15px;
      display: flex;
      position: sticky;
      bottom: 0;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      background-color: #e1e6ff;
      border-color: #7b91ff;
      border-top-right-radius: 12px;
      border-top-left-radius: 12px;
      margin-right: 20px;
      margin-left: 20px; }
      .f4ns-mapping .f4ns-mapping-bay .f4ns-mapping-bay-label .f4ns-mapping-bay-label-text {
        font-size: 13px; }
      .f4ns-mapping .f4ns-mapping-bay .f4ns-mapping-bay-label > .f4ns-mapping-icons {
        position: absolute;
        opacity: 60%;
        left: 5px; }
        .f4ns-mapping .f4ns-mapping-bay .f4ns-mapping-bay-label > .f4ns-mapping-icons .f4ns-mapping-icon {
          font-weight: bold;
          color: #0300a5;
          cursor: pointer; }
          .f4ns-mapping .f4ns-mapping-bay .f4ns-mapping-bay-label > .f4ns-mapping-icons .f4ns-mapping-icon:not(.f4ns-mapping-icon-active) {
            color: #000000;
            opacity: 0.1; }
    .f4ns-mapping .f4ns-mapping-bay:has(.f4ns-mapping-bay-label:hover) {
      background-color: #fff7c7; }
      .f4ns-mapping .f4ns-mapping-bay:has(.f4ns-mapping-bay-label:hover) .f4ns-mapping-bay-label {
        background-color: #7b91ff;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); }
    .f4ns-mapping .f4ns-mapping-bay.f4ns-mapping-selected {
      background-color: #7b91ff; }
      .f4ns-mapping .f4ns-mapping-bay.f4ns-mapping-selected:has(.f4ns-mapping-bay-label:hover) {
        background-color: #4867ff; }
    .f4ns-mapping .f4ns-mapping-bay:has(.f4ns-mapping-bay-label:hover) .f4ns-mapping-level, .f4ns-mapping .f4ns-mapping-bay.f4ns-mapping-selected .f4ns-mapping-level {
      opacity: 0.4;
      filter: saturate(20%); }
  .f4ns-mapping .f4ns-mapping-level {
    flex: 0;
    display: flex;
    flex-direction: column-reverse;
    position: relative;
    margin-left: calc(8px * 0.5); }
    .f4ns-mapping .f4ns-mapping-level .f4ns-mapping-level-container {
      flex: 1;
      display: flex;
      flex-direction: row; }
      .f4ns-mapping .f4ns-mapping-level .f4ns-mapping-level-container .f4ns-mapping-level-label {
        flex: 0 0 14px;
        display: flex;
        flex-direction: column;
        position: sticky;
        left: 0;
        overflow: hidden;
        align-items: center;
        justify-content: center;
        background-color: #fff0db;
        border-color: #ffc675;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
        margin-top: calc(20px + 5px);
        margin-bottom: 20px; }
        .f4ns-mapping .f4ns-mapping-level .f4ns-mapping-level-container .f4ns-mapping-level-label .f4ns-mapping-level-label-text {
          transform: rotate(-90deg); }
        .f4ns-mapping .f4ns-mapping-level .f4ns-mapping-level-container .f4ns-mapping-level-label > .f4ns-mapping-icons {
          position: absolute;
          opacity: 60%;
          top: 5px; }
          .f4ns-mapping .f4ns-mapping-level .f4ns-mapping-level-container .f4ns-mapping-level-label > .f4ns-mapping-icons .f4ns-mapping-icon {
            font-weight: bold;
            color: #0300a5;
            cursor: pointer; }
            .f4ns-mapping .f4ns-mapping-level .f4ns-mapping-level-container .f4ns-mapping-level-label > .f4ns-mapping-icons .f4ns-mapping-icon:not(.f4ns-mapping-icon-active) {
              color: #000000;
              opacity: 0.1; }
      .f4ns-mapping .f4ns-mapping-level .f4ns-mapping-level-container .f4ns-mapping-level-content {
        flex: 1;
        display: flex;
        flex-direction: row;
        min-height: 100px; }
      .f4ns-mapping .f4ns-mapping-level .f4ns-mapping-level-container > .f4ns-mapping-buttons {
        flex: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 5px 5px 5px 5px; }
        .f4ns-mapping .f4ns-mapping-level .f4ns-mapping-level-container > .f4ns-mapping-buttons .f4ns-mapping-button-add {
          background-color: #b3eda3 !important; }
        .f4ns-mapping .f4ns-mapping-level .f4ns-mapping-level-container > .f4ns-mapping-buttons .f4ns-mapping-button-remove {
          background-color: #b3eda3 !important;
          color: red !important; }
    .f4ns-mapping .f4ns-mapping-level:has(.f4ns-mapping-level-label:hover) {
      background-color: #fff7c7; }
      .f4ns-mapping .f4ns-mapping-level:has(.f4ns-mapping-level-label:hover) .f4ns-mapping-level-label {
        background-color: #ffc675; }
    .f4ns-mapping .f4ns-mapping-level.f4ns-mapping-selected {
      background-color: #ffc675; }
      .f4ns-mapping .f4ns-mapping-level.f4ns-mapping-selected:has(.f4ns-mapping-level-label:hover) {
        background-color: #ffb042; }
    .f4ns-mapping .f4ns-mapping-level:has(.f4ns-mapping-level-label:hover) .f4ns-mapping-level-content, .f4ns-mapping .f4ns-mapping-level.f4ns-mapping-selected .f4ns-mapping-level-content {
      opacity: 0.4;
      filter: saturate(20%); }
  .f4ns-mapping .f4ns-mapping-position {
    display: flex;
    flex-direction: column;
    padding: calc(5px + 5px) 0 5px 5px;
    box-sizing: border-box;
    margin-top: auto; }
    .f4ns-mapping .f4ns-mapping-position .f4ns-mapping-position-container {
      flex: 1;
      display: flex;
      flex-direction: column;
      overflow: hidden;
      box-sizing: border-box;
      border: 1px solid #bdbdbd;
      background-color: #eeeeee;
      border-radius: 10px; }
      .f4ns-mapping .f4ns-mapping-position .f4ns-mapping-position-container > .f4ns-mapping-icons {
        position: absolute;
        opacity: 60%; }
        .f4ns-mapping .f4ns-mapping-position .f4ns-mapping-position-container > .f4ns-mapping-icons .f4ns-mapping-icon {
          margin: 3px;
          font-weight: bold;
          color: #0300a5;
          cursor: pointer; }
          .f4ns-mapping .f4ns-mapping-position .f4ns-mapping-position-container > .f4ns-mapping-icons .f4ns-mapping-icon:not(.f4ns-mapping-icon-active) {
            color: #000000;
            opacity: 0.1; }
      .f4ns-mapping .f4ns-mapping-position .f4ns-mapping-position-container .f4ns-mapping-position-label {
        flex: 0 0 14px;
        display: flex;
        flex-direction: row;
        overflow: hidden;
        justify-content: center;
        background-color: #d6f5cd;
        border: none;
        border-top: 1px solid #bdbdbd; }
      .f4ns-mapping .f4ns-mapping-position .f4ns-mapping-position-container .f4ns-mapping-position-content {
        flex: 1;
        display: flex;
        flex-direction: row; }
        .f4ns-mapping .f4ns-mapping-position .f4ns-mapping-position-container .f4ns-mapping-position-content.f4ns-mapping-position-content-is-busy {
          background-color: indianred;
          border: 0; }
      .f4ns-mapping .f4ns-mapping-position .f4ns-mapping-position-container:hover {
        background-color: #fff7c7;
        border: 1px solid #90e478;
        cursor: pointer; }
        .f4ns-mapping .f4ns-mapping-position .f4ns-mapping-position-container:hover .f4ns-mapping-position-label {
          border-color: #90e478;
          background-color: #90e478; }
    .f4ns-mapping .f4ns-mapping-position.f4ns-mapping-selected .f4ns-mapping-position-content {
      background-color: #6ddc4e; }

.f4ns-phppgadmin .header-title {
  background-color: #cecf9c; }
  .f4ns-phppgadmin .header-title span {
    color: var(--f4ns-color-env) !important; }
.f4ns-phppgadmin .frame-container {
  background-color: #e6e6cc88 !important; }
.f4ns-phppgadmin .f4ns-dialog .f4ns-dialog-title span {
  color: #ffffff !important; }
.f4ns-phppgadmin.f4ns-phppgadmin-table .f4ns-dialog {
  background-color: #fffafa !important; }
  .f4ns-phppgadmin.f4ns-phppgadmin-table .f4ns-dialog .f4ns-dialog-title {
    background-color: #b68080 !important; }
.f4ns-phppgadmin.f4ns-phppgadmin-column .f4ns-dialog {
  background-color: #fdfaff !important; }
  .f4ns-phppgadmin.f4ns-phppgadmin-column .f4ns-dialog .f4ns-dialog-title {
    background-color: #a398b6 !important; }
.f4ns-phppgadmin.f4ns-phppgadmin-index .f4ns-dialog {
  background-color: #faffff !important; }
  .f4ns-phppgadmin.f4ns-phppgadmin-index .f4ns-dialog .f4ns-dialog-title {
    background-color: #84afb6 !important; }
.f4ns-phppgadmin.f4ns-phppgadmin-constraint .f4ns-dialog {
  background-color: #fafaff !important; }
  .f4ns-phppgadmin.f4ns-phppgadmin-constraint .f4ns-dialog .f4ns-dialog-title {
    background-color: #7d8ab4 !important; }
.f4ns-phppgadmin.f4ns-phppgadmin-sequence .f4ns-dialog {
  background-color: #faffff !important; }
  .f4ns-phppgadmin.f4ns-phppgadmin-sequence .f4ns-dialog .f4ns-dialog-title {
    background-color: #9f6e95 !important; }
.f4ns-phppgadmin.f4ns-phppgadmin-sql .f4ns-dialog {
  background-color: #f3f3f3 !important; }
  .f4ns-phppgadmin.f4ns-phppgadmin-sql .f4ns-dialog .f4ns-dialog-title {
    background-color: #7d8ab4 !important; }
.f4ns-phppgadmin .tabviewer-bar {
  background-color: #e6e6cc !important; }
  .f4ns-phppgadmin .tabviewer-bar .tabviewer-bar-tab {
    color: #333333 !important;
    border-right: 1px solid #cecf9c !important; }
    .f4ns-phppgadmin .tabviewer-bar .tabviewer-bar-tab.tab-column span {
      color: #703399 !important; }
    .f4ns-phppgadmin .tabviewer-bar .tabviewer-bar-tab.tab-data span {
      color: #993333 !important; }
    .f4ns-phppgadmin .tabviewer-bar .tabviewer-bar-tab.tab-index span {
      color: #338d99 !important; }
    .f4ns-phppgadmin .tabviewer-bar .tabviewer-bar-tab.tab-constraint span {
      color: #334b99 !important; }
    .f4ns-phppgadmin .tabviewer-bar .tabviewer-bar-tab.tab-trigger span {
      color: #3b6b3f !important; }
    .f4ns-phppgadmin .tabviewer-bar .tabviewer-bar-tab.tab-sequence span {
      color: #7f4273 !important; }
    .f4ns-phppgadmin .tabviewer-bar .tabviewer-bar-tab.tab-sql span {
      color: #9c5b2f !important; }
  .f4ns-phppgadmin .tabviewer-bar .tabviewer-bar-tab-selected {
    background-color: #cecf9c !important; }
    .f4ns-phppgadmin .tabviewer-bar .tabviewer-bar-tab-selected.tab-column {
      box-shadow: #703399 0px -4px inset !important; }
    .f4ns-phppgadmin .tabviewer-bar .tabviewer-bar-tab-selected.tab-data {
      box-shadow: #993333 0px -4px inset !important; }
    .f4ns-phppgadmin .tabviewer-bar .tabviewer-bar-tab-selected.tab-index {
      box-shadow: #338d99 0px -4px inset !important; }
    .f4ns-phppgadmin .tabviewer-bar .tabviewer-bar-tab-selected.tab-constraint {
      box-shadow: #334b99 0px -4px inset !important; }
    .f4ns-phppgadmin .tabviewer-bar .tabviewer-bar-tab-selected.tab-trigger {
      box-shadow: #3b6b3f 0px -4px inset !important; }
    .f4ns-phppgadmin .tabviewer-bar .tabviewer-bar-tab-selected.tab-sequence {
      box-shadow: #7f4273 0px -4px inset !important; }
    .f4ns-phppgadmin .tabviewer-bar .tabviewer-bar-tab-selected.tab-sql {
      box-shadow: #9c5b2f 0px -4px inset !important; }
  .f4ns-phppgadmin .tabviewer-bar .tabviewer-bar-tab:hover:not(.tabviewer-bar-tab-selected) {
    box-shadow: #22222244 0px -4px inset !important; }
  .f4ns-phppgadmin .tabviewer-bar .tabviewer-bar-tab-label {
    display: flex;
    align-items: center;
    gap: 4px; }
  .f4ns-phppgadmin .tabviewer-bar .tabviewer-bar-tab-label .mdi {
    font-size: 16px;
    line-height: 1; }
.f4ns-phppgadmin .f4ns-toolbar-item {
  color: #efefef !important; }
.f4ns-phppgadmin .f4ns-toolbar-item:hover {
  background-color: #22222222 !important; }
.f4ns-phppgadmin th.k-header {
  border-left-color: #ffffff; }
.f4ns-phppgadmin th.k-header div {
  color: #000000 !important; }
.f4ns-phppgadmin.f4ns-phppgadmin-table .k-grid-content td span {
  color: #336699 !important; }
.f4ns-phppgadmin.f4ns-phppgadmin-table .f4ns-toolbar-item {
  color: #336699 !important; }
.f4ns-phppgadmin.f4ns-phppgadmin-table .kgrid-toolbar {
  background-color: #cecf9c; }
.f4ns-phppgadmin.f4ns-phppgadmin-table th.k-header {
  background-color: #e6e6cc !important; }
.f4ns-phppgadmin.f4ns-phppgadmin-column .k-grid-content td span {
  color: #703399 !important; }
.f4ns-phppgadmin.f4ns-phppgadmin-column .kgrid-toolbar {
  background-color: #a398b6; }
.f4ns-phppgadmin.f4ns-phppgadmin-column th.k-header {
  background-color: #d6d1e0 !important; }
.f4ns-phppgadmin.f4ns-phppgadmin-data .k-grid-content td span {
  color: #993333; }
.f4ns-phppgadmin.f4ns-phppgadmin-data .kgrid-toolbar {
  background-color: #b68080; }
.f4ns-phppgadmin.f4ns-phppgadmin-data th.k-header {
  background-color: #e2d1d1 !important; }
.f4ns-phppgadmin.f4ns-phppgadmin-index .k-grid-content td span {
  color: #338d99; }
.f4ns-phppgadmin.f4ns-phppgadmin-index .kgrid-toolbar {
  background-color: #84afb6; }
.f4ns-phppgadmin.f4ns-phppgadmin-index th.k-header {
  background-color: #d1dfe0 !important; }
.f4ns-phppgadmin.f4ns-phppgadmin-constraint .k-grid-content td span {
  color: #334b99; }
.f4ns-phppgadmin.f4ns-phppgadmin-constraint .kgrid-toolbar {
  background-color: #7d8ab4; }
.f4ns-phppgadmin.f4ns-phppgadmin-constraint th.k-header {
  background-color: #d1d4e0 !important; }
.f4ns-phppgadmin.f4ns-phppgadmin-trigger .k-grid-content td span {
  color: #3b6b3f; }
.f4ns-phppgadmin.f4ns-phppgadmin-trigger .kgrid-toolbar {
  background-color: #87a089; }
.f4ns-phppgadmin.f4ns-phppgadmin-trigger th.k-header {
  background-color: #c9d6c7 !important; }
.f4ns-phppgadmin.f4ns-phppgadmin-sequence .k-grid-content td span {
  color: #7f4273; }
.f4ns-phppgadmin.f4ns-phppgadmin-sequence .kgrid-toolbar {
  background-color: #9f6e95; }
.f4ns-phppgadmin.f4ns-phppgadmin-sequence th.k-header {
  background-color: #d1d4e0 !important; }
.f4ns-phppgadmin.f4ns-phppgadmin-sql .k-grid-content td span {
  color: #9c5b2f; }
.f4ns-phppgadmin.f4ns-phppgadmin-sql .kgrid-toolbar {
  background-color: #b89478; }
.f4ns-phppgadmin.f4ns-phppgadmin-sql th.k-header {
  background-color: #e2d7d1 !important; }

body:not(#login_login_body) .f4ns-mobile.f4ns-window {
  left: 6px !important;
  top: 6px !important;
  width: calc(100% - 12px) !important;
  height: calc(100% - 12px) !important; }
body:not(#login_login_body) .f4ns-mobile .f4ns-window-toolbar .f4ns-window-toolbar-item-close {
  display: flex !important; }
body:not(#login_login_body) .f4ns-mobile.f4ns-dialog-window .f4ns-window-toolbar {
  top: 9px;
  right: 11px; }
body:not(#login_login_body) .f4ns-mobile:not(.f4ns-dialog-window) .f4ns-window-toolbar {
  top: 1px;
  right: 3px; }

body#login_login_body .f4ns-mobile.f4ns-window {
  height: 300px !important;
  left: 8% !important;
  right: 8% !important;
  width: 84% !important; }
body#login_login_body .f4ns-mobile .f4ns-form-row-field-login-logo {
  margin-top: 5px;
  height: 52px; }

.f4ns-mobile body#welcome_welcome_body {
  display: none !important; }

/*Main*/
/*Window*/
div.k-window {
  border-radius: 4px; }
  div.k-window div.k-window-content {
    border-radius: 4px; }
    div.k-window div.k-window-content iframe.k-content-frame {
      border-radius: 4px; }

/*Card*/
.kcard {
  border-radius: 4px; }

/*Tabviewer
div.tabviewer {

	div.tabviewer-bar {
		border-bottom-left-radius: $radius;
		border-bottom-right-radius: $radius;
	}
	
	div.tabviewer-bar-tab {
		border-bottom-left-radius: $radius;
		border-bottom-right-radius: $radius;
	}
}
*/
/*Notification*/
div.k-notification {
  border-radius: 4px; }

/*Dialog*/
div.k-dialog {
  border-radius: 4px;
  /*
  	button.k-button {
  		border-bottom-left-radius: $radius !important;
  		border-bottom-right-radius: 0 !important;
  	}
  
  	button.k-button.k-primary {
  		border-bottom-left-radius: 0 !important;
  		border-bottom-right-radius: $radius !important;
  	}
  */ }

/*Popup*/
div.popup-bar {
  border-radius: 4px;
  /*
  div.popup-bar-btn{
  	border-radius: $radius;
  }
  */ }

html.theme-high_contrast {
  /*Kendo Grid*/ }
  html.theme-high_contrast div.k-grid tbody tr td {
    border-color: #d5d5d5 !important;
    border-width: 0 0 1px 1px !important; }
  html.theme-high_contrast div.k-grid div.k-grid-footer tr td {
    border-width: 0px; }

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