.d4b_dsk_app_icon_yellow {
    background: #d7ca51;
    color: #fff;
    font-weight: 500;
}

.d4b_dsk_app_icon_white {
    background: #fff;
    color: #000;
    font-weight: 500;
}

.d4b_menu_title {
    font-size: 20px;
    font-weight: 700;
}
.critical .webix_kanban_list_content{
    background-color: #fff2c1;
    border-color:  #e0d7b7;
    border-left-color:  #f5cf3d;
  }
  .webix_accordionitem.collapsed.staticheader
.webix_accordionitem_header 
.webix_accordionitem_button {
  display:none;
}
.webix_accordionitem.collapsed.staticheader.webix_disabled_view .webix_disabled {
  display:none;
    

}

.vertical-text {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    text-align: center;

  }

.critical {
  background-color: #fff2c1;
  border-color:  #e0d7b7;
  border-left-color:  #f5cf3d;
}
.noKanbanFooter .webix_kanban_footer ,
.noKanbanFooter .webix_kanban_user_avatar
{
  display: none;
}
.noKanbanFooter  .webix_kanban_body {
  padding-top:4px;
  padding-bottom:4px;
}
.noKanbanFooter  .webix_kanban_list_item {
  padding-top:2px;
  }

  
  div.webix_kanban_list {
    counter-reset: list-number;
  }
  
  div.webix_kanban_list div.webix_kanban_list_item {
    counter-increment: list-number;
  }
  div.webix_kanban_list {
    position:relative;
  }
  div.webix_kanban_list:after {
    content: counter(list-number);
    position:absolute;
   top: 0 ;
   right:0;
   background-color: #aaa;
   opacity:50%;   
   padding: 2px;
   border: 1px solid black;
   border-radius: 50%;
    color:#000;
    font-size: 0.8em;
  }

  .kanban_red.webix_kanban_list .webix_kanban_list_item, .kanban_red.webix_kanban_list 
{
    background-color:#ff000090;
}
.kanban_green.webix_kanban_list .webix_kanban_list_item, .kanban_green.webix_kanban_list 
{
    background-color:#00ff0090;
}
.kanban_yellow.webix_kanban_list .webix_kanban_list_item, .kanban_yellow.webix_kanban_list 
{
    background-color:#ffff0090;
}
.kanban_black.webix_kanban_list .webix_kanban_list_item, .kanban_black.webix_kanban_list 
{
    background-color:#00000090;
}
/* ============================================================================
 * AI Chat Sidebar Styles
 * ============================================================================ */

/* Toggle button - floating at bottom-right of desktop */
.ai-chat-toggle-btn {
    position: absolute;
    bottom: 48px;
    right: 16px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #4361ee;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(67, 97, 238, 0.4);
    z-index: 100;
    transition: transform 0.2s, box-shadow 0.2s;
    font-size: 20px;
}

.ai-chat-toggle-btn:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 16px rgba(67, 97, 238, 0.5);
}

/* Header toolbar */
.ai-chat-header {
    background: #1e293b !important;
    border-bottom: 1px solid #334155;
}

.ai-chat-header .webix_icon,
.ai-chat-header .webix_el_icon {
    color: #94a3b8 !important;
}

.ai-chat-header .webix_el_icon:hover {
    color: white !important;
}

.ai-chat-header-icon .webix_icon {
    color: #60a5fa !important;
}

.ai-chat-header-label .webix_el_label {
    color: white !important;
    font-weight: 600;
    font-size: 14px;
}

/* Messages list */
.ai-chat-messages {
    background: #f8fafc !important;
    border: none !important;
}

.ai-chat-messages .webix_scroll_cont {
    padding: 8px !important;
}

/* Message container */
.ai-msg {
    display: flex;
    gap: 8px;
    margin-bottom: 12px;
    max-width: 100%;
}

.ai-msg-avatar {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
}

.ai-msg-body {
    flex: 1;
    min-width: 0;
    overflow: hidden;
}

