body{ padding:0px; min-width:1280px;height:auto; overflow-x: auto;  overflow-y: auto;-moz-scrollbar-width :20px;background: #4d4b4b;}
.z-menu-text, .z-menuitem-text { font-size:12.5px; line-height:0; font-weight:600; margin-top:-2px;}
.z-menuitem > .z-menuitem-content > .z-menuitem-text { margin-left: -3px;}
*{ box-shadow:none; text-shadow:none;-webkit-font-smoothing: antialiased;}
.farm-caption { color: #053002; font-size: 12.5px; font-weight:600;}
.z-caption-content{ padding-left:0px; padding-top:2px;}
.farm-tab{ /* height:23px; */ margin-right:3px; border-style:none; background:#053002; box-shadow:none !important; font-family:arial; font-weight:bold;}
.z-tab-text{ line-height:20px; padding-top:0px; text-align:left;  }
.z-tab:hover,.farm-tab.z-tab.z-tab-selected{ background:#252d10; color:#fff !important; box-shadow:none; border-style:solid; font-family:arial; font-weight:bold;}
.z-tab-selected, .z-tabbox-top .z-tab.z-tab-selected:first-child { /* box-shadow:none; */}
.z-tabs-content{ border-bottom:23px solid #053002; margin-top:10px; padding-left:3px;}
.z-tabpanel{ padding:5px; border:none;}
.farm-tabbox{ padding:0px;}
.z-groupbox{ padding-top:23px;}
.farm-caption{ color:#053002; font-weight:bold; font-size:15.8px;}
.farm-label.z-label, .label-font { color: #000; font-size: 12px; font-weight: bold; white-space:initial;}
.filterbtn:hover, .filterbtn{ margin-right: 10px; width: 45px; border:0px; border:none;margin-top: 4px; text-align: center!important;}
.z-paging-button{ border-radius:25px; background:#fff;border: 1px solid rgb(146, 132, 132) !important;}
.z-paging-button[disabled] .z-paging-icon, .z-paging-button[disabled] .z-paging-icon:hover{ color:#737173;}
.z-column{ background:#000; border:none;}
.searchbox{ background:#fff; width:218px; border:1px solid #0e0d0d; color:#929292 !important;  }
.searchbox.z-textbox:hover, .searchbox.z-textbox:focus{ background:#252d10; width:218px; color:#fff !important; box-shadow:none;}
.search-result-window .z-vlayout {height:auto !important;}
.z-vlayout .z-vlayout-inner{ height:auto !important;}
/* .z-grid-odd > .z-cell{ background:#dedadb;} */
.z-grid-odd > .z-cell{ background:#ffffff;}
.z-column-button:hover{ background:#ffffff; color:#000;}
.z-column-sort .z-column-sorticon{ padding-left: 0; text-align: center; top: -10px; vertical-align: top}
.z-datebox-input,.z-combobox-input{ width:126px !important;}
.textboxwdth, .z-decimalbox{ width:150px !important;}*/
 .z-intbox{ width:138px !important;}
.z-tabpanel .z-tab{ height:35px;}
.z-tabpanel .z-tab .z-tab-text{ line-height:27px;}
.z-paging ,.z-toolbar{ border-bottom:0px;}
.z-tabbox-accordion .z-tabpanel .z-tab {
	background:#053002; 
	padding-left:27px;
}
/* for staff/my timesheet: there should be no collapse/expand icon */
div:not(.timesheet-section-tabbox).z-tabbox-accordion .z-tabpanel .z-tab:before {
	content: "\f04b" !important;
	
    font-family: FontAwesome  !important;
    left: 15px  !important;
    position:absolute  !important;
    color: #cfcfcf;
}
.z-tabbox-accordion .z-tabpanel .z-tab-selected {	
	padding-left:27px;
}
.z-tabbox-accordion .z-tabpanel .z-tab-selected:before {
    top: 2px  !important;
    -ms-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
}
/* #3578 - main menu now looks really flat - please use the attached colour with a slight gradient */
.z-menubar-horizontal {
	padding-top: 1px;
}
.z-menuitem-content {
	border-radius:0px;
	padding-top:2px;
}
.z-menu-clickable.z-menu:hover .z-menu-separator {
	display: none;
}
.z-menu-icon.z-icon-caret-down {
	margin-top: 2px;
}
.z-menu-content:hover, .z-menuitem-content:hover, .z-menu-content:active, .z-menuitem-content:active, .z-menu-content:focus, .z-menuitem-content:focus, .z-menu-separator
{ background: -webkit-linear-gradient(#797b7e, #26282b); border:1px solid #9fa1a3 !important; border-radius:3px;}
.z-menupopup{ background: -webkit-linear-gradient(#797b7e, #26282b);}

li.z-menu-selected .z-menu-content .z-menu-icon,
.z-menu-content:hover .z-menu-icon,.z-menuitem-content:hover .z-menu-icon,.z-menu-content:focus, .z-menuitem-content:focus .z-menu-icon,.z-menu-content:active .z-menu-icon, .z-menuitem-content:active,.z-tab-selected,.z-menu-content:active, .z-menuitem-content:active .z-menu-icon,
.z-menupopup-content .z-menu-hover .z-menu-icon { color:#ffffff !important;}
.z-menu-icon.z-icon-caret-right {
	margin-top: -2px !important;
}
.z-menubar{ border:none; background:  -webkit-linear-gradient(#797b7e, #26282b) !important;}
.z-menu-icon{ 
	top:0px;
	color:#a2a2a2;
}
.z-button, .z-button:focus{ box-shadow:none; text-shadow:none; color:#ffffff; border:none; background:#053002;margin-bottom: 2px;}
.z-button:hover{ background: #252d10; color:#ffffff; border:0px; box-shadow:none !important;}
.z-groupbox > .z-groupbox-header{ height:6px;}
.z-combobox-input, .z-bandbox-input, .z-datebox-input, .z-timebox-input, .z-spinner-input, .z-doublespinner-input{ height:24px !important; padding:5px !important; border: 1px solid rgb(146, 132, 132) !important;}
.z-combobox-button, .z-bandbox-button, .z-datebox-button, .z-timebox-button, .z-spinner-button, .z-doublespinner-button{ height:24px; padding:4px 2px 2px; border: 1px solid rgb(146, 132, 132) !important;  border-left: none !important;}
.z-combobox-button{ min-height:20px; text-align:center;}
.z-column-content{ padding:0px 5px 0px 12px; text-align: center;}
.z-column-content, .z-row-content, .z-group-content, .z-groupfoot-content, .z-footer-content{ line-height:22px;}

.width60 input{ width:40px !important;}

/* .z-button[disabled] { background: #000000 !important; }
.z-button[disabled]:hover{ background:#053002 !important; opacity:1;} */
.z-caption-content, .z-caption .z-label { font-size:12.5px; font-weight:600; color:#053002;}
select {
    width: 150px !important;
    padding: 3px;
    max-width: 200px;
    border-radius : 3px;
}
.pagingCombo {
	Width: auto !important;
	padding: 3px;
}
.pagingCombo.z-combobox input{width:33px !important;}
.mar_right_100{margin-right: 100px;background-color: white;}
.farm-window{ padding:0 31px 26px 31px; width:871px !important; min-width:871px; background: #053002; box-shadow: none !important; border: 0px !important; margin:0 auto; height: auto !important;}
.farm-window-small{ padding:0 31px 26px 31px; background: #053002; box-shadow: none !important; border: 0px !important; margin:0 auto; height: auto !important;}
.z-messagebox-window{ padding:0 31px 26px 31px; background: #053002; box-shadow: none !important; border: 0px !important; margin:0 auto; height: auto !important;}
.z-window-header{ margin-right: -25px; margin-top: 2px; font-family:arial; font-size:16.09px; font-weight:bold;margin-left: 6px;padding: 4px !important;color: white; }
.z-window-header .window-caption > .z-caption-content {
	width: 96%;
}
.z-window-header .window-caption > .z-caption-content,
.z-window-header .window-caption > .z-caption-content > span {
	color: #fff;
	font-family:arial;
	font-size:16.09px;
	font-weight:bold;
}
.z-window-header .z-window-icon{ border-radius:40px; height:20px; width:20px; background: #000 !important; color:#ffffff; border:0px;}
.z-window-close{ font-size:16px; line-height:20px;margin-right: 25px;margin-top: -3px;}
.z-window-content{ padding:0 20px 0px 20px !important;height: 100% !important;overflow: visible !important;}
/* for firefox only */
@-moz-document url-prefix() {
	.farm-login-window {
		width: 480px !important;
	}
	.farm-login-window-table {
		width: 100% !important;
	}
	/*** #3602 - Firefox - no dropdown's work ***/
	 .z-row:hover>.z-row-inner {
		position: inherit !important;
	}
}
.z-vlayout-inner{ padding-bottom:0px !important;}
.smalltable{ margin-left:5px !important;}
.mrgnlft18{ margin-left:-18px !important;}
.marlft13{ margin-left:-13px !important;}
.mrgnlft18plus{ margin-left:18px !important;}
.mar31{margin-left:-31px !important;}
.mar32{margin-left:-32px !important;}
.mar23{margin-left:-23px !important;}

.mrgnright15{ margin-right:15px;}
.farm-window .z-window-content,.farm-window .z-vlayout, .farm-window .z-hlayout{ overflow: visible;}
.farm-window-small .z-window-content,.farm-window-small .z-vlayout, .farm-window-small .z-hlayout{ overflow: visible;}
.z-messagebox-window .z-window-content,.z-messagebox-window .z-vlayout, .z-messagebox-window .z-hlayout{ overflow: visible;}
.z-toolbar{ overflow: visible;}
.savebtn, .enable-savebtn{ margin:25px -45px 10px !important;
    position: absolute;
    right: 0;}
.mrgntop20{ margin-top: -20px !important;}
.z-menubar-content{width: 100% !important;}
.farm-window .z-window-close{ font-size:16px; line-height:20px;margin-right: 0px!important;margin-top: 0px!important}
.farm-window-small .z-window-close{ font-size:16px; line-height:20px;margin-right: 0px!important;margin-top: 0px!important}
.z-messagebox-window .z-window-close{ font-size:16px; line-height:20px;margin-right: 0px!important;margin-top: 0px!important}
.pagebakgrnd{background: white;}
.z-paging{display: block !important;background: none}
.pagecombopos
{
	height: 30px !important;
margin-bottom: -32px;
float: left;
margin-left: 273px;
z-index: 100;
margin-top: 2px;
}
.z-messagebox-window{ box-shadow: none !important;background: #053002 !important;border: 0px !important;  border-radius: 15px; z-index: 9000 !important;}
.z-window{background:#053002 !important}
.settingpanel{background: #053002}
.z-tabbox-left .z-tab-selected{background: #252d10}

.hovernone a, .hovernone a:hover{ border:none;}
.z-vbox-separator{ height:0px;}
#grid.z-column-content, .z-row-content{ line-height:15px !important; padding:2px 4px; }
.inner_tblmrgntop th{ border: none !important; padding: 3px 0px !important;}
.inner_tblmrgntop th span{ color: #ffffff !important;  font-weight:bold !important}
.inner_table table{ width: 100%;}

.z-hbox.z-grid-body table{ width:100%;}
.z-row .z-row-inner, .z-row .z-cell{ border:0px;}

.z-paging ul{float: left;}
.searchcndtn{position: absolute !important; right:5px; bottom:5px;
bottom: 13px !important ;}
.ipaddlabel{margin-top: -20px;float: right;}
.loginwarninglabel{float: left;margin-left: 78px;color: red;}
.stockbtn{ font-weight:bold;}
.stockbtn.z-button[disabled],.stockbtn.z-button[disabled]:hover{  background:#053002 !important;}


.stockbtn:hover{ background:none !important;}
.fail { background: #c00; padding: 2px; color: #fff; }
.hidden { display: none !important;}
.staff_photo{width: 12% !important;}
.staff_admin{width: 30% !important;}
.z-temp, 
.z-modal-mask {
	opacity: 0.96 !important;
    background: #4d4b4b;
}
.z-grid-body{ width:auto !important;height:auto !important;}
.z-grid-header-border{border: none !important;}
.farm-caption-black{ color:#000000 !important; }
.farm-caption-black .z-caption-content{color:#000000 !important; }

.combosize {width: 62px !important;}
.combosize .z-combobox-input{width: 62px !important;}


.email-input-area{
	width: 759px !important;
}

 .email-body{
 margin-left: 17px;
 width: 747px !important;
 }
   
.send-email {
	 text-align: right ; 
	 background:white;
}

.flist-css{
	width:450px;
}

.pdf-button{
	margin-bottom:15px;
}

.contactus-box{
	 height: 156px !important;
}

.fileUpload {
	height: 100px;
}
.z-rowsorting-space{padding-left:8px; word-wrap: break-word !important; display:block;}
.staffgrpboxphoto{width: 45%!important;}
.staffgrpboxphoto .z-groupbox{width: 45%!important;}

.staffgrpboxadmin{ margin-left: -54%!important; width:100.4%!important}
.staffgrpboxadmin .z-groupbox{ margin-left: -54%!important; width:100.4%!important}

.staffgrpboxpersonal{ margin-left: -54%!important;  padding-left: 4% !important; width:154%!important}
.staffgrpboxpersonal .z-groupbox{ margin-left: -54%!important; padding-left: 4% !important; width:154%!important}
.stafflabel{  font-size: medium !important; font-weight: 700;  color: #053002;}
.pdfattachment{font-weight: 700;  color: black;   margin-left: -9px;}
.grpboxnoborder{border: none !important;padding-top: 0px !important; }
.grpboxnoborder .z-groupbox{border: none !important;padding-top: 0px !important;}
.grpboxnoborder .z-groupbox-content {border: none !important;padding-top: 0px !important; }
/* .staffPhoto{  margin-top: 4px; margin-left: 19px; width: 140px; height: 140px; margin-bottom: -40px;} */
.staffPhotoImageDiv {
	width: 145px;
    height: 145px;
    margin-left: 18px;
}
.staffPhoto{
	/* background: rgba(0, 0, 0, 0) none repeat scroll 0 0; */
    max-width: 145px;
    max-height: 145px;
}
/* .farm-caption-black.z-caption-content{ font-size:12.5px !important; font-weight:600 !important; color:#0000 !important;} */
/* .z-paging-button[disabled] .z-paging-icon, .z-paging-button[disabled] .z-paging-icon:hover .potatobrandbtn
{ color:#fff;} */



.po-subtotal .z-groupbox-content{
	 border: 0px!important;
}

.po-textbox{margin-left:15px; width: 100px; text-align:right;}
.po-numberlabel{width:116px;text-align:right;}
.po-vat-combosize{text-align:right;}
.z-grid-odd>.z-row-inner, .z-grid-odd>.z-cell {
background: #ffffff;
}
.z-row{
background: #dddada !important;
}

.po-mrgn-left{margin-left:10px !important;}

.po-background{background: #ffffff !important;}
}
.intboxwidth
{
	width: 150px;
}

.po-subtotal .z-groupbox-content{ border: 0px!important;}
.z-grid-odd>.z-row-inner, .z-grid-odd>.z-cell {background: #ffffff;}
.z-row, .tr-background-grey > td {background: #dddada !important;}
.intboxwidth{	width: 150px;}
.collectionTotalLabel{  float: right;  margin-right: 53px;  background: white !important;  text-align: left;  margin-top: 8px;}
.z-messagebox{padding-top: 5% !important;}
.z-messagebox-icon{padding-top: 10% !important;}

.columndata-align {color:#000000; display: block;text-align: center !important; word-wrap: break-word; border: none;  overflow: visible;}

.z-textbox, .z-decimalbox, .z-intbox, .z-longbox, .z-doublebox {border: 1px solid rgb(146, 132, 132) !important;}
.z-paging-input {border: 1px solid rgb(146, 132, 132) !important;}
.combooverflow{overflow: auto ;}
.combooverflow .z-combobox-popup { overflow: auto ;}
.h_wstyle{height: 100% !important;}
.g_height{height: auto !important; }
.g_height .z-grid-body{height: auto !important; }

:: -webkit-scrollbar {
    width: 0px;
    border: 1px solid black;
  
} 


.mar-top5{margin-top: 5px;}
.grid_overflow_hidden{overflow: hidden !important;}
.grid_overflow_hidden .z-grid-body{overflow: hidden !important;}
.width100{width: 100% !important;}
.grid_overflow_hidden .z-grid-body{overflow: hidden !important;}
.rightalign{float : right !important;}
.z-initing{background: #4d4b4b !important}
.disabledMainContent{  z-index: 1900}
.enabledMainContent{z-index: 1900}
.mainFont{font-family: arial !important;font-size: 16.09px !important;font-weight: bold !important;}
.z-hbox{ margin-right: inherit !important;}
.timesheet-section .submit-button, .confirmation-button, .z-messagebox-window .z-button, .z-messagebox-window  .z-button:hover, .z-messagebox-window  .z-button:focus, .z-messagebox-window .z-button[disabled]:hover, .z-messagebox-window .z-button[disabled],
.view-timesheet-section .submit-button {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b9babd+0,2a2c30+67,1b1d1e+100 */
background: #b9babd; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I5YmFiZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iIzJhMmMzMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYjFkMWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
background: -moz-linear-gradient(top,  #b9babd 0%, #2a2c30 67%, #1b1d1e 100%) !important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b9babd), color-stop(67%,#2a2c30), color-stop(100%,#1b1d1e)) !important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b9babd 0%,#2a2c30 67%,#1b1d1e 100%) !important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b9babd 0%,#2a2c30 67%,#1b1d1e 100%) !important; /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b9babd 0%,#2a2c30 67%,#1b1d1e 100%) !important; /* IE10+ */
background: linear-gradient(to bottom,  #b9babd 0%,#2a2c30 67%,#1b1d1e 100%) !important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9babd', endColorstr='#1b1d1e',GradientType=0 ) !important; /* IE6-8 */
	
border-radius: 4px !important; border:1px solid #676a6d !important; font-size:12px; font-family:Arial !important; font-weight:bold;   height: 19px !important;
  padding-top: 0px !important; padding-bottom: 0px !important; min-height: inherit; }
  
.buttonstyle{background: #b9babd; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I5YmFiZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iIzJhMmMzMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYjFkMWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
background: -moz-linear-gradient(top,  #b9babd 0%, #2a2c30 67%, #1b1d1e 100%) !important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b9babd), color-stop(67%,#2a2c30), color-stop(100%,#1b1d1e)) !important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b9babd 0%,#2a2c30 67%,#1b1d1e 100%) !important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b9babd 0%,#2a2c30 67%,#1b1d1e 100%) !important; /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b9babd 0%,#2a2c30 67%,#1b1d1e 100%) !important; /* IE10+ */
background: linear-gradient(to bottom,  #b9babd 0%,#2a2c30 67%,#1b1d1e 100%) !important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9babd', endColorstr='#1b1d1e',GradientType=0 ) !important; /* IE6-8 */
	
border-radius: 4px !important; border:1px solid #676a6d !important; font-size:12px; font-family:Arial !important; font-weight:bold;   height: 19px !important;
  padding-top: 0px !important; padding-bottom: 0px !important; min-height: inherit; }
  
  .buttonstyle .z-messagebox-window .z-button, .z-messagebox-window  .z-button:hover, .z-messagebox-window  .z-button:focus, .z-messagebox-window .z-button[disabled]:hover, .z-messagebox-window .z-button[disabled]{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b9babd+0,2a2c30+67,1b1d1e+100 */
background: #b9babd; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I5YmFiZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iIzJhMmMzMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYjFkMWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
background: -moz-linear-gradient(top,  #b9babd 0%, #2a2c30 67%, #1b1d1e 100%) !important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b9babd), color-stop(67%,#2a2c30), color-stop(100%,#1b1d1e)) !important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b9babd 0%,#2a2c30 67%,#1b1d1e 100%) !important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b9babd 0%,#2a2c30 67%,#1b1d1e 100%) !important; /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b9babd 0%,#2a2c30 67%,#1b1d1e 100%) !important; /* IE10+ */
background: linear-gradient(to bottom,  #b9babd 0%,#2a2c30 67%,#1b1d1e 100%) !important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9babd', endColorstr='#1b1d1e',GradientType=0 ) !important; /* IE6-8 */
	
border-radius: 4px !important; border:1px solid #676a6d !important; font-size:12px; font-family:Arial !important; font-weight:bold;   height: 19px !important;
  padding-top: 0px !important; padding-bottom: 0px !important; min-height: inherit; }

@media all and (max-width:1300px){
.z-datebox-input,.z-combobox-input{ width:100px !important;}
}
.z-messagebox-window {width: auto !important; max-width: 100% !important;}
.center-align{margin-left: auto; margin-right: auto; text-align: center; vertical-align: middle;}
.combosize{    width: 47px !important;}
.combosize .z-combobox-input{  width: 47px !important;}
.mar-left5{margin-left: 5px !important;}
.mar-lef-4{margin-left: -4px !important;}
.z-messagebox .z-label {
    font-family: Arial,Sans-serif;
    font-size: 12px;
    color: #363636;
    /* font-weight: bold; */
}
.font-arial-sans-serif {
	font-family: Arial,Sans-serif;
}
/* For General setting button  */
span.z-upload input {clip: rect(auto auto auto auto) !important;}
/* For General setting button Ends */
.grpbox-marleft-10{margin-left: -9px !important;}
/* Set for on button click border and style comes  */
/* .z-toolbarbutton:active {
    background: hsla(0, 0%, 0%, 0) none repeat scroll 0 0;
    border: medium none;
    box-shadow: none;
}
.z-toolbarbutton[disabled] {
    background: hsla(0, 0%, 0%, 0) none repeat scroll 0 0;
    border: medium none;
    box-shadow: none;
} */
/* Set for on button click border and style comes  ends*/
/* .z-combobox-popup 
{
    top: 0px !important;
} */
.z-messagebox-window {
	top: 10%;
    width: 500px !important;
}
.z-messagebox-window .z-messagebox.z-div {
    text-align: center;
}
.farm-window.z-window.z-window-modal.z-window-shadow {
	top: 10% !important;
}
.z-tabbox-accordion .z-tabpanel>.z-tabpanel-content .z-grid,
.z-tabbox-accordion .z-tabpanel>.z-tabpanel-content,
.z-tabpanel-content .z-div,
.z-tabpanel-content .z-vlayout,
.z-tabpanel-content .z-vlayout .z-vbox {
	height: auto !important;
}
.z-hlayout-inner {
	white-space: initial;
}
.z-selectbox {
	width: 150px;
	height: 24px;

}
.z-column-sort .z-column-content, .z-row-content{
	width: 100%;
}
.width-70 {
	width: 70px !important;
}
.listbox-border {
	border: 1px solid rgb(146, 132, 132);
}
.checkbox-row-height {
	height: 28px;
}
.hover {
    border: 1px dashed;
    margin: 10px;
    width: 99% !important;
}
/**** FS#823 - 3rd comment issue solution start ****/
.z-hlayout { 
	overflow: visible;
}
/**** FS#823 - 3rd comment issue solution end ****/
.z-popup-content, .z-tooltiptext-content {
	color: #fff;
	background-color: rgb(87, 25, 136);
}
.z-popup-content .columndata-align {
	color: #fff !important;
}
.z-column-content {
	text-align: left;
}
.columndata-align {
	text-align: left !important;
}
.columndata-align .z-toolbarbutton-content img {
	margin-left: -5px;
}
.color-black {
	color:#000000;
}
/* THIS CSS IS FOR CRUMBTRAIL: START */
.crumbtrail {
	background: #fff;
	padding: 0px 8px 2px;
	margin-top: -1px;
	border-bottom: 1px solid black;
}
/* .crumbtrail-tab {
	margin-top: 33px;
    position: absolute;
    z-index: 100;
    width: 100%;
    background: #252d10;
	padding: 3px 6px 3px;
	border-bottom: 1px solid black;
} */
.crumbtrail-font {
	color: #000;
	font-weight: normal;
    font-size: 10px;
}
/* THIS CSS IS FOR CRUMBTRAIL: END */
/**** 1182 - Sale Records - Finance Section - the numbers should be next to the Ł sign */
.finance-section .price-symbol {
	padding-left: 3px;
	line-height: 18px;
}
.finance-section .zero-padding-left,
.finance-section td:nth-child(4) .z-row-content,
.finance-section td:nth-child(8) .z-row-content {
 	padding-left:0px;
}
/**** 1224 - Search Payments / Purchase Register - filter section */
.no-cell-background,
.no-cell-background:hover {
	background: white !important;
}
/**** 1224 - Search Payments / Purchase Register - filter section */
.disable-click-event {
	pointer-events: none;
}
input[disabled], .z-textbox[disabled] {
	opacity: 1 !important;
	cursor: not-allowed;
}
.container {
	width: 1250px;
    margin: 0 auto;
    background: #FFFFFF;
    min-height: 720px;
    position: relative;
}
.inner-container-padding {
	padding-right: 5px;
    padding-left: 5px;
}
.display-flex > div:first-of-type {
	width: 80%;
}
.sale-filter-box,
.sale-filter-box .z-groupbox-content,
.returns-filter-box,
.returns-filter-box .z-groupbox-content,
.auto-height-filter-box tr,
.height-auto,
.timesheet-task-section,
.timesheet-task-section .z-groupbox-content{
	height: auto !important;
}
.box-padding > div:first-of-type {
	padding-right: 0px !important;
}
.sale-popup-credit-alert .z-messagebox > .z-label {
	color : red;
}

.calendar-section > div:first-of-type .z-column-content {
	padding: 0px;
}

.calendar-heading-label {
	font-weight: bold;
	width:100%;
	display:block;
	float:left;
	text-align:center;
}
/**** css for My Leave Tab -  Staff Lable ****/
.calendar-section .z-grid-header .inner_table:first-of-type .calendar-heading-label {
	text-align: left;
	margin-left: -2px;
}
.common-calendar-section .z-grid-header .inner_table:first-of-type .calendar-heading-label {
	text-align: left;
	margin-left: -1px;
}
.menu-calendar-section .z-grid-header .inner_table:first-of-type .calendar-heading-label {
	text-align: left;
}
.calendar-page .inner-container-padding,
.prev-button-toolbar.z-toolbar,
.prev-button-toolbar.z-toolbar .prev-day-btn.z-toolbarbutton .z-toolbarbutton-content,
.next-button-toolbar.z-toolbar,
.next-button-toolbar.z-toolbar .next-day-btn.z-toolbarbutton .z-toolbarbutton-content,
.z-paging {
	padding-right: 0px;
    padding-left: 0px;
}
.z-paging-info {
	right: 0px;
}
.full-height > div:first-of-type {
	height: 100% !important;
} 
.auto-height-section {
	height: auto !important;
}
.z-row-content, .z-column-content {
	padding-left: 0px;
	padding-right: 0px;
}
.z-grid-body tr > td:first-of-type .z-row-content,
.z-grid-header tr > th:first-of-type .z-column-content {
	padding-left: 3px !important;
}
.farm-form-grid-row .z-row-content {
	padding: 2px 4px;
}
/**** popup possition in center ****/
/* 
body {
	position: relative;
}
.z-window-modal, .z-messagebox-window  {
	left: 50% !important;
	transform: translate(-50%, 0);
} 
*/
/**** popup possition in center end ****/
.visibility-hidden {
	visibility: hidden;
}
.visibility-visible {
	visibility: visible !important;
}
.columndata-align.z-toolbarbutton {
	margin: 0 3px;
}
.display-none-class,
.read-only-section:not(.parent-window) .create-icon,
.read-only-section:not(.parent-window) .edit-icon,
.read-only-section .required-label,
.read-only-section .read-only-sub-section .required-label {
	display: none;
}
.read-only-section .enable-create-icon {
	display: block;
	margin-bottom: -10px !important;
}
.collectionTotalLabel.collectionTotalLabel-margin {
	margin-right: 0px;
}
.hlayout-width-49 {
	width: 49.4% !important;
}
/**** 1311 - There are still lines remaining ****/
/*
table {
    border-collapse: collapse !important;
    border-spacing:0;
}
table td, table th {
    border-collapse: collapse !important;
    
}
*/
/* #3537 - page table headers should be green: START */
tr.z-columns,
.z-column {
	background: #053002 !important;
}
/* header should be black for popup */
div.z-window-modal tr.z-columns,
div.z-window-modal .z-column,
.timesheet-section-tabbox tr.z-columns,
.timesheet-section-tabbox .z-column,
.staff-leave-grid tr.z-columns,
.staff-leave-grid .z-column {
	background: #000 !important;
}
/* #3537 - page table headers (not popup) should be green: END */
.note-section-caption,
.tabpanel-content-caption {
	top: -11px;
}
/**** 1408 - Transfer Stock - Stage 2 : changes ****/
.stock-transfer-label > div:first-of-type {
	padding-right: 2px !important;
}
.z-caption .stock-caption-text .z-label {
	font-weight: normal;
  	color: #000000 !important;
}
.z-caption .stock-caption-text-here .z-label,
.cursor-pointer-class {
	cursor: pointer !important;
	color: #000000 !important;
}
/**** 1408 - Transfer Stock - Stage 2 : changes End ****/

.prev-button-toolbar.z-toolbar .prev-day-btn.z-toolbarbutton,
.next-button-toolbar.z-toolbar .next-day-btn.z-toolbarbutton{
	margin-left: 0px;
	margin-right: 0px;
}
body > #zk_proc {
	top:0;
	bottom:0;
	left: 0;
	right: 0;
	z-index: 100000;
	pointer-events : none;
	cursor: wait;
}
/*
.z-grid-body table, .z-grid-body tr{
	border-spacing: 0px !important;
    border-color: transparent;
    border: 0;
    border-collapse: collapse !important;
}
.z-grid-body tr.z-row.z-grid-odd:not(.farm-form-grid-row) {
	background: #dddddd !important;
}
.z-grid-body tr.z-row.z-grid-odd:not(.farm-form-grid-row) td{
	background: #dddddd !important;
}
*/
.enableEmailCheckbox input[type="checkbox"] {
	margin-left: 4px;
}
.farm-form-grid-row.staff-leave-submit-button .z-row-content {
	padding-right: 0px;
}
.farm-form-grid-row.staff-leave-submit-button .z-hlayout-inner {
	float: right;
}
/********** To display collection status values in center ****/
.collection-tooltip,
.return-tooltip {
	text-align: center !important;
}
.margin-top-12 {
	margin-top: -12px !important;
}
.z-ckeditor textarea {
	display: none !important;
}
.overload-icon {
	margin-top: -3px;
}

/* 1549 - Receive Stock, Transfer Stock - the Stages bar should be black, not green */
.background-black td.z-row-inner,
.background-black .stockbtn.z-button[disabled],
.background-black .z-button {
	background: black !important;
    font-weight: bold;
}
.margin-left-11 {
	margin-left: 11px;
}
.clientpayment-payment-amount {
	margin-left: -5px;
}
.query-status-listbox-width {
	width: 68px !important;
}
.add-toolbarbutton-hlayout {
	min-height: 25px;
	text-align: right;
}
.farm-window.z-window-not-movable .z-window-header.z-window-header-move {
	cursor: auto;
}
.calculate-window-instruction-label {
	margin-left: 3px;
}
.read-only-section .due-return-hlayout {
	width: 50% !important;
}
.calculate-window .z-window-content {
	padding-left: 15px !important;
    padding-right: 9px !important;
}
.timesheet-popup-window .z-window-content {
	padding-left: 0px !important;
}
.timesheet-popup-window .z-window-content .savebtn {
	margin-right: -50px !important;
}
/* firefox only */
@-moz-document url-prefix() {
	.currency-hlayout > .z-hlayout-inner {
	    vertical-align: -moz-middle-with-baseline;
	}
	.fourth-screen-vbox table:first-child {
		width: 100%;
	}
	select:disabled {
		text-indent: -2px;
		-moz-appearance: none;
    	text-overflow: "";
	}
}
.listbox-width-50 {
	width: 50px !important;
}
.listbox-width-60 {
	width: 60px !important;
}
/* FS#1686 - Collection: Loaded section: when many fields appears with package change then some fields get hidden */
.originalsale-loaded-section .z-hlayout-inner, 
.originalsale-loaded-section .z-groupbox,
.originalsale-loaded-section .z-groupbox-content {
	height: 100% !important;
}
/* FS#1686 End */
.po-delivery-textbox {
	width: 171px;
	text-align: right;
	margin-top: 2px;
}
.margin-top-10 {
	margin-top: 10px;
}
.z-timebox.z-timebox-disabled .z-timebox-button {
	display: none;
}
/* #1712 - firefox : sale popup layout issue: overriding width of fake column in grid especially for FIREFOX */
col[id$="faker-bar"] {
	width: 0 !important;
}
.text-align-right {
	text-align: right;
}
.modalStaffLeaveProcessDialog .z-datebox-input, .modalEventDialog .z-datebox-input {
	width: 74px !important;
}
.modalStaffLeaveProcessDialog, .modalStaffLeaveViewDialog {
	width: 950px !important;
}
/* My Details Page css */
.my-details-container .my-details-save-button {
	margin-right: -7px;
}
.my-details-container .my-details-top-groupbox {
	padding-top: 6px;
}
.my-details-container .full-width-class.z-hlayout .z-hlayout-inner {
	width: 70%;
}
.my-details-container .full-width-class.z-hlayout .z-hlayout-inner input {
	width: 100%;
}
/* End My Details Page css */
.padding-5 {
	padding: 5px;
}
.min-height-173 {
	min-height: 173px;
}
.padding-top-5 {
	padding-top: 5px;
}
.padding-left-5 {
	padding-left: 5px;
}
.padding-right-5 {
	padding-right: 5px;
}
.padding-right-3 {
	padding-right: 3px;
}
.padding-left-right-5 {
	padding-left: 5px;
    padding-right: 5px;
}
.padding-left-right-4 {
	padding-left: 4px;
    padding-right: 4px;
}
.popup-pointer {
	cursor: pointer;
}
.cursor-default {
	cursor: default;
}
/* #1763 - message windows : Text no longer appears in middle: START */
div.z-messagebox-window > .z-window-content table:first-of-type {
	margin: 0 auto !important;
}
/* END */
.line-height-18 {
	line-height: 18px;
	padding-right: 1px;
}
.currency-hlayout > div {
	padding-right: 0px !important;
}
.currency-hlayout > .z-hlayout-inner {
    vertical-align: -webkit-baseline-middle;
}
.negative-value > .z-hlayout-inner {
	right: 4px;
}
.currency-hlayout-sign {
	padding-top: 3px;
	margin-left: 0px;
}
/* firefox only : 200% zoom */
@media (max-width: 699px) and (min-width: 520px) {
	@-moz-document url-prefix() {
		.currency-hlayout-sign {
			padding-top: 2.5px;
		}
		.z-messagebox-window {
			width: 350px !important;
		}
		.currency-sign-ff {
			margin-top: -1px;
		}
	}
}
.width-100 {
	width: 100px;
}
.tons-label {
    margin-top: 5px;
}
.width-109 {
	width: 109px;
}
.color-red,
.tr-color-red td span {
	color: red !important;
}
.color-green {
	color: green !important;
}
.color-dark-green {
	color: #053002;
}
.color-white {
	color: white !important;
}
.financial-tbody .farm-form-grid-row.z-row td:last-child .z-row-content {
	padding-left: 10px;
}
.financial-tbody .farm-form-grid-row.z-row.currency-sign-doublebox td:last-child .z-row-content {
	padding-left: 2px;
}
.financial-tbody .farm-form-grid-row.z-row.currency-sign-label td:last-child .z-row-content {
	padding-left: 6px;
}
/********** To disable datebox ************/
.datebox-disable {
	margin-top: 2px !important;
    margin-right: -12px !important;
}
.purchase-order-section-row.z-row td:last-child .z-row-content {
	text-align: left;
}
.padding-top-5 {
	padding-top: 5px;
}
.z-popup.z-popup-open .z-popup-content .z-rowsorting-space.z-label {
	padding-left: 0px;
}
.purchase-register-section-row.z-row td:last-child .z-row-content {
	text-align: right;
}
.margin-right-10 {
	margin-right: 10px;
}
.text-align-center .z-column-content {
	text-align: center;
}
/* 1571 :- URL field replaced with link instead readonly input */
.content-url-label {
	cursor: pointer;
}
.query-tooltip-box {
	max-width: 250px;
}
.minimum-stockrow td, .minimum-stockrow .z-row-content {
    overflow: visible !important;
}
/******* #1985 - Leave popup : dropdown not vertically aligned ******/
/******* css for safari 7+ ******/
_::-webkit-full-page-media, _:future, :root .z-datebox {
	min-height: 19px;
}
_::-webkit-full-page-media, _:future, :root .z-datebox-input {
	height: 19px !important;
}
_::-webkit-full-page-media, _:future, :root .z-datebox-button {
	height: 19px;
	padding: 1px 2px 2px;
}
/******* #1985 End ******/
/******* #1573 - dropdowns : top margin fixes ******/
_::-webkit-full-page-media, _:future, :root .safari-margin-top-1 {
	margin-top: 1px;
}
 _::-webkit-full-page-media, _:future, :root .ref-text-box {
	min-height: 19px;
	height: 19px !important;
}
/******* #1573 End ******/
/* #2022 - email popup issues: To label, cc label, pdf icon, pdf name label, send icon : middle align */  
.to-hlayout > div,
.cc-hlayout > div {
	vertical-align: middle;
}
.pdfattachment-hlayout > div:first-child {
	padding-right: 0px !important;
}
.pdfattachment-hlayout > div:last-child {
	margin-top: 5px;
}
.padding-left-0 {
	padding-left: 0px;
}
.upload-send-email {
	background:#ffffff !important;
	padding-right: 5px;
}
/***** #2022 END *****/
/* Form/Policy: removed space below save icon */
.width-350 {
	width: 350px;
}
.save-button-toolbar {
	margin-right: 0px;
}
.save-button-toolbar > span {
	padding-right: 0px;
}
.clear-pading-bottom-right {
	padding-bottom: 0px;
    padding-right: 0px;
}
.padding-top-6 {
	padding-top: 6px;
}
/* END */
/******* 2017 - Settings > Templates - category-wise layout changes *******/
.email-template-tab .z-tabbox-accordion .z-tabpanel>.z-tabpanel-content {
	height: 385px !important;
}
.email-template-tab .z-tabbox-accordion .z-tabpanel>.z-tabpanel-content .z-vbox .z-vlayout {
    max-height: 100%;
}
/******* #2018 - Icons: 25 X 25 display as 16 X 16 ******/
.farm-icon img {
	max-width: 16px;
    max-height: 16px;
    width: auto;
    height: auto;
}
/******* #2018 - End ******/
.padding-bottom-10 {
	padding-bottom: 10px;
}
.min-height-100 {
	min-height: 100px !important;
}
i.z-menu-icon.z-icon-caret-right {
    margin-top: -4px;
}
.padding-bottom-23 {
	padding-bottom: 23px;
}
/* 2063 - Forms - added new section Introductory Text - above Fields */
.ckeditor-hlayout > .z-hlayout-inner {
	width: 100%;
}
/** FS#2032 - Documents section : New Document popup **/
.z-valign-min-width {
	width : 100px
}
.upload-file-control-section > .z-vlayout-inner{
	float: left;
}
.upload-file-control-section >  .z-vlayout-inner .farm-label{
    padding: 5px;
    float: left;
    font-weight: normal;
}
.select-document-button:focus,
.select-document-button:hover,
.select-document-button {
	background: url(../image/icn_choosefile.png) no-repeat;
    margin-right: 50px;
    width: 100%;
    border: 0px;
    border: none;
}
/** FS#2032 - Documents section : New Document popup END **/
.red .columndata-align.z-label {
	color : red;
}
/**
	FS#2105 - Jquery mobile js lib adds loading text at left bottom side  
	http://stackoverflow.com/questions/8313462/jquery-mobile-appends-loading-heading-to-page
**/
.ui-loading .ui-loader { display: block; }
.ui-loader { display: none; position: absolute; opacity: .85; z-index: 100; left: 50%; width: 200px; margin-left: -130px; margin-top: -35px; padding: 10px 30px; }

/**
	FS#2109 - form popup : visibility of next, prev buttons
**/
.disabled-img-button {
	pointer-events:none;
	opacity: 0.4;
}
/* 2072 - Policy Document : Staff Acceptance section :- 3 collapsible section */
.staff-col-width,
.farm-form-grid.staff-acceptance-grid.z-row > td:first-child {
	width: 68%;
}
.dateAccepted-col-width {
	width: 32%;
}
/**
FS#2118 - View Leave Event - - calendar should show the month (i.e. October - November 2016)
**/
.common-calendar-title {
	background: #053002;
    padding: 2px 4px;
    width: 99.75%;
    height: 24px;
    color: white;
    margin-left: 1px;
    margin-bottom: 2px;
}
.common-calendar-title .z-label,
.font-weight-bolder {
	font-weight: bolder;
}
.common-calendar-section {
	width : 100% !important;
}
.depot-select-box {
	padding-left : 5px;
}
.depot-admin-grid.z-row {
    background-color: #fff !important;
}
.padding-right-35 {
	padding-right: 35px !important;
}
.padding-right-10 {
	padding-right: 10px !important;
}
.pull-left {
	float: left;
}
.visibility-hidden {
	visibility: hidden;
}
.document-save-btn .savebtn{
	    margin: -1px -43px 10px !important
}
/*** FS#2187 - Document record : File Upload (additional) **/
.featured-upload-section,
.doc-upload-section.z-iframe.hover {
	margin : 0;
}
.featured-upload-section, .featured-upload-section > td,
.doc-upload-section, .doc-upload-section > td {
	width: 100%;
	float: left;
}
.featured-upload-section.z-groupbox,
.doc-upload-section.z-groupbox {
	padding-top: 0;
}
.featured-upload-section .z-groupbox-content,
.doc-upload-section .z-groupbox-content {
	border: 0;
    margin-top: -8px;
    margin-left: -5px;
}
.featured-upload-section > .z-hlayout-inner {
	width: 100%;
}
.featured-upload-section .z-groupbox>.z-groupbox-header .z-caption .z-caption-content{
	color: #000;
}
.featured-upload-section .z-groupbox>.z-groupbox-header .z-caption {
	margin-left: 15px;
}
.featured-upload-section .z-groupbox-header {
	border: 0;
}
.featured-upload-section .z-groupbox-content {
	padding-left: 27px;
    border: 0;
}
/* 2226 - safari > View Note popup : textarea width should be large */
.note-description-hlayout > div.z-hlayout-inner,
.document-description-hlayout > div.z-hlayout-inner:last-child {
	width: 100%;
}
.featured-upload-section-groupbox .z-groupbox-content{
	margin-top: -3px;
}
.margin-top-14 {
	margin-top: 14px;
}

/***************** Staff Timesheet Tab *****************/
.timesheet-section .z-tabbox-accordion .z-tabpanel .z-tab,
.timesheet-section .z-tabbox-accordion .z-tabpanel .z-tab-selected{ 
	background: #053002; 
	padding-left:0px;
}
.timesheet-section .z-tabpanel {
	margin-top: 3px;
    margin-bottom: 3px;
}
.timesheet-section .z-tabpanel-content {
	min-height: 25px;
} 
.timesheet-section .z-tabbox-accordion>.z-tabpanels {
	border-top: none;
}
.timesheet-section .z-hlayout-inner,
.timesheet-section-div,
.timesheet-section-tabbox {
	height: auto !important;
}
.timesheet-filter-box .z-hlayout-inner:last-child{
	float: right;
}
.timesheet-section .z-tabpanel .z-tab {
    height: 24px;
}
.timesheet-section .z-tab-text {
    line-height: 16px !important;
}
.timesheet-section.my-timesheet-section-tab .z-tabpanel-content .z-toolbarbutton {
	position: absolute;
    margin-top: -30px;
    right: 5px;	
}
.timesheet-section.my-timesheet-section-tab .z-tab-content .z-tab-text img {
	float: right;
}
.timesheet-section.my-timesheet-section-tab .add-button .z-toolbarbutton-content img {
	width: 14px;
    height: 14px;
}
.timesheet-section.my-timesheet-section-tab .submit-button {	
    right: 25px !important;
    margin-top: -27px !important;
    height: 20px !important;
    min-height: 20px !important;
}
.timesheet-section.my-timesheet-section-tab .submit-button .z-toolbarbutton-content,
.view-timesheet-section .submit-button .z-toolbarbutton-content {
    font-size: 12px;
    color: #ffffff;
    text-shadow: none;
    padding: 3px 12px;
    line-height: 14px;
	cursor: pointer;
}

/* #2295 - Staff Forms / Policy Documents - Start Date - please add - (blank) options */
.form-scheduling-notifications .z-hlayout-inner,
.form-scheduling-notifications .z-groupbox-content,
.form-scheduling-notifications .z-hlayout-inner .form-scheduling-notifications-groupbox,
.policy-scheduling-notifications .z-hlayout-inner,
.policy-scheduling-notifications .z-groupbox-content,
.policy-scheduling-notifications .z-hlayout-inner .policy-scheduling-notifications-groupbox {
	height: auto !important;
}

/* Common CSS */
.deletebtn {
	margin: 53px -37px 10px !important;
    position: absolute;
    left: 0;
}

/* Timesheet : Add Event popup */
.end-label {
	margin-top: 4px;
}
.top-align-label .z-row-inner {
	vertical-align: top !important;
}
.staff-timesheet-csv-icon {
	float: right;
    margin-top: -30px;	
}
.vertical-align-div {
	padding: 2px 4px;
}
.padding-top-2 {
	padding-top: 2px;
}
/* Timesheet week tab */
.calendar-timesheet-title,
.fc-header-title > h2 {
	font-weight: bold;
    font-size: 16px;
    float: right;
    font-family: Arial,Sans-serif;	
}
/* full-calendar: START */
.fc-toolbar .fc-right{
	margin-right : 20px;
}
.fc-widget-content,
.fc-agenda-axis.fc-widget-header,
tr.fc-first.fc-last td.fc-today div.fc-day-content {
	background: none !important;
}
.fc-widget-header{
	background: #DDDDDD;
	font-weight: normal;
}
/*
tr.fc-first.fc-last > th.fc-agenda-axis.fc-widget-header.fc-first {
	background: #DDDDDD !important;
}
*/
.fc-today .fc-day-content {
	min-height: 15px !important;
	background: #40b97e;
}
.fc-minor,
.fc-slats tr td:first-child,
.fc-first.fc-last > th.fc-widget-header {
	font-weight: bold;	
}
td.fc-axis.fc-time.fc-widget-content {
	border: none;
}
tr.fc-minor > td.fc-axis.fc-time.fc-widget-content,
tr.fc-minor > td.fc-widget-content,
.fc-agenda-slots tr.fc-minor th,
.fc-agenda-slots tr.fc-minor td,
.fc-agenda-slots th {
	border-top-style: none !important;
	border-top: none;
}
.fc-row.fc-widget-header,
.fc-first.fc-last {
	height: 30px;
}
.fc-row.fc-widget-header th span,
.fc-agenda-axis .fc-widget-header,
.fc-agenda-slots .fc-widget-header {
	font-weight: bold !important;	
}
div[class^="my-timesheet-include"],
div[class^="view-timesheet-include"],
.fc-first.fc-last > th.fc-widget-header,
.fc-agenda-slots th.fc-agenda-axis.fc-widget-header {
	font-family: Arial,Sans-serif;
	font-size: 12px;
}
div[class^="my-timesheet-include"] div.z-hlayout-inner,
div[class^="view-timesheet-include"] div.z-hlayout-inner {
	padding-right: 0px !important;
}
.timesheet-section .fc-day-grid-event .fc-content {
	white-space: normal;
}
.fc-right {
	display: none;
}
.fc-time-grid-event {
	border-width: 3px !important;
}
.fc-time-grid-event.fc-short .fc-time span {
	display: inline !important;
}
.fc-time-grid-event.fc-short .fc-time:before {
	content: none !important;
}
.fc-event .fc-bg {
	opacity: 0 !important;
}
.my-timesheet-section-tab .fc-view-container .fc-content .fc-time {
	display: none !important;
}
.fc-ltr .fc-time-grid .fc-event-container {
	margin: 0px !important;
}
.fc-event {
	border-radius: 0px !important;
}
.fc-bgevent {
	opacity: 0.7 !important;
	color: #ffffff;
	font-size: .85em;
	padding: 2px;
	cursor: default !important;
}
/* full-calendar: END */
.margin-top-2 {
	margin-top: 2px;
}
.width-25 {
	width: 25px !important;
}
.timesheet-event-start-date-row td:last-child > div.z-row-content {
	padding: 0px;
	margin-left: -2px;
}
.my-timesheet-end-hour-minute-hlayout {
	margin-left: -12px;
}
.submit-button.z-toolbarbutton > span {
	font-weight: bold;
}
.my-timesheet-my-hours-div-section .my-timesheet-my-hours,
.my-timesheet-my-hours-div-section .my-timesheet-approved {
	font-weight: bold;
}
/* #3230 - timesheet event : foot */
.my-timesheet-legend-container {
}
.margin-bottom-10 {
	margin-bottom: 10px;
}
.timesheet-task-create-button {
	padding: 0px!important;
}
/* Setting Menu all inner sub-tabs : START */
.z-tabbox-left .z-tabs-content {
    height: auto;
    border-right: none;
}
.inner-tab-setting .z-tabs-content {
    border-bottom: none;
}
.inner-tab-setting .z-tabpanels {
    border: 1px solid #cfcfcf !important;
}
/* Setting Menu all inner sub-tabs : END */
.font-bold *,
.font-weight-bold {
	font-weight: bold;
}
.my-timesheet-accordian .z-tab-content .z-tab-text {
	display: inline-block;
} 
.my-timesheet-accordian .approved-submitted-accordian-span {
	line-height: 16px;
	padding: 3px 5px 3px 8px;
	float: right;
}
.view-timesheet-add-event-icon {
	margin-right: -5px;	
}
_::-webkit-full-page-media, _:future, :root .timesheet-filter-button-safari {
	margin-top: 0px !important;
}
/* Manage Bag Stock  Table */
.bag-stock-table .z-textbox.z-textbox-disabled {
	padding-right: 0px;
}
.only-stock-label .z-hlayout-inner:nth-child(2) {
	margin-top: -4px;
}
.only-stock-label .z-hlayout-inner:nth-child(2) .z-intbox.z-intbox-disabled {
	font-weight: bold;
}
.previous-next-buttonbar .next-button,
.previous-next-buttonbar .previous-button,
.full-size-button {
	width: 95px!important;
    text-align: center!important;
}
.previous-next-buttonbar .next-button .z-toolbarbutton-content,
.previous-next-buttonbar .previous-button .z-toolbarbutton-content,
.filterbtn .z-toolbarbutton-content {
	font-size: 12px;
	color: #ffffff;
	text-shadow: none;
	line-height: 17px;
	font-weight: bold;
}
.search-button-bar .search-button {
	line-height: 17px;
}
.capacity-label-hlayout .z-hlayout-inner {
	vertical-align: middle;
}
/* 2528 - Store record > Produce > variety */
.store-produce-vlayout > div.z-vlayout-inner {
	display: inline-block;
	width: 15.5%;
}
.margin-left-2 {
	margin-left: 2px;
}
.margin-left-minus-2 {
	margin-left: -2px;
}
.storelog-filter-button,
.storelog-filter-button:hover {
	margin-right: 0px;
}
.width-100 {
	width: 100px !important;
}
.padding-top-0 {
	padding-top: 0px;
}
.padding-top-10 {
	padding-top: 10px;
}
.margin-left-5 {
	margin-left: 5px;
}
.query-notification-new {
	display : none;
}
.min-height-450 {
	min-height: 450px;
}
.min-height-200 {
	min-height: 200px;
}
.margin-bottom-23 {
	margin-bottom: 23px;
}
.farm-form-grid-row.empty-row {
	height: 28px;
}
.width-auto {
	width: auto !important;
}
.notification-popup-row {
	border: none !important;
}
/* 2664 - css changes */
tr.contact-category-grid {
	background: white !important;
	display: inline-block;
	width: 25%;
}
.admin-type-row td:last-child .z-row-content {
	padding-left: 1px;
}
.admin-type-row-radio-hlayout div {
	padding-right: 0px !important;
}
/* 2669: 2) Contacts > New contact > Document:- Upload button cuts from right hand side*/
.doc-upload-section-groupbox{
	height:120px;
}
.doc-upload-section-iframe,
.doc-upload-section-groupbox {
	width:255px !important;
	margin:0px;
	padding:0px;
	float:left;
}
.margin-left-8 {
	margin-left:8px;
}
.margin-left-minus-8 {
	margin-left: -8px;
}
/* 2674 Contract: Contract > new potato contract > Admin section client and contact category */
.line-height-24 {
	line-height:24px;
}
.line-height-26 {
	line-height:26px;
}
.line-height-22{
	line-height:22px;
}
.line-height-28 {
	line-height: 28px;
}
/* 2724 - Staff Records : Add image btn */
.staff-photo-section .btn-padding-top {
	padding-top: 5% !important;
}
tr.staff-employment-contract-section-department-row > td,
tr.view-timesheet-popup-depot-row > td,
tr.store-zone-description-row > td {
	vertical-align: top;
}
tr.view-timesheet-popup-depot-row > td:LAST-CHILD {
	text-align: right !important;
}
/* FS#2781 - Employment Contract record > Departments checkbox */
tr.employment-contract-grid {
	width: auto !important;
}
.schedule-calendar-timesheet {
	margin-top: 10px;	
}
.schedule-calendar-timesheet .fc-header-right {
	display: none;
}
/* FS#2818 - Staff > Pay section */  
.overtime-band-payrate {
	width : auto !important;
	float : left !important;
	padding: 2px 0;
	background: white !important;
}
/* Calendar > Timesheet event: additional dash appear on event title */
.fc-time:AFTER {
	content: none !important;
}
/* FS#2818 - Staff > Pay section - vertical alignment issue */  
.staff-payrate-row td:FIRST-CHILD {
	padding: 2px 0;
}
/* 2956 - Staff > Employment Contract > Pay section - vertical alignment issue */
.staff-payrate-row {
	vertical-align: top;
}
/* 2956 - Staff > Employment Contract > Pay section - remove grey background */
.staff-payrate-row {
	background: white !important;
}
.font-weight-normal {
	font-weight: normal !important;
}
/* FS#2727 - Staff record - Leave section -- balanceLabel */
.margin_top > div:LAST-CHILD {
	margin-top: 5px !important;
}
.staff-payrate-row .z-hlayout .z-hlayout-inner:nth-child(even) {
	margin-top: 5px !important;
}
.employment-contract-popup-vlayout > div > table {
	height: auto !important;
}
<!-- zk show busy box -->
#zk_loadprog-t.z-loading {
	top: 0px !important;
	left: 0px !important;
}
.marign-top-minus-10 {
	margin-top: -10px;
}
.marign-right-5 {
	margin-right: 5px;
}
.fc-event-inner .fc-event-title {
    font-size: 10px;
    font-family: Arial,Sans-serif;
}
.margin-top-minus-3 {
	margin-top: -3px;
}
/* 3056: two columns for the days: START */
tr.overtime-band-days-grid {
	display: inline-block;
	width: 95px;
}
tr.z-grid-odd.overtime-band-days-grid {
	width: 115px;
}
tr.z-grid-odd.overtime-band-days-grid:last-child {
	height: 30px !important;
	width: 165px;
}
/* 3056: two columns for the days: END */
.paid-public-holidays > input[type="checkbox"],
.rollover-untaken-leave > input[type="checkbox"],
.invoicing-section input[type="checkbox"] {
	margin-left: 0px;
}
/* 3028: reduced extra left-right padding from tab */
.farm-tabbox .farm-tab .z-tab-content .z-tab-text {
	padding-left: 8px;
    padding-right: 8px;
}
/* #3230 - timesheet event : footer */
.bottom-legend > div {
	float: left;
}
/* #3326 - Dashboard > Tabs: Hover move tab to lower row */
.z-tab:hover,
.farm-tab.z-tab.z-tab-selected {
	/* border-style: none; */
}
/** 3411 Search Sales cut - off sample drop down **/
.search-sale-source-section .z-groupbox-content {
	min-height: 170px;
}
.newcalendar-staff-leave-paging {
	border: 1px solid #000;
	border-bottom: none;
	margin-left: 5px;
	margin-top: -1px;
	padding-left: 5px;
}
.newcalendar-staff-leave-paging .z-paging-info {
	margin-right: 7px;
}
.grid-black-border {
	border: 1px solid #000 !important;
	border-top: none !important;
}
/**3376 set same height floorpan section and zone section **/
.margin-bottom-35 {
	margin-bottom: 35px;
}
/* 3436 - horizontal and vertical tabs styling change: START */
.z-tabs-content {
	display: flex;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin: 0;
    padding-left: 0;
    padding-top: 0;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    zoom: 1;
    clear: both;
    border-bottom: 1px solid #cfcfcf;
}
.z-tab {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    display: block;
    border: 1px solid #cfcfcf;
    border-width: 1px 1px 0 1px;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    margin: 0;
    padding-top: 1px;
    line-height: 30px;
    background: #fefefe;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zd…IgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCN6a2llOSkiIC8+PC9zdmc+);
    background: -moz-linear-gradient(top,#fefefe 0,#A9A9A9 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fefefe),color-stop(100%,#A9A9A9));
    background: -webkit-linear-gradient(top,#fefefe 0,#A9A9A9 100%);
    background: -o-linear-gradient(top,#fefefe 0,#A9A9A9 100%);
    background: -ms-linear-gradient(top,#fefefe 0,#A9A9A9 100%);
    background: linear-gradient(to bottom,#fefefe 0,#A9A9A9 100%);
    text-align: center;
    position: relative;
    cursor: pointer;
    float: left;
}
li.z-tab-selected {
    background: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background: #8a8a8a !important;
    -webkit-box-shadow: 0 1px 0 #8a8a8a;
    -moz-box-shadow: 0 1px 0 #8a8a8a;
    -o-box-shadow: 0 1px 0 #8a8a8a;
    -ms-box-shadow: 0 1px 0 #8a8a8a;
    box-shadow: 0 1px 0 #8a8a8a;
}
.z-tab:hover {
    background: #fff;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zd…IgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCN6a2llOSkiIC8+PC9zdmc+);
    background: -moz-linear-gradient(top,#fff 0,#8a8a8a 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#8a8a8a));
    background: -webkit-linear-gradient(top,#fff 0,#8a8a8a 100%);
    background: -o-linear-gradient(top,#fff 0,#8a8a8a 100%);
    background: -ms-linear-gradient(top,#fff 0,#8a8a8a 100%);
    background: linear-gradient(to bottom,#fff 0,#8a8a8a 100%);
    border-style: solid;
	font-weight: normal;
}
.z-tab-text {
	font-weight: bold;
	font-style: normal;
    color: #000;
    display: block;
    padding: 4px 12px 2px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
li.z-tab-selected .z-tab-text {
	color: #fff;
}
.z-tabbox-icon {	/* left/right tab scroll */
    font-size: 12px;
    color: #636363;
    display: none;
    border: 1px solid #cfcfcf;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    padding-top: 5px;
    padding-bottom: 2px;
    line-height: 24px;
    background: #fefefe;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zd…IgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCN6a2llOSkiIC8+PC9zdmc+);
    background: -moz-linear-gradient(top,#fefefe 0,#A9A9A9 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fefefe),color-stop(100%,#A9A9A9));
    background: -webkit-linear-gradient(top,#fefefe 0,#A9A9A9 100%);
    background: -o-linear-gradient(top,#fefefe 0,#A9A9A9 100%);
    background: -ms-linear-gradient(top,#fefefe 0,#A9A9A9 100%);
    background: linear-gradient(to bottom,#fefefe 0,#A9A9A9 100%);
    text-align: center;
    position: absolute;
    top: 0;
    cursor: pointer;
    z-index: 25;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.z-tabbox-accordion .z-tab-text {
	color: #fff;
}
.z-tabbox-left-scroll, .z-tabbox-right-scroll {
	height: 33px !important;
}
/* 3436 - horizontal and vertical tabs styling change: END */

/* 3506 - 1. Stock - Transfer Stock - Final Stage - part of the message has disappeared */
.stock-caption-text > .z-label,
.stock-caption-text-here > .z-label,
.z-groupbox-content > .z-html {
	font-size: 12.5px;
}
.stock-caption-text-here > .z-label {
	font-weight: bold;
	cursor: pointer;
}
.z-groupbox-content > .z-html {
	font-weight: normal;
	font-family: Arial,Sans-serif;
}
.margin-bottom-3 {
	margin-bottom: 3px;
}
/* #3436 - reduce space between filter and bottom of the tabs: START */
.sale-filter-box.z-groupbox,
.returns-filter-box.z-groupbox,
.filter-box.z-groupbox {
	padding-top: 7px;
}
/* #3436 - reduce space between filter and bottom of the tabs: END */
.display-inline {
	display: inline;
}
/* #3436: for nested tabbox if parent tabbox have scrolling then scroll applies to its descendants also: START */
.z-tabbox-scroll .z-tabbox-icon {
  display: none;
}
.z-tabbox-scroll > .z-tabbox-icon {
  display: block;
}
/* #3436: for nested tabbox if parent tabbox have scrolling then scroll applies to its descendants also: END */
.iframe-container {
	-webkit-overflow-scrolling: touch;
  	overflow-y: scroll;
}
/* #3506 - issue 1) The plus icon should not appear if there are less than two depots */
.margin-top4 {
	margin-top: 4px !important;
}
.z-menu-hover>.z-menu-content,
.z-menuitem-hover>.z-menuitem-content,
.z-menu-selected > .z-menu-content {
	border-color: #9fa1a3 !important;
    background: -webkit-linear-gradient(#797b7e, #26282b);
}
/* #3547 - Transfer Produce - issues */
.caption-width > .z-caption-content {
	width: 96%;
	margin-top: 3px;
}
/* #3587 - Client Login > Sale records: changes */
.admin-section-width {
	width: 772px !important;
}
.return-popup .admin-section-width,
.collection-popup .admin-section-width {
	width: 767px !important;
}
.margin-right0 > div.z-hlayout-inner {
	padding-right: 0px !important;
}
/* 3618: full value is not appear if listbox is disabled */
select:disabled {
    width: 200px !important;
}
.margin-bottom-4 {
	margin-bottom: 4px;
}
.display-inline-block {
	display: inline-block;
}
/* #3732 - Field record - there are 2 spaces after bracket for acre value */
.padding-right-zero > div:not(:LAST-CHILD) {
	padding-right: 0px !important;
}
.field-area > div {
	vertical-align: middle;
}
/** Activity statement styles **/
.CLIENT_ACTIVITY_STATEMENT {
	width: 900px !important;
}
.CLIENT_ACTIVITY_STATEMENT .iframe-container{
	width: 800px !important;
	height: 580px !important;
}
/** Processing div **/
#zk_loadprog-t {
	left: 0px !important;
	top: 0px !important;
}
/* 3307 - Quick Charts: START */
.quick-chart-content .z-toolbar-content span {
	font-size: 12px;
}
.quick-chart-content .from-label {
	padding-right: 10px;
}
.quick-chart-content .z-window-content {
	padding: 0px !important;
}
.zone-stock .quick-chart-content {
	height: auto !important;
}
.zone-stock .quick-chart-content > .z-window {
	background: none !important;
}
/* 3307 - Quick Charts: END */
/* 3804 - Quick Charts: add Summary: START */
.quick-chart-period-toolbar .z-toolbar-content {
	width: 100%;
}
.quick-chart-summary-text {
	float: right;
}
.quick-chart-summary-text span {
	font-size: 12px;
    font-weight: bold;
    font-family: Arial,Sans-serif;
}
.quick-chart-vlayout > div:FIRST-CHILD {
	width: 40%;	
}
.quick-chart-vlayout .period-hlayout {
	float:left;
}
/* Notification Colorbox Style */
.notification-colorbox {
	font-family: Arial,Sans-serif;
	padding: 4px 4px 3px;
}
/* 3804 - Quick Charts: add Summary: END */
.padding-12 {
	padding: 12px;
}
/* 3920 - to show/hide: "Pay For Leave" leave category in legend based on leave existance of same category */
.legendPayForLeave {
	display: none;
}
.common-calendar-section,
.staff-leave-grid {
	vertical-align: top;
}
.common-calendar-section > td:first-child,
.staff-leave-grid > td:first-child {
	padding-top: 4px;
}
tr.pending-status-row td span {
	color: red;
}
tr.green-background-col > th.z-column {
	background: #053002 !important;
}
.sale-checked-checkbox input[type="checkbox"] {
	margin-top: 5px;
}
.height-24 {
	height: 24px;
}
.last-checked-icon.cursor-default {
	margin-top: -4px;
}
.sale-popup.last-checked-icon {
	margin-top: -6px;
}
.website-enquiry-checked-checkbox input[type="checkbox"] {
	margin-top: 3px;
}
/* 4603 - Store Records - Floorplan's - it should be possible to upload PDF files: START */
.floorplan-pdf-div {
	width: max-content;
	cursor: pointer;
}
.floorplan-pdf-div a {
	text-decoration: none;
	color: inherit;
}
/* 4603 - Store Records - Floorplan's - it should be possible to upload PDF files: END */
/* 4730 - Store > Stock: pie chart by produce: START */
.store-pie-chart-container {
	margin-left: 8px;
}
.store-pie-chart-container > div {
	display: inline-block;
	width: 33.33%;
}
/* 4730 - Store > Stock: pie chart by produce: END */
/* 4833 - Settings > Financial > Accounts Code: START */
.accounts-code-grid th.produce-category-col span,
.accounts-code-grid th.accounts-code-col span {
    font-size: 12px;
    font-weight: bold;
}
.accounts-code-grid th.produce-category-col {
	padding-left: 10px;
}
.accounts-code-grid.z-row span {
	font-weight: normal;
}
/* 4833 - Settings > Financial > Accounts Code: END */
.split-div-50 > div {
	width: 50%;
}
.staff-record-timesheets > div {
	width: 100%;
}
/* 4891 - Issue happen after zk version update: START */
.sale-search-sale-section > div:FIRST-CHILD,
.sale-search-sale-section > div:nth-child(2) {
	width: 25%;
}
.sale-search-sale-section > div:LAST-CHILD {
	width: 50%;
}
.content-featured-section > div {
	width: 32%;
}
.accordion-ck-editor {
	height: 305px;
}
/* 4891 - Issue happen after zk version update: END */
/* 4981 - Issue after zk upgraded: Image upload > Choose file window open twice in chrome browser: START */
span.z-upload input {
	z-index: -1;
}
/* 4981 - Issue after zk upgraded: Image upload > Choose file window open twice in chrome browser: END */
/* 4996 - Client System > Buyer Records > Client Finance > make it full width: START */
.client-finance-groupbox .z-groupbox-content .client-finance-grid .z-grid-body table colgroup col:LAST-CHILD,
.supplier-finance-groupbox .z-groupbox-content .supplier-finance-grid .z-grid-body table colgroup col:LAST-CHILD {
	width: 25%;
}
/* 4996 - Client System > Buyer Records > Client Finance > make it full width: END */
/* 5248 - Client System > Settings > Data > Financial > Cost of Sales > added Storage section: START */
.storage-price-span-middle-align > div:FIRST-CHILD,
.storage-price-span-middle-align > div:LAST-CHILD {
	margin-top: 5px;
}
/* 5248 - Client System > Settings > Data > Financial > Cost of Sales > added Storage section: END */
/* 5347 - Sale > Process: multiple process will be displayed with radio buttons: START */
.main-sale-section-hlayout > div {
	float: left;
}
/* 5347 - Sale > Process: multiple process will be displayed with radio buttons: END */
.break-word {
	word-break: break-word;
}
.green-header {
	background: #053002 !important;
}
.unit-cost-icon{
	font-size: 15px;
}
.mandory-star {
	margin-left: 3px !important;
}
.mandory-star4 {
	margin-left: 4px !important;
}
.payment-terms-due-after > div:LAST-CHILD {
	margin-top: 4px;
}
.payment-terms-due-first > div:first-child {
	margin-top: 1px !important;
}
.payment-terms-due-second > div:first-child {
	margin-top: 4px !important;
}
.square-box{
	border-radius: 0px !important;
}

.description-text{
	background-color: #053002;
	color: white;
	padding: 5px;
}
.stage-row {
	background: white !important;
}
.stage-button {
	background: black !important;
}

.settings {
  display: table;
  width: 100%;
}
.settings .row {
  display: table-row;
}
.settings .question,
.settings .switch {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
}
.settings .question {
  width: 600px;
  font-family: "Roboto Slab", serif;
  font-size: 20px;
}

/*shared*/
.cmn-toggle > input {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.cmn-toggle > label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  user-select: none;
}

/*round*/

.cmn-toggle-round > label {
  width: 40px;
  height: 20px;
  background-color: #dddddd;
  border-radius: 60px;
}
.cmn-toggle-round > label:before,
.cmn-toggle-round > label:after {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  content: "";
}
.cmn-toggle-round > label:before {
  right: 1px;
  background-color: #f1f1f1;
  border-radius: 60px;
  transition: background 0.4s;
}
.cmn-toggle-round > label:after {
  width: 20px;
  background-color: #fff;
  border-radius: 100%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  transition: margin 0.4s;
}
.cmn-toggle-round > input:checked + label:before {
  background-color: #8ce196;
}
.cmn-toggle-round > input:checked + label:after {
  margin-left: 18px;
}

/*round-flat*/

.cmn-toggle-round-flat > label {
  width: 120px;
  height: 60px;
  background-color: #dddddd;
  border-radius: 60px;
  transition: background 0.4s;
}
.cmn-toggle-round-flat > label:before,
.cmn-toggle-round-flat > label:after {
  display: block;
  position: absolute;
  content: "";
}
.cmn-toggle-round-flat > label:before {
  top: 2px;
  left: 2px;
  bottom: 2px;
  right: 2px;
  background-color: #fff;
  border-radius: 60px;
  transition: background 0.4s;
}
.cmn-toggle-round-flat > label:after {
  top: 4px;
  left: 4px;
  bottom: 4px;
  width: 52px;
  background-color: #dddddd;
  border-radius: 52px;
  transition: margin 0.4s, background 0.4s;
}
.cmn-toggle-round-flat > input:checked + label {
  background-color: #8ce196;
}
.cmn-toggle-round-flat > input:checked + label:after {
  margin-left: 60px;
  background-color: #8ce196;
}


/*yes-no*/

.cmn-toggle-yes-no > label {
  width: 120px;
  height: 60px;
}
.cmn-toggle-yes-no > label:before,
.cmn-toggle-yes-no > label:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  color: #fff;
  font-family: "Roboto Slab", serif;
  font-size: 20px;
  text-align: center;
  line-height: 60px;
}
.cmn-toggle-yes-no > label:before {
  background-color: #dddddd;
  content: 'No';
  transition: transform 0.5s;
  backface-visibility: hidden;
}
.cmn-toggle-yes-no > label:after {
  background-color: #8ce196;
  content: 'Yes';
  transition: transform 0.5s;
  transform: rotateY(180deg);
  backface-visibility: hidden;
}
.cmn-toggle-yes-no > input:checked + label:before {
  transform: rotateY(180deg);
}
.cmn-toggle-yes-no > input:checked + label:after {
  transform: rotateY(0);
}

.cmn-toggle-yes-no.large-icon > label:before,
.cmn-toggle-yes-no.large-icon > label:after {
  font-family: FontAwesome;
  font-size: 50px;
}

.cmn-toggle-yes-no.thumbs > label:before {
  content: '\f088';
}
.cmn-toggle-yes-no.thumbs > label:after {
  content: '\f087';
}
.disabled-content {
    pointer-events: none;
    opacity: 0.4;
}
.z-colorbox-button {
	bottom: 5px;
    right: 5px;
}
.z-errorbox-content {
	font-size: 12px !important;
}