.number-box {
	display: inline-block; 
	white-space:nowrap;
}

.number-box .grid-editor-input.z-decimalbox {
}

.datetime-box {
	white-space:nowrap;
}
.datetime-box .z-datebox {
}
.datetime-box .z-timebox {
}

span.grid-combobox-editor {
	width: 100% !important;
	position: relative;
}

.grid-combobox-editor input {
	width: 100% !important;
	padding-right: 26px;
	border-bottom-right-radius: 6px;
	border-top-right-radius: 6px;
	border-right: 0px;
}

.grid-combobox-editor.z-combobox-disabled input {
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
	border-right: 1px solid #cfcfcf;
	padding-right: 5px;
}

.grid-combobox-editor .z-combobox-button {
	position: absolute;
	right: 0px;
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-left-radius: 0px;
	border-top-left-radius: 0px;
}

.grid-combobox-editor input:focus {
	border-right: 0px;
}
	
.grid-combobox-editor input:focus + .z-combobox-button {
	border-left: 1px solid #0000ff;
}

.editor-input.z-combobox + .editor-button {
	background-color: #F7F7F7;
	width: 22px;
    height: 24px;
    min-height: 24px;
    right: 0px;
    top: 1px;
    border: 1px solid #CFCFCF;
    border-radius: 0;
    border-left: 1px solid transparent;
}
.editor-input.z-combobox > .z-combobox-input {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}

.editor-box .grid-editor-input.z-textbox {
}

.grid-editor-button {
}

.grid-editor-button img {
}


.chart-field {
	padding: 10px; 
	border: 1px solid lightgray !important;
}

.field-label {
	position: relative; 
	float: right;
}

.image-field {
	cursor: pointer;
	border: 1px solid #C5C5C5;
	height: 24px;
	width: 24px;
}
.image-field.image-field-readonly {
	cursor: default;
	border: none;
}
.image-fit-contain {
	object-fit: contain;
}
.z-cell.image-field-cell {
	z-index: 1;
}

.html-field {
	cursor: pointer;
	border: 1px solid #C5C5C5;
	overflow: auto;
}

.dashboard-field-panel.z-panel, .dashboard-field-panel.z-panel > .z-panel-body,  .dashboard-field-panel.z-panel > .z-panel-body > .z-panelchildren  {
	overflow: visible;
}

.cyprus-mandatory, .cyprus-mandatory input, .cyprus-mandatory a {
    border-color:red;
}

.z-row-content:has(> .z-datebox[style*="display:none"]),
.z-row-content:has(> .z-textbox[style*="display:none"]),
.z-row-content:has(> .z-combobox[style*="display:none"]),
.z-row-content:has(> .z-checkbox[style*="display:none"]) {
    display: none !important;
}

