@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;300;500&display=swap');
@import url('./open-iconic-bootstrap.min.css');

:root {
    --wa-color-data: #3276b1;
    --wa-color-ecommerce: #82b600;
    --wa-color-logistics: #a90000;
    --wa-color-erp: #00838f;
    --wa-color-manage: #525252;
    --wa-color-crm: #f90;
    --wa-color-wms: #050843;
    --wa-color-connector: #986f0b;
    --wa-font-color-primary: #323130;
    --wa-color-red: #dc3545;
    --wa-bgcolor-gray100: #f9fafd;
    --wa-bgcolor-gray80: #ededed;
    --wa-group-items-content-width: 220px;
    --wa-fadein: transform 0.1s, opacity 0.1s;
    --wa-size-xs: .85rem;
    --wa-size-normal: 1rem;
    --wa-size-large: 1.5rem;
    --wa-size-x-large: 2rem;
    --wa-border-light: #edebe9;
}

:root, [data-bs-theme=light] {
    --falcon-blue: #3276b1;
    --falcon-indigo: #727cf5;
    --falcon-purple: #6b5eae;
    --falcon-pink: #ff679b;
    --falcon-red: #e63757;
    --falcon-orange: #fd7e14;
    --falcon-yellow: #f59321;
    --falcon-green: #00d27a;
    --falcon-teal: #02a8b5;
    --falcon-cyan: #27bcfd;
    --falcon-black: #000;
    --falcon-white: #fff;
    --falcon-gray: #748194;
    --falcon-gray-dark: #4d5969;
    --falcon-gray-100: #f9fafd;
    --falcon-gray-200: #f3f4f5;
    --falcon-gray-300: #d8e2ef;
    --falcon-gray-400: #b6c1d2;
    --falcon-gray-500: #9da9bb;
    --falcon-gray-600: #748194;
    --falcon-gray-700: #5e6e82;
    --falcon-gray-800: #4d5969;
    --falcon-gray-900: #344050;
    --falcon-gray-1000: #232e3c;
    --falcon-gray-1100: #0b1727;
    --falcon-primary: #3276b1;
    --falcon-secondary: #97049d;
    --falcon-success: #30b42c;
    --falcon-info: #33b1e7;
    --falcon-warning: var(--falcon-yellow);
    --falcon-danger: #e63757;
    --falcon-light: #f9fafd;
    --falcon-dark: #151515;
    --falcon-default: var(--falcon-gray-500);
    --falcon-primary-rgb: 44, 123, 229;
    --falcon-secondary-rgb: 116, 129, 148;
    --falcon-success-rgb: 0, 210, 122;
    --falcon-info-rgb: 39, 188, 253;
    --falcon-warning-rgb: 245, 128, 62;
    --falcon-danger-rgb: 230, 55, 87;
    --falcon-light-rgb: 249, 250, 253;
    --falcon-dark-rgb: 11, 23, 39;
    --falcon-primary-text-emphasis: #215cac;
    --falcon-secondary-text-emphasis: #5d6776;
    --falcon-success-text-emphasis: #00894f;
    --falcon-info-text-emphasis: #197aa4;
    --falcon-warning-text-emphasis: #ac5a2b;
    --falcon-warning-bg-opacity-1: #fefbf5;
    --falcon-danger-text-emphasis: #b82c46;
    --falcon-light-text-emphasis: #646465;
    --falcon-dark-text-emphasis: #91979e;
    --falcon-primary-bg-subtle: #d9e7fa;
    --falcon-secondary-bg-subtle: #e6e8ec;
    --falcon-success-bg-subtle: #d9f8eb;
    --falcon-info-bg-subtle: #d8f3ff;
    --falcon-warning-bg-subtle: #fde6d8;
    --falcon-danger-bg-subtle: #f9e6e9;
    --falcon-light-bg-subtle: #fdfefe;
    --falcon-gray-bg-subtle: #f3f2f1;
    --falcon-default-bg-subtle: var(--falcon-gray-500);
    --falcon-dark-bg-subtle: #08101b;
    --falcon-primary-border-subtle: #abcaf5;
    --falcon-secondary-border-subtle: #c7cdd4;
    --falcon-success-border-subtle: #99edca;
    --falcon-info-border-subtle: #a9e4fe;
    --falcon-warning-border-subtle: #fbccb2;
    --falcon-danger-border-subtle: #f5afbc;
    --falcon-light-border-subtle: #edf2f9;
    --falcon-dark-border-subtle: #9da9bb;
    --falcon-white-rgb: 255, 255, 255;
    --falcon-black-rgb: 0, 0, 0;
    --falcon-font-sans-serif: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --falcon-font-monospace: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --falcon-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --falcon-body-font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --falcon-body-font-size: 1rem;
    --falcon-body-font-weight: 400;
    --falcon-body-line-height: 1.5;
    --falcon-body-color: #5e6e82;
    --falcon-body-color-rgb: 94, 110, 130;
    --falcon-body-bg: #edf2f9;
    --falcon-body-bg-rgb: 237, 242, 249;
    --falcon-emphasis-color: #000;
    --falcon-emphasis-color-rgb: 0, 0, 0;
    --falcon-secondary-color: #344050;
    --falcon-secondary-color-rgb: 52, 64, 80;
    --falcon-secondary-bg: #d8e2ef;
    --falcon-secondary-bg-rgb: 216, 226, 239;
    --falcon-tertiary-color: #748194;
    --falcon-tertiary-color-rgb: 116, 129, 148;
    --falcon-tertiary-bg: #f9fafd;
    --falcon-tertiary-bg-rgb: 249, 250, 253;
    --falcon-heading-color: var(--falcon-secondary-color);
    --falcon-link-color: #3276b1;
    --falcon-link-color-rgb: 44, 123, 229;
    --falcon-link-decoration: none;
    --falcon-link-hover-color: #2362b7;
    --falcon-link-hover-color-rgb: 35, 98, 183;
    --falcon-link-hover-decoration: underline;
    --falcon-code-color: #ff679b;
    --falcon-highlight-bg: #fde6d8;
    --falcon-border-width: 1px;
    --falcon-border-style: solid;
    --falcon-border-color: #d8e2ef;
    --falcon-border-color-translucent: rgba(0, 0, 0, 0.175);
    --falcon-border-radius: 0.25rem;
    --falcon-border-radius-sm: 0.25rem;
    --falcon-border-radius-lg: 0.375rem;
    --falcon-border-radius-xl: 1rem;
    --falcon-border-radius-xxl: 2rem;
    --falcon-border-radius-2xl: var(--falcon-border-radius-xxl);
    --falcon-border-radius-pill: 50rem;
    --falcon-box-shadow: 0 7px 14px 0 rgba(65, 69, 88, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07);
    --falcon-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --falcon-box-shadow-lg: 0 1rem 4rem rgba(0, 0, 0, 0.175);
    --falcon-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --falcon-focus-ring-width: 0.25rem;
    --falcon-focus-ring-opacity: 0.25;
    --falcon-focus-ring-color: rgba(44, 123, 229, 0.25);
    --falcon-form-valid-color: #00d27a;
    --falcon-form-valid-border-color: #00d27a;
    --falcon-form-invalid-color: #e63757;
    --falcon-form-invalid-border-color: #e63757;
    --falcon-facebook: #3c5a99;
    --falcon-google-plus: #dd4b39;
    --falcon-twitter: #1da1f2;
    --falcon-linkedin: #0077b5;
    --falcon-youtube: #ff0001;
    --falcon-github: #333333;
    --falcon-gray-100-rgb: 249, 250, 253;
    --falcon-gray-200-rgb: 237, 242, 249;
    --falcon-gray-300-rgb: 216, 226, 239;
    --falcon-gray-400-rgb: 182, 193, 210;
    --falcon-gray-500-rgb: 157, 169, 187;
    --falcon-gray-600-rgb: 116, 129, 148;
    --falcon-gray-700-rgb: 94, 110, 130;
    --falcon-gray-800-rgb: 77, 89, 105;
    --falcon-gray-900-rgb: 52, 64, 80;
    --falcon-gray-1000-rgb: 35, 46, 60;
    --falcon-gray-1100-rgb: 11, 23, 39;
    --falcon-facebook-rgb: 60, 90, 153;
    --falcon-google-plus-rgb: 221, 75, 57;
    --falcon-twitter-rgb: 29, 161, 242;
    --falcon-linkedin-rgb: 0, 119, 181;
    --falcon-youtube-rgb: 255, 0, 1;
    --falcon-github-rgb: 51, 51, 51;
    --falcon-gray-link-hover-100: RGBA(250, 251, 253, var(--falcon-link-opacity, 1)) !important;
    --falcon-gray-link-hover-200: RGBA(241, 245, 250, var(--falcon-link-opacity, 1)) !important;
    --falcon-gray-link-hover-300: RGBA(224, 232, 242, var(--falcon-link-opacity, 1)) !important;
    --falcon-gray-link-hover-400: RGBA(197, 205, 219, var(--falcon-link-opacity, 1)) !important;
    --falcon-gray-link-hover-500: RGBA(126, 135, 150, var(--falcon-link-opacity, 1)) !important;
    --falcon-gray-link-hover-600: RGBA(93, 103, 118, var(--falcon-link-opacity, 1)) !important;
    --falcon-gray-link-hover-700: RGBA(75, 88, 104, var(--falcon-link-opacity, 1)) !important;
    --falcon-gray-link-hover-800: RGBA(62, 71, 84, var(--falcon-link-opacity, 1)) !important;
    --falcon-gray-link-hover-900: RGBA(42, 51, 64, var(--falcon-link-opacity, 1)) !important;
    --falcon-gray-link-hover-1000: RGBA(28, 37, 48, var(--falcon-link-opacity, 1)) !important;
    --falcon-gray-link-hover-1100: RGBA(9, 18, 31, var(--falcon-link-opacity, 1)) !important;
    --falcon-quaternary-bg: #fff;
    --falcon-quaternary-bg-rgb: 255, 255, 255;
    --falcon-emphasis-bg: #fff;
    --falcon-emphasis-bg-rgb: 255, 255, 255;
    --falcon-blockquote-footer-color: #748194;
    --falcon-hr-opacity: 1;
    --falcon-mark-bg: #fcf8e3;
    --falcon-font-base: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --falcon-btn-disabled-border-color: transparent;
    --falcon-btn-reveal-color: #748194;
    --falcon-btn-reveal-hover-color: #5e6e82;
    --falcon-btn-reveal-focus-bg: #e6e6e6;
    --falcon-btn-reveal-hover-shadow: 0 0 0 1px rgba(43, 45, 80, 0.1), 0 2px 5px 0 rgba(43, 45, 80, 0.08), 0 1px 1.5px 0 rgba(0, 0, 0, 0.07), 0 1px 2px 0 rgba(0, 0, 0, 0.08);
    --falcon-btn-reveal-focus-border-color: #dfdfdf;
    --falcon-btn-falcon-background: var(--falcon-quaternary-bg);
    --falcon-btn-disabled-color: #4d5969;
    --falcon-btn-falcon-box-shadow: 0 0 0 1px rgba(43, 45, 80, 0.1), 0 2px 5px 0 rgba(43, 45, 80, 0.08), 0 1px 1.5px 0 rgba(0, 0, 0, 0.07), 0 1px 2px 0 rgba(0, 0, 0, 0.08);
    --falcon-btn-falcon-hover-box-shadow: 0 0 0 1px rgba(43, 45, 80, 0.1), 0 2px 5px 0 rgba(43, 45, 80, 0.1), 0 3px 9px 0 rgba(43, 45, 80, 0.08), 0 1px 1.5px 0 rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.08);
    --falcon-btn-falcon-default-color: var(--falcon-gray-800);
    --falcon-btn-falcon-default-hover-color: #404a57;
    --falcon-btn-falcon-default-active-background: #e6e6e6;
    --falcon-btn-falcon-default-active-border: #404a57;
    --falcon-btn-active-border-color: transparent;
    --falcon-btn-falcon-primary-color: var(--falcon-primary);
    --falcon-btn-falcon-primary-hover-color: #2566be;
    --falcon-btn-falcon-primary-active-background: #d5e5fa;
    --falcon-btn-falcon-primary-active-color: #2566be;
    --falcon-btn-falcon-secondary-color: var(--falcon-secondary);
    --falcon-btn-falcon-secondary-hover-color: #606b7b;
    --falcon-btn-falcon-secondary-active-background: #e3e6ea;
    --falcon-btn-falcon-secondary-active-color: #606b7b;
    --falcon-btn-falcon-success-color: var(--falcon-success);
    --falcon-btn-falcon-success-hover-color: #00ae65;
    --falcon-btn-falcon-success-active-background: #ccf6e4;
    --falcon-btn-falcon-success-active-color: #00ae65;
    --falcon-btn-falcon-info-color: var(--falcon-info);
    --falcon-btn-falcon-info-hover-color: #209cd2;
    --falcon-btn-falcon-info-active-background: #d4f2ff;
    --falcon-btn-falcon-info-active-color: #209cd2;
    --falcon-btn-falcon-warning-color: var(--falcon-warning);
    --falcon-btn-falcon-warning-hover-color: #cb6a33;
    --falcon-btn-falcon-warning-active-background: #fde6d8;
    --falcon-btn-falcon-warning-active-color: #cb6a33;
    --falcon-btn-falcon-danger-color: var(--falcon-danger);
    --falcon-btn-falcon-danger-hover-color: #bf2e48;
    --falcon-btn-falcon-danger-active-background: #fad7dd;
    --falcon-btn-falcon-danger-active-color: #bf2e48;
    --falcon-btn-falcon-light-color: var(--falcon-light);
    --falcon-btn-falcon-light-hover-color: #cfd0d2;
    --falcon-btn-falcon-light-active-background: #fefeff;
    --falcon-btn-falcon-light-active-color: #cfd0d2;
    --falcon-btn-falcon-dark-color: var(--falcon-dark);
    --falcon-btn-falcon-dark-hover-color: #091320;
    --falcon-btn-falcon-dark-active-background: #ced1d4;
    --falcon-btn-falcon-dark-active-color: #091320;
    --falcon-input-btn-focus-color: rgba(44, 123, 229, 0.25);
    --falcon-btn-link-color: var(--falcon-link-color);
    --falcon-btn-link-hover-color: #2362b7;
    --falcon-btn-disabled-color: #748194;
    --falcon-input-focus-border-color-global: #96bdf2;
    --falcon-input-placeholder-color-global: var(--falcon-gray-400);
    --falcon-bg-navbar-glass: rgba(237, 242, 249, 0.96);
    --falcon-navbar-vertical-default-bg-color: var(--falcon-bg-navbar-glass);
    --falcon-navbar-vertical-default-link-color: #5e6e82;
    --falcon-navbar-vertical-default-link-hover-color: #232e3c;
    --falcon-navbar-vertical-default-link-active-color: #3276b1;
    --falcon-navbar-vertical-default-link-disable-color: #b6c1d2;
    --falcon-navbar-vertical-default-hr-color: rgba(0, 0, 0, 0.08);
    --falcon-navbar-vertical-default-scrollbar-color: rgba(116, 129, 148, 0.3);
    --falcon-navbar-vertical-default-label-color: var(--falcon-gray-500);
    --falcon-navbar-vertical-inverted-bg-color: #232e3c;
    --falcon-navbar-vertical-inverted-link-color: #9da9bb;
    --falcon-navbar-vertical-inverted-link-hover-color: #edf2f9;
    --falcon-navbar-vertical-inverted-link-active-color: #edf2f9;
    --falcon-navbar-vertical-inverted-link-disable-color: #5e6e82;
    --falcon-navbar-vertical-inverted-hr-color: rgba(255, 255, 255, 0.08);
    --falcon-navbar-vertical-inverted-scrollbar-color: #b6c1d2;
    --falcon-navbar-vertical-inverted-label-color: #5e6e82;
    --falcon-navbar-vertical-vibrant-bg-image: linear-gradient(-45deg, rgba(0, 160, 255, 0.86), #0048a2), url(../img/generic/bg-navbar.png);
    --falcon-navbar-vertical-vibrant-link-color: rgba(255, 255, 255, 0.75);
    --falcon-navbar-vertical-vibrant-link-hover-color: #fff;
    --falcon-navbar-vertical-vibrant-link-active-color: #fff;
    --falcon-navbar-vertical-vibrant-link-disable-color: rgba(255, 255, 255, 0.45);
    --falcon-navbar-vertical-vibrant-hr-color: rgba(255, 255, 255, 0.2);
    --falcon-navbar-vertical-vibrant-scrollbar-color: #b6c1d2;
    --falcon-navbar-vertical-vibrant-label-color: rgba(255, 255, 255, 0.4);
    --falcon-navbar-vertical-card-bg-color: #fff;
    --falcon-navbar-vertical-card-link-color: var(--falcon-gray-700);
    --falcon-navbar-vertical-card-link-hover-color: var(--falcon-gray-900);
    --falcon-navbar-vertical-card-link-active-color: var(--falcon-primary);
    --falcon-navbar-vertical-card-link-disable-color: var(--falcon-gray-400);
    --falcon-navbar-vertical-card-hr-color: rgba(0, 0, 0, 0.08);
    --falcon-navbar-vertical-card-scrollbar-color: rgba(116, 129, 148, 0.3);
    --falcon-navbar-vertical-card-label-color: var(--falcon-gray-500);
    --falcon-avatar-status-border-color: var(--falcon-quaternary-bg);
    --falcon-avatar-name-bg: #344050;
    --falcon-avatar-button-bg: var(--falcon-gray-400);
    --falcon-avatar-button-hover-bg: var(--falcon-gray-500);
    --falcon-notification-bg: var(--falcon-emphasis-bg);
    --falcon-notification-title-bg: #f9fafd;
    --falcon-notification-unread-bg: var(--falcon-gray-200);
    --falcon-notification-unread-hover-bg: #dae4f3;
    --falcon-notification-indicator-border-color: var(--falcon-body-bg);
    --falcon-kanban-bg: #f9fafd;
    --falcon-kanban-header-bg: var(--falcon-kanban-bg);
    --falcon-kanban-item-bg: #fff;
    --falcon-kanban-item-color: var(--falcon-gray-900);
    --falcon-kanban-btn-add-hover-bg: var(--falcon-gray-200);
    --falcon-kanban-draggable-source-dragging-bg: var(--falcon-body-bg);
    --falcon-kanban-bg-attachment-bg: var(--falcon-gray-300);
    --falcon-kanban-footer-color: var(--falcon-gray-600);
    --falcon-kanban-nav-link-card-details-color: var(--falcon-gray-700);
    --falcon-kanban-nav-link-card-details-hover-bg: #edf2f9;
    --falcon-bg-shape-bg: #4695ff;
    --falcon-bg-shape-bg-ltd: linear-gradient(-45deg, #4695ff, #1970e2);
    --falcon-bg-shape-bg-dtl: linear-gradient(-45deg, #1970e2, #4695ff);
    --falcon-line-chart-gradient: linear-gradient(-45deg, #014ba7, #0183d0);
    --falcon-card-gradient: linear-gradient(-45deg, #1970e2, #4695ff);
    --falcon-progress-gradient: linear-gradient(-45deg, #1970e2, #4695ff);
    --falcon-bg-circle-shape: none;
    --falcon-bg-circle-shape-bg: #4695ff;
    --falcon-modal-shape-header: linear-gradient(-45deg, #1970e2, #4695ff);
    --falcon-modal-shape-header-bg: #4494ff;
    --fc-button-bg-color: #344050;
    --fc-button-border-color: #344050;
    --fc-button-hover-bg-color: #0b1727;
    --fc-button-hover-border-color: #0b1727;
    --fc-button-active-bg-color: #0b1727;
    --fc-button-active-border-color: #0b1727;
    --fc-button-list-day-cushion: var(--falcon-quaternary-bg);
    --falcon-flatpickr-calendar-bg: var(--falcon-quaternary-bg);
    --falcon-leaflet-bar-bg: #fff;
    --falcon-leaflet-popup-content-wrapper-bg: var(--falcon-quaternary-bg);
    --falcon-choices-item-selectable-highlighted-bg: #fff;
    --falcon-choices-item-has-no-choices-bg: var(--falcon-quaternary-bg);
    --falcon-bg-choices-close-button: #edf2f9;
    --falcon-thumbnail-bg-global: #fff;
    --falcon-chat-contact-bg: var(--falcon-emphasis-bg);
    --falcon-tinymce-bg: var(--falcon-quaternary-bg);
    --falcon-swiper-nav-bg: rgba(var(--falcon-quaternary-bg-rgb), 0.8);
    --falcon-star-rating-bg-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFdElEQVR4nO2aXWxURRTH/2dut58Imho1SgStuit+vBo0BkgkRjDog+VBiJEXqJhKK21x+7EdUu5u2W1Uqi8Qo4YQY6gQDQlRn9RENGoMD0a7RCzGRCJGBLRF9mOOD+waKHe7e2f23mt0f4/zceY/Z2fmzJm7QI0aNWr8j6EgBu3sHG9oXHC2gxQvJ/CUhbpUPD5wMggtwv8hmZrmn3mHmF8G4XEm6s5R/kinlPP91xKAA7YN2A8CeHRW8eLmrOjwWwsQgAMYqs+xnLGls3O8wW89vjqgp1/eDWC1YyXhxqYFvz/ppx7AZwcIsnrmbMDUK6X0V5NfA/VJuRDgdWWa3Tmds1b5IqiAf97OUReAunLNCOx4RniFL/eALimvrs+KnwDMq6yHWJq0Bz/3VFRxJD8GabgY4iqcPABWvd6puRzPV4CUsnEmK6YA3OCiG1tKRRIJecwrXUU8XwHTGbEe7iYPAJQXYqsXeq4YyEvjUkoxkxXfAbhDo/uFOrYWxeMDv1Rb16V4ugJmctYa6E0eABpyItdZTT1OeLwFDEMa02YpZeWHpwaeOaBncOQhMJYamrnmvMdJUtXOgI0bd4daW0+25S0rAoV7iLiHgWqkuDkChjik9ibl8EmAuAo2/8G1A7ZKea24IMJkcQRAmJkiBIQBtAGwqiluNgScU4w0EU2CkWZSk8ycnleP76WUf2nadCYajbfmrfwDxIWJgiMAhQG06k7AQxSAEwAmiTnNRJMEMWkxpePx/lNzrRpHB7wwOLJcMR+Cm9vbv5cZAK81h1S3lFLNrnQ8BBVjF/4bkweAZgDPnc+IJ5wqS0QBDnsoKBAYdLtTubMDCF95qiYAhMUfOpY7FSqlOgCc9lSRjzDR86MjsS+d6hwdMBaX3zCrlQDOeKrMBwiIpnYMvVSqvuRNMBWXXwPiYQB/eKLMBxgY3mnHRudqM+dVOGkPfsEKjwCYrqoyHyAgnrKHRipoV57CveAwgCZjZT7AwFjKHuqr5Npc8VW4r3/7ShAdAuD7xwuXjCftoa5KcwZXuUDv4MgqYn4XQEhLmscw8+5UPPaMm4TJVTqc2jF0GERrAeRcq/MceqOlnje7zRa10uHege3tBHobgXxdvhIm7DuRjjw9MbE277av1gRS9vAEwE8BqGpurgVhf0ud2qAz+YvdDegb3L4BTK+b2DCBgffO/np9+549m7K6NoweMD795KOj9y9bcRsB95rY0SRTp+qW7drV/aeJEeM9TMzvm9rQg48mEv2/mVoxP8RYLDa2oYWor4oVYwuEu6qgQwOOtLfvN36DrEIY4yXmNrRobGv79hZTI0YOKPwCEVMRurBFxqvPyAGLw+lbEWBuoBCwAwhB7f/i+GS8/YwcwBzY/i8S7AoILgIUMY8EZluAzZegIY2Fc0gbbQdc9DwHFgGKCFZGP4K2AwoxuFGz+xkCehFSNxHzKoCO6uowjQRl/7dXCs0YnCXmVwWH7Evu8T9LKT+Yzoj1BNggLHRl0fAc0ncAiyVuHl8INKEI0aQdOz67rvDRcm9394sToabpLhBHAVxVkV02c4D2e0DfwMi+Cv76CoCPKEU9Y4nYZ5Xa7pHyOpEVwwA2oXzKfmHqWKRF90FEewVUkAMcZ/C2lB076PadbkzKUwCejUblK3kSO0FYM0fzhkXh9M0AptyMUcQkDJY6AE8D2NIcUktS9vABk7+0JBJyMhmPPcYKywEu9cGWQ3nrnO4Y2g5gYN+sogyIU5mQakvasXEpZUbX9mxSidjHzSG+jxjrAPx4eS29afIwor0FWkJq9HzOOsvMq5n5B0vx2OioPKFrrxyFg/ItKeXBmazoAGMFQEea6/MlP3zWqFGjRo0y/A3lxcMNXfCjjAAAAABJRU5ErkJggg==);
    --falcon-theme-wizard-nav-item-circle-bg: var(--falcon-quaternary-bg);
    --falcon-card-span-img-bg: var(--falcon-quaternary-bg);
    --falcon-card-span-img-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --falcon-card-span-img-hover-box-shadow: 0 1rem 4rem rgba(0, 0, 0, 0.175);
    --falcon-setting-toggle-shadow: 0 -7px 14px 0 rgba(65, 69, 88, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07);
    --falcon-scrollbar-bg: rgba(182, 193, 210, 0.55);
    --falcon-simplebar-bg: #b6c1d2;
    --falcon-nav-pills-falcon-active-bg-color: var(--falcon-quaternary-bg);
    --falcon-btn-disabled-custom-background: rgba(249, 250, 253, 0.55);
    --falcon-btn-disabled-custom-color: rgba(11, 23, 39, 0.3);
    --falcon-dropdown-bg-global: #fff;
    --falcon-dropdown-link-hover-color-global: #2a3441;
    --falcon-dropdown-link-hover-bg-global: #f9fafd;
    --falcon-popover-header-bg-global: #f9fafd;
    --falcon-toast-bg-global: rgba(255, 255, 255, 0.85);
    --falcon-toast-header-bg-global: rgba(255, 255, 255, 0.85);
    --falcon-list-group-bg-global: var(--falcon-emphasis-bg);
    --falcon-accordion-btn-color-global: #5e6e82;
    --falcon-alert-link-color: #3276b1;
}

html, body {
    margin: 0;
    padding: 0;
    font-weight: 200;
}

a {
    cursor: pointer;
    text-decoration: none;
    color: inherit;
}

ul {
    margin-bottom: 0;
}

.wa-content {
    padding-left: 1.5rem;
}

.wa-mr-1 {
    margin-right: .5rem;
}

.wa-bold {
    font-weight: bold;
}

.wa-bgcolor-gray100,
.wa-bgcolor-gray100 .card {
    background-color: var(--wa-bgcolor-gray100);
}

.border-200 {
    --falcon-border-opacity: 1;
    border-color: rgba(var(--falcon-gray-200-rgb), var(--falcon-border-opacity)) !important;
}

.card h6 {
    font-size: 0.8333333333rem;
}

.card .fs-2 {
    font-size: 1.44rem !important;
}

.card .text-500 {
    --falcon-text-opacity: 1;
    color: rgba(var(--falcon-gray-500-rgb), var(--falcon-text-opacity)) !important;
}

.card .fs--1 {
    font-size: .8333333333rem !important;
}

.card .fs--2 {
    font-size: .6944444444rem !important;
}

.card .border-bottom {
    border-bottom: var(--falcon-border-width) var(--falcon-border-style) var(--falcon-border-color) !important;
}

.card .border-end {
    border-right: var(--falcon-border-width) var(--falcon-border-style) var(--falcon-border-color) !important;
}

.card .flex-between-center {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.card .btn-link {
    --falcon-btn-active-color: var(--falcon-link-hover-color);
    --falcon-btn-font-weight: 400;
    --falcon-btn-color: var(--falcon-link-color);
    --falcon-btn-bg: transparent;
    --falcon-btn-border-color: transparent;
    --falcon-btn-hover-color: var(--falcon-link-hover-color);
    --falcon-btn-hover-border-color: transparent;
    --falcon-btn-active-color: var(--falcon-link-hover-color);
    --falcon-btn-active-border-color: transparent;
    --falcon-btn-disabled-color: #748194;
    --falcon-btn-disabled-border-color: transparent;
    --falcon-btn-box-shadow: 0 0 0 #000;
    --falcon-btn-focus-shadow-rgb: 76, 143, 233;
    text-decoration: none;
}

.card .bg-100 {
    --falcon-bg-opacity: 1;
    background-color: rgba(var(--falcon-gray-100-rgb), var(--falcon-bg-opacity)) !important;
}

.card .text-700 {
    --falcon-text-opacity: 1;
    color: rgba(var(--falcon-gray-700-rgb), var(--falcon-text-opacity)) !important;
}

.rwa-dashboard-content .btn-sm {
    padding: 0.4rem 0.65rem !important;
}

.rwa-dropdown-divider {
    border-top: 1px solid rgba(0,0,0,.15) !important;
    line-height: normal !important;
    padding: 0 !important;
    margin: 0 !important;
}

@media (min-width: 768px) {
    .card .border-end-md-0 {
        border-right-width: 0 !important;
    }

    .card .border-end-md {
        border-right: var(--falcon-border-width) var(--falcon-border-style) var(--falcon-border-color) !important;
    }

    .card .border-bottom-md-0 {
        border-bottom-width: 0 !important;
    }

    .card .icon-rotate-90 {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}

.card .card-body .fs-icon {
    font-size: 1.14444rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card .icon-item.icon-item-sm {
    height: 1.875rem;
    width: 1.875rem;
}

.card .text-success {
    --falcon-text-opacity: 1;
    color: rgba(var(--falcon-success-rgb), var(--falcon-text-opacity)) !important;
}

.card .icon-item {
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--falcon-gray-700);
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    height: 2.5rem;
    width: 2.5rem;
    border: 0;
    font-size: .875rem;
    -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,.075);
    box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,.075);
    background-color: var(--falcon-quaternary-bg);
}

.card .bg-success-subtle, .fc-timegrid .event-bg-success-subtle, tr.bg-success-subtle {
    background-color: var(--falcon-success-bg-subtle) !important;
}

.card .bg-info-subtle, .fc-timegrid .event-bg-info-subtle, tr.bg-info-subtle {
    background-color: var(--falcon-info-bg-subtle) !important;
}

.card .bg-primary-subtle, .fc-timegrid .event-bg-primary-subtle, tr.bg-primary-subtle {
    background-color: var(--falcon-primary-bg-subtle) !important;
}

.card .bg-secondary-subtle, .fc-timegrid .event-bg-secondary-subtle, tr.bg-secondary-subtle {
    background-color: var(--falcon-secondary-bg-subtle) !important;
}

.card .bg-warning-subtle, .fc-timegrid .event-bg-warning-subtle, tr.bg-warning-subtle {
    background-color: var(--falcon-warning-bg-subtle) !important;
}

.card .bg-danger-subtle, .fc-timegrid .event-bg-danger-subtle, tr.bg-danger-subtle {
    background-color: var(--falcon-danger-bg-subtle) !important;
}

.card .bg-dark-subtle, .fc-timegrid .event-bg-dark-subtle, tr.bg-dark-subtle {
    background-color: var(--falcon-dark-bg-subtle) !important;
}

.card .bg-gray-subtle, .fc-timegrid .event-bg-gray-subtle, tr.bg-gray-subtle {
    background-color: var(--falcon-gray-bg-subtle) !important;
}

.card .bg-default-subtle, .fc-timegrid .event-bg-default-subtle, tr.bg-default-subtle {
    background-color: var(--falcon-default-bg-subtle) !important;
}


.card .form-check-input:checked[type=checkbox] {
    --falcon-form-check-bg-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e);
}

.card .form-check-input-warning {
    border-color: var(--falcon-yellow) !important;
}

    .card .form-check-input-warning:checked {
        background-color: var(--falcon-yellow) !important;
    }

@media (min-width: 992px) {
    .border-end-lg {
        border-right: var(--falcon-border-width) var(--falcon-border-style) var(--falcon-border-color) !important;
    }
}

svg:not(:root).svg-inline--fa {
    overflow: visible;
}

.svg-inline--fa.fa-w-10 {
    width: 0.625em;
}

.svg-inline--fa {
    display: inline-block;
    font-size: inherit;
    height: 1em;
    overflow: visible;
    vertical-align: -0.125em;
}

a:hover {
    color: inherit;
}

.no-overflow {
    overflow: hidden !important;
}

#waSuiteNavWrapper {
    display: block;
    height: 49px;
    margin: 0;
    background-repeat: repeat-x;
    position: relative;
    z-index: 905;
}

.wa-frame-fixed #waSuiteNavWrapper {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 20;
}

.wa-frame-fixed #waAppComponent {
    padding-top: 50px;
}

.wa-frame-fixed .wa-app-body {
    overflow: hidden !important;
}

.wa-frame-fixed .wa-content-main {
    height: auto !important;
}

.wa-error-component {
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .wa-error-component .instructions {
        background: #fefefe;
        width: 80%;
        height: auto;
        padding: 1rem;
        border: 1px solid #dcdcdc;
        border-radius: 0.25rem;
        max-width: 1250px;
    }

        .wa-error-component .instructions pre {
            max-width: 1250px;
        }

        .wa-error-component .instructions .instructions h2 {
            font-size: 1.25em;
            line-height: 1.3;
            color: #e30528;
        }

    .wa-error-component img {
        max-width: 450px;
        width: 80%;
        margin-top: 5rem;
        margin-bottom: 2rem;
    }

    .wa-error-component .instructions p {
        font-size: 1.2rem;
        line-height: 2rem;
        display: flex;
        align-items: flex-start;
        align-content: space-around;
        justify-content: flex-start;
    }

        .wa-error-component .instructions p svg {
            margin-top: 0.5rem;
        }

body {
    color: var(--wa-font-color-primary);
    background-color: #ffffff;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 0.775rem;
    font-weight: 300
}

a:link, a:focus, a:hover, a:active, a:visited {
    text-decoration: none;
    cursor: pointer;
    text-decoration: none;
    font-size: inherit;
}

.wa-w100-p {
    width: 100%
}

h3 {
    font-weight: 400
}

.wa-frame {
    width: 100%;
    height: 100vh;
}

.wa-content-main {
    height: 100%;
    width: 100%;
}

#waAppComponent {
    height: 100vh;
}

.waAppComponentFlex {
    display: flex;
    flex-direction: column;
}

#wa-page-title > i {
    margin-right: 15px;
    font-size: 1.4rem;
    margin-left: 1rem;
}

