@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css?family=Maven+Pro');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap');

:root {
    --app_bg: #ffcb50;
    --color-button-default: #C0A43F;
    --color-button-hover: #a8a38a;   
    --color-button-focus: #B2AB99	;
    --color-button-active: #A08F65; 
    --color-button-outline: #d68823;
	--s-btn-primary: #5591d2;
	--s-btn-secondary: #a0acb8;
	--s-btn-success: #61ad73;
	--s-btn-danger: #d9717b;
	--s-btn-warning: #fad35c;
	--s-btn-info: #51b9c9;
	--s-btn-light: #f8f9fa;
	--s-btn-dark: #626d78;
	--bg-listbox: #eef2f7;
	--bg-listbox-alt1: #ebebeb;
	--bg-listbox-selected: #fcf7ed;
}

[class*="z-"]:not([class*="z-icon-"]) {
	font-family: 'Poppins', sans-serif;
	font-size:13px;
}

.z-textbox[disabled],.z-decimalbox[disabled],.z-intbox[disabled],.z-longbox[disabled],.z-doublebox[disabled]{
    color:rgba(245, 105, 66, 1)!important;
    background:#f2f2f2!important;
    cursor:default!important
}

.z-apply-mask {
    background: #6f6f6f;
}

.z-loading { 
	top: 50% !important;
	left: 45% !important;
	text-align: center; 
	vertical-align: middle;
	border:1px outset #A0A0A0;
	background: #f0f0f0;
}

.z-loading-indicator, .z-apply-loading-indicator {
    color: rgb(0 0 0);
}


.listbox-sm .z-listcell .z-listcell-content{ 
	line-height: 1.3em; font-size:12px;
	color:black;
}

.z-listbox{
    background:#fff;
    border:1px solid #d9d9d9;
    overflow:hidden;
    zoom:1
}

.z-auxheader {
	border-left: 1px solid #747474;
	border-bottom: 1px solid #747474;
	background-color: #747474;
}

.z-auxhead-bar {
	border-left: 1px solid #747474;
}

.z-listbox-header{
    width:100%;
    background:#747474;
    position:relative;
    overflow:hidden
}

.z-listbox-header-border{
    border-bottom:none;
    margin-top:-1px;
    position:relative
}
	
.z-listbox-header th.z-listheader, z-listbox-header th.z-auxheader {
    border-color: #747474;
    border-width: 0px 0px 0px 0px;
}
		
.z-listheader {
  background: #747474;
}


.z-listhead-bar{
    border-left:1px solid #747474;
    border-bottom:1px solid #747474;
}


.z-listitem {
	vertical-align: top;
}
	
.z-listcell .z-listcell-content{
	line-height: 1.5em;
	overflow: hidden;
	min-height:inherit;
}

.z-listheader-sort .z-listheader-content:active{
    background:#5297cf;
}

.z-listitem:hover>.z-listcell{
    background: #e1e8e6;
}

.z-listitem.z-listitem-selected>.z-listcell{
	background: var(--bg-listbox-selected);
    position:relative;
}

.z-listitem.z-listitem-selected:hover>.z-listcell{
	background: var(--bg-listbox-selected);
    position:relative;
}

.z-listitem.z-listitem-selected.z-listitem-focus>.z-listcell{
	background: var(--bg-listbox-selected);
    position:relative;
}

.z-listitem.z-listitem-selected.z-listitem-focus:hover>.z-listcell{
	background: var(--bg-listbox-selected);
    position:relative;
}

.z-listitem-focus>.z-listcell{
    background: var(--color-button-focus);
    position:relative;
}

.z-listbox-body{
    position:relative;
    overflow:auto;
    overflow-anchor:none;
}

.z-listitem .z-listcell{ 
    border-top:1px solid #e8e8e8;
}

.z-listitem-icon { text-align: center; }
.z-listheader-icon { text-align: center; }


.z-listbox-body .z-listbox-emptybody .z-listbox-emptybody-content {
    background: #e8dba4;    
    color:black;    
}

.grid-entry {
	background:transparent; 
	border:0px;
}

.row-entry {
	background:transparent;
}

.grid-no-hover .z-row:hover>.z-row-inner,.z-row:hover>.z-cell{
    background:none }
    
.grid-no-border .z-row .z-row-inner,.z-row .z-cell{
	 border-top:none;
}

.grid-row-transparent .z-grid .z-row-inner, .z-grid .z-cell {
	background: transparent;
}