.ai-msg-content {
    padding: 8px 12px;
    border-radius: 12px;
    font-size: 13px;
    line-height: 1.5;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* User messages */
.ai-msg-user {
    flex-direction: row-reverse;
}

.ai-msg-user .ai-msg-avatar {
    background: #4361ee;
    color: white;
}

.ai-msg-user .ai-msg-content {
    background: #4361ee;
    color: white;
    border-bottom-right-radius: 4px;
}

/* Assistant messages */
.ai-msg-assistant .ai-msg-avatar {
    background: #e2e8f0;
    color: #475569;
}

.ai-msg-assistant .ai-msg-content {
    background: white;
    color: #1e293b;
    border: 1px solid #e2e8f0;
    border-bottom-left-radius: 4px;
}

/* Error messages */
.ai-msg-error {
    color: #dc2626;
}

/* Loading animation */
.ai-loading-dots span {
    animation: ai-dot-blink 1.4s infinite;
    font-size: 24px;
    line-height: 1;
}

.ai-loading-dots span:nth-child(2) {
    animation-delay: 0.2s;
}

.ai-loading-dots span:nth-child(3) {
    animation-delay: 0.4s;
}

@keyframes ai-dot-blink {
    0%, 20% { opacity: 0.2; }
    50% { opacity: 1; }
    100% { opacity: 0.2; }
}

/* Token usage badge */
.ai-msg-usage {
    margin-top: 4px;
    font-size: 10px;
    color: #94a3b8;
    padding-left: 12px;
}

.ai-msg-usage .fad {
    font-size: 10px;
    margin-right: 2px;
}

/* Input area */
.ai-chat-input-area {
    border-top: 1px solid #e2e8f0;
    background: white;
}

.ai-chat-input textarea {
    border: none !important;
    resize: none !important;
    font-size: 13px;
    padding: 10px 12px !important;
}

.ai-chat-input textarea:focus {
    outline: none !important;
    box-shadow: none !important;
}

.ai-chat-send-btn {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ai-chat-send-btn .webix_icon {
    color: #4361ee !important;
    font-size: 18px;
    cursor: pointer;
}

.ai-chat-send-btn .webix_icon:hover {
    color: #3730a3 !important;
}

/* Voice input button */
.ai-chat-voice-btn {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ai-chat-voice-btn .webix_icon {
    color: #64748b !important;
    font-size: 16px;
    cursor: pointer;
    transition: color 0.2s;
}

.ai-chat-voice-btn .webix_icon:hover {
    color: #4361ee !important;
}

/* Recording state — red pulsing */
.ai-chat-voice-recording .webix_icon {
    color: #dc2626 !important;
}

.ai-chat-voice-recording {
    animation: ai-voice-pulse 1.5s ease-in-out infinite;
}

@keyframes ai-voice-pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.6; transform: scale(1.15); }
}

/* Data table */
.ai-data-table-wrapper {
    margin-top: 8px;
    overflow-x: auto;
    max-height: 300px;
    overflow-y: auto;
    border-radius: 6px;
    border: 1px solid #e2e8f0;
}

.ai-data-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 11px;
}

.ai-data-table th {
    background: #f1f5f9;
    color: #475569;
    font-weight: 600;
    text-align: left;
    padding: 6px 8px;
    border-bottom: 2px solid #e2e8f0;
    white-space: nowrap;
    position: sticky;
    top: 0;
    z-index: 1;
}

.ai-data-table td {
    padding: 4px 8px;
    border-bottom: 1px solid #f1f5f9;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ai-data-table tbody tr:nth-child(even) {
    background: #f8fafc;
}

.ai-data-table tbody tr:hover {
    background: #eff6ff;
}

.ai-cell-null {
    color: #cbd5e1;
}

.ai-data-more {
    padding: 6px 8px;
    font-size: 11px;
    color: #64748b;
    font-style: italic;
    text-align: center;
}

/* Debug panel (admin only) */
.ai-debug-panel {
    margin-top: 6px;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    font-size: 11px;
    overflow: hidden;
}

.ai-debug-summary {
    padding: 4px 8px;
    background: #f8fafc;
    color: #64748b;
    cursor: pointer;
    user-select: none;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.ai-debug-summary:hover {
    background: #f1f5f9;
    color: #475569;
}

.ai-debug-summary .fad {
    margin-right: 4px;
    font-size: 10px;
}

.ai-debug-content {
    padding: 8px;
    background: #fefefe;
    border-top: 1px solid #e2e8f0;
}

.ai-debug-section {
    margin-bottom: 6px;
}

.ai-debug-section:last-child {
    margin-bottom: 0;
}

.ai-debug-label {
    font-weight: 600;
    color: #475569;
    margin-bottom: 2px;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.ai-debug-step {
    padding: 4px 0;
    border-bottom: 1px solid #f1f5f9;
}

.ai-debug-step:last-child {
    border-bottom: none;
}

.ai-debug-muted {
    color: #94a3b8;
}

.ai-debug-params {
    margin-top: 2px;
    padding: 4px 6px;
    background: #f8fafc;
    border-radius: 4px;
    font-family: monospace;
    font-size: 10px;
    white-space: pre-wrap;
    word-break: break-all;
    color: #475569;
    max-height: 120px;
    overflow-y: auto;
}

/* Message footer (usage + feedback side by side) */
.ai-msg-footer {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 4px;
    padding-left: 12px;
}

/* Feedback buttons */
.ai-feedback-buttons {
    display: flex;
    gap: 4px;
}

.ai-fb-btn {
    background: transparent;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    padding: 1px 5px;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.2s;
    line-height: 1;
}

.ai-fb-btn:hover {
    background: rgba(67, 97, 238, 0.1);
    border-color: #4361ee;
    transform: scale(1.15);
}

.ai-fb-btn.active {
    cursor: default;
    opacity: 1;
}

.ai-fb-btn.active:hover {
    transform: none;
}

/* Disabled state after feedback sent */
.ai-feedback-buttons .ai-fb-btn:not(.active) {
    opacity: 0.4;
}

.ai-feedback-buttons .ai-fb-btn.active + .ai-fb-btn,
.ai-feedback-buttons .ai-fb-btn:has(+ .ai-fb-btn.active) {
    pointer-events: none;
}

/* Feedback modal */
.ai-feedback-modal-title .webix_el_label {
    font-weight: 600;
    font-size: 14px;
}

.ai-feedback-modal-label {
    padding: 4px 8px !important;
    font-size: 13px;
    color: #475569;
}

/* ============================================================================
 * Action Buttons
 * ============================================================================ */

.ai-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
    padding-left: 12px;
}

.ai-action-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 12px;
    border: 1px solid #4361ee;
    border-radius: 16px;
    background: transparent;
    color: #4361ee;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.2s;
    white-space: nowrap;
}