.wa-nav-header {
    background-position: left top;
    background-repeat-x: repeat;
    background-image: none;
    background-color: #212121;
}

.wa-app-bar-item:hover {
    color: #212121;
}

.wa-app-bar-item object,
.wa-app-bar-item svg {
    cursor: pointer !important;
}

.wa-flex-space-between:not(td),
td.wa-flex-space-between > span {
    display: flex !important;
    justify-content: space-between;
}

.wa-left-navigation {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

    .wa-left-navigation ul:first-child {
        height: 100%;
    }

.wa-user-online {
    position: relative;
}

.wa-user-online-label {
    content: '';
    height: 20px;
    width: 20px;
    background-color: var(--falcon-success);
    border-radius: 50%;
    position: absolute;
    right: 4px;
    top: 0px;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.wa-user-item-button {
    align-items: center;
}

    .wa-user-item-button > div {
        display: flex;
        flex-direction: column;
    }

    .wa-user-item-button .wa-user-online-company {
        color: #aaa;
        font-size: .7rem;
    }

    .wa-user-item-button > div > span {
        line-height: initial !important;
    }

.wa-left-navigation .wa-app-bar-list.active:before {
    content: '';
}

.wa-style-data .wa-nav-header,
.wa-style-data .wa-left-navigation .wa-app-bar-list.active:not(.wa-user-online):before {
    background-color: var(--wa-color-data);
}

.wa-style-data .rwa-dashboard-title {
    color: var(--wa-color-data);
}

.wa-style-logistics .wa-nav-header,
.wa-style-logistics .wa-left-navigation .wa-app-bar-list.active:not(.wa-user-online):before {
    background-color: var(--wa-color-logistics);
}

.wa-style-logistics .wa-table-bb-highlight > td {
    font-weight: bold;
    border-bottom: solid 2px var(--wa-color-logistics,#a90000);
}

.wa-style-logistics .rwa-dashboard-title {
    color: var(--wa-color-logistics);
}

.wa-style-erp .wa-nav-header,
.wa-style-erp .wa-left-navigation .wa-app-bar-list.active:not(.wa-user-online):before {
    background-color: var(--wa-color-erp);
}

.wa-style-erp .rwa-dashboard-title {
    color: var(--wa-color-erp);
}

.wa-style-manage .wa-nav-header,
.wa-style-manage .wa-left-navigation .wa-app-bar-list.active:not(.wa-user-online):before {
    background-color: var(--wa-color-manage);
}

.wa-style-manage .rwa-dashboard-title {
    color: var(--wa-color-manage);
}

.wa-style-ecommerce .wa-nav-header,
.wa-style-ecommerce .wa-left-navigation .wa-app-bar-list.active:not(.wa-user-online):before {
    background-color: var(--wa-color-ecommerce);
}

.wa-style-ecommerce .rwa-dashboard-title {
    color: var(--wa-color-ecommerce);
}

.wa-style-crm .wa-nav-header,
.wa-style-crm .wa-left-navigation .wa-app-bar-list.active:not(.wa-user-online):before {
    background-color: var(--wa-color-crm);
}

.wa-style-crm .rwa-dashboard-title {
    color: var(--wa-color-crm);
}

.wa-style-connector .wa-nav-header,
.wa-style-connector .wa-left-navigation .wa-app-bar-list.active:not(.wa-user-online):before {
    background-color: var(--wa-color-connector);
}

.wa-style-connector .rwa-dashboard-title {
    color: var(--wa-color-connector);
}

.wa-style-wms .wa-nav-header,
.wa-style-wms .wa-left-navigation .wa-app-bar-list.active:not(.wa-user-online):before {
    background-color: var(--wa-color-wms);
}


.wa-style-profile .wa-nav-header,
.wa-style-profile .wa-left-navigation .wa-app-bar-list.active:not(.wa-user-online):before {
    background-color: var(--wa-font-color-primary);
}


.wa-style-wms .rwa-dashboard-title {
    color: var(--wa-color-wms);
}

.wa-style-data .wa-app-bar-item:hover {
    color: var(--wa-color-data)
}

.wa-style-logistics .wa-app-bar-item:hover {
    color: var(--wa-color-logistics)
}

.wa-style-erp .wa-app-bar-item:hover {
    color: var(--wa-color-erp)
}

.wa-style-ecommerce .wa-app-bar-item:hover {
    color: var(--wa-color-ecommerce)
}

.wa-style-crm .wa-app-bar-item:hover {
    color: var(--wa-color-crm)
}

.wa-style-connector .wa-app-bar-item:hover {
    color: var(--wa-color-connector)
}

.wa-main-body-component {
    display: flex;
    position: relative;
}

.wa-app-root:not(.no-overflow) .wa-main-body-component {
    overflow: auto !important;
    height: 100%;
}

    .wa-app-root:not(.no-overflow) .wa-main-body-component .wa-content {
        padding-right: 1.5rem;
    }

.wa-main-column-body {
    max-width: 100%;
}

.wa-main-body-component.wa-main-two-columns .wa-main-column-body {
    flex-basis: calc(100% - 220px);
}

.wa-nav-sm {
    height: 48px;
    line-height: 48px;
}

.wa-nav-header-left-region {
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    text-align: center;
    height: 100%;
}

.wa-app-name {
    padding-left: 15px;
}

    .wa-app-name > a {
        color: #fff;
        text-decoration: inherit;
        font-weight: 500;
        font-size: 1rem
    }

        .wa-app-name > a i:before {
            font-size: 1rem;
        }

/****** pagination *****/
.pagination-item {
    list-style-type: none;
    display: inline-flex;
    border-right: 1px solid #d7dadb;
}

    .pagination-item > a {
        padding: 0.4em 1em;
        display: inline-flex;
        text-decoration: none;
        color: #8b969c;
        background: transparent;
        margin: 0 !important;
        min-width: initial !important;
        border-radius: 0 !important;
        align-items: center;
    }

/****** end pagination *****/

.wa-form .form-control {
    font-size: .875rem;
}

.wa-region-header-search {
    min-width: 408px;
    display: flex;
    align-content: stretch;
    flex-wrap: nowrap;
    flex-direction: column-reverse;
    justify-content: space-evenly;
}

.wa-button-header {
    color: #FFFFFF;
    background-color: transparent;
    border-width: 0;
    width: auto;
    height: 100%;
    box-sizing: border-box;
    overflow: visible;
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    min-width: 48px;
    text-align: center;
    cursor: pointer;
    outline-offset: -1px;
    font-size: .775rem;
}

    .wa-button-header:hover {
        background-color: rgba(0, 0, 0,.98) !important;
        -webkit-transition: background-color .467s cubic-bezier(.1,.9,.2,1) 34ms;
        transition: background-color .467s cubic-bezier(.1,.9,.2,1) 34ms;
    }

    .wa-button-header:focus {
        outline: #FFFFFF 1px solid !important;
        background-color: rgba(0, 0, 0,.98) !important;
    }

    .wa-button-header.wa-drop-flag > span {
        min-width: 60px !important;
    }

.wa-main-shortcut {
    height: 100%;
    line-height: 48px;
    display: flex;
}

    .wa-main-shortcut > .wa-button-header {
        background-color: #212121;
    }

.wa-nav-header-center-region {
    width: calc(100% - 110px);
    display: flex;
    flex: 1 0 auto;
    height: 100%;
}

    .wa-nav-header-center-region .wa-nav-header-top-level,
    .wa-nav-header-top-level > div {
        height: 48px;
        display: flex;
    }

.dropdown-menu .dropdown-item {
    font-size: .775rem !important;
    line-height: 1.4rem;
    font-weight: 300;
}

.rz-splitbutton-menu .dropdown-menu .dropdown-item {
    display: flex;
    gap: .8rem;
}

.dropdown-menu .dropdown-item > i {
    font-size: 1rem;
}

.wa-nav-header-top-level .wa-left-region {
    justify-content: flex-start;
    flex-grow: 1;
}

.wa-nav-header-top-level .wa-center-region {
    display: none;
}

.wa-nav-header-top-level .wa-center-region {
    flex: 1 0 auto;
}

.wa-nav-header-right-region {
    display: flex;
    flex: 0 0 auto;
    margin-right: 4px;
}

    .wa-nav-header-right-region .wa-button-header {
        display: flex !important;
        align-items: center;
    }

.wa-app-bar-list .dropdown-toggle::after {
    border-top: none !important;
    border-bottom: none !important;
}

.wa-nav-header-right-region .wa-button-header.dropdown-toggle::after {
    display: none !important;
}

.button-circle {
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    margin: 0 auto;
}

.wa-nav-account {
    border-radius: 50%;
    text-align: center;
    display: flex;
    align-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
}

    .wa-nav-account > img {
        width: 32px;
        height: 32px;
    }

.wa-app-container {
    height: 100%;
    overflow: hidden;
    min-width: 319px;
}

.wa-app-body {
    /*overflow: hidden;*/
    flex-wrap: wrap;
    align-content: flex-start;
    flex: 0 0 calc(100% - 48px);
    flex-grow: 1 !important;
    height: calc(100vh - 48px);
    padding-bottom: 1.5rem;
}

.rwa-composer-component {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 12px;
}

.wa-app-body-container {
    transition: padding-bottom .3s;
    flex-wrap: nowrap;
}

.wa-app-bar {
    display: block;
    background: var(--falcon-light-bg-subtle);
    z-index: 12;
    border-right: 1px solid var(--wa-border-light);
    color: var(--wa-font-color-primary);
    flex: 0 0 48px;
}

.wa-left-navigation .wa-app-bar-list {
    max-width: 47px;
    width: 47px;
    height: 47px;
    display: flex;
    box-sizing: border-box;
    margin: 2px 0;
    position: relative;
}

    .wa-left-navigation .wa-app-bar-list.active:not(.wa-user-online):before {
        position: absolute;
        width: 2px;
        height: 100%;
        right: 0;
    }

.wa-left-navigation .wa-app-bar-item {
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(96, 94, 92);
    text-align: center;
    font-size: 20px;
    flex-direction: row;
    align-content: flex-start;
    flex-wrap: nowrap;
    width: 47px;
    height: 47px;
    border: none;
    background: transparent;
}

    .wa-left-navigation .wa-app-bar-item:hover {
        background: var(--wa-border-light);
    }

.wa-context-menu {
    font-weight: 400;
    position: absolute;
    box-sizing: border-box;
    border-radius: 2px;
    box-shadow: rgb(0 0 0 / 13%) 0px 6.4px 14.4px 0px, rgb(0 0 0 / 11%) 0px 1.2px 3.6px 0px;
    outline: transparent;
    border-width: 0px;
    left: 100%;
    background: #fff;
    min-width: 190px;
    z-index: 1;
    transform: translateX(-10px);
    opacity: 0;
    pointer-events: none;
    transition: var(--wa-fadein);
}

.wa-left-navigation .wa-app-bar-list:hover .wa-context-menu {
    pointer-events: all;
    transform: none;
    opacity: 1;
}

.wa-app-bar-menu-list {
    font-weight: 400;
    color: #333;
    position: relative;
    box-sizing: border-box;
    font-size: initial;
}

    .wa-app-bar-menu-list > div,
    .wa-app-bar-menu-list a {
        padding: 0px;
        border-radius: 2px;
        min-width: 48px;
        height: auto;
        background-color: rgb(255, 255, 255);
        color: rgb(166, 166, 166);
        width: 100%;
        min-height: 40px;
        line-height: 20px;
        user-select: none;
        display: flex;
        align-items: center;
        font-size: .785rem;
    }

    .wa-app-bar-menu-list.active a {
        color: #212121;
    }

    .wa-app-bar-menu-list a {
        transition: all .2s;
    }

        .wa-app-bar-menu-list > div > span,
        .wa-app-bar-menu-list a > span {
            padding: 0px 8px;
        }

        .wa-app-bar-menu-list a:hover {
            background-color: #f4f4f4;
            color: #212121;
        }

.wa-left-submenu > li:first-child > div {
    border: 1px solid #333;
    color: #fff;
    background: #333;
}

.wa-app-root {
    height: 100%;
    overflow: hidden;
    min-width: 410px;
    display: flex;
    flex-direction: column;
}

.wa-main-header {
    border-bottom: 1px solid var(--wa-border-light);
    margin-top: 0.6rem;
}

    .wa-main-header .wa-message {
        margin: 5px 10px !important;
    }

        .wa-main-header .wa-message .wa-alert {
            padding: 6px !important;
            border-radius: 0 !important;
            margin-bottom: 0.8rem !important;
        }


.wa-title-content {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.wa-content-secondary {
    width: 250px;
    position: relative;
    display: flex;
    justify-content: flex-end;
    padding-right: 1.5rem;
}

    .wa-content-secondary:before {
        content: 'beta';
        position: absolute;
        right: 0;
        top: -15px;
        background: #ff4081;
        color: #fff;
        padding: 0 0.4rem;
        font-size: .7rem;
        border-radius: 4px;
    }

.wa-content-primary {
    display: flex;
}

.wa-command-bar {
    border-bottom: 1px solid var(--wa-border-light);
    display: flex;
    min-width: 0;
    min-height: 38px;
    justify-content: space-between;
    padding: .25rem 0;
}

    .wa-command-bar .wa-command-bar-section {
        display: flex;
        align-items: center;
        column-gap: 5px;
        position: relative;
        min-width: 0;
    }

        .wa-command-bar .wa-command-bar-section .rz-dropdown {
            height: 2.3875rem !important;
            border-top: none !important;
            border-bottom: none !important;
        }

            .wa-command-bar .wa-command-bar-section .rz-dropdown:hover {
                background-color: #fafbfc;
            }

.wa-command-bar-section .wa-button-container .rwa-button {
    height: 38px;
}

.wa-command-bar .wa-command-bar-section:last-child {
    position: relative;
}
    .wa-command-bar .wa-command-bar-section:last-child:before {
        content: '';
        position: absolute;
        width: 2px;
        height: calc(100% - 6px);
        top: 2px;
        bottom: 0;
        left: -5px;
        background: var(--wa-border-light);
    }


    .wa-button-container {
        white-space: nowrap;
    }

    .wa-button-container button.btn {
        font-weight: 300;
        font-size: 0.775rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .wa-button-container button.btn.btn-xs {
            font-size: .8rem !important;
        }

        .wa-button-container button.btn.btn-xxs {
            font-size: 80% !important;
        }

        .wa-button-container button.btn.btn-md {
            font-size: 100%;
        }

        .rwa-icon-size-1 {
            font-size: 1.2rem;
        }

.rwa-collapse-command .wa-button-container button.btn.btn-md {
    font-size: 1rem;
}

.wa-button-container button.btn.btn-md.wa-only-icon {
    width: 30px;
    height: 30px;
}

.wa-button-container button.btn.btn-xs.wa-only-icon {
    width: 28px;
    height: 28px;
}

.wa-button-container button.btn.btn-xl {
    /*font-size: 1rem !important;*/
}

    .wa-button-container button.btn.btn-xl.wa-only-icon {
        width: 34px;
        height: 34px;
    }

.wa-button-container .btn-outline-light {
    color: var(--falcon-dark);
    border: solid 1px var(--wa-border-light)
}

    .wa-button-container .btn-outline-light:hover {
        background: var(--falcon-gray-100);
    }

.wa-button-container.wa-checked-container {
    display: flex;
    align-items: center;
}

    .wa-button-container.wa-checked-container > .rz-chkbox {
        margin-right: 0.575rem;
    }


.btn-outline-info {
    color: var(--falcon-info);
    border-color: var(--falcon-info);
}

.wa-group-items-content {
    width: var(--wa-group-items-content-width);
    border-right: 1px solid var(--wa-border-light);
    transition: opacity 0.3s, transform 0.3s;
}

    .wa-group-items-content .wa-button-container {
        padding: 0 !important;
    }

        .wa-group-items-content .wa-button-container .btn {
            width: 100%;
            height: 3.25rem !important;
            line-height: 3.25rem !important;
            text-align: left !important;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

/********** left side menu panel **********/

.wa-group-items-content {
    transform: translateX(-100%);
    z-index: 4;
    background: #ffffff;
}

    .wa-group-items-content .wa-button-container .btn {
        justify-content: flex-start !important;
    }

    .wa-group-items-content[visible] {
        transform: none;
    }

    .wa-group-items-content[floating] {
        position: absolute;
        left: 0;
        z-index: 1000;
        border-right: 0;
    }

        .wa-group-items-content[floating][visible] {
            opacity: 1;
            box-shadow: 0px 0px 14px 0px rgb(0 0 0 / 28%);
        }

    .wa-group-items-content:not([floating], [visible]) ~ .wa-main-column-body {
        margin-left: calc(var(--wa-group-items-content-width) * -1);
    }

.wa-screen-overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: #00000066;
    opacity: 0;
    pointer-events: none;
    transition: none;
}

.wa-group-items-content[floating][visible] + .wa-screen-overlay {
    opacity: 1;
    pointer-events: all;
    transition: opacity 0.3s;
}

.wa-style-connector .wa-group-items-content .wa-button-container .btn.active {
    border-right: 2px solid var(--wa-color-connector);
}

.wa-style-ecommerce .wa-group-items-content .wa-button-container .btn.active {
    border-right: 2px solid var(--wa-color-ecommerce);
}

.wa-style-data .wa-group-items-content .wa-button-container .btn.active {
    border-right: 2px solid var(--wa-color-data);
}

.wa-style-logistics .wa-group-items-content .wa-button-container .btn.active {
    border-right: 2px solid var(--wa-color-logistics);
}

.wa-style-erp .wa-group-items-content .wa-button-container .btn.active {
    border-right: 2px solid var(--wa-color-erp);
}

.wa-style-manage .wa-group-items-content .wa-button-container .btn.active {
    border-right: 2px solid var(--wa-color-manage);
}

.wa-style-crm .wa-group-items-content .wa-button-container .btn.active {
    border-right: 2px solid var(--wa-color-crm);
}

.wa-style-wms .wa-group-items-content .wa-button-container .btn.active {
    border-right: 2px solid var(--wa-color-wms);
}

.rz-dialog-content {
    padding: 0 1.25rem !important;
}

.rwa-button-options .rz-cell-data {
    min-width: 1px;
    width: auto;
    display: flex !important;
    justify-content: flex-end;
    column-gap: 5px;
}

.rz-cell-data .wa-button-container button {
    height: 26px;
}

    .rz-cell-data .wa-button-container button.btn-xxs {
        height: 20px;
        width: 20px;
        padding: 2px;
    }

.rz-dialog-confirm {
    padding: 1.2rem;
}

    .rz-dialog-confirm .rz-dialog-titlebar {
        background: transparent !important;
    }

    .rz-dialog-confirm .rz-dialog-content {
        margin-top: 2rem;
    }

.wa-dialog-titlebar .rz-dialog-title {
    align-items: center;
    cursor: pointer;
}

.wa-btn-header-dialog {
    margin-left: 10px;
    margin-right: 10px;
    display: flex;
    transition: all .4s;
}

.wa-dialog-titlebar:not(.open) .wa-btn-header-dialog {
    opacity: 0;
}

.wa-dialog-titlebar:not(.open) .rz-dialog-title:hover > .wa-btn-header-dialog {
    opacity: 1;
}

.wa-dialog-titlebar .wa-btn-header-submit {
    display: flex;
    align-items: center;
}

    .wa-dialog-titlebar .wa-btn-header-submit:hover {
        -webkit-box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 75%);
        box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 75%);
    }

    .wa-dialog-titlebar .wa-btn-header-submit > i {
        margin-right: 10px
    }

.btn-dark .wa-button-icon .rwa-button-icon {
    fill:#fff
}

.rz-cell-data .wa-button-container .btn .wa-button-icon > i {
    margin-right: 0 !important;
}

.wa-row-edit-1 {
    width: 45px;
}

.wa-row-edit-2 {
    width: 95px;
}

    .wa-row-edit-1 > .rz-cell-data,
    .wa-row-edit-2 > .rz-cell-data {
        display: flex !important;
    }

    .wa-row-edit-2 > .rz-cell-data {
        gap: 0.4rem;
    }

.btn-xs {
    padding: 0.25rem 0.35rem;
    line-height: 1px;
}

    .btn-xs > i {
        font-size: .675rem;
    }

.btn-sm {
    padding: 0.3rem 0.65rem;
}

.btn.btn-md:not(.wa-only-icon) {
    padding: 0.55rem .75rem;
}

.btn.btn-xl:not(.wa-only-icon) {
    padding: 0.85rem 2.75rem;
}

.wa-button-container .btn-xs {
    min-height: 20px;
}

/*.wa-button-container .btn {
    height: 100%;
}*/

.wa-button-container.wa-button-image button.btn {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .wa-button-container.rwa-close .btn-md,
    .wa-button-container.wa-button-image button.btn.btn-md {
        height: 38px;
    }

    .wa-button-container.wa-button-image button.btn object,
    .wa-button-container.wa-button-image button.btn object * {
        cursor: pointer;
    }

    .wa-button-container.wa-button-image button.btn .wa-button-icon {
        position: relative;
    }

        .wa-button-container.wa-button-image button.btn .wa-button-icon:before {
            content: '';
            cursor: pointer;
            width: 16px;
            height: 16px;
            position: absolute;
            z-index: 3;
            background: transparent !important;
        }

.wa-button-container .wa-button-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

    .wa-button-container .wa-button-icon .wa-button-text {
        white-space: nowrap;
    }

.btn-square {
    border-radius: 0 !important;
}

.tooltip-inner {
    /* -webkit-box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 75%);
    box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 75%);
    color: #000;
    background-color: #fff;*/
    color: #f8f9fb;
    background-color: var(--falcon-gray-1000);
    font-size: 0.755rem;
    border-radius: 0;
}

.bs-tooltip-end .tooltip-arrow::before {
    border-right-color: var(--falcon-gray-1000);
    right: -1px;
}

.bs-tooltip-start .tooltip-arrow::before {
    border-left-color: rgba(0, 0, 0,.5);
    left: 0px;
}

.bs-tooltip-start[data-popper-placement=left] {
    inset: 5px 0px auto auto !important;
    margin-right: 2px !important;
}

    .bs-tooltip-start[data-popper-placement=left] .tooltip-arrow {
        transform: translate(0px, 9px) !important;
    }

        .bs-tooltip-start[data-popper-placement=left] .tooltip-arrow:before {
            border-left-color: #000 !important;
            left: 0px;
        }

.bs-tooltip-top .tooltip-arrow::before {
    top: -2px;
    left: -2px;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: var(--falcon-gray-1000);
}

.tooltip.show {
    opacity: 1;
}

.wa-bg-grayLight {
    background-color: #f3f4f5 !important;
}

.wa-bg-gray {
    background-color: var(--falcon-gray-bg-subtle) !important;
}

table .wa-bg-gray {
    border: solid 1px var(--falcon-gray-bg-subtle) !important;
}

.wa-icon {
    font-size: var(--wa-size-normal);
}

.wa-icon-xs {
    font-size: var(--wa-size-xs);
}

.wa-icon-l {
    font-size: var(--wa-size-large);
}

.wa-icon-lg {
    font-size: var(--wa-size-x-large);
}

.wa-icon-copy {
    position: absolute;
    background: #fff;
    right: 3px;
    top: 4px;
}

.wa-clipboard-wrap {
    position: relative;
}

    .wa-clipboard-wrap .wa-icon-copy {
        opacity: 0;
        transition: all .2s;
    }

    .wa-clipboard-wrap:hover .wa-icon-copy {
        opacity: 1;
    }

/********** command-bar multi search ************/
.wa-multisearch-button-searched * {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb),var(--bs-text-opacity)) !important;
    font-weight: 400;
}

/********** command-bar search -input ************/
.wa-search-input-container > div:not(.wa-search-box):hover {
    background-color: #f4f4f4;
}

.wa-search-input-container > div.wa-search-box {
    background-color: #fff;
}

.wa-search-input-container > div {
    border-width: 0;
    padding: 1px 40px 0 3px;
    height: 38px;
    background-color: transparent;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: width 0.167s ease 0s;
}

.wa-search-input-container .wa-search-header-icon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    width: 32px;
    text-align: center;
    transition: width 0.167s ease 0s;
}

.wa-search-input-container .wa-search-header-text {
    padding: 0 12px 0 3px;
    pointer-events: none;
    text-overflow: ellipsis;
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
}

.wa-search-input-container .wa-search-box {
    border-color: inherit;
    border-width: 1px;
    padding-left: 2px !important;
    width: 245px;
    padding: 1px 0 0 3px !important;
    height: 38px;
}

.wa-search-input-container .wa-search-box-input {
    flex: 1 1 0px;
    height: 38px;
    line-height: 38px;
    border: none;
    background-color: transparent !important
}

.wa-search-box-input:focus-visible {
    border: none;
    outline: 0;
}

.wa-search-input-container .wa-search-box-clear {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    cursor: pointer;
    flex-basis: 32px;
    flex-shrink: 0;
    padding: 0px;
    margin: -1px 0px;
}

.wa-search-box {
    border: solid 1px #323130;
}

/******* form in edit ************/
.wa-nav-scrollable {
    overflow-y: auto;
}

.wa-collapsible-tab-container,
.wa-collapsible-tab {
    overflow: hidden;
}

    /*.wa-collapsible-tab {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}*/

    .wa-collapsible-tab > .row {
        width: 100%;
        margin-top: 22px;
        --bs-gutter-x: 0rem !important;
    }

.wa-nocollapse {
    display: flex;
    flex-direction: row;
    align-items: center;
}

    .wa-nocollapse > i {
        font-size: 11px;
        padding-bottom: 2px;
        position: relative;
        margin-left: 6px;
        margin-right: 6px;
    }

.wa-layout-main {
    display: flex;
    flex-basis: 100%;
    min-width: 0;
    flex-direction: column;
    position: relative;
    padding-bottom: 3rem;
}

.wa-layout-main-container {
    width: 100%;
    display: flex;
    flex-grow: 1;
    flex-shrink: 1;
    min-width: 0;
    padding-top: 28px;
    /*padding-bottom: 1rem;*/
}

/*******sweet alert2 *****/

.swal2-confirm.btn-dark {
    color: #fff !important;
    background-color: var(--falcon-dark) !important;
    border-color: var(--falcon-dark) !important;
}

    .swal2-confirm.btn-dark:hover {
        color: #fff !important;
        background-color: #383b3f !important;
        border-color: #383b3f !important;
    }

.swal2-cancel.btn-light {
    color: #000 !important;
    background-color: #f8f9fa !important;
    border-color: #f8f9fa !important;
}

/******* utilizzato per la rappresentazione in breve nel layout  ********/
.wa-caption-container-wide .wa-caption-title {
    text-transform: uppercase;
    font-size: .8rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 300;
    max-width: 200px;
}

.wa-wide-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0px -5px;
}

