.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;
}

/* 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;
}

@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;
}


.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;
}