.ai-action-btn:hover {
    background: #4361ee;
    color: white;
}

.ai-action-btn .fad {
    font-size: 11px;
}

/* ============================================================================
 * Status Badge
 * ============================================================================ */

.ai-status-badge {
    display: inline-block;
    padding: 1px 8px;
    border-radius: 10px;
    background: #e0f2fe;
    color: #0369a1;
    font-size: 10px;
    font-weight: 500;
    white-space: nowrap;
}

/* ============================================================================
 * Table Column Alignment
 * ============================================================================ */

.ai-data-table th.ai-col-right,
.ai-data-table td.ai-col-right {
    text-align: right;
}

/* ============================================================================
 * Markdown in Messages
 * ============================================================================ */

.ai-msg-content strong {
    font-weight: 600;
}

.ai-msg-content em {
    font-style: italic;
}

.ai-inline-code {
    background: #f1f5f9;
    padding: 1px 4px;
    border-radius: 3px;
    font-family: monospace;
    font-size: 12px;
}

.ai-list {
    margin: 4px 0;
    padding-left: 16px;
}

.ai-list li {
    margin-bottom: 2px;
    font-size: 13px;
    line-height: 1.4;
}

/* WorkHub Timer Bar — persistent bottom bar */
.workhub-timer-bar {
    background: #1e293b !important;
    border-top: 2px solid #ef4444;
}
.workhub-timer-bar .webix_el_label {
    color: #f8fafc;
}
.workhub-timer-clock .webix_el_box .webix_label_right {
    font-family: "JetBrains Mono", "Fira Code", monospace;
    font-size: 15px;
    font-weight: 700;
    color: #ef4444;
    letter-spacing: 1px;
}
.workhub-timer-task .webix_el_box .webix_label_right {
    font-size: 13px;
    color: #cbd5e1;
}

@tailwind base;
@tailwind components;
@tailwind utilities;

.scale_66 {
    transform: scale(0.66);
}

.webixappstart {
    opacity: 0;
}

.webixapp {
    transition: opacity 500ms;
    opacity: 1;
}

.data-newrow {
    background-color: lightblue;
}


/*data loading status*/

.status_good,
.status_error,
.status_saving {
    text-align: center;
    margin-left: -12px;
}

.status_error {
    color: red;
}

.status_good {
    color: green;
}

.notActive {
    background-color: rgba(255, 182, 193, 0.76);
}

.warning {
    background-color: rgba(255, 251, 28, 0.801);
}

.notActive.warning {
    background-color: rgba(255, 182, 193, 1);
}


/*login form*/

.invalid_login .webix_header>div {
    background: #FC3636;
    transition: background 1s;
}

.invalid_login {
    -webkit-animation: formshake .5s linear;
    animation: formshake .5s linear;
    
}

@keyframes formshake {

    8%,
    41% {
        transform: translateX(-10px);
    }

    25%,
    58% {
        transform: translateX(10px);
    }

    75% {
        transform: translateX(-5px);
    }

    92% {
        transform: translateX(5px);
    }

    0%,
    100% {
        transform: translateX(0);
    }
}

@-webkit-keyframes formshake {

    8%,
    41% {
        -webkit-transform: translateX(-10px);
    }

    25%,
    58% {
        -webkit-transform: translateX(10px);
    }

    75% {
        -webkit-transform: translateX(-5px);
    }

    92% {
        -webkit-transform: translateX(5px);
    }

    0%,
    100% {
        -webkit-transform: translateX(0);
    }
}