.wa-wide-container {
    flex: 0 0 auto;
    display: inline-block;
    margin: 7px 10px;
    box-shadow: rgb(0 0 0 / 13%) 0px 3.2px 7.2px 0px, rgb(0 0 0 / 11%) 0px 0.6px 1.8px 0px;
    padding: 15px;
}

    .wa-wide-container .wa-number-container {
        height: 45px;
        align-items: flex-end;
        min-width: 110px;
    }

    .wa-wide-container .wa-number-largest {
        font-size: 1.8rem;
        font-weight: 300;
    }

    .wa-wide-container .wa-sentiment-container {
        height: 6px;
        width: calc(100% - 15px);
        display: flex;
        align-items: flex-end;
    }

    .wa-wide-container .wa-thm-summ-bgcolor {
        height: 1px;
        width: inherit;
    }

.wa-style-profile .wa-wide-container .wa-thm-summ-bgcolor {
    background-color: var(--wa-font-color-primary);
}


.wa-style-logistics .wa-wide-container .wa-thm-summ-bgcolor {
    background-color: var(--wa-color-logistics);
}

.wa-style-connector .wa-wide-container .wa-thm-summ-bgcolor {
    background-color: var(--wa-color-connector);
}

.wa-style-data .wa-wide-container .wa-thm-summ-bgcolor {
    background-color: var(--wa-color-data);
}

