.g2b.top-controller {
	text-align: right;
	height: 40px;
	top: 58px;
	right: 0px;
	position: fixed;
}

.g2b.top-controller > div {
	width: 100%;
}

.g2b.top-controller > div > .buttons {
	height:30px;
	width: auto;
	padding: 5px;
	padding-top: 6px;
	padding-bottom: 4px;
	float: right;
	background: #fdfdfe;
	padding-left: 0px;
	border-top-right-radius: 15px;
	padding-right: 8px;
	border-left: solid 1px #fdfdfe; /*border-left:IE!!!*/
}

	.g2b.top-controller > div > .buttons a {
		text-decoration: none;
	}

.g2b.top-controller > div > .arch {
	width: 70px;
	height: 30px;
	padding: 5px;
	float: right;
	background: transparent url(/images/body/search_left.png) top right;
}

.g2b.top-controller-selector {
	width: 100%;
	height: 3px;
	background: #FDFDFE;
	position: fixed;
	top: 98px;
	left: 0px;

	z-index: 100;
}

.g2b.grid-content {
	width: 100%;
	height: 100%;
	background: #fdfdfe;
	padding: 0px;
	margin: 0px;
}

.g2b.grid-content > .dhtmlxGridContent {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFFFFF;
	background: #FEFEFF;
}

.g2b.grid-content > .dhtmlxGridContent.hasPagingArea {
	padding-bottom: 32px;
	box-sizing: border-box;
}

.g2b.grid-content > .dhtmlxGridContent > .dhtmlxGrid {
	width: 100%;
	height: 100%;
	visibility: hidden;
}

.g2b.grid-content > .reportGridContent {
	width: 100%;
	height: 100%;
	overflow: auto;

	background: transparent url(/images/body/search.png) center center no-repeat;
}

/**
 *	DHTMLXGrid paging style
 */

div.dhtmlxGridPaging.paging.g2b {
	visibility: hidden;

	width: 100%;
	height: 32px;
	position: absolute;
	bottom: 0px;
	/*border-top: solid 2px #0099DB;*/
	box-sizing: border-box;
	background: #039BE5;
}

div.dhtmlxGridPaging.paging.g2b .dhx_pager_info {
	margin-top: -8px;
}

div.dhtmlxGridPaging.paging.g2b .dhx_pager_info > div {
	color: #FEFEFF;
}

div.dhtmlxGridPaging.paging.g2b .dhx_pline .dhx_page {
	margin: 2px 1px;
}

div.dhtmlxGridPaging.paging.g2b .dhx_pline .dhx_page > div {
	color: #FEFEFF;
	padding: 1px;
	height: 24px;
	line-height: 24px;
	width: 24px;
	font-weight: bold;
}

div.dhtmlxGridPaging.paging.g2b .dhx_pline .dhx_page.dhx_page_active > div {
	background: #29B6F6;
	padding: 0px;
	border: solid 1px #0288D1;
	border-radius: 12px;
}

div.dhtmlxGridPaging.paging.g2b > div.customPagingArea {
	width: 100%;
	height: 32px;
	box-sizing: border-box;
	padding: 3px 5px 3px 300px;
}

div.dhtmlxGridPaging.paging.g2b > div.customPagingArea > div.customPagingSummary {
	width: auto;
	height: 100%;
	box-sizing: border-box;
	position: absolute;
	top: 0px;
	right: 0px;
	color: #FEFEFF;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	padding: 7px 14px;
}

div.dhtmlxGridPaging.paging.g2b > div.customPagingArea > div.pageLeftRun,
div.dhtmlxGridPaging.paging.g2b > div.customPagingArea > div.pageRightRun,
div.dhtmlxGridPaging.paging.g2b > div.customPagingArea > div.pageSwitcher {
	width: 26px;
	height: 26px;
	display: inline-block;
	padding: 1px;
	text-align: center;
	line-height: 24px;
	box-sizing: border-box;

	font-family: Arial,Helvetica,sans-serif;
	color: #FEFEFF;
	font-weight: bold;
	font-size: 12px;

	cursor: pointer;

	margin: 0px 2px;
}

div.dhtmlxGridPaging.paging.g2b > div.customPagingArea > div.pageSwitcher.active {
	background: #29B6F6;
	padding: 0px;
	border: solid 1px #0288D1;
	border-radius: 12px;

	cursor: default;
}

/* Helpers
----------------------------------------------- */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