.inline-dirty-row .webix_cell {
    background-color: #fff6cc;
}

.app_header.webix_header {
    text-align: center;
}

.app_layout.webix_layout_clean {
    background: #EBEDF0;
}

.app_start .webix_template {
    padding: 12px 12px;
}

.app_menu .webix_icon {
    font-size: 20px;
    vertical-align: middle;
}

input:read-only {
    background-color: lightgoldenrodyellow;
}

input[readonly="true"]+a button[role="checkbox"] {
    background-color: lightgoldenrodyellow;
}

.webix_view.subAccordion {
    background-color: #b6dbf0e0;
}

.subAccordion .webix_accordionitem_header.collapsed .webix_accordionitem_label {
    background-color: #b6dbf065;
}

.subAccordion .webix_accordionitem_header .webix_accordionitem_label {
    background-color: #b6dbf065;
}

.priority {
    color: red;
}

.done {
    background-color: rgb(184, 250, 184);
}

.storno {
    background-color: rgb(255, 211, 194);
    text-decoration: line-through;
}

.webix_scheduler_day_event {
    padding-top: 0px;
    padding-bottom: 0px;
}

.webix_view.webix_header.logo2 {
    display: block;
}

div.company {
    vertical-align: top;
    text-align: right;
    line-height: 20px;
}

.infolabel .webix_el_box {
    padding-top: 1em;
    text-align: left;
}

.number {
    text-align: right;
}

.webix_accordionitem_header {
    background-color: rgba(173, 216, 230, 0.7);
}

.webix_accordionitem_header.collapsed {
    background-color: rgba(173, 216, 230, 0.4) !important;
}

.webix_accordionitem_header.collapsed:hover {
    background-color: rgba(173, 216, 230, 0.9) !important;
}

.webix_accordionitem_header:hover {
    background-color: rgba(173, 216, 230, 0.9) !important;
}

.red {
    color: red;
}

.green {
    color: green;
}

.yellow {
    color: yellow;
}

.black {
    color: black;
}

.blue {
    color: blue;
}

.white {
    color: white;
}

.webix_sidebar .webix_tree_branch_1 .webix_tree_item {
    padding-left: 4px;
}

.webix_sidebar .webix_tree_branch_2 .webix_tree_item {
    padding-left: 12px;
}

.webix_sidebar .webix_tree_branch_3 .webix_tree_item {
    padding-left: 20px;
}

.webix_sidebar .webix_tree_branch_4 .webix_tree_item {
    padding-left: 28px;
}


/* user manager */

.webix_um_title {
    font-weight: 100 !important;
}

.webix_um_sidebar_menu .webix_list_item {
    font-weight: 100 !important;
}

.webix_um_infolist_header {
    font-weight: 100 !important;
}


/* desktop */

.webix_dsk_main {
    background-image: url(/codebase/img/bg.jpg);
}

.signin_form .webix_view {
    background: transparent;
    color: #fff;
    text-align: center;
}

.bottom_menu_label .webix_el_box {
    color: #fff;
    padding-left: 10px;
}

/* Editor JS */

.ce-block__content,
.ce-toolbar__content {
    max-width: calc(100% - 120px) !important;
    margin: 0 60px;
}

.cdx-block {
    max-width: 100% !important;
}