.wa-style-ecommerce .wa-wide-container .wa-thm-summ-bgcolor {
    background-color: var(--wa-color-ecommerce);
}

.wa-style-erp .wa-wide-container .wa-thm-summ-bgcolor {
    background-color: var(--wa-color-erp);
}

.wa-style-manage .wa-wide-container .wa-thm-summ-bgcolor {
    background-color: var(--wa-color-manage);
}

.wa-style-crm .wa-wide-container .wa-thm-summ-bgcolor {
    background-color: var(--wa-color-crm);
}

.wa-style-wms .wa-wide-container .wa-thm-summ-bgcolor {
    background-color: var(--wa-color-wms);
}

/*******/

.rz-navigation-item-link > i {
    font-size: 1rem;
    margin-right: .5rem;
}


.wa-layout-card {
    width: 100%;
    position: relative;
}

.wa-column-header {
    display: flex;
    align-items: center;
    border-bottom-width: 1px;
    border-bottom-color: var(--wa-border-light);
    border-bottom-style: solid;
}

    .wa-column-header h4 {
        font-size: 1rem;
        cursor: pointer;
    }

        .wa-column-header h4 > .wa-collapse > i {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
            transform: rotate(0deg);
            transition: transform .3s linear;
            display: inline-block;
        }

        .wa-column-header h4 > .wa-collapse.open > i {
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            transform: rotate(90deg);
            transform: rotate(90deg);
            transition: transform .3s linear;
        }

.wa-tab-container-columns .wa-control-container {
    display: flex;
    break-inside: avoid;
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc4JyBoZWlnaHQ9JzgnPjxjaXJjbGUgY3g9JzEnIGN5PSc0JyByPScxJyBmaWxsPScjZDBkM2Q3JyAvPjwvc3ZnPg==);
    background-repeat: repeat-x;
    background-position: left 8.75pt;
    cursor: pointer;
    flex-direction: row;
    justify-content: space-between;
    transition: height .5s linear;
    margin-bottom: 9px;
}

    .wa-tab-container-columns .wa-control-container .wa-control-extend {
        cursor: default !important;
    }

.wa-tab-container-columns .wa-control-right {
    flex: 0 1 auto;
    padding-left: 7px;
    display: inline-block;
    vertical-align: top;
    width: 58.31%;
    padding-left: 12px;
    margin-top: 0;
    background: #fff;
    position: relative;
}