td.z-row-inner:has(> .z-row-content[style*="display:none"]),
td.z-row-inner:has(> .z-row-content > *:only-child[style*="display:none"]) {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

.auto-layout-grid table {
    table-layout: auto !important;
    width: 100% !important;
}

.z-window-content {
	background: white;
}

.z-cell {
	background : none;
}

button.editor-button.z-button,
td.editor-button button.z-button,
button.editor-button.z-button:hover,
td.editor-button button.z-button:hover,
button.editor-button.z-button:focus,
td.editor-button button.z-button:focus,
button.editor-button.z-button:active,
td.editor-button button.z-button:active,
button.editor-button.z-button.z-button-over,
button.editor-button.z-button.z-button-focus,
button.editor-button.z-button.z-button-disabled,
td.editor-button button.z-button.z-button-disabled {

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;

    background: transparent none !important;
    background-color: transparent !important;
    background-image:    none      !important;

    border: 0 none  !important;
    outline: 0 none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;

    margin: 0  !important;
    padding: 0 !important;

    width:  20px !important;
    height: 20px !important;
    min-width:  20px !important;
    min-height: 20px !important;
    max-width:  none !important;
    max-height: none !important;

    box-sizing: border-box !important;
    line-height: 1 !important;
    vertical-align: middle !important;
    overflow: hidden !important;
    position: relative !important;
    cursor: pointer !important;
}


button.editor-button.z-button > img.z-button-image,
td.editor-button button.z-button > img.z-button-image {
    display: block !important;
    width:  100% !important;
    height: 100% !important;
    max-width:  none !important;
    max-height: none !important;
    object-fit: contain !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 none !important;
}

td.editor-button,
.editor-button.z-editor-button {
    background: transparent !important;
    border: 0 none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 
button.editor-button.z-button:focus-visible {
    outline: 1px solid #5b9bd5 !important;
    outline-offset: 1px !important;
}                                                              */



tr.z-grid-nohover:not([style*="border"]) {
    border: 0 none !important;
    outline: 0 none !important;
    box-shadow: none !important;
}
tr.z-grid-nohover > td.z-row-inner,
tr.z-grid-nohover > td.z-row-inner > .z-row-content {
    border: 0 none !important;
    outline: 0 none !important;
    box-shadow: none !important;
}
div.z-grid-nohover > div.z-grid-body > table,
div.z-grid-nohover > div.z-grid-body > table > tbody.z-rows {
    border: 0 none !important;
    border-collapse: collapse;
}

tr.z-grid-nohover:not([style*="background"]),
tr.z-grid-nohover:not([style*="background"]) > td:not([style*="background"]) {
    background: transparent none !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}



.adtab-grid-panel tbody.z-rows > tr.z-grid-odd,
.adtab-grid-panel tbody.z-rows > tr.z-grid-odd > td.z-row-inner {
    background: #e9f1fb !important;    
}
.adtab-grid-panel tbody.z-rows > tr.z-row:not(.z-grid-odd):not(.z-grid-nohover),
.adtab-grid-panel tbody.z-rows > tr.z-row:not(.z-grid-odd):not(.z-grid-nohover) > td.z-row-inner {
    background: #f7fafd !important;   
}


.adtab-grid-panel tbody.z-rows > tr.z-row[style*="border-top"],
.adtab-grid-panel tbody.z-rows > tr.z-row[style*="border-top"] > td.z-row-inner {
    background: #fff7e0 !important;    
}


.adtab-grid-panel tbody.z-rows > tr > td.z-row-inner *,
.adtab-grid-panel td.z-row-inner .z-row-content,
.adtab-grid-panel td.z-row-inner .z-div,
.adtab-grid-panel td.z-row-inner [class*="-input"],
.adtab-grid-panel td.z-row-inner [class*="-body"],
.adtab-grid-panel td.z-row-inner [class*="-content"],
.adtab-grid-panel td.z-row-inner [class*="-textbox"],
.adtab-grid-panel td.z-row-inner [class*="-combobox"],
.adtab-grid-panel td.z-row-inner [class*="-searchbox"],
.adtab-grid-panel td.z-row-inner [class*="-datebox"],
.adtab-grid-panel td.z-row-inner [class*="-locbox"],
.adtab-grid-panel td.z-row-inner [class*="-editorbox"],
.adtab-grid-panel td.z-row-inner [class*="-pattributebox"] {
    background-color: transparent !important;
    box-shadow: none !important;
}


.adtab-grid-panel td.z-row-inner input,
.adtab-grid-panel td.z-row-inner textarea,
.adtab-grid-panel td.z-row-inner select,
.adtab-grid-panel td.z-row-inner [class*="-input"] {
    background-image: none !important;
}




/* ==== Mandatory highlight: red border on the editor component ==== */
.cyprus-mandatory,
.cyprus-mandatory input,
.cyprus-mandatory textarea,
.cyprus-mandatory select,
.cyprus-mandatory a,
.cyprus-mandatory button,
.cyprus-mandatory .z-combobox-input,
.cyprus-mandatory .z-combobox-button,
.cyprus-mandatory .z-bandbox-input,
.cyprus-mandatory .z-bandbox-button,
.cyprus-mandatory .z-datebox-input,
.cyprus-mandatory .z-datebox-button,
.cyprus-mandatory .z-timebox-input,
.cyprus-mandatory .z-timebox-button {
    border-color: #ff0000 !important;
}

/* ==== Light red fill (delete these 2 rules if you want border-only) ==== */
.cyprus-mandatory input,
.cyprus-mandatory textarea {
    background-color: #fff5f5 !important;
}
/* boosted specificity so it wins against your
   ".adtab-grid-panel ... td.z-row-inner * { background-color: transparent !important; }" rule */
.adtab-grid-panel tbody.z-rows > tr > td.z-row-inner .cyprus-mandatory,
.adtab-grid-panel tbody.z-rows > tr > td.z-row-inner .cyprus-mandatory input,
.adtab-grid-panel tbody.z-rows > tr > td.z-row-inner .cyprus-mandatory textarea {
    background-color: #fff5f5 !important;
    border-color: #ff0000 !important;
}

.info-param-grid table {
    table-layout: auto !important;
    width: 100% !important;
}
.info-param-grid input.z-textbox {
    width: 100% !important;
}


.z-menupopup {
    background: #FFFFFF !important;
    border: 1px solid #C9DFF2 !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 30px rgba(20, 60, 100, 0.20) !important;
    overflow: hidden;
    padding: 0 !important;
}

.z-menupopup .z-menupopup-content {
    background: #FFFFFF !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 4px 0 !important;
    width: 100%;
    box-sizing: border-box;
    max-height: 320px;
    overflow-y: auto;
    overflow-x: hidden;
}

.z-menupopup li,
.z-menupopup .z-menuitem,
.z-menupopup .z-menuitem-content,
.z-menupopup .z-menuitem-text,
.z-menupopup .z-menuitem-icon,
.z-menupopup .z-menuitem-img {
    background: none !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
}

.z-menupopup li {
    display: flex;
    align-items: center;
    padding: 5px 14px !important;
    font-size: 12px;
    color: #444444;
    line-height: 20px;
    white-space: nowrap;
    cursor: pointer;
}
.z-menupopup li:hover {
    background: #EAF4FF !important;
}

.z-menupopup .z-menupopup-separator,
.z-menupopup .z-menuseparator {
    border: 0 !important;
    border-top: 1px solid #E1ECF7 !important;
    background: none !important;
    height: 0 !important;
    margin: 4px 0 !important;
    padding: 0 !important;
}

.z-menupopup .z-checkbox,
.z-menupopup input[type="checkbox"] {
    margin: 0 8px 0 0 !important;
    vertical-align: middle;
}
.z-menupopup .z-menuitem-icon,
.z-menupopup .z-menuitem-img {
    margin: 0 8px 0 0 !important;
    vertical-align: middle;
}

.z-menupopup .z-menupopup-content::-webkit-scrollbar { width: 8px; }
.z-menupopup .z-menupopup-content::-webkit-scrollbar-track { background: #F7FBFF; }
.z-menupopup .z-menupopup-content::-webkit-scrollbar-thumb { background: #B8D4EE; border-radius: 4px; }
.z-menupopup .z-menupopup-content::-webkit-scrollbar-thumb:hover { background: #8FC1E8; }