.hueRed:after {
    content: "";
    background: rgba(255, 0, 0, 0.1);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hueBlue:after {
    content: "";
    background: rgba(0, 0, 255, 0.1);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.text_icon:hover {
    opacity: 1;
    color: gray;
    cursor: pointer;
}

/* Encrypted RTE custom field styling */
.encrypted-rte-field {
    background-color: #f0f7ff;
}
.encrypted-rte-field .tox-editor-header {
    background-color: #e8f0fe;
}

/* Mobile-specific styles for Digi4Business ERP */

.mobile-tabbar {
    background: #ffffff;
    border-top: 1px solid #e0e0e0;
}

.mobile-tabbar .webix_item_tab {
    font-size: 10px;
    line-height: 1.2;
    padding-top: 6px;
}

.mobile-tabbar .webix_item_tab span {
    font-size: 20px;
    display: block;
    margin-bottom: 2px;
}

.mobile-toolbar {
    background: #1565C0;
    color: #ffffff;
}

.mobile-header-label .webix_el_box {
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
}

.mobile-menu-list .webix_list_item {
    font-size: 16px;
    line-height: 50px;
    padding-left: 16px;
    border-bottom: 1px solid #f0f0f0;
}

.map-container{-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;user-select:none;-webkit-user-select:none;height:100%;width:100%;overflow:hidden;font-size:16px;outline:none;touch-action:none;background-color:var(--bgcolor)}.map-container p{margin:0}.map-container *{box-sizing:border-box}.map-container::-webkit-scrollbar{width:0px;height:0px}.map-container .selected{outline:2px solid var(--selected);outline-offset:1px}.map-container.space-pressed,.map-container.space-pressed *{cursor:grab!important}.map-container.space-pressed:active,.map-container.space-pressed:active *{cursor:grabbing!important}.map-container .hyper-link{text-decoration:none;margin-left:.3em}.map-container me-main>me-wrapper>me-parent>me-epd{top:50%;transform:translateY(-50%)}.map-container me-epd{top:100%;transform:translateY(-50%)}.map-container .lhs{direction:rtl}.map-container .lhs>me-wrapper>me-parent>me-epd{left:-10px}.map-container .lhs me-epd{left:5px}.map-container .lhs me-tpc{direction:ltr}.map-container .rhs>me-wrapper>me-parent>me-epd{right:-10px}.map-container .rhs me-epd{right:5px}.map-container .map-canvas{position:relative;-webkit-user-select:none;user-select:none;width:fit-content;transform:scale(1)}.map-container .map-canvas me-nodes{position:relative;display:flex;justify-content:center;align-items:center;height:max-content;width:max-content;padding:var(--map-padding)}.map-container me-main>me-wrapper{position:relative;margin:var(--main-gap-y) var(--main-gap-x)}.map-container me-main>me-wrapper>me-parent{margin:10px;padding:0}.map-container me-main>me-wrapper>me-parent>me-tpc{border-radius:var(--main-radius);background-color:var(--main-bgcolor);border:2px solid var(--main-color);color:var(--main-color);padding:8px 25px}.map-container me-wrapper{display:block;pointer-events:none;width:fit-content}.map-container me-children,.map-container me-parent{display:inline-block;vertical-align:middle}.map-container me-root{position:relative;margin:45px 0;z-index:10}.map-container me-root me-tpc{font-size:25px;color:var(--root-color);padding:10px 30px;border-radius:var(--root-radius);border:var(--root-border-color) 2px solid;background-color:var(--root-bgcolor)}.map-container me-parent{position:relative;cursor:pointer;padding:6px var(--node-gap-x);margin-top:var(--node-gap-y);z-index:10}.map-container me-parent me-tpc{position:relative;border-radius:3px;color:var(--color);padding:var(--topic-padding)}.map-container me-parent me-tpc .insert-preview{position:absolute;width:100%;left:0;z-index:9}.map-container me-parent me-tpc .show{background:#7ad5ff;pointer-events:none;opacity:.7;border-radius:3px}.map-container me-parent me-tpc .before{height:14px;top:-14px}.map-container me-parent me-tpc .in{height:100%;top:0}.map-container me-parent me-tpc .after{height:14px;bottom:-14px}.map-container me-parent me-epd{position:absolute;height:18px;width:18px;opacity:.8;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdD0iMTY1NjY1NDcxNzI0MiIgY2xhc3M9Imljb24iIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIHZlcnNpb249IjEuMSIKICAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+CiAgICA8cGF0aCBkPSJNNTEyIDc0LjY2NjY2N0MyNzAuOTMzMzMzIDc0LjY2NjY2NyA3NC42NjY2NjcgMjcwLjkzMzMzMyA3NC42NjY2NjcgNTEyUzI3MC45MzMzMzMgOTQ5LjMzMzMzMyA1MTIgOTQ5LjMzMzMzMyA5NDkuMzMzMzMzIDc1My4wNjY2NjcgOTQ5LjMzMzMzMyA1MTIgNzUzLjA2NjY2NyA3NC42NjY2NjcgNTEyIDc0LjY2NjY2N3oiIHN0cm9rZS13aWR0aD0iNTQiIHN0cm9rZT0nYmxhY2snIGZpbGw9J3doaXRlJyA+PC9wYXRoPgogICAgPHBhdGggZD0iTTY4Mi42NjY2NjcgNDgwaC0xMzguNjY2NjY3VjM0MS4zMzMzMzNjMC0xNy4wNjY2NjctMTQuOTMzMzMzLTMyLTMyLTMycy0zMiAxNC45MzMzMzMtMzIgMzJ2MTM4LjY2NjY2N0gzNDEuMzMzMzMzYy0xNy4wNjY2NjcgMC0zMiAxNC45MzMzMzMtMzIgMzJzMTQuOTMzMzMzIDMyIDMyIDMyaDEzOC42NjY2NjdWNjgyLjY2NjY2N2MwIDE3LjA2NjY2NyAxNC45MzMzMzMgMzIgMzIgMzJzMzItMTQuOTMzMzMzIDMyLTMydi0xMzguNjY2NjY3SDY4Mi42NjY2NjdjMTcuMDY2NjY3IDAgMzItMTQuOTMzMzMzIDMyLTMycy0xNC45MzMzMzMtMzItMzItMzJ6Ij48L3BhdGg+Cjwvc3ZnPg==);background-repeat:no-repeat;background-size:contain;background-position:center;pointer-events:all;z-index:9}.map-container me-parent me-epd.minus{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdD0iMTY1NjY1NTU2NDk4NSIgY2xhc3M9Imljb24iIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIHZlcnNpb249IjEuMSIKICAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+CiAgICA8cGF0aCBkPSJNNTEyIDc0LjY2NjY2N0MyNzAuOTMzMzMzIDc0LjY2NjY2NyA3NC42NjY2NjcgMjcwLjkzMzMzMyA3NC42NjY2NjcgNTEyUzI3MC45MzMzMzMgOTQ5LjMzMzMzMyA1MTIgOTQ5LjMzMzMzMyA5NDkuMzMzMzMzIDc1My4wNjY2NjcgOTQ5LjMzMzMzMyA1MTIgNzUzLjA2NjY2NyA3NC42NjY2NjcgNTEyIDc0LjY2NjY2N3oiIHN0cm9rZS13aWR0aD0iNTQiIHN0cm9rZT0nYmxhY2snIGZpbGw9J3doaXRlJyA+PC9wYXRoPgogICAgPHBhdGggZD0iTTY4Mi42NjY2NjcgNTQ0SDM0MS4zMzMzMzNjLTE3LjA2NjY2NyAwLTMyLTE0LjkzMzMzMy0zMi0zMnMxNC45MzMzMzMtMzIgMzItMzJoMzQxLjMzMzMzNGMxNy4wNjY2NjcgMCAzMiAxNC45MzMzMzMgMzIgMzJzLTE0LjkzMzMzMyAzMi0zMiAzMnoiPjwvcGF0aD4KPC9zdmc+)!important;transition:opacity .3s;opacity:0}@media (hover: hover){.map-container me-parent me-epd.minus:hover{opacity:.8}}@media (hover: none){.map-container me-parent me-epd.minus{opacity:.8}}.map-container .icon{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}.map-container .lines,.map-container .summary,.map-container .subLines,.map-container .topiclinks,.map-container .linkcontroller{position:absolute;height:102%;width:100%;top:0;left:0}.map-container .topiclinks,.map-container .linkcontroller,.map-container .summary{pointer-events:none;z-index:20}.map-container .summary>g,.map-container .topiclinks>g{cursor:pointer;pointer-events:stroke;z-index:20}.map-container .label-container{z-index:21}.map-container .lines,.map-container .subLines{pointer-events:none}.map-container #input-box{position:absolute;top:0;left:0;width:max-content;max-width:35em;direction:ltr;-webkit-user-select:auto;user-select:auto;pointer-events:auto;color:var(--color);background-color:var(--bgcolor);outline:1px solid #ccc;border-radius:2px;z-index:100}.map-container me-tpc{display:block;max-width:35em;white-space:pre-wrap;pointer-events:all}.map-container me-tpc>*{pointer-events:none}.map-container me-tpc>a,.map-container me-tpc>iframe{pointer-events:auto}.map-container me-tpc>.text{display:inline-block}.map-container me-tpc>.text a{pointer-events:auto}.map-container me-tpc>img{display:block;margin-bottom:8px;object-fit:cover}.map-container .circle{position:absolute;height:10px;width:10px;margin-top:-5px;margin-left:-5px;border-radius:100%;background:#757575;border:2px solid #ffffff;z-index:50;cursor:pointer}.map-container .circle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;background:transparent}.map-container .tags{direction:ltr}.map-container .tags span{display:inline-block;border-radius:3px;padding:2px 4px;background:#d6f0f8;color:#276f86;margin:2px 4px 0 0;font-size:12px;line-height:1.3em}.map-container .icons{display:inline-block;direction:ltr;margin-left:5px}.map-container .icons span{display:inline-block;line-height:1.3em}.map-container .mind-elixir-ghost{position:absolute;top:0;left:0;box-sizing:content-box;opacity:.7;background-color:var(--main-bgcolor);border:2px solid var(--main-color);color:var(--main-color);max-width:200px;width:fit-content;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:8px 16px;border-radius:6px;display:none;pointer-events:none;z-index:1000}.map-container .selection-area{background:#4f90f22d;border:1px solid #4f90f2}.map-container .svg-label{position:absolute;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.2;pointer-events:auto;cursor:pointer;z-index:10;width:max-content;max-width:200px;border-radius:3px;padding:var(--topic-padding)}.map-container .svg-label[data-type=arrow]{background-color:var(--main-bgcolor-transparent)}.map-container h1{font-size:1.5rem;font-weight:700;color:var(--selected)}.map-container h2{font-size:1.25rem;font-weight:600;color:var(--selected)}.map-container h3{font-size:1.125rem;font-weight:600;color:var(--selected)}.map-container h4{font-size:1rem;font-weight:600;color:var(--selected)}.map-container h5{font-size:.875rem;font-weight:600;color:var(--selected)}.map-container h6{font-size:.875rem;font-weight:500;margin:.1rem 0;color:var(--selected);font-style:italic}.map-container strong.asterisk-emphasis,.map-container em{color:var(--selected)}.map-container strong.underscore-emphasis{background:#ffeb3b40;padding:.05em .15em;border-radius:.15em}.map-container a{color:var(--selected)}.map-container a:hover{color:var(--selected);text-decoration:underline}.map-container .context-menu{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99}.map-container .context-menu .menu-list{position:fixed;list-style:none;margin:0;padding:0;color:var(--panel-color);box-shadow:0 12px 15px #0003;border-radius:5px;overflow:hidden}.map-container .context-menu .menu-list li{min-width:200px;overflow:hidden;white-space:nowrap;padding:6px 10px;background:var(--panel-bgcolor);border-bottom:1px solid var(--panel-border-color);cursor:pointer}.map-container .context-menu .menu-list li span{line-height:20px}.map-container .context-menu .menu-list li a{color:#333;text-decoration:none}.map-container .context-menu .menu-list li.disabled{display:none}.map-container .context-menu .menu-list li:hover{filter:brightness(.95)}.map-container .context-menu .menu-list li:last-child{border-bottom:0}.map-container .context-menu .menu-list li span:last-child{float:right}.map-container .context-menu .key{font-size:10px;background-color:#f1f1f1;color:#333;padding:2px 5px;border-radius:3px}.map-container .tips{position:absolute;bottom:28px;left:50%;transform:translate(-50%);color:var(--panel-color);background:var(--panel-bgcolor);opacity:.8;padding:5px 10px;border-radius:5px;font-weight:700}.mind-elixir-toolbar{position:absolute;color:var(--panel-color);background:var(--panel-bgcolor);padding:10px;border-radius:5px;box-shadow:0 1px 2px #0003}.mind-elixir-toolbar svg{display:inline-block}.mind-elixir-toolbar span:active{opacity:.5}.mind-elixir-toolbar.rb{right:20px;bottom:20px}.mind-elixir-toolbar.rb span+span{margin-left:10px}.mind-elixir-toolbar.lt{font-size:20px;left:20px;top:20px}.mind-elixir-toolbar.lt span{display:block}.mind-elixir-toolbar.lt span+span{margin-top:10px}

/*!
 * Cropper.js v1.6.2
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-04-21T07:43:02.731Z
 */

.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  -ms-touch-action: none;
      touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.cropper-container img {
    backface-visibility: hidden;
    display: block;
    height: 100%;
    image-orientation: 0deg;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    width: 100%;
  }

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.cropper-wrap-box,
.cropper-canvas {
  overflow: hidden;
}

.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}

.cropper-modal {
  background-color: #000;
  opacity: 0.5;
}

.cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
  overflow: hidden;
  width: 100%;
}

.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}