.wa-control-action {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

    .wa-control-action .wa-action-input-control {
        padding: 0;
        border-radius: 0;
        padding-left: 6px;
        padding-right: 6px;
        background: #fff;
    }

        .wa-control-action .wa-action-input-control:hover {
            background-color: #6c757d;
        }

.wa-control-action {
    display: flex !important;
}

    .wa-control-action .wa-control-read {
        max-width: calc(100% - 38px);
        flex: 1;
    }

.wa-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.wa-tab-container-columns .wa-control-read {
    background-color: #fff;
    outline-offset: -1px;
    padding: 5px;
    min-height: 28.61px;
    overflow: hidden;
    position: relative;
}

    .wa-tab-container-columns .wa-control-read.wa-bg-grayLight:before {
        content: '';
        position: absolute;
        width: 5px;
        background: #f3f4f5;
        right: 0;
        height: 28.61px;
    }

.wa-control-edit.wa-bg-grayLight:not(.wa-control-extend) {
    height: 28px;
}

.wa-tab-container-columns .wa-control-edit .rz-dropdown {
    margin: 0;
    width: 100%;
    height: 28px;
    line-height: 20px;
    padding-left: 4px;
}

.wa-tab-container-columns .wa-control-edit > div {
    width: 100%;
}

    .wa-tab-container-columns .wa-control-edit > div .rz-calendar .rz-inputtext {
        line-height: initial;
        height: 28px;
        width: 100%;
        padding-left: 4px;
    }

    .wa-tab-container-columns .wa-control-edit > div .rz-calendar button.rz-calendar-button {
        width: 20px;
        height: 20px;
        font-size: 1rem;
        margin-top: 2px;
        right: 0.425rem;
    }

@media (min-width: 768px) {
    .wa-tab-container-columns .row .col.col-md-12 .wa-control-right {
        width: 79.2%;
    }
}

@media (min-width: 1200px) {
    .wa-tab-container-columns .row .col.col-xl-12 .wa-control-right {
        width: 86.2%;
    }
}

@media (min-width: 1400px) {
    .wa-tab-container-columns .row .col.col-xxl-6 .wa-control-right {
        width: 79.1%;
    }
}

.wa-tab-container-columns .wa-control-edit {
    position: relative;
}

    .wa-tab-container-columns .wa-control-edit:not(.wa-bg-grayLight) {
        padding: 5px;
    }

    .wa-tab-container-columns .wa-control-edit > span,
    .wa-tab-container-columns .wa-control-edit > input {
        min-height: 28.61px;
        height: 28.61px !important;
        width: 100%;
        padding: 0 5px;
        font-weight: 300
    }



.wa-tab-container-columns .wa-control-label {
    max-width: calc(41% - 15px);
    background: #fff;
    flex: 0 0 auto;
    padding-right: 12px;
    padding-top: 5px;
    padding-left: 12px;
    white-space: nowrap;
    overflow: hidden;
}

    .wa-tab-container-columns .wa-control-label > label {
        cursor: pointer;
    }

.wa-checkbox {
    align-items: center;
    border-radius: 100px;
    display: flex;
    font-weight: 700;
    margin-bottom: 16px;
    width: 62px;
}

    .wa-checkbox:last-of-type {
        margin: 0;
    }

.wa-checkbox__input {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

    .wa-checkbox__input:not([disabled]):active + .wa-checkbox-track,
    .wa-checkbox__input:not([disabled]):focus + .wa-checkbox-track {
        border: 1px solid transparent;
        box-shadow: 0px 0px 0px 1px #323130;
    }

    .wa-checkbox__input:disabled + .wa-checkbox-track {
        cursor: not-allowed;
        opacity: 0.7;
    }

.wa-checkbox-track {
    background: #e5efe9;
    border: 1px solid #323130;
    border-radius: 100px;
    cursor: pointer;
    display: flex;
    height: 20px;
    margin-right: 12px;
    position: relative;
    width: 60px;
}

.wa-checkbox-indicator {
    align-items: center;
    background: #323130;
    border-radius: 50%;
    bottom: 2px;
    display: flex;
    height: 15px;
    justify-content: center;
    left: 2px;
    outline: solid 1px transparent;
    position: absolute;
    transition: 0.25s;
    width: 15px;
}

.wa-checkbox-checkMark {
    fill: #fff;
    height: 20px;
    width: 20px;
    opacity: 0;
    transition: opacity 0.25s ease-in-out;
}

.wa-checkbox__input:checked + .wa-checkbox-track .wa-checkbox-indicator {
    background: #323130;
    transform: translateX(30px);
}

    .wa-checkbox__input:checked + .wa-checkbox-track .wa-checkbox-indicator .wa-checkbox-checkMark {
        opacity: 1;
        transition: opacity 0.25s ease-in-out;
    }

@media screen and (-ms-high-contrast: active) {
    .wa-checkbox-track {
        border-radius: 0;
    }
}

/******* end form in edit ********/
/******* app-launcher *******/

.wa-launcher-wrap {
    position: absolute;
    top: 0;
    left: 318px;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255,0);
    z-index: 999;
}

.wa-app-launcher {
    position: fixed;
    box-shadow: rgb(0 0 0 / 22%) 0px 25.6px 57.6px 0px, rgb(0 0 0 / 18%) 0px 4.8px 14.4px 0px;
    z-index: 1000000;
    background-color: #fff;
    width: 320px;
    min-width: 320px;
    max-width: 320px;
    box-sizing: border-box;
    outline: none;
    overflow-y: auto;
    visibility: visible;
    pointer-events: auto;
    top: 0;
    left: 0;
    height: 100vh;
    transform: translateX(-100%);
    transition: transform 0.2s;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
}

.wa-app-launcher-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}

.wa-app-launcher-top .wa-button-header {
    background-color: transparent;
    box-sizing: border-box;
    border: 0;
    margin: 5px;
    padding: 0;
    min-width: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    cursor: pointer;
    transition: background-color 83ms linear;
}

.wa-app-launcher-bottom {
    width: calc(100% - 6px);
    margin-right: 6px;
    -ms-flex: 1;
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
}

.wa-app-areas h2 {
    display: inline-block;
    margin: 30px 0 20px 18px;
    padding: 0;
    font-size: 22px;
}

.wa-mod-areas {
    margin-left: 8px;
}

.wa-button-areas {
    float: left;
    width: 140px;
    margin-bottom: 18px;
    margin-right: 10px;
}

    .wa-button-areas .wa-button-area-item {
        display: flex;
        position: relative;
        box-sizing: border-box;
        border: 1px solid transparent !important;
        height: 66px;
        line-height: normal;
        text-decoration: none !important;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        transition: border-color 83ms linear,box-shadow 83ms linear;
        width: 100%;
        background: #fff;
    }

        .wa-button-areas .wa-button-area-item i {
            font-size: 26px;
            color: inherit;
            margin-right: 10px;
            margin-left: 10px;
            line-height: 1;
        }

        .wa-button-areas .wa-button-area-item > div {
            align-items: center;
            display: flex;
            height: 66px;
            line-height: 66px;
        }

        .wa-button-areas .wa-button-area-item:hover {
            border-color: #f4f4f4 !important;
            box-shadow: 0 8px 16px 0 rgb(0 0 0 / 10%);
            transition: border-color .167s linear,box-shadow .167s linear;
        }

    .wa-button-areas .wa-text-btn-areas {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        transition: color 83ms linear;
        font-size: 14px;
        font-weight: 300;
    }

        .wa-button-areas .wa-text-btn-areas span {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

/******* end app-header********/

/******* buttons ******/

.btn-circle {
    width: 26px;
    height: 26px;
    text-align: center;
    font-size: 12px;
    border-radius: 15px;
}

    .btn-circle.btn-xs .wa-button-icon {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .btn-circle.btn-lg {
        width: 50px;
        height: 50px;
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.33;
        border-radius: 25px;
    }

    .btn-circle.btn-xl {
        width: 70px;
        height: 70px;
        padding: 10px 16px;
        font-size: 24px;
        line-height: 1.33;
        border-radius: 35px;
    }

.wa-btn-dark {
    color: #252423;
    transition: background-color .167s linear;
}

    .wa-btn-dark:hover {
        background-color: var(--falcon-light-bg-subtle) !important;
    }

.wa-text-color-blue,
.wa-text-color-blue i {
    color: var(--wa-color-data) !important
}

.wa-text-color-green,
.wa-text-color-green i {
    color: #81b600 !important
}

.wa-text-color-red,
.wa-text-color-red i {
    color: #d60000 !important
}

.wa-text-color-teal,
.wa-text-color-teal i {
    color: var(--wa-color-erp) !important
}

.wa-text-color-grayDark,
.wa-text-color-grayDark i {
    color: var(--wa-color-manage) !important
}

.wa-text-color-orange,
.wa-text-color-orange i {
    color: var(--wa-color-crm) !important
}

.wa-text-color-black,
.wa-text-color-black i {
    color: #252423 !important;
}

.wa-text-color-brown,
.wa-text-color-brown:hover i,
.wa-text-color-brown i {
    color: var(--wa-color-connector) !important;
}

.wa-text-color-blueDark,
.wa-text-color-blueDark i {
    color: var(--wa-color-wms) !important;
}

.rz-dialog-titlebar .btn:focus {
    box-shadow: none !important;
}

.rz-dialog-title .label {
    font-weight: 300 !important;
    font-size: .75rem;
    padding: 5px 9px;
}

.wa-btn-flat {
    outline: transparent;
    position: relative;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    /*border: none;*/
    display: inline-block;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    padding: 0;
    /*height: auto;*/
    /*background-color: transparent;*/
    /*color: var(--wa-color-data);*/
    user-select: none;
    font-size: 0.775rem !important;
    font-weight: 300;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    user-select: none !important;
}

    .wa-btn-flat:focus {
        box-shadow: none !important;
    }

    .wa-btn-flat::selection {
        background: var(--wa-color-data) !important;
        color: #000 !important;
    }

.wa-btn-flat-moz-selection {
    background: var(--wa-color-data) !important;
    color: #000 !important;
}

.wa-btn-none {
    background: none;
    border: none;
    padding: 0;
    color: initial;
    text-shadow: none;
    outline: 0;
    cursor: pointer;
    position: relative;
}

button.wa-app-bar-item:after,
button.wa-btn-none:after {
    content: '';
    position: absolute;
    cursor: pointer;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: transparent;
    z-index: 9;
}

.rz-cell-data .wa-btn-flat {
    position: relative;
}

.wa-btn-flat:before {
    content: '';
    position: absolute;
    transition: 200ms linear;
}

.wa-btn-flat:hover:before {
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    z-index: 8;
    left: 0;
    background: #000;
}

.btn-info.wa-btn-flat {
    color: var(--falcon-white);
    border: solid 1px var(--falcon-info);
    background: var(--falcon-info);
}

/******* end buttons ********/
/****** radzen ***** #383b3f ****/

.rz-checkbox-list-vertical {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: wrap;
}

    .rz-checkbox-list-vertical .rz-checkbox {
        margin: .4rem 0;
    }

    .rz-alert-content p:last-child {
    }

.rz-align-right .rz-pager-summary {
    margin-right: auto;
}

.rz-pager-summary {
    padding-inline-end: 1.25rem;
    font-size: 0.875rem;
    color: var(--wa-font-color-primary);
}

.rz-overlaypanel .wa-button-container {
    width: 100%;
    display: flex;
}

    .rz-overlaypanel .wa-button-container button.btn {
        justify-content: start !important;
    }

.rz-navigation-item.rz-state-disabled {
    position: relative;
}

    .rz-navigation-item.rz-state-disabled .rz-navigation-item-link,
    .rz-navigation-item.rz-state-disabled .rz-navigation-item-wrapper {
        pointer-events: none;
        cursor: none;
    }

        .rz-navigation-item.rz-state-disabled .rz-navigation-item-wrapper:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(250, 251, 252, .5);
        }

.rz-datepicker-header {
    background: #fff !important;
}

.raw-nav-layout-aside-right .rz-data-grid {
    height: auto !important;
}

.raw-nav-layout-aside-right .rz-tabview .rz-tabview-selected {
    /*border-top-color: transparent !important;*/
    margin-bottom: 0;
    position: relative;
}

    .raw-nav-layout-aside-right .rz-tabview .rz-tabview-selected:before {
        content: '';
        display: block;
        width: 100%;
        position: absolute;
        height: 2px;
        bottom: -1px;
    }

.raw-nav-layout-aside-right .rz-tabview-nav li:first-child, .rz-tabview-nav li:not(:first-child) {
    /*border-right: solid 1px transparent;*/
}

.raw-nav-layout-aside-right .rz-tabview-nav li:hover:not(:first-child) {
    /*border-right: solid 1px transparent;*/
    /*background: #f8f9fb;*/
}

.rz-tabview-top > .rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) {
    border-top-color: transparent;
}

.raw-nav-layout-aside-right .rz-tabview-nav li {
    /*background-color: transparent;
    transition: none;
    border-top: solid 1px transparent;*/
}

.wa-style-ecommerce .raw-nav-layout-aside-right .rz-tabview .rz-tabview-selected:before {
    background: var(--wa-color-ecommerce);
}

.raw-nav-layout-aside-right .rz-tabview-nav li:first-child {
    /*border-left: solid 1px transparent;*/
}

.raw-nav-layout-aside-right .rz-tabview-nav li:first-child {
    /*border-right: solid 1px transparent;*/
}

.rz-tabview-panels {
    border: solid 1px transparent;
    border-top: solid 1px #6d6d6d;
}

.rz-dialog-wrapper .rz-dialog {
    z-index: 10001;
    background: #fff;
}

.rz-calendar .rz-inputtext {
    padding: 0.1875rem 0.625rem !important;
}

@media (max-width: 768px) {
    .rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox, input {
        font-size: .775rem !important;
    }
}

.rz-chkbox-box.rz-state-active {
    background-color: var(--falcon-dark);
    border: 1px solid var(--falcon-dark);
}

    .rz-chkbox-box.rz-state-active:hover {
        background-color: #383b3f;
        border: 1px solid #383b3f;
    }

body:not(.rz-default-scrollbars) ::-webkit-scrollbar-thumb {
    background-color: rgb(13 20 36 / 63%);
}

.rz-dropdown:not(:disabled):not(.rz-state-disabled):hover,
.rz-dropdown:not(:disabled):not(.rz-state-disabled):hover .rz-dropdown-label {
    cursor: pointer;
}

.rz-dropdown-item:hover, .rz-menuitem:hover, .rz-autocomplete-list-item:hover, .rz-multiselect-item:hover, .rz-dropdown-items li:hover, .rz-autocomplete-items li:hover, .rz-multiselect-items li:hover {
    background-color: #f4f5f7;
    color: var(--wa-font-color-primary);
    cursor: pointer;
    position: relative;
}

.rz-dropdown-item.rz-state-highlight:hover, .rz-state-highlight.rz-menuitem:hover, .rz-state-highlight.rz-autocomplete-list-item:hover, .rz-state-highlight.rz-multiselect-item:hover, .rz-dropdown-items li.rz-state-highlight:hover, .rz-autocomplete-items li.rz-state-highlight:hover, .rz-multiselect-items li.rz-state-highlight:hover {
    background-color: #f4f5f7;
    color: var(--wa-font-color-primary);
}

.rz-dropdown-item.rz-state-highlight, .rz-state-highlight.rz-menuitem, .rz-state-highlight.rz-autocomplete-list-item, .rz-state-highlight.rz-multiselect-item, .rz-dropdown-items li.rz-state-highlight, .rz-autocomplete-items li.rz-state-highlight, .rz-multiselect-items li.rz-state-highlight {
    background-color: #f0f4fb;
    color: var(--wa-font-color-primary);
}

.rz-dropdown-list .rz-dropdown-item,
.rz-dropdown-list .rz-dropdown-item:before {
    transition: all .2s;
}

    .rz-dropdown-list .rz-dropdown-item:hover:before {
        content: '';
        position: absolute;
        display: block;
        width: 2px;
        height: 100%;
        background: #212121;
        left: 0;
        top: 0;
    }

.rz-datatable-odd > td {
    background-color: initial;
}

.rz-grid-table tr.wa-active, .rz-grid-table tr.wa-active > td {
    content: '';
    background: #f6f7f8;
    border-color: transparent;
    transition: all .2s;
}

.rz-datatable-data td .rz-cell-data, .rz-grid-table td .rz-cell-data {
    font-size: 0.775rem;
}

.rz-grid-table th > div {
    content: '';
    display: flex;
    flex-direction: row;
    align-items: center;
}

.rz-grid-table th .rz-sortable-column-icon {
    opacity: 0
}

    .rz-grid-table th:hover .rz-sortable-column-icon,
    .rz-grid-table th .rz-sortable-column-icon.rzi-sort-asc,
    .rz-grid-table th .rz-sortable-column-icon.rzi-sort-desc {
        opacity: 1;
    }

.rz-grid-table th .rz-grid-filter-icon {
    margin: 0;
    margin-top: -4px;
    padding: 0 0px 0 5px;
    box-sizing: content-box;
}

.rz-overlaypanel {
    border-radius: 0;
    background-color: #fff
}

    .rz-overlaypanel * {
        /*font-size: 0.785rem;*/
    }

    .rz-overlaypanel .rz-multiselect-panel {
        border-left: none;
        border-right: none;
    }

    .rz-overlaypanel .rz-multiselect-item {
        padding-top: 0;
        padding-bottom: 0;
    }




.listvaluesfilter {
    overflow: visible;
    width: 250px;
    height: auto;
}

    .listvaluesfilter, .listvaluesfilter:hover, .listvaluesfilter:focus {
        border: none !important;
    }

        .listvaluesfilter .rz-multiselect-panel {
            position: static;
        }

        .listvaluesfilter.rz-dropdown {
            padding: 0;
        }

        .listvaluesfilter .rz-dropdown-label {
            padding: 0.25rem 0.625rem;
            height: auto;
        }

            .listvaluesfilter .rz-dropdown-label > label {
                width: 100%;
                overflow: hidden;
                text-overflow: ellipsis;
            }

        .listvaluesfilter .rz-dropdown-clear-icon {
            position: static;
            margin-left: auto;
            font-size: 0.785rem;
        }

        .listvaluesfilter .rz-grid-filter-buttons {
            margin-top: 0.55rem;
        }