textarea.z-textbox { 
    padding: 8px;
}

.z-textbox::-webkit-input-placeholder,
.z-decimalbox::-webkit-input-placeholder,
.z-intbox::-webkit-input-placeholder,
.z-longbox::-webkit-input-placeholder,
.z-doublebox::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.7);
}
.z-textbox:-moz-placeholder,
.z-decimalbox:-moz-placeholder,
.z-intbox:-moz-placeholder,
.z-longbox:-moz-placeholder,
.z-doublebox:-moz-placeholder {
  color: rgba(0, 0, 0, 0.7);
  opacity: 1;
}
.z-textbox::-moz-placeholder,
.z-decimalbox::-moz-placeholder,
.z-intbox::-moz-placeholder,
.z-longbox::-moz-placeholder,
.z-doublebox::-moz-placeholder {
  color: rgba(0, 0, 0, 0.7);
  opacity: 1;
}
.z-textbox:-ms-input-placeholder,
.z-decimalbox:-ms-input-placeholder,
.z-intbox:-ms-input-placeholder,
.z-longbox:-ms-input-placeholder,
.z-doublebox:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.7);
}

.z-textbox:focus,
.z-decimalbox:focus,
.z-intbox:focus,
.z-longbox:focus,
.z-doublebox:focus {
  border-color: var(--color-button-outline);
}

.z-combobox-input:focus,
.z-bandbox-input:focus,
.z-datebox-input:focus,
.z-timebox-input:focus,
.z-spinner-input:focus,
.z-doublespinner-input:focus {
  border-color: var(--color-button-outline);
}
.z-combobox-input:focus + *,
.z-bandbox-input:focus + *,
.z-datebox-input:focus + *,
.z-timebox-input:focus + *,
.z-spinner-input:focus + *,
.z-doublespinner-input:focus + * {
  border-left: 1px solid var(--color-button-default);
}

.z-combobox-popup,
.z-bandbox-popup,
.z-datebox-popup,
.z-timebox-popup {  
  border: 1px solid var(--color-button-outline);
}

.z-combobox-open .z-combobox-button,
.z-bandbox-open .z-bandbox-button,
.z-datebox-open .z-datebox-button {
  border-color: var(--color-button-outline);
}

.z-combobox-button:hover,
.z-bandbox-button:hover,
.z-datebox-button:hover,
.z-timebox-button:hover,
.z-spinner-button:hover,
.z-doublespinner-button:hover {
  border-color:  #d9d9d9;
  background: var(--color-button-default);
}

.z-timebox-button>a:hover, 
.z-spinner-button>a:hover, 
.z-doublespinner-button>a:hover {
	color: #ffffff;
    background: var(--color-button-hover);
}

.z-timebox-active.z-timebox-icon,
.z-timebox-active.z-timebox-icon:hover,
.z-spinner-active.z-spinner-icon,
.z-spinner-active.z-spinner-icon:hover ,
.z-doublespinner-active.z-doublespinner-icon,
.z-doublespinner-active.z-doublespinner-icon:hover {
    background: var(--color-button-active);
}

.z-combobox-input:focus+.z-combobox-button {
    border-left: 1px solid var(--color-button-active);
}

.z-comboitem-selected {
	color: black;
	background: var(--app_bg);
	font-weight:bold;
}

.z-comboitem:hover {
    background-color: var(--color-button-focus);
}

/* Button */
.z-button { 
	background-color: var(--color-button-default);
	color: white;
	padding: 5px 12px;
}
.z-button:hover { background-color: var(--color-button-hover) }
.z-button:focus {
  color: #ffffff;
  border-color: transparent;
  background-color: var(--color-button-focus);
  outline: 1px solid #d68823;
}
.z-button:active {
  background-color: var(--color-button-active);
  outline: 1px solid #d68823;
}

.z-messagebox-window { width: 350px; }
.z-messagebox { width: 270px; }
.z-hlayout-inner .z-button { padding: 4px 16px; }

.z-spinner-button {
	width: 30px;
	min-width: 0;
}

.z-tab-selected {
	border-bottom: 4px solid var(--app_bg);
	font-weight: bold;	
}
.z-tab-text {
	font-weight: bold;
	color: black;
}

.z-tab-selected .z-tab-text {
    color: var(--color-button-outline);
}
.z-tab-selected .z-tab-text:hover {
    color: var(--color-button-outline);
}
.z-tabpanel {
	background:#eef2f787;
}

/* popup Report */
.z-popup-content {
	padding:5px;
}