/* gestx - gx-inputs: Tom Select dentro il riquadro textbox di EasyUI, Air Datepicker nel pannello del datebox */
.gx-combo{display:inline-flex;align-items:stretch;box-sizing:border-box;vertical-align:middle;position:relative;min-height:24px}
.gx-combo .textbox-addon-right{order:2;position:static;display:flex;align-items:stretch;flex:none}
.gx-combo .textbox-addon-right .combo-arrow{width:26px;height:auto;min-height:25px;cursor:pointer}
.gx-combo .ts-wrapper{order:1;flex:1 1 auto;min-width:0;display:flex;align-items:stretch}
.gx-combo .ts-wrapper .ts-control{border:0;border-radius:0;box-shadow:none;background:transparent;padding:0 4px;min-height:25px;line-height:25px;font-size:12px;flex:1 1 auto;display:flex;align-items:center;flex-wrap:nowrap;overflow:hidden;color:var(--gx-ink,inherit);cursor:text}
.gx-combo .ts-wrapper.multi .ts-control{flex-wrap:wrap;gap:2px;padding:1px 4px;line-height:21px}
.gx-combo .ts-wrapper.single .ts-control,.gx-combo .ts-wrapper.single.input-active .ts-control{background:transparent;cursor:text}
.gx-combo .ts-wrapper .ts-control>input.textbox-text{flex:1 1 auto;min-width:2ch;border:0;margin:0;padding:0;height:auto;line-height:inherit;background:transparent;box-shadow:none;outline:0;font:inherit;color:inherit}
.gx-combo .ts-wrapper.single .ts-control .item{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.gx-combo .ts-wrapper.single.gx-typing .ts-control .item{display:none}
.gx-combo .ts-wrapper.single:not(.gx-typing) .ts-control>input.textbox-text{position:absolute;opacity:0;width:1px;min-width:0}
.gx-combo .ts-wrapper.multi .ts-control>.item{margin:0;padding:0 4px;border-radius:3px;background:#E2E8F0;color:#1E293B;border:0}
.gx-combo .ts-wrapper.plugin-remove_button .item .remove{border-left-color:#CBD5E1;padding:0 4px}
.gx-combo.gx-combo-fixed .ts-wrapper .ts-control{background:#F1F5F9!important;cursor:pointer}
.gx-combo.textbox-disabled .ts-control,.gx-combo.textbox-readonly .ts-control{cursor:default;opacity:1}
.gx-combo .ts-wrapper.disabled .ts-control{opacity:.6}
.gx-combo>select.gx-combo-source{display:none}
.ts-dropdown{font-size:12px;z-index:9999;margin-top:2px;border-radius:4px;box-shadow:0 6px 16px rgba(15,23,42,.14)}
.ts-dropdown .ts-dropdown-content{max-height:300px}
.ts-dropdown .option.combobox-item,.ts-dropdown .combobox-item{padding:4px 8px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ts-dropdown .option.selected{background:#ECFDF5;color:#065F46}
.ts-dropdown .option.active{background:#DBEAFE;color:#1E3A8A}
.ts-dropdown .option.disabled{opacity:.5;cursor:default}
/* calendario del datebox */
.datebox-calendar-inner.gx-calendar-inner,.datebox-calendar-inner .gx-calendar{height:auto!important}
.datebox-calendar-inner .gx-calendar .air-datepicker{width:auto;border:0;border-radius:0;font-family:inherit;--adp-font-size:12px;--adp-padding:2px;--adp-nav-height:24px;--adp-nav-action-size:26px;--adp-day-cell-height:22px;--adp-month-cell-height:34px;--adp-year-cell-height:40px;--adp-day-name-color:#64748B;--adp-color-current-date:var(--gx-primary-700,#047857);--adp-cell-background-color-selected:var(--gx-primary,#10B981);--adp-cell-background-color-selected-hover:#059669;--adp-accent-color:#059669;--adp-cell-border-radius:6px}
.datebox-calendar-inner .gx-calendar .air-datepicker-nav--action svg{width:24px;height:24px}
.datebox-calendar-inner .gx-calendar .air-datepicker-body--day-names{margin:4px 0 2px}
.datebox-calendar-inner .gx-calendar .air-datepicker-cell.-current-{font-weight:800}
.datebox-calendar-inner .gx-calendar .air-datepicker-cell.calendar-saturday:not(.-selected-):not(.-other-month-){color:#16A34A}
.datebox-calendar-inner .gx-calendar .air-datepicker-cell.calendar-sunday:not(.-selected-):not(.-other-month-){color:#DC2626}
.ts-dropdown .gx-text-only{display:none}
/* telefoni: righe e giorni piu' facili da toccare */
@media (pointer:coarse){
  .ts-dropdown .option.combobox-item{padding:10px 12px}
  .datebox-calendar-inner .gx-calendar .air-datepicker{--adp-font-size:14px;--adp-day-cell-height:34px;--adp-nav-height:34px;--adp-nav-action-size:36px}
}

/* combotree: campo gx e albero gx nel pannello (stesse misure del tree EasyUI: righe 18px, rientri 16px) */
.gx-combotree>input.textbox-text{order:1;flex:1 1 auto;width:auto;min-width:0;border:0;margin:0;padding:0 4px;height:auto;line-height:25px;font-size:12px;background:transparent;box-shadow:none;outline:0;color:var(--gx-ink,inherit)}
.gx-responsive #innercenter .gx-combotree>input.textbox-text{padding-right:4px!important;width:auto!important}
.gx-combotree.gx-combo-fixed>input.textbox-text{background:#F1F5F9;cursor:pointer}
.gx-combotree.textbox-disabled>input.textbox-text,.gx-combotree.textbox-readonly>input.textbox-text{cursor:default}
.gx-combotree.textbox-disabled>input.textbox-text{opacity:.6}
.gx-combo-panel{background:#fff;border:1px solid var(--gx-line,#E2E8F0);border-radius:0 0 8px 8px;box-shadow:0 14px 28px -14px rgba(11,31,51,.3);box-sizing:border-box;overflow:auto;font-size:12px}
.gx-tree,.gx-tree ul{list-style:none;margin:0;padding:0}
.gx-tree li{white-space:nowrap}
.gx-tree .tree-node{height:18px;white-space:nowrap;cursor:pointer;color:var(--gx-ink,#0B1F33)}
.gx-tree .tree-node-hover{background:var(--gx-hover,#F0FDF7);color:var(--gx-ink,#0B1F33)}
.gx-tree .tree-node-selected{background:var(--gx-selected,#D1FAE5);color:var(--gx-primary-700,#08704E)}
.gx-combo-panel .gx-tree .tree-node{color:var(--gx-ink,#0B1F33)}
.gx-tree .tree-node-hidden{display:none}
.gx-tree .tree-indent,.gx-tree .tree-hit,.gx-tree .tree-icon{display:inline-block;width:16px;height:18px;vertical-align:top;overflow:hidden;background:transparent no-repeat center center}
.gx-tree .tree-title{font-size:12px;display:inline-block;text-decoration:none;vertical-align:top;white-space:nowrap;padding:0 2px;height:18px;line-height:18px}
.gx-tree .tree-collapsed{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='18'%3E%3Cpath d='M6 5l4 4-4 4z' fill='none' stroke='%2394A3B8'/%3E%3C/svg%3E")}
.gx-tree .tree-collapsed-hover{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='18'%3E%3Cpath d='M6 5l4 4-4 4z' fill='none' stroke='%230E9F6E'/%3E%3C/svg%3E")}
.gx-tree .tree-expanded{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='18'%3E%3Cpath d='M11 6v6H5z' fill='%23334155'/%3E%3C/svg%3E")}
.gx-tree .tree-expanded-hover{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='18'%3E%3Cpath d='M11 6v6H5z' fill='%230E9F6E'/%3E%3C/svg%3E")}
.gx-tree .tree-folder{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='18'%3E%3Cpath d='M1.5 4.5h5l1.5 1.5h6.5v8h-13z' fill='%23FCD975' stroke='%23C9A23A'/%3E%3C/svg%3E")}
.gx-tree .tree-folder-open{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='18'%3E%3Cpath d='M1.5 4.5h5l1.5 1.5h5v2h-9l-2.5 6z' fill='%23F5C94A' stroke='%23C9A23A'/%3E%3Cpath d='M4 8.5h11l-2.5 6h-11z' fill='%23FDE59A' stroke='%23C9A23A'/%3E%3C/svg%3E")}
.gx-tree .tree-file{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='18'%3E%3Cpath d='M3.5 2.5h6l3 3v10h-9z' fill='%23FFFBEA' stroke='%23B8A46A'/%3E%3Cpath d='M5.5 7.5h5M5.5 9.5h5M5.5 11.5h5' stroke='%23B8A46A'/%3E%3C/svg%3E")}
@media (pointer:coarse){
  .gx-tree .tree-node{height:30px}
  .gx-tree .tree-indent,.gx-tree .tree-hit,.gx-tree .tree-icon{height:30px}
  .gx-tree .tree-title{height:30px;line-height:30px;font-size:14px}
}

/* ora nel pannello del datetimebox: campo e frecce gx */
.gx-spinner{display:inline-flex;align-items:stretch;box-sizing:border-box;vertical-align:middle;position:relative;min-height:24px}
.gx-spinner>input.textbox-text{order:1;flex:1 1 auto;width:auto;min-width:0;border:0;margin:0;padding:0 4px;height:auto;line-height:24px;font-size:12px;background:transparent;box-shadow:none;outline:0;color:var(--gx-ink,inherit)}
.gx-spinner>.textbox-addon-right{order:2;position:static;display:flex;flex-direction:column;width:20px;flex:none}
.gx-spinner .spinner-arrow{flex:1 1 50%;display:block;width:auto;height:auto;cursor:pointer;opacity:.6;background:transparent no-repeat center center}
.gx-spinner .spinner-arrow:hover{opacity:1;background-color:#E6E6E6}
.gx-spinner .spinner-button-top{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 5l4-4 4 4' fill='none' stroke='%23334155' stroke-width='1.5'/%3E%3C/svg%3E")}
.gx-spinner .spinner-button-bottom{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23334155' stroke-width='1.5'/%3E%3C/svg%3E")}
.gx-spinner .spinner-arrow-up,.gx-spinner .spinner-arrow-down{display:none}
.gx-spinner.textbox-disabled .spinner-arrow,.gx-spinner.textbox-readonly .spinner-arrow{cursor:default;opacity:.3}
@media (pointer:coarse){
  .gx-spinner>.textbox-addon-right{width:34px}
  .gx-spinner>input.textbox-text{line-height:34px;font-size:14px}
}