.rz-overlaypanel-content:has(.listvaluesfilter) {
    display: flex;
}

.rz-overlaypanel .wa-button-container {
    flex-grow: 1;
}

.wa-command-bar .wa-button-container .wa-button-text {
    white-space: nowrap;
}

.rz-overlaypanel .wa-button-container > button {
    width: 100%;
}

.rz-column-title {
    flex-grow: 1;
}

    .rz-column-title .rz-column-subtitle {
        position: relative;
    }

        .rz-column-title .rz-column-subtitle:before {
            content: '';
            border-bottom: solid 1px transparent;
            height: 2px;
            position: absolute;
            bottom: -2px;
            width: 100%;
            transition: 200ms linear;
        }

        .rz-column-title .rz-column-subtitle:hover:before {
            content: '';
            border-bottom: solid 1px #000;
        }

.rz-tabview-top > .rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) {
    border-top-color: #dfe7ec;
}

    .rz-tabview-top > .rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) > a {
        color: var(--wa-font-color-primary);
    }

.rz-datatable-thead th .rz-column-title, .rz-grid-table thead th .rz-column-title {
    width: calc(100% - 30px);
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
}

.rz-tabview-title > .label.label-primary {
    font-weight: 300;
    margin-left: 0.8rem;
    border-radius: 5px;
}

.wa-style-data .rz-tabview-title > .label.label-primary {
    background-color: var(--wa-color-data);
}

.wa-style-data .rz-tabview-top > .rz-tabview-nav .rz-tabview-selected {
    border-top-color: var(--wa-color-data);
}

.wa-style-ecommerce .rz-tabview-title > .label.label-primary {
    background-color: var(--wa-color-ecommerce);
}

.wa-style-ecommerce .rz-tabview-top > .rz-tabview-nav .rz-tabview-selected {
    border-top-color: var(--wa-color-ecommerce);
}

.wa-style-logistics .rz-tabview-title > .label.label-primary {
    background-color: var(--wa-color-logistics);
}

.wa-style-logistics .rz-tabview-top > .rz-tabview-nav .rz-tabview-selected {
    border-top-color: var(--wa-color-logistics);
}

.wa-style-erp .rz-tabview-title > .label.label-primary {
    background-color: var(--wa-color-erp);
}

.wa-style-erp .rz-tabview-top > .rz-tabview-nav .rz-tabview-selected {
    border-top-color: var(--wa-color-erp);
}

.wa-style-manage .rz-tabview-title > .label.label-primary {
    background-color: var(--wa-color-manage);
}

.wa-style-manage .rz-tabview-top > .rz-tabview-nav .rz-tabview-selected {
    border-top-color: var(--wa-color-manage);
}

.wa-style-crm .rz-tabview-title > .label.label-primary {
    background-color: var(--wa-color-crm);
}

.wa-style-crm .rz-tabview-top > .rz-tabview-nav .rz-tabview-selected {
    border-top-color: var(--wa-color-crm);
}

.wa-style-wms .rz-tabview-title > .label.label-primary {
    background-color: var(--wa-color-wms);
}

.wa-style-wms .rz-tabview-top > .rz-tabview-nav .rz-tabview-selected {
    border-top-color: var(--wa-color-wms);
}

.wa-style-connector .rz-tabview-title > .label.label-primary {
    background-color: var(--wa-color-connector);
}

.wa-style-connector .rz-tabview-top > .rz-tabview-nav .rz-tabview-selected {
    border-top-color: var(--wa-color-connector);
}

.rz-tabview-nav li a {
    color: var(--wa-font-color-primary);
}
/****** end radzen *********/

.wa-table-header + .rz-data-grid .rz-grid-table thead th {
    border-top: none !important;
}

.wa-table-header-item {
    border-bottom: 1px solid #dbe6e9;
    padding: 0.35rem 0.2rem;
    background-color: #fafbfc;
    display: flex;
    justify-content: space-between;
}

    .wa-table-header-item .wa-button-container {
        padding: 0 2px !important;
    }

        .wa-table-header-item .wa-button-container .wa-filter-picker > button {
            background: transparent !important;
        }

    .wa-table-header-item > div {
        display: flex;
        align-items: center
    }