.g2b.clear-float {
	clear: left;
}

/* Form elements
----------------------------------------------- */
.g2b.form-container {
	/*width: 840px;*/
}

.g2b.form-container * {
	box-sizing: border-box;
}

.g2b.dialog .g2b.form-item-container {
	/*margin-right: 10px;*/
}

.g2b.form-item-container {
	padding: 0px;
	/*padding-right: 15px;*/
	padding-bottom: 10px;
	padding-right: 10px;
	float: left;
	/*width: 24%;*/
	/*width: 190px;*/
	min-height: 60px;
}

.g2b.form-item-container-spacing {
	/*padding-right: 15px;*/
}

.g2b.form-item-container label {
	display: block;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.g2b.form-item-container label span.required {
	color: red;
}

.g2b.form-item-container input {
	height: 28px;
	display: inline-block;
	vertical-align: top;
	width: 100%;
}

.g2b.form-item-container textarea {
	height: 70px;
	display: inline-block;
	vertical-align: top;
	width: 100%;
}

.g2b.form-item-container input.searchButton:active,
.g2b.form-item-container input.searchButton:focus  {
	border: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

.g2b.form-item-container div {
	vertical-align: top;
}

.g2b.form-item-container select {
	display: block;
}

.g2b.form-item-container .required {
	/*border-left: solid 3px #E64A19;*/
}

.g2b.form-container .password_bar {
	display: inline-block;
	width: 190px;
	height: 28px;
	max-width: 202px;
	box-sizing: border-box;
}

.g2b.form-container #dialogInput_employeeAddressTab_full_address {
	width: 390px;
}

.g2b input[type="password"] {
	max-width: 280px;
}

.g2b.grid-1 {
	/*width: 24%;*/
	width: 190px;
	display: inline-block;
}

.g2b.grid-2 {
	width: 49%;
}

.g2b.grid-3 {
	width: 74%;
}

.g2b.grid-4 {
	width: 100%;
}

.g2b.gutter {
	/*margin-right: 10px;*/
}

.g2b.grid-4>*:nth-child(n+3) {
	/*margin-left: 20px;*/
}

select.g2b.styled-select {
    color: #606066;
	font-size: 14px;

	margin: 0px;
	padding: 0 30px 0 3px;
	width: 100%;
	height: 28px;
	overflow: hidden;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;

	border: solid 1px #e5e5e6;
	border-radius: 6px;

	background-color: #fefeff;
	background-image: url(/images/input/input_dd.png);
	background-position: center right;
	background-repeat: no-repeat;
	box-sizing: border-box;
}

select.g2b.styled-select.green {
	background-image: url(/images/input/input_dd_green.png);
}

select.g2b.styled-select.orange {
	background-image: url(/images/input/input_dd_orange.png);
}

select.g2b.styled-select:disabled {
	color: #939399;

	background-color: #F1F1F5;
	background-image: url(/images/input/input_dd_disabled.png);
	background-position: center right;
	background-repeat: no-repeat;
}

.g2b textarea:disabled {
	color: #939399;

	background-color: #F1F1F5;
}

.g2b input,
.g2b select,
.g2b select.g2b.styled-select,
.g2b div.fileUpload {
	transition: 250ms;
}

/*.g2b.styled-select:focus {
	border: solid 1px #0099db;
	box-shadow: 0 0 3px #0099db;
	-webkit-box-shadow: 0 0 3px #0099db;
	-moz-box-shadow: 0 0 3px #0099db;
}*/

.g2b.styled-select::-ms-expand {
	display: none;
}

.g2b.form-item-container input.autocomplete,
.g2b.form-item-container input.ui-autocomplete-input {
	padding-right: 25px;
}

.g2b.form-item-container input.autocomplete:focus,
.g2b.form-item-container input.ui-autocomplete-input:focus {
	box-shadow: 0 0 5px #50AD50;
	-webkit-box-shadow: 0 0 5px #50AD50;
	-moz-box-shadow: 0 0 5px #50AD50;
	border: solid 1px #50AD50;
}

.g2b.form-autocomplete-container {
	position: relative;
}

.g2b.form-autocomplete-delete-icon {
	/*display: none;*/
	position: absolute;
	top: 1px;
	right: 2px;
	text-decoration: none;
}

.G2BDialog > .ui-widget-header
{
	background: #039BE5; /* 600 */
	border-bottom: solid 8px #29B6F6; /* 400 */
}

.G2BDialog.add > .ui-widget-header
{
	background: #43A047; /* 600 */
	border-bottom: solid 8px #66BB6A; /* 400 */
}

.G2BDialog.mod > .ui-widget-header
{
	background: #FB8C00; /* 600 */
	border-bottom: solid 8px #FFA726; /* 400 */
}

.G2BDialog > .ui-dialog-content
{
	background: #29B6F6;
}

.G2BDialog.add > .ui-dialog-content
{
	background: #66BB6A;
}

.G2BDialog.mod > .ui-dialog-content
{
	background: #FFA726;
}

.G2BDialog .g2b.wizard
{
	background-color: #FAFAFC;
}

.G2BDialog .g2b.wizard > .tabContent
{
	background-color: #29B6F6;
}

.G2BDialog.add .g2b.wizard > .tabContent
{
	background-color: #66BB6A;
}

.G2BDialog.mod .g2b.wizard > .tabContent
{
	background-color: #FFA726;
}

.G2BDialog .g2b.wizard .wizardButtons
{
	width: auto;
	height: 100%;
	line-height: 45px;

	margin: 0px;
	margin-left: 8px;
	padding: 0px 10px;

	box-sizing: border-box;

	background: #03A9F4; /* 500 */

	cursor: pointer;

	float: left;

	font-family: BenchNine;
	font-size: 22px;
	color: #fff;

	border-bottom: solid 1px #039BE5;

	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.G2BDialog.add .g2b.wizard .wizardButtons,
.G2BDialog.add .g2b.history .buttons,
.G2BDialog.add .g2b.wizard .dhtmlxGridHistoryContent
{
	background: #4CAF50;
}

.G2BDialog.mod .g2b.wizard .wizardButtons,
.G2BDialog.mod .g2b.history .buttons,
.G2BDialog.mod .g2b.wizard .dhtmlxGridHistoryContent
{
	background: #FF9800;
}

.G2BDialog.add .g2b.wizard .wizardButtons
{
	border-bottom: solid 1px #43A047;
}

.G2BDialog.mod .g2b.wizard .wizardButtons
{
	border-bottom: solid 1px #FB8C00;
}

.G2BDialog .g2b.wizard .wizardButtons.selected
{
	background: #FAFAFC;

	color: #555556;

	border-bottom: solid 1px #f0f0f1;
}

.localMenu
{
	box-sizing: border-box;
	min-width: 250px;
	height: auto;
	background: #FEFEFF;
	position: fixed;
	display: none;
	/*border-radius: 5px;*/
	box-shadow: 2px 2px 10px 1px rgba(0, 0, 0, 0.25);
	padding: 0px;
	margin: 0px;

	z-index: 1000;
}

.localMenu .line
{
	width: 100%;
	height: 1px;

	background: #E0E0E1;

	margin: 5px 0px;
}

.localMenu .selector
{
	width: 100%;
	height: 5px;

	background: transparent;
}

.localMenu .header
{
	color: #A0A0A1;

	box-sizing: border-box;

	font-family: Arial;
	font-size: 14px;

	width: 100%;
	height: 35px;
	line-height: 35px;

	padding: 0px 25px;
}

.localMenu .header.title
{
	color: #FEFEFF;

	background: #039BE5;

	font-weight: bold;
}

.localMenu .item
{
	box-sizing: border-box;

	font-family: Arial;
	font-size: 14px;

	width: 100%;
	height: 35px;
	line-height: 35px;

	padding: 0px 25px;
}

.localMenu .item:hover
{
	cursor: pointer;

	background: #EEEEEF;

	border-left: solid 4px #A0A0A1;

	padding: 0px 21px;
}

.la-autocomplete-box
{
	width: auto;
	height: auto;

	box-sizing: border-box;

	position: fixed;

	background: #FEFEFF;

	border-radius: 6px;

	/*border: solid 1px #e5e5e6;*/

	box-shadow: 0px 0px 5px rgba(0,0,0,0.5);

	overflow-x: hidden;
	overflow-y: auto;

	z-index: 155;
}

.la-autocomplete-box.dialog-la-autocomplete-box
{
	z-index: 10000
}

.la-autocomplete-box ul
{
	margin: 0px;
	padding: 0px;

	border: 0px;

	list-style-type: none;
}

.la-autocomplete-box ul > li
{
	padding: 3px;

	border: 0px;
}

.la-autocomplete-box ul > li:first-child
{
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.la-autocomplete-box ul > li:last-child
{
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

.la-autocomplete-box ul > li:hover
{
	background: #039BE5;
	color: #fff;

	cursor: pointer;
}

.redBg
{
	color: #fff;
	font-weight: bold;

	background-color: #CC0000;
}

.greenBg
{
	color: #fff;
	font-weight: bold;

	background-color: #43A047; /* 600 */
}

.gridBgRed
{
	color: #fff !important;
	background-color: #e74c3c;
}

.gridBgGreen
{
	color: #fff !important;
	background-color: #2ecc71;
}

.gridBgYellow
{
	color: #fff !important;
	background-color: #f1c40f;
}

.cellIcon {
	position: relative;
	padding: 0 !important;
	color: transparent !important;
}

.cellIcon .cellUploader {
	position: absolute;
	z-index: 1;
	width: 100% ;
	height: 30px;
	left: 0;
	opacity: 0;
	cursor: pointer !important;
}

.cellIcon.cellAcceptIcon,
.cellIcon.cellKeyIcon,
.cellIcon.cellUserIcon,
.cellIcon.cellPdfIcon,
.cellIcon.cellUploadIcon,
.cellIcon.cellDownloadIcon,
.cellIcon.cellDeleteIcon,
.cellIcon.cellHandlingIcon {
	cursor: pointer;
}

.cellInviteIcon::before {
	content: '';
	position: absolute;
	display: inline-block;
	width: 30px ;
	height: 30px;
	left: calc(50% - 15px);
	top: calc(50% - 15px);
	background-image: url(/images/status_icons/st_mail.png);
	background-size: 90% 90%;
	background-repeat: no-repeat;
	background-position: right center;
}

.cellUninviteIcon::before {
	content: '';
	position: absolute;
	display: inline-block;
	width: 30px ;
	height: 30px;
	left: calc(50% - 15px);
	top: calc(50% - 15px);
	background-image: url(/images/status_icons/st_mail_disabled.png);
	background-size: 90% 90%;
	background-repeat: no-repeat;
	background-position: right center;
}

.cellProgressIcon::before {
	content: '';
	position: absolute;
	display: inline-block;
	width: 30px ;
	height: 30px;
	left: calc(50% - 15px);
	top: calc(50% - 15px);
	background-image: url(/images/status_icons/st_question.png);
	background-size: 90% 90%;
	background-repeat: no-repeat;
	background-position: right center;
}

.cellActiveIcon::before {
	content: '';
	position: absolute;
	display: inline-block;
	width: 30px ;
	height: 30px;
	left: calc(50% - 15px);
	top: calc(50% - 15px);
	background-image: url(/images/status_icons/st_check.png);
	background-size: 90% 90%;
	background-repeat: no-repeat;
	background-position: right center;
}

.cellArchivedIcon::before {
	content: '';
	position: absolute;
	display: inline-block;
	width: 30px ;
	height: 30px;
	left: calc(50% - 15px);
	top: calc(50% - 15px);
	background-image: url(/images/status_icons/st_lock.png);
	background-size: 90% 90%;
	background-repeat: no-repeat;
	background-position: right center;
}

.cellLockedIcon::before {
	content: '';
	position: absolute;
	display: inline-block;
	width: 30px ;
	height: 30px;
	left: calc(50% - 15px);
	top: calc(50% - 15px);
	background-image: url(/images/status_icons/st_lock.png);
	background-size: 90% 90%;
	background-repeat: no-repeat;
	background-position: right center;
}

.cellAcceptIcon::before {
	content: '';
	position: absolute;
	display: inline-block;
	width: 30px ;
	height: 30px;
	left: calc(50% - 15px);
	top: calc(50% - 15px);
	background-image: url(/images/status_icons/st_accept.png);
	background-size: 90% 90%;
	background-repeat: no-repeat;
	background-position: right center;
}

.cellAlertIcon::before {
	content: '';
	position: absolute;
	display: inline-block;
	width: 30px ;
	height: 30px;
	left: calc(50% - 15px);
	top: calc(50% - 15px);
	background-image: url(/images/status_icons/st_alert.png);
	background-size: 90% 90%;
	background-repeat: no-repeat;
	background-position: right center;
}

.cellKeyIcon::before {
	content: '';
	position: absolute;
	display: inline-block;
	width: 30px ;
	height: 30px;
	left: calc(50% - 15px);
	top: calc(50% - 15px);
	background-image: url(/images/status_icons/st_key.png);
	background-size: 90% 90%;
	background-repeat: no-repeat;
	background-position: right center;
}

.cellUserIcon::before {
	content: '';
	position: absolute;
	display: inline-block;
	width: 30px ;
	height: 30px;
	left: calc(50% - 15px);
	top: calc(50% - 15px);
	background-image: url(/images/status_icons/st_user.png);
	background-size: 90% 90%;
	background-repeat: no-repeat;
	background-position: right center;
}

.cellPdfIcon::before {
	content: '';
	position: absolute;
	display: inline-block;
	width: 30px ;
	height: 30px;
	left: calc(50% - 15px);
	top: calc(50% - 15px);
	background-image: url(/images/status_icons/st_pdf.png);
	background-size: 90% 90%;
	background-repeat: no-repeat;
	background-position: right center;
}

.cellUploadIcon::before {
	content: '';
	position: absolute;
	display: inline-block;
	width: 30px ;
	height: 30px;
	left: calc(50% - 15px);
	top: calc(50% - 15px);
	background-image: url(/images/status_icons/st_upload.png);
	background-size: 90% 90%;
	background-repeat: no-repeat;
	background-position: right center;
}

.cellDownloadIcon::before {
	content: '';
	position: absolute;
	display: inline-block;
	width: 30px ;
	height: 30px;
	left: calc(50% - 15px);
	top: calc(50% - 15px);
	background-image: url(/images/status_icons/st_download.png);
	background-size: 90% 90%;
	background-repeat: no-repeat;
	background-position: right center;
}

.cellDeleteIcon::before {
	content: '';
	position: absolute;
	display: inline-block;
	width: 30px ;
	height: 30px;
	left: calc(50% - 15px);
	top: calc(50% - 15px);
	background-image: url(/images/status_icons/st_del.png);
	background-size: 90% 90%;
	background-repeat: no-repeat;
	background-position: right center;
}

.cellHandlingIcon::before {
	content: '';
	position: absolute;
	display: inline-block;
	width: 30px ;
	height: 30px;
	left: calc(50% - 15px);
	top: calc(50% - 15px);
	background-image: url(/images/status_icons/st_open_doc.png);
	background-size: 90% 90%;
	background-repeat: no-repeat;
	background-position: right center;
}

.lockedIcon 
{
	background-image: url(/images/status_icons/st_lock.png);
	background-size: 90% 90%;
	background-repeat: no-repeat;
	background-position: right center;
}

.unlockedIcon 
{
	background-image: url(/images/status_icons/st_unlock.png);
	background-size: 90% 90%;
	background-repeat: no-repeat;
	background-position: right center;
}

.approveRequestIcon
{
	background-image: url(/images/status_icons/st_req_save.png);
	background-size: 90% 90%;
	background-repeat: no-repeat;
	background-position: right center;
}

.modifyRequestIcon
{
	background-image: url(/images/status_icons/st_req_mod.png);
	background-size: 90% 90%;
	background-repeat: no-repeat;
	background-position: right center;
}

.approvedIcon
{
	background-image: url(/images/status_icons/st_save_wfm.png);
	background-size: 90% 90%;
	background-repeat: no-repeat;
	background-position: right center;
}

div.gridbox_dhx_terrace table.obj.row20px tr td.bgColorWhite{
	background-color: #ffffff;
}

div.gridbox_dhx_terrace table.obj.row20px tr td.bgColorRed{
	color: white;
	background-color: #af2f2f;
}

div.gridbox_dhx_terrace table.obj.row20px tr td.bgColorBlue{
	color: white;
	background-color: #3b74e6;
}

div.gridbox_dhx_terrace table.obj.row20px tr td.bgColorGreen{
	color: white;
	background-color: #228b22;
}

div.gridbox_dhx_terrace table.obj.row20px tr td.bgColorLightGray{
	background-color: #ececec;
}

div.gridbox_dhx_terrace table.obj.row20px tr td.bgColorGray{
	color: white;
	background-color: #959695;
}

div.gridbox_dhx_terrace table.obj.row20px tr td.bgColorYellow{
	color: gray;
	background-color: #fcfc74;
}

div.gridbox_dhx_terrace table.obj td.wrap{
	white-space: normal;
}