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

Added by Mukesh

/* ---- OVERRIDE ZK DEFAULT: Must match or beat ZK's selector specificity ----
   ZK uses: .z-listheader-content, .z-listcell-content, .z-listgroup-content...
   We use: .paymentAllocGrid .z-listcell-content (higher specificity)
   But to GUARANTEE win, we use !important
*/
.paymentAllocGrid .z-listcell-content,
.paymentAllocGrid .z-listheader-content,
.paymentAllocGrid .z-listgroup-content,
.paymentAllocGrid .z-listgroupfoot-content,
.paymentAllocGrid .z-listfooter-content,
.paymentAllocGrid .z-listcell-content{
    font-size: 12px !important;
    padding: 2px 6px !important;
    line-height: 1.2 !important;
}

/* ---- Header cells: slightly more padding ---- */
.paymentAllocGrid .z-listheader-content {
    padding: 3px 6px !important;
    font-weight: 600;
}

/* ---- Row height: minimum ---- */
.paymentAllocGrid .z-listitem {
    height: auto !important;
    min-height: 20px !important;
}

/* ---- Inner wrapper divs (ZK wraps cell content) ---- */
.paymentAllocGrid .z-listcell-content div,
.paymentAllocGrid .z-listcell-content span {
    font-size: 12px !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1.2 !important;
}

/* ---- Listbox container ---- */
.paymentAllocGrid .z-listbox {
    width: 100% !important;
    border: none;
}