.wa-column-picker > div {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.wa-column-picker .wa-filter-picker .rz-helper-hidden-accessible > input,
.wa-column-picker .wa-filter-picker .rz-dropdown-label {
    display: none;
}

.wa-filter-right {
    padding: 5px 10px;
    width: 180px !important;
    margin-left: -29px;
    margin-top: 3px;
}

    .wa-filter-right .rz-multiselect-items li {
        padding: .4rem .625rem
    }

    .wa-filter-right .rz-multiselect-item span {
        white-space: nowrap;
    }

.wa-column-picker .wa-filter-picker {
    border-color: transparent;
    border-radius: 2px;
    box-shadow: none !important;
    background-color: transparent;
    cursor: pointer;
    height: 22px;
    justify-content: center;
    align-items: center;
    display: flex;
    min-width: 22px;
    padding: 0;
    /*margin-top: -7px;*/
}

    .wa-column-picker .wa-filter-picker > button {
        border: 0;
    }

.wa-column-picker .rz-dropdown-trigger {
    position: initial;
}

.wa-filter-picker:hover {
    border: solid 1px #88989b;
}

.wa-table-picker th:nth-last-child(2),
.wa-table-picker td:nth-last-child(2) {
    border-right: solid 1px transparent !important;
}

.wa-table-scrollable .rz-data-grid-data {
    overflow: auto;
    max-height: 350px;
    background: #fff;
}

.rz-data-grid-data .rz-grid-table thead {
    background: #fff;
}

.rz-data-grid-data tbody:not([loading]) > tr:hover {
    background: #f4f5f7 !important;
}

.rev-datagrid-icons > span {
    width: 1.2rem;
    display: inline-flex;
}

.rev-datagrid-icons i {
    font-size: 1rem;
}

/*********** dot-loading ************/
/* HTML: <div class="loader"></div> */
.rev-dot-loader {
    width: 30px;
    aspect-ratio: 4;
    --_g: no-repeat radial-gradient(circle closest-side,#000 90%,#0000);
    background: var(--_g) 0% 50%, var(--_g) 50% 50%, var(--_g) 100% 50%;
    background-size: calc(100%/3) 100%;
    animation: l7 1s infinite linear;
}

@keyframes l7 {
    33% {
        background-size: calc(100%/3) 0%,calc(100%/3) 100%,calc(100%/3) 100%
    }

    50% {
        background-size: calc(100%/3) 100%,calc(100%/3) 0%,calc(100%/3) 100%
    }

    66% {
        background-size: calc(100%/3) 100%,calc(100%/3) 100%,calc(100%/3) 0%
    }
}

/*********** end dot-loading ************/

/****** StepBar */
.stepper-wrapper {
    margin-top: auto;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    width: 50%;
}

.stepper-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
}


    .stepper-item::before {
        position: absolute;
        content: "";
        border-bottom: 2px solid #ccc;
        width: 100%;
        top: 20px;
        left: -50%;
        z-index: 2;
    }

    .stepper-item::after {
        position: absolute;
        content: "";
        border-bottom: 2px solid #ccc;
        width: 100%;
        top: 20px;
        left: 50%;
        z-index: 2;
    }

    .stepper-item .step-counter {
        position: relative;
        z-index: 5;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: #ccc;
        margin-bottom: 6px;
        color: #fff;
        font-weight: bold;
    }

    .stepper-item.active {
        font-weight: bold;
    }

    .stepper-item.completed::after {
        position: absolute;
        content: '';
        border: 1px solid #0d6efd;
        width: 100%;
        top: 20px;
        left: 50%;
        z-index: 3;
    }

.wa-style-data .stepper-item.completed .step-counter {
    background-color: var(--wa-color-data);
}

.wa-style-data .stepper-item.completed::after {
    border-color: var(--wa-color-data);
}

.wa-style-ecommerce .stepper-item.completed .step-counter {
    background-color: var(--wa-color-ecommerce);
}

.wa-style-ecommerce .stepper-item.completed::after {
    border-color: var(--wa-color-ecommerce);
}

.wa-style-logistics .stepper-item.completed .step-counter {
    background-color: var(--wa-color-logistics);
}

.wa-style-logistics .stepper-item.completed::after {
    border-color: var(--wa-color-logistics);
}

.wa-style-erp .stepper-item.completed .step-counter {
    background-color: var(--wa-color-erp);
}

.wa-style-erp .stepper-item.completed::after {
    border-color: var(--wa-color-erp);
}

.wa-style-crm .stepper-item.completed .step-counter {
    background-color: var(--wa-color-crm);
}

.wa-style-crm .stepper-item.completed::after {
    border-color: var(--wa-color-crm);
}

.wa-style-wms .stepper-item.completed .step-counter {
    background-color: var(--wa-color-wms);
}

.wa-style-wms .stepper-item.completed::after {
    border-color: var(--wa-color-wms);
}

.wa-style-connector .stepper-item.completed .step-counter {
    background-color: var(--wa-color-connector);
}

.wa-style-connector .stepper-item.completed::after {
    border-color: var(--wa-color-connector);
}

.stepper-item:first-child::before {
    content: none;
}

.stepper-item:last-child::after {
    content: none;
}

/****** end StepBar */

/***** icon sizes *****/
.iconLarge {
    font-size: 7em !important;
    display: flex;
}

.rwa-flex-between {
    display: flex;
    justify-content: space-between;
}

.rwa-flex-start {
    display: flex;
    justify-content: flex-start;
}

.rwa-flex-align-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.rwa-flex-align-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.rwa-flex-direction-column {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    flex-direction: column;
    flex-wrap: nowrap;
}

.rwa-gap-1 {
    gap: .25rem !important;
}

.rwa-gap-2 {
    gap: .5rem !important;
}

.rwa-gap-3 {
    gap: 1rem !important;
}

.rwa-align-items-center {
    display: flex;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

/****** flags ******/
.flag {
    width: 16px;
    height: 11px;
    background: url(../images/flags.png) no-repeat;
    margin-top: -.18em;
    display: inline-block;
}

    .flag.flag-ad {
        background-position: -16px 0;
    }

    .flag.flag-ae {
        background-position: -32px 0;
    }

    .flag.flag-af {
        background-position: -48px 0;
    }

    .flag.flag-ag {
        background-position: -64px 0;
    }

    .flag.flag-ai {
        background-position: -80px 0;
    }

    .flag.flag-al {
        background-position: -96px 0;
    }

    .flag.flag-am {
        background-position: -112px 0;
    }

    .flag.flag-an {
        background-position: -128px 0;
    }

    .flag.flag-ao {
        background-position: -144px 0;
    }

    .flag.flag-ar {
        background-position: -160px 0;
    }

    .flag.flag-as {
        background-position: -176px 0;
    }

    .flag.flag-at {
        background-position: -192px 0;
    }

    .flag.flag-au {
        background-position: -208px 0;
    }

    .flag.flag-aw {
        background-position: -224px 0;
    }

    .flag.flag-az {
        background-position: -240px 0;
    }

    .flag.flag-ba {
        background-position: 0 -11px;
    }

    .flag.flag-bb {
        background-position: -16px -11px;
    }

    .flag.flag-bd {
        background-position: -32px -11px;
    }

    .flag.flag-be {
        background-position: -48px -11px;
    }

    .flag.flag-bf {
        background-position: -64px -11px;
    }

    .flag.flag-bg {
        background-position: -80px -11px;
    }

    .flag.flag-bh {
        background-position: -96px -11px;
    }

    .flag.flag-bi {
        background-position: -112px -11px;
    }

    .flag.flag-bj {
        background-position: -128px -11px;
    }

    .flag.flag-bm {
        background-position: -144px -11px;
    }

    .flag.flag-bn {
        background-position: -160px -11px;
    }

    .flag.flag-bo {
        background-position: -176px -11px;
    }

    .flag.flag-br {
        background-position: -192px -11px;
    }

    .flag.flag-bs {
        background-position: -208px -11px;
    }

    .flag.flag-bt {
        background-position: -224px -11px;
    }

    .flag.flag-bv {
        background-position: -240px -11px;
    }

    .flag.flag-bw {
        background-position: 0 -22px;
    }

    .flag.flag-by {
        background-position: -16px -22px;
    }

    .flag.flag-bz {
        background-position: -32px -22px;
    }

    .flag.flag-ca {
        background-position: -48px -22px;
    }

    .flag.flag-catalonia {
        background-position: -64px -22px;
    }

    .flag.flag-cd {
        background-position: -80px -22px;
    }

    .flag.flag-cf {
        background-position: -96px -22px;
    }

    .flag.flag-cg {
        background-position: -112px -22px;
    }

    .flag.flag-ch {
        background-position: -128px -22px;
    }

    .flag.flag-ci {
        background-position: -144px -22px;
    }

    .flag.flag-ck {
        background-position: -160px -22px;
    }

    .flag.flag-cl {
        background-position: -176px -22px;
    }

    .flag.flag-cm {
        background-position: -192px -22px;
    }

    .flag.flag-cn {
        background-position: -208px -22px;
    }

    .flag.flag-co {
        background-position: -224px -22px;
    }

    .flag.flag-cr {
        background-position: -240px -22px;
    }

    .flag.flag-cu {
        background-position: 0 -33px;
    }

    .flag.flag-cv {
        background-position: -16px -33px;
    }

    .flag.flag-cw {
        background-position: -32px -33px;
    }

    .flag.flag-cy {
        background-position: -48px -33px;
    }

    .flag.flag-cz {
        background-position: -64px -33px;
    }

    .flag.flag-de {
        background-position: -80px -33px;
    }

    .flag.flag-dj {
        background-position: -96px -33px;
    }

    .flag.flag-dk {
        background-position: -112px -33px;
    }

    .flag.flag-dm {
        background-position: -128px -33px;
    }

    .flag.flag-do {
        background-position: -144px -33px;
    }

    .flag.flag-dz {
        background-position: -160px -33px;
    }

    .flag.flag-ec {
        background-position: -176px -33px;
    }

    .flag.flag-ee {
        background-position: -192px -33px;
    }

    .flag.flag-eg {
        background-position: -208px -33px;
    }

    .flag.flag-eh {
        background-position: -224px -33px;
    }

    .flag.flag-england {
        background-position: -240px -33px;
    }

    .flag.flag-er {
        background-position: 0 -44px;
    }

    .flag.flag-es {
        background-position: -16px -44px;
    }

    .flag.flag-et {
        background-position: -32px -44px;
    }

    .flag.flag-eu {
        background-position: -48px -44px;
    }

    .flag.flag-fi {
        background-position: -64px -44px;
    }

    .flag.flag-fj {
        background-position: -80px -44px;
    }

    .flag.flag-fk {
        background-position: -96px -44px;
    }

    .flag.flag-fm {
        background-position: -112px -44px;
    }

    .flag.flag-fo {
        background-position: -128px -44px;
    }

    .flag.flag-fr {
        background-position: -144px -44px;
    }

    .flag.flag-ga {
        background-position: -160px -44px;
    }

    .flag.flag-gb {
        background-position: -176px -44px;
    }

    .flag.flag-gd {
        background-position: -192px -44px;
    }

    .flag.flag-ge {
        background-position: -208px -44px;
    }

    .flag.flag-gf {
        background-position: -224px -44px;
    }

    .flag.flag-gg {
        background-position: -240px -44px;
    }

    .flag.flag-gh {
        background-position: 0 -55px;
    }

    .flag.flag-gi {
        background-position: -16px -55px;
    }

    .flag.flag-gl {
        background-position: -32px -55px;
    }

    .flag.flag-gm {
        background-position: -48px -55px;
    }

    .flag.flag-gn {
        background-position: -64px -55px;
    }

    .flag.flag-gp {
        background-position: -80px -55px;
    }

    .flag.flag-gq {
        background-position: -96px -55px;
    }

    .flag.flag-gr {
        background-position: -112px -55px;
    }

    .flag.flag-gs {
        background-position: -128px -55px;
    }

    .flag.flag-gt {
        background-position: -144px -55px;
    }

    .flag.flag-gu {
        background-position: -160px -55px;
    }

    .flag.flag-gw {
        background-position: -176px -55px;
    }

    .flag.flag-gy {
        background-position: -192px -55px;
    }

    .flag.flag-hk {
        background-position: -208px -55px;
    }

    .flag.flag-hm {
        background-position: -224px -55px;
    }

    .flag.flag-hn {
        background-position: -240px -55px;
    }

    .flag.flag-hr {
        background-position: 0 -66px;
    }

    .flag.flag-ht {
        background-position: -16px -66px;
    }

    .flag.flag-hu {
        background-position: -32px -66px;
    }

    .flag.flag-ic {
        background-position: -48px -66px;
    }

    .flag.flag-id {
        background-position: -64px -66px;
    }

    .flag.flag-ie,
    .flag.flag-xi {
        background-position: -80px -66px;
    }

    .flag.flag-il {
        background-position: -96px -66px;
    }

    .flag.flag-im {
        background-position: -112px -66px;
    }

    .flag.flag-in {
        background-position: -128px -66px;
    }

    .flag.flag-io {
        background-position: -144px -66px;
    }

    .flag.flag-iq {
        background-position: -160px -66px;
    }

    .flag.flag-ir {
        background-position: -176px -66px;
    }

    .flag.flag-is {
        background-position: -192px -66px;
    }

    .flag.flag-it {
        background-position: -208px -66px;
    }

    .flag.flag-je {
        background-position: -224px -66px;
    }

    .flag.flag-jm {
        background-position: -240px -66px;
    }

    .flag.flag-jo {
        background-position: 0 -77px;
    }

    .flag.flag-jp {
        background-position: -16px -77px;
    }

    .flag.flag-ke {
        background-position: -32px -77px;
    }

    .flag.flag-kg {
        background-position: -48px -77px;
    }

    .flag.flag-kh {
        background-position: -64px -77px;
    }

    .flag.flag-ki {
        background-position: -80px -77px;
    }

    .flag.flag-km {
        background-position: -96px -77px;
    }

    .flag.flag-kn {
        background-position: -112px -77px;
    }

    .flag.flag-kp {
        background-position: -128px -77px;
    }

    .flag.flag-kr {
        background-position: -144px -77px;
    }

    .flag.flag-kurdistan {
        background-position: -160px -77px;
    }

    .flag.flag-kw {
        background-position: -176px -77px;
    }

    .flag.flag-ky {
        background-position: -192px -77px;
    }

    .flag.flag-kz {
        background-position: -208px -77px;
    }

    .flag.flag-la {
        background-position: -224px -77px;
    }

    .flag.flag-lb {
        background-position: -240px -77px;
    }

    .flag.flag-lc {
        background-position: 0 -88px;
    }

    .flag.flag-li {
        background-position: -16px -88px;
    }

    .flag.flag-lk {
        background-position: -32px -88px;
    }

    .flag.flag-lr {
        background-position: -48px -88px;
    }

    .flag.flag-ls {
        background-position: -64px -88px;
    }

    .flag.flag-lt {
        background-position: -80px -88px;
    }

    .flag.flag-lu {
        background-position: -96px -88px;
    }

    .flag.flag-lv {
        background-position: -112px -88px;
    }

    .flag.flag-ly {
        background-position: -128px -88px;
    }

    .flag.flag-ma {
        background-position: -144px -88px;
    }

    .flag.flag-mc {
        background-position: -160px -88px;
    }

    .flag.flag-md {
        background-position: -176px -88px;
    }

    .flag.flag-me {
        background-position: -192px -88px;
    }

    .flag.flag-mg {
        background-position: -208px -88px;
    }

    .flag.flag-mh {
        background-position: -224px -88px;
    }

    .flag.flag-mk {
        background-position: -240px -88px;
    }

    .flag.flag-ml {
        background-position: 0 -99px;
    }

    .flag.flag-mm {
        background-position: -16px -99px;
    }

    .flag.flag-mn {
        background-position: -32px -99px;
    }

    .flag.flag-mo {
        background-position: -48px -99px;
    }

    .flag.flag-mp {
        background-position: -64px -99px;
    }

    .flag.flag-mq {
        background-position: -80px -99px;
    }

    .flag.flag-mr {
        background-position: -96px -99px;
    }

    .flag.flag-ms {
        background-position: -112px -99px;
    }

    .flag.flag-mt {
        background-position: -128px -99px;
    }

    .flag.flag-mu {
        background-position: -144px -99px;
    }

    .flag.flag-mv {
        background-position: -160px -99px;
    }

    .flag.flag-mw {
        background-position: -176px -99px;
    }

    .flag.flag-mx {
        background-position: -192px -99px;
    }

    .flag.flag-my {
        background-position: -208px -99px;
    }

    .flag.flag-mz {
        background-position: -224px -99px;
    }

    .flag.flag-na {
        background-position: -240px -99px;
    }

    .flag.flag-nc {
        background-position: 0 -110px;
    }

    .flag.flag-ne {
        background-position: -16px -110px;
    }

    .flag.flag-nf {
        background-position: -32px -110px;
    }

    .flag.flag-ng {
        background-position: -48px -110px;
    }

    .flag.flag-ni {
        background-position: -64px -110px;
    }

    .flag.flag-nl {
        background-position: -80px -110px;
    }

    .flag.flag-no {
        background-position: -96px -110px;
    }

    .flag.flag-np {
        background-position: -112px -110px;
    }

    .flag.flag-nr {
        background-position: -128px -110px;
    }

    .flag.flag-nu {
        background-position: -144px -110px;
    }

    .flag.flag-nz {
        background-position: -160px -110px;
    }

    .flag.flag-om {
        background-position: -176px -110px;
    }

    .flag.flag-pa {
        background-position: -192px -110px;
    }

    .flag.flag-pe {
        background-position: -208px -110px;
    }

    .flag.flag-pf {
        background-position: -224px -110px;
    }

    .flag.flag-pg {
        background-position: -240px -110px;
    }

    .flag.flag-ph {
        background-position: 0 -121px;
    }

    .flag.flag-pk {
        background-position: -16px -121px;
    }

    .flag.flag-pl {
        background-position: -32px -121px;
    }

    .flag.flag-pm {
        background-position: -48px -121px;
    }

    .flag.flag-pn {
        background-position: -64px -121px;
    }

    .flag.flag-pr {
        background-position: -80px -121px;
    }

    .flag.flag-ps {
        background-position: -96px -121px;
    }

    .flag.flag-pt {
        background-position: -112px -121px;
    }

    .flag.flag-pw {
        background-position: -128px -121px;
    }

    .flag.flag-py {
        background-position: -144px -121px;
    }

    .flag.flag-qa {
        background-position: -160px -121px;
    }

    .flag.flag-re {
        background-position: -176px -121px;
    }

    .flag.flag-ro {
        background-position: -192px -121px;
    }

    .flag.flag-rs {
        background-position: -208px -121px;
    }

    .flag.flag-ru {
        background-position: -224px -121px;
    }

    .flag.flag-rw {
        background-position: -240px -121px;
    }

    .flag.flag-sa {
        background-position: 0 -132px;
    }

    .flag.flag-sb {
        background-position: -16px -132px;
    }

    .flag.flag-sc {
        background-position: -32px -132px;
    }

    .flag.flag-scotland {
        background-position: -48px -132px;
    }

    .flag.flag-sd {
        background-position: -64px -132px;
    }

    .flag.flag-se {
        background-position: -80px -132px;
    }

    .flag.flag-sg {
        background-position: -96px -132px;
    }

    .flag.flag-sh {
        background-position: -112px -132px;
    }

    .flag.flag-si {
        background-position: -128px -132px;
    }

    .flag.flag-sk {
        background-position: -144px -132px;
    }

    .flag.flag-sl {
        background-position: -160px -132px;
    }

    .flag.flag-sm {
        background-position: -176px -132px;
    }

    .flag.flag-sn {
        background-position: -192px -132px;
    }

    .flag.flag-so {
        background-position: -208px -132px;
    }

    .flag.flag-somaliland {
        background-position: -224px -132px;
    }

    .flag.flag-sr {
        background-position: -240px -132px;
    }

    .flag.flag-ss {
        background-position: 0 -143px;
    }

    .flag.flag-st {
        background-position: -16px -143px;
    }

    .flag.flag-sv {
        background-position: -32px -143px;
    }

    .flag.flag-sx {
        background-position: -48px -143px;
    }

    .flag.flag-sy {
        background-position: -64px -143px;
    }

    .flag.flag-sz {
        background-position: -80px -143px;
    }

    .flag.flag-tc {
        background-position: -96px -143px;
    }

    .flag.flag-td {
        background-position: -112px -143px;
    }

    .flag.flag-tf {
        background-position: -128px -143px;
    }

    .flag.flag-tg {
        background-position: -144px -143px;
    }

    .flag.flag-th {
        background-position: -160px -143px;
    }

    .flag.flag-tj {
        background-position: -176px -143px;
    }

    .flag.flag-tk {
        background-position: -192px -143px;
    }

    .flag.flag-tl {
        background-position: -208px -143px;
    }

    .flag.flag-tm {
        background-position: -224px -143px;
    }

    .flag.flag-tn {
        background-position: -240px -143px;
    }

    .flag.flag-to {
        background-position: 0 -154px;
    }

    .flag.flag-tr {
        background-position: -16px -154px;
    }

    .flag.flag-tt {
        background-position: -32px -154px;
    }

    .flag.flag-tv {
        background-position: -48px -154px;
    }

    .flag.flag-tw {
        background-position: -64px -154px;
    }

    .flag.flag-tz {
        background-position: -80px -154px;
    }

    .flag.flag-ua {
        background-position: -96px -154px;
    }

    .flag.flag-ug {
        background-position: -112px -154px;
    }

    .flag.flag-um {
        background-position: -128px -154px;
    }

    .flag.flag-en, .flag.flag-us {
        background-position: -144px -154px;
    }

    .flag.flag-uy {
        background-position: -160px -154px;
    }

    .flag.flag-uz {
        background-position: -176px -154px;
    }

    .flag.flag-va {
        background-position: -192px -154px;
    }

    .flag.flag-vc {
        background-position: -208px -154px;
    }

    .flag.flag-ve {
        background-position: -224px -154px;
    }

    .flag.flag-vg {
        background-position: -240px -154px;
    }

    .flag.flag-vi {
        background-position: 0 -165px;
    }

    .flag.flag-vn {
        background-position: -16px -165px;
    }

    .flag.flag-vu {
        background-position: -32px -165px;
    }

    .flag.flag-wales {
        background-position: -48px -165px;
    }

    .flag.flag-wf {
        background-position: -64px -165px;
    }

    .flag.flag-ws {
        background-position: -80px -165px;
    }

    .flag.flag-ye {
        background-position: -96px -165px;
    }

    .flag.flag-yt {
        background-position: -112px -165px;
    }

    .flag.flag-za {
        background-position: -128px -165px;
    }

    .flag.flag-zanzibar {
        background-position: -144px -165px;
    }

    .flag.flag-zm {
        background-position: -160px -165px;
    }

    .flag.flag-zw {
        background-position: -176px -165px;
    }

    .flag + span {
        text-transform: capitalize;
        display: inline-block;
        max-width: 150px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: middle;
        padding: 0 6px;
        font-weight: 300;
    }

@media (min-width:768px) and (max-width:979px) {
    .flag + span {
        max-width: 30px !important;
    }
}

@media (max-width:930px) {
    .wa-center-region {
        display: none !important;
    }
}

/****** end flags *******/

/****** inline list *******/
.inlineList, ul.unlist {
    list-style: none;
}

    .inlineList li {
        display: inline;
        padding-left: 5px;
    }

/****** end inline list *******/

ul.unlist {
    list-style: none;
}


/****progress bar***/

.progress {
    position: relative;
    overflow: hidden;
    height: 22px;
    background: #eee;
    box-shadow: 0 1px 0 transparent, 0 0 0 1px #e3e3e3 inset;
    -webkit-box-shadow: 0 1px 0 transparent, 0 0 0 1px #e3e3e3 inset;
    -moz-box-shadow: 0 1px 0 transparent,0 0 0 1px #e3e3e3 inset;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.progress-bar-striped, .progress-striped .progress-bar {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 40px 40px;
}

.progress-xs {
    height: 7px !important;
    line-height: 7px !important;
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 11px;
    color: #fff;
    text-align: center;
    background-color: #57889c;
}

.progress-bar-success {
    background-color: #81b800;
}

.progress-bar-danger {
    background-color: var(--falcon-danger) !important;
}

.rz-cell-data img.wa-icon-cell {
    margin-right: 4px;
}
/****end progress bar*/

/**** text-label **/

.wa-text-label {
    display: inline-block;
    height: 22px;
}

.label {
    display: inline;
    padding: 0.2em 0.6em 0.3em;
    font-size: 90%;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
}

    .label.label-outline {
        font-size: 80% !important;
    }

    .label.label-warning:not(.label-outline) {
        background-color: var(--falcon-warning);
    }

    .label.label-primary:not(.label-outline) {
        background-color: var(--falcon-blue);
    }

    .label.label-success:not(.label-outline) {
        background-color: var(--falcon-success);
    }

    .label.label-info:not(.label-outline) {
        background-color: var(--falcon-info);
    }

    .label.label-teal:not(.label-outline) {
        background-color: #009688;
    }

    .label.label-danger:not(.label-outline) {
        background-color: var(--falcon-danger);
    }

    .label.label-dark:not(.label-outline) {
        background-color: var(--falcon-danger);
    }

    .label.label-default:not(.label-outline) {
        background-color: var(--falcon-gray-500);
    }

    .label.label-secondary:not(.label-outline) {
        background-color: var(--falcon-secondary);
    }

    /****/

    .label.label-outline.label-warning {
        color: var(--falcon-warning);
        border: solid 1px var(--falcon-warning);
    }

    .label.label-outline.label-primary {
        color: var(--falcon-blue);
        border: solid 1px var(--falcon-blue);
    }

    .label.label-outline.label-success {
        color: var(--falcon-success);
        border: solid 1px var(--falcon-success);
    }

    .label.label-outline.label-info {
        color: var(--falcon-info);
        border: solid 1px var(--falcon-info);
    }

    .label.label-outline.label-teal {
        color: var(--falcon-teal);
        border: solid 1px var(--falcon-teal);
    }

    .label.label-outline.label-danger {
        color: var(--falcon-danger);
        border: solid 1px var(--falcon-danger);
    }

    .label.label-outline.label-dark {
        color: var(--falcon-dark);
        border: solid 1px var(--falcon-dark);
    }

    .label.label-outline.label-default {
        color: var(--falcon-gray-500);
        border: solid 1px var(--falcon-gray-500);
    }

.labe.label-outlinel.label-secondary {
    background-color: var(--falcon-secondary);
}

.rwa-collapse-title {
    display: flex;
    align-items: center;
    column-gap: 6px;
}

    .rwa-collapse-title .wa-collapse-label-title[data-bs-toggle=tooltip] {
        position: relative;
    }

        .rwa-collapse-title .wa-collapse-label-title[data-bs-toggle=tooltip] span:after {
            content: '';
            border-bottom: 1px dashed #3a3f42;
            position: absolute;
            width: 100%;
            height: 1px;
            /* background: #3a3f42; */
            left: 0;
            bottom: 0;
        }

    .rwa-collapse-title .wa-button-container {
        transition: all .2s;
    }

    .rwa-collapse-title.rwa-hover .wa-button-container {
        opacity: 0;
    }

    .rwa-collapse-title.rwa-hover:hover .wa-button-container {
        opacity: 1;
    }

.rwa-label-tooltip {
    cursor: pointer;
    border: none;
    text-decoration: none;
}

    .rwa-label-tooltip:not(.no-line) {
        position: relative;
    }

    .rwa-label-tooltip.no-line {
        width: auto;
        display: inline-block;
    }

    .rwa-label-tooltip:before {
        transition: .2s all;
    }

    .rz-column-title:hover .rwa-label-tooltip:before,
    .rwa-label-tooltip:not(.no-line):before
    .rwa-label-tooltip:not(.rz-column-title-content):before {
        content: '';
        width: calc(100% - 0.3rem);
        border-bottom: dashed 1px #23282c;
        display: block;
        position: absolute;
        bottom: 0;
        border-bottom-style: dashed;
    }

/******* svg animated *********/

.rwa-content-empty {
    max-width: 80%;
    display: flex;
    height: 100vh;
    justify-content: center;
    margin-top: -6.5rem;
    align-items: center;
    flex-direction: column;
}

.rwa-content-empty-image {
    width: 400px
}

.rwa-content-empty-text {
    font-size: 2rem;
    color: #646262;
}

.rwa-animated #rwa-waiting-smoke-1 {
    stroke-dasharray: 0, 10;
    animation: smoke 6s ease infinite;
}

.rwa-animated #rwa-waiting-smoke-2 {
    stroke-dasharray: 0, 10;
    animation: smoke 6s 0.5s ease infinite;
}

@keyframes smoke {
    0% {
        stroke-dasharray: 0, 10;
    }

    50% {
        stroke-dasharray: 10, 0;
    }

    100% {
        stroke-dasharray: 10, 0;
        opacity: 0;
    }
}

/* WRITING */
.rwa-animated #rwa-waiting-line-1 {
    opacity: 0;
    animation: writing 1.2s linear infinite;
}

.rwa-animated #rwa-waiting-line-2 {
    opacity: 0;
    animation: writing 1.5s 1s linear infinite;
}

.rwa-animated #rwa-waiting-line-3 {
    opacity: 0;
    animation: writing 2.7s 1.5s linear infinite;
}

.rwa-animated #rwa-waiting-line-4 {
    opacity: 0;
    animation: writing 3.5s 2s linear infinite;
}

@keyframes writing {
    0% {
        width: 0px;
        opacity: 1;
    }

    100% {
        width: 14px;
        opacity: 1;
    }
}

.wa-hamburger-button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-size: 1rem;
}


.rwa-dynamic-container {
    width: 100%;
    height: 100%;
    min-width: 0;
}

.rwa-dynamic-container-wrapper {
    display: flex;
    align-items: center;
}

.rwa-dynamic-container[data-orient=h] .rwa-dynamic-container-wrapper {
    flex-direction: row;
    width: fit-content;
    height: 100%;
}

.rwa-dynamic-container[data-orient=v] .rwa-dynamic-container-wrapper {
    flex-direction: column;
    height: fit-content;
    width: 100%;
}

.rwa-dynamic-container-button {
    transition: transform 0.5s ease;
}

.rwa-dynamic-container-wrapper > *:not(.rwa-dynamic-container-button) {
    transition: opacity 0.5s ease;
    transition-delay: 0.2s;
}

.wa-btn-flat.text-primary {
    color: var(--falcon-blue) !important;
    font-weight: 400;
}

/******* svg end animated *********/


/**** end text-label ***/

.btn-light:hover {
    color: #000;
    background-color: #f4f4f4;
    border-color: #f4f4f4;
}

/*
h1:focus {
    outline: none;
}

a, .btn-link {
    color: #0071c1;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.content {
    padding-top: 1.1rem;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }

    */

.wa-dropzone-container {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 0 1rem;
}

    .wa-dropzone-container > div.wa-dropzone-card {
        max-width: 1200px;
        box-shadow: var(--falcon-box-shadow);
        padding: 1.5rem;
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
        width: 100%;
    }

    .wa-dropzone-container table.rz-grid-table {
        height: 100%
    }

    .wa-dropzone-container .rz-datatable-emptymessage-row .wa-dropzone {
        display: grid;
        height: 100%;
        justify-items: center;
        height: 100%;
        align-items: stretch;
        align-content: center;
    }

.wa-summary {
    width: 100%;
    display: flex;
    justify-content: center;
}

    .wa-summary .wa-summary-caption {
        max-width: 1200px;
        width: 100%;
        padding: 1rem 0;
    }

        .wa-summary .wa-summary-caption > div {
            display: flex;
            justify-content: space-between;
        }

.wa-dropzone-wrap {
    -webkit-transition: border-color .2s linear;
    -moz-transition: border-color .2s linear;
    -o-transition: border-color .2s linear;
    transition: border-color .2s linear;
    width: 100%;
    border: 3px dotted #b2b2b2;
    border-radius: 0.8rem;
    position: relative;
}

    .wa-dropzone-wrap > label {
        width: 100%;
        height: 100%;
        padding: 1.2rem;
        cursor: pointer;
    }

.wa-dropzone {
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: 140px;
    pointer-events: none;
}

.wa-dropzone-wrap.hover,
.wa-dropzone-wrap.wa-dropzone-focus:not(.disabled) {
    border-color: #2d80c3;
}

.wa-dropzone-wrap .wa-dropzone label {
    cursor: pointer;
}

.wa-dropzone-wrap h6 {
    text-align: center;
}

    .wa-dropzone-wrap h6 span {
        font-size: .8rem;
        color: #607586
    }

.wa-dropzone-wrap.disabled:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.6);
}

.wa-dropzone-container .wa-dropzone-list {
    width: 100%;
    position: relative;
}

    .wa-dropzone-container .wa-dropzone-list .list__list {
        list-style-type: none;
        padding-left: 0;
        margin: 0;
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizelegibility;
        line-height: 21px;
    }

    .wa-dropzone-container .wa-dropzone-list.wa-dropzone__itemState .wa-dropzone-list__item {
        align-content: stretch;
        align-items: stretch;
        border: solid 1px var(--falcon-gray-300);
        border-radius: 3px;
        box-shadow: rgba(var(--color-shadow), 0.1) 0 0 4px;
        box-sizing: border-box;
        display: flex;
        box-shadow: none;
        height: 62px;
        flex-direction: row;
        position: relative;
        transition: background-color .1s ease-in-out, border-color .2s ease-in-out;
    }

        .wa-dropzone-container .wa-dropzone-list.wa-dropzone__itemState .wa-dropzone-list__item:not(:last-child) {
            margin: 12px 0;
        }

        .wa-dropzone-container .wa-dropzone-list.wa-dropzone__itemState .wa-dropzone-list__item:first-child {
            margin-top: 0 !important;
        }

        .wa-dropzone-container .wa-dropzone-list.wa-dropzone__itemState .wa-dropzone-list__item .item__icon,
        .wa-dropzone-container .wa-dropzone-list.wa-dropzone__itemState .wa-dropzone-list__item .item__image {
            align-items: center;
            border-top-left-radius: 2px;
            border-bottom-left-radius: 2px;
            display: flex;
            justify-content: center;
            min-width: 66px;
            width: 66px;
        }

            .wa-dropzone-container .wa-dropzone-list.wa-dropzone__itemState .wa-dropzone-list__item .item__image .item__image_img {
                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
                height: 100%;
                width: 100%;
                filter: brightness(0.9);
            }

        .wa-dropzone-container .wa-dropzone-list.wa-dropzone__itemState .wa-dropzone-list__item .item__icon {
            flex-grow: 0;
            flex-shrink: 0;
            text-align: center;
            background-color: rgba(240, 240, 240);
        }

        .wa-dropzone-container .wa-dropzone-list.wa-dropzone__itemState .wa-dropzone-list__item.itemState--error .item__icon {
            padding-left: 4px;
            color: #f62447;
        }

        .wa-dropzone-container .wa-dropzone-list.wa-dropzone__itemState .wa-dropzone-list__item .item__icon .img-icon {
            font-size: 2rem;
        }

        .wa-dropzone-container .wa-dropzone-list.wa-dropzone__itemState .wa-dropzone-list__item .item__image {
            overflow: hidden;
        }

            .wa-dropzone-container .wa-dropzone-list.wa-dropzone__itemState .wa-dropzone-list__item .item__image img {
                max-width: none;
                height: 100%;
                width: auto;
            }

        .wa-dropzone-container .wa-dropzone-list.wa-dropzone__itemState .wa-dropzone-list__item .item__content {
            flex-wrap: nowrap;
            overflow: hidden;
            align-items: center;
            display: flex;
            flex-basis: auto;
            flex-direction: row;
            flex-grow: 1;
            justify-content: flex-start;
            padding: 0 16px 0 16px;
            gap: 16px;
        }

    .wa-dropzone-container .wa-dropzone-list.wa-dropzone-content__column {
        align-items: center;
        box-sizing: border-box;
        display: flex;
        flex-grow: 0;
        flex-shrink: 1;
        font-size: 14px;
        margin-bottom: 6px;
        margin-right: 16px;
        margin-top: 6px;
        width: calc(100% - 80px);
    }

    .wa-dropzone-container .wa-dropzone-list.wa-dropzone-column--primary {
        align-items: flex-start;
        display: flex;
        flex-wrap: wrap;
    }

    .wa-dropzone-container .wa-dropzone-list.wa-dropzone__itemState .wa-dropzone-list__item .wa-dropzone-column--primary .item__title,
    .wa-dropzone-container .wa-dropzone-list.wa-dropzone__itemState .wa-dropzone-list__item .wa-dropzone-column--primary .item__description {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .wa-dropzone-container .wa-dropzone-list.wa-dropzone__itemState .wa-dropzone-list__item .wa-dropzone-column--primary .item__title {
        color: var(--wa-font-color-primary);
    }

    .wa-dropzone-container .wa-dropzone-list.wa-dropzone__itemState .wa-dropzone-list__item .wa-dropzone-column--primary .item__description {
        font-size: clamp(0.73rem, 0.79rem - 0.05vw, 0.78rem);
        line-height: 1.32em;
        width: 100%;
        color: var(--falcon-gray-600);
        flex-shrink: 1;
    }

    .wa-dropzone-container .wa-dropzone-list .has-alignment-right {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-end;
        margin-left: auto;
        width: auto;
    }

    .wa-dropzone-container .wa-dropzone-list.wa-dropzone__itemState .wa-dropzone-list__item.itemState--error::before {
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px;
        bottom: 0;
        background-color: #f62447;
        content: "";
        left: 0;
        position: absolute;
        top: 0;
        width: 4px;
    }

    .wa-dropzone-container .wa-dropzone-list.wa-dropzone__itemState .wa-dropzone-list__item.itemState--error .item__description {
        color: #f62447;
    }

/*********** TODO: ******/

.rwa-todo {
    padding: 0;
    margin: 0;
}

    .rwa-todo li {
        display: flex;
        justify-content: space-between;
        border-top: solid 1px #999;
        padding: .5rem 0;
        cursor: pointer;
    }

.rwa-todo-option {
    width: 40px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 .4rem;
}

.rwa-todo-content {
    width: 100%;
}

.rwa-todo-title {
    font-weight: 400;
}

.rwa-todo-body > span {
    display: flex;
    gap: 0.9rem;
    align-items: center;
    height: 1.4rem;
    line-height: 1.4rem;
}

    .rwa-todo-body > span > i {
        font-size: 1rem;
    }

.rwa-todo-commands {
    opacity: 0;
    width: 70px;
    display: flex;
    gap: 5px;
    transition: .2s all;
}

.rwa-todo li:hover .rwa-todo-commands {
    opacity: 1;
}

.rwa-todo li.active {
    background: #f4f5f7 !important;
}

.rwa-todo-wrapper {
    height: 100%;
    max-height: 100%;
}

.rwa-grid-vertical.card {
    display: grid;
    grid-template-rows: 50px 1fr 50px; /* Header 50px, Body flessibile, Footer 30px */
    height: calc(100vh - 150px);
    max-height: 100vh;
    overflow: hidden;
}

.rwa-grid-vertical .card-header {
    height: 50px;
    padding: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.rwa-grid-vertical .card-body {
    overflow-y: auto;
    padding: 1rem 0;
}

.rwa-grid-vertical input [type=checkbox], .rwa-grid-vertical input[type=radio] {
    --active: #3276b1;
    --active-inner: #fff;
    --focus: 2px rgba(39, 94, 254, .3);
    --border: #BBC1E1;
    --border-hover: #3276b1;
    --background: #fff;
    --disabled: #F6F8FF;
    --disabled-inner: #E1E6F9;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 21px;
    outline: none;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0;
    cursor: pointer;
    border: 1px solid var(--bc, var(--border));
    background: var(--b, var(--background));
    transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
}

    .rwa-grid-vertical input[type=checkbox]:after,
    .rwa-grid-vertical input[type=radio]:after {
        content: "";
        display: block;
        left: 0;
        top: 0;
        position: absolute;
        transition: transform 0.3s ease, opacity 0.2s;
    }

    .rwa-grid-vertical input[type=checkbox]:checked,
    .rwa-grid-vertical input[type=radio]:checked {
        --b: var(--active);
        --bc: var(--active);
        --d-o: .3s;
        --d-t: .6s;
        --d-t-e: cubic-bezier(.2, .85, .32, 1.2);
    }

    .rwa-grid-vertical input[type=checkbox]:disabled,
    .rwa-grid-vertical input[type=radio]:disabled {
        --b: var(--disabled);
        cursor: not-allowed;
        opacity: 0.9;
    }

        .rwa-grid-vertical input[type=checkbox]:disabled:checked,
        .rwa-grid-vertical input[type=radio]:disabled:checked {
            --b: var(--disabled-inner);
            --bc: var(--border);
        }

        .rwa-grid-vertical input[type=checkbox]:disabled + label,
        .rwa-grid-vertical input[type=radio]:disabled + label {
            cursor: not-allowed;
        }

    .rwa-grid-vertical input[type=checkbox]:hover:not(:checked):not(:disabled),
    .rwa-grid-vertical input[type=radio]:hover:not(:checked):not(:disabled) {
        --bc: var(--border-hover);
    }

    .rwa-grid-vertical input[type=checkbox]:focus,
    .rwa-grid-vertical input[type=radio]:focus {
        box-shadow: 0 0 0 var(--focus);
    }

    .rwa-grid-vertical input[type=checkbox]:not(.switch),
    .rwa-grid-vertical input[type=radio]:not(.switch) {
        width: 21px;
    }

        .rwa-grid-vertical input[type=checkbox]:not(.switch):after,
        .rwa-grid-vertical input[type=radio]:not(.switch):after {
            opacity: var(--o, 0);
        }

        .rwa-grid-vertical input[type=checkbox]:not(.switch):checked,
        .rwa-grid-vertical input[type=radio]:not(.switch):checked {
            --o: 1;
        }

    .rwa-grid-vertical input[type=checkbox] + label,
    .rwa-grid-vertical input[type=radio] + label {
        font-size: 14px;
        line-height: 21px;
        display: inline-block;
        vertical-align: top;
        cursor: pointer;
        margin-left: 4px;
    }

    .rwa-grid-vertical input[type=checkbox]:not(.switch) {
        border-radius: 7px;
    }

        .rwa-grid-vertical input[type=checkbox]:not(.switch):after {
            width: 5px;
            height: 9px;
            border: 2px solid var(--active-inner);
            border-top: 0;
            border-left: 0;
            left: 7px;
            top: 4px;
            transform: rotate(var(--r, 20deg));
        }

        .rwa-grid-vertical input[type=checkbox]:not(.switch):checked {
            --r: 43deg;
        }

    .rwa-grid-vertical input[type=checkbox].switch {
        width: 38px;
        border-radius: 11px;
    }

        .rwa-grid-vertical input[type=checkbox].switch:after {
            left: 2px;
            top: 2px;
            border-radius: 50%;
            width: 15px;
            height: 15px;
            background: var(--ab, var(--border));
            transform: translateX(var(--x, 0));
        }

        .rwa-grid-vertical input[type=checkbox].switch:checked {
            --ab: var(--active-inner);
            --x: 17px;
        }

        .rwa-grid-vertical input[type=checkbox].switch:disabled:not(:checked):after {
            opacity: 0.6;
        }

.rwa-grid-vertical input[type=radio] {
    border-radius: 50%;
}

    .rwa-grid-vertical input[type=radio]:after {
        width: 19px;
        height: 19px;
        border-radius: 50%;
        background: var(--active-inner);
        opacity: 0;
        transform: scale(var(--s, 0.7));
    }

    .rwa-grid-vertical input[type=radio]:checked {
        --s: .5;
    }

.wa-account-avatar > img {
    height: 50px;
    width: 50px;
}

.rwa-account-dialog {
    width: auto;
}

    .rwa-account-dialog .rwa-account-dialog-header {
        display: flex;
        margin-bottom: 8px;
        border-bottom: 1px solid #fff;
        padding: 16px;
    }

    .rwa-account-dialog .rwa-account-info {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        margin-inline-start: 16px;
    }

.rwa-account-info > span {
    max-width: 160px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    letter-spacing: 0px;
    font-size: .875rem !important;
    line-height: 1.8rem !important;
}

.rwa-profile-header {
    height: 270px;
}

.rwa-profile-content {
    margin-top: .8rem;
}

    .rwa-profile-content .rwa-profile-content-header {
        position: relative;
    }

        .rwa-profile-content .rwa-profile-content-header .rwa-profile-img {
            width: 100px;
            height: 100px;
            margin: 0 auto;
            margin-bottom: 20px;
            display: block;
            margin-top: -3rem;
        }

    .rwa-profile-content .rwa-profile-content-description {
        max-width: 300px;
        width: 100%;
        margin: 0 auto;
        font-size: .85rem;
    }

        .rwa-profile-content .rwa-profile-content-description li span:first-child {
            width: 24px;
        }

        .rwa-profile-content .rwa-profile-content-description li {
            display: flex;
            justify-content: flex-start;
            margin: .6rem 0;
        }

    .rwa-profile-content .raw-nav-layout-aside-right {
        padding-top: 0px !important;
    }