.cropper-dashed.dashed-h {
    border-bottom-width: 1px;
    border-top-width: 1px;
    height: calc(100% / 3);
    left: 0;
    top: calc(100% / 3);
    width: 100%;
  }

.cropper-dashed.dashed-v {
    border-left-width: 1px;
    border-right-width: 1px;
    height: 100%;
    left: calc(100% / 3);
    top: 0;
    width: calc(100% / 3);
  }

.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}

.cropper-center::before,
  .cropper-center::after {
    background-color: #eee;
    content: ' ';
    display: block;
    position: absolute;
  }

.cropper-center::before {
    height: 1px;
    left: -3px;
    top: 0;
    width: 7px;
  }

.cropper-center::after {
    height: 7px;
    left: 0;
    top: -3px;
    width: 1px;
  }

.cropper-face,
.cropper-line,
.cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}

.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}

.cropper-line {
  background-color: #39f;
}

.cropper-line.line-e {
    cursor: ew-resize;
    right: -3px;
    top: 0;
    width: 5px;
  }

.cropper-line.line-n {
    cursor: ns-resize;
    height: 5px;
    left: 0;
    top: -3px;
  }

.cropper-line.line-w {
    cursor: ew-resize;
    left: -3px;
    top: 0;
    width: 5px;
  }

.cropper-line.line-s {
    bottom: -3px;
    cursor: ns-resize;
    height: 5px;
    left: 0;
  }

.cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: 0.75;
  width: 5px;
}

.cropper-point.point-e {
    cursor: ew-resize;
    margin-top: -3px;
    right: -3px;
    top: 50%;
  }

.cropper-point.point-n {
    cursor: ns-resize;
    left: 50%;
    margin-left: -3px;
    top: -3px;
  }

.cropper-point.point-w {
    cursor: ew-resize;
    left: -3px;
    margin-top: -3px;
    top: 50%;
  }

.cropper-point.point-s {
    bottom: -3px;
    cursor: s-resize;
    left: 50%;
    margin-left: -3px;
  }

.cropper-point.point-ne {
    cursor: nesw-resize;
    right: -3px;
    top: -3px;
  }

.cropper-point.point-nw {
    cursor: nwse-resize;
    left: -3px;
    top: -3px;
  }

.cropper-point.point-sw {
    bottom: -3px;
    cursor: nesw-resize;
    left: -3px;
  }

.cropper-point.point-se {
    bottom: -3px;
    cursor: nwse-resize;
    height: 20px;
    opacity: 1;
    right: -3px;
    width: 20px;
  }

@media (min-width: 768px) {

.cropper-point.point-se {
      height: 15px;
      width: 15px;
  }
    }

@media (min-width: 992px) {

.cropper-point.point-se {
      height: 10px;
      width: 10px;
  }
    }

@media (min-width: 1200px) {

.cropper-point.point-se {
      height: 5px;
      opacity: 0.75;
      width: 5px;
  }
    }

.cropper-point.point-se::before {
    background-color: #39f;
    bottom: -50%;
    content: ' ';
    display: block;
    height: 200%;
    opacity: 0;
    position: absolute;
    right: -50%;
    width: 200%;
  }

.cropper-invisible {
  opacity: 0;
}

.cropper-bg {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC);
}

.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}

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

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}


.webix_um_matrix .webix_ss_left .webix_column.webix_last > div {
    border-right: 1px solid #edeff0;
  }
  
  .webix_um_matrix .webix_column:not(.webix_um_column_name) .webix_cell {
    line-height: 60px !important;
  }
  
  .webix_um_matrix .wxi-check {
    color: #1ca1c1;
    font-size: 22px;
    font-weight: 600;
  }
  
  .webix_um_matrix .wxi-minus {
    color: #8693a5;
    font-size: 14px;
  }
  .webix_um_details_row {
    line-height: 15px !important;
    font-size: 13px;
    white-space: normal;
    color: #8693a5;
  }
.icons-flex
{
    display: flex; align-items:flex-end; align-content: flex-end;
}
.webix_view.webix_layout_accordion.icons { background-color: unset;}
.icons-relative {
    position: relative;
    min-height: 40px;
  }
  
.icons-bottom {
    position: absolute;
    bottom: 0;
    right: 0;
  }

.icons-bold-center {
  display: inline-block;
  text-align: center;
  font-weight: bolder;

  position: relative;
  vertical-align: middle;
  width: 100%;
  text-shadow:1px 1px 10px #fff,
}

.webix_view.webix_form_editor .webix_editor_top{
	position:relative;
}
.webix_view.webix_form_editor .webix_icon.wxi-plus-circle {
	color:#475466;
}
.webix_view.webix_form_editor .webix_icon.wxi-trash:hover,
.webix_view.webix_form_editor .webix_icon.wxi-plus-circle:hover {
	cursor:pointer;
	color:#3498db;
}
.webix_view.webix_form_editor .webix_dtable_subview{
	background-color:initial;
	padding-left:0px !important;
}
.webix_view.webix_form_editor .webix_dtable{
	border-width:1px !important;
}
.webix_view.webix_form_editor .webix_ss_footer .webix_hcell{
	background-color:initial;
}
.webix_view.webix_form_editor .webix_ss_footer .webix_icon{
	margin-left:2px;
}
.webix_view.webix_form_editor .group_header{
   border:none;
   font-weight:bold;
}
.group_header div{
	padding:10px;
	margin-left:10px;
}
.group_header:before{
	position: absolute;
	content: "\F001";
	margin-top: 9px;
	margin-left: -3px;
	font-family:"Webix Awesome Icons";
	font-size:20px;
	font-weight:400;
}
.webix_view.webix_form_editor .webix_form .webix_scroll_cont{
	border-width: 0 0 0 2px !important;
	border-left: 2px solid #D2E3EF;
}
.webix_view.webix_form_editor .webix_form.webix_editor_top > .webix_scroll_cont{
	border-width: 0px !important;
}
.webix_view.webix_form_editor .webix_el_text{
	margin-left: 14px !important;
}