/* desktop main widgets: begin */
.desktopMainWidget {
}
.desktopMainWidget .section {
}
/* .desktopMainWidget .section > .header { */
.desktopMainWidget .section .header {
	text-transform: uppercase;
	text-align: right;
	font-weight: bold;
	/* font-style: italic; */
	font-size: 15px;
	
	background-color: var(--header-bg);
	padding: 5px 10px 5px 10px;
}
/* .desktopMainWidget .section > .body { */
.desktopMainWidget .section > .body,
.desktopMainWidget .section .widgetLayer > .body {
	background-color: var(--body-bg);
	border: solid 1px gray;
	border-top: none;
	padding: 5px;
}
/* .desktopMainWidget .section:first-child > .body { */
.desktopMainWidget .section:first-child .body {
	border-bottom: none;
}
/* .desktopMainWidget .section:first-child > .body .table { */
.desktopMainWidget .section:first-child .body .table {
	width: 100%;
	/* height: 300px; */
}
.desktopMainWidget .cell.main {
	vertical-align: top;
}

.desktopMainWidget form {
	margin: 0 5px 0 0;
	padding: 20px 20px 0 20px;
}

.desktopMainWidget form .line {
	margin: 0 0 30px 0;
}

.desktopMainWidget form .line label {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 7px 0;
}

form.actionForm .line.button,
form.actionForm .line.hint {
	text-align: center;
}

.desktopMainWidget #payablesAndReceivables {
	background-color: white;
}

.desktopMainWidget #payablesAndReceivables .tabs {
	display: table;
	width: 100%;
	/* height: 60px; */
}

.desktopMainWidget #payablesAndReceivables .tabs > ul {
	display: table-row;
}

.desktopMainWidget #payablesAndReceivables .tabs > ul > li,
.desktopMainWidget #payablesAndReceivables .tabs li.tab {
	display: table-cell;
	
	vertical-align: middle;
	text-align: center;
	
	font-weight: bold;
	color: white;
	background-color: #4B4B4D;
	
	border-right: solid 2px white;
	
	cursor: pointer;	
}

.desktopMainWidget #payablesAndReceivables .tabs li.tab {
	width: 25%;
}

.desktopMainWidget #payablesAndReceivables .tabs > ul > li .custom-select.custom-select-button:hover,
.desktopMainWidget #payablesAndReceivables .tabs > ul > li.custom-select.custom-select-button.focus {
	box-shadow: 0 0 10px var(--focus-color) !important;
	/* border-width: 3px !important; */
}

.desktopMainWidget #payablesAndReceivables .tabs li.tab.selected {
	color: #4B4B4D;
	background-color: white;
	
	cursor: default;
}

.desktopMainWidget #payablesAndReceivables .typicalSelect {
	width: 70%;
	margin: 10px auto;
	
	text-align: left;
	color: black;
}

.desktopMainWidget #payablesAndReceivables .body .table,
.desktopMainWidget #payablesAndReceivables .body .noDataContainer {
	width: 100%;
	margin-top: 20px;
}

.desktopMainWidget #payablesAndReceivables .body .noDataContainer {
	padding-top: 20px;
	text-align: center;
}

.desktopMainWidget #payablesAndReceivables .body .noDataContainer .outerWrap {
	background-color: white;
	height: 360px;
}

.desktopMainWidget #payablesAndReceivables .body .noDataContainer .middleWrap {
	height: 100%;
}

.desktopMainWidget #payablesAndReceivables .body .noDataContainer .innerWrap {
	flex-direction: column;
}

.desktopMainWidget #payablesAndReceivables .body .noDataContainer .glyph {
	display: block;

	width: 201px;
	height: 195px;
	
	background: url("/fileadmin/template/pactrust.com/images.v3/ICON01.svg") no-repeat scroll 0 0;
	background-size: cover;
	
	margin-bottom: 10px;
}

.desktopMainWidget #payablesAndReceivables .body .noDataContainer .hint {
	/* display: block; */
	display: none;
	width: 100%;
	font-size: 18px;
}

.desktopMainWidget #payablesAndReceivables .body .noDataContainer,
.desktopMainWidget #payablesAndReceivables .body .table-header .row,
.desktopMainWidget #payablesAndReceivables .body .table-body .row:nth-child(even) {
	background-color: #E7E7E8;
}
.desktopMainWidget #payablesAndReceivables .body .table-body .row {
	height: 60px;
}
.desktopMainWidget #payablesAndReceivables .body .cell {
	border-right: solid 1px white;
	padding: 3px;
}
.desktopMainWidget #payablesAndReceivables .body .table-header .cell {
	padding: 7px 10px 7px 10px;
	font-weight: bold;
}
.desktopMainWidget #payablesAndReceivables .body .table-body .cell {
	border-color: black;
	padding: 10px 10px 10px 10px;
	vertical-align: middle;
	
	text-transform: uppercase;
}

.desktopMainWidget #payablesAndReceivables .body .cell:nth-child(2),
.desktopMainWidget #payablesAndReceivables .body .cell:nth-child(3),
.desktopMainWidget #payablesAndReceivables .body .cell:nth-child(4) {
	width: 1px;
}

.desktopMainWidget #payablesAndReceivables .body .cell:nth-child(2) .spacer {
	display: block;
	height: 1px;
	line-height: 1px;
	color: transparent;
}

.desktopMainWidget #payablesAndReceivables .body .cell:nth-child(4),
.desktopMainWidget #payablesAndReceivables .body .cell:nth-child(5),
.desktopMainWidget #payablesAndReceivables .body .cell:nth-child(6),
.desktopMainWidget #payablesAndReceivables .body .cell:nth-child(7) {
	border-right: none;
}

.desktopMainWidget #payablesAndReceivables .body .cell:nth-child(3) {
	white-space: nowrap;
}

.desktopMainWidget #payablesAndReceivables .body .cell:nth-child(5),
.desktopMainWidget #payablesAndReceivables .body .cell:nth-child(6),
.desktopMainWidget #payablesAndReceivables .body .cell:nth-child(7) {
	/* padding: 2px 0 2px 0; */
	padding: 0;
	text-align: center;
	width: 1px;
}

.desktopMainWidget #payablesAndReceivables .body .cell:nth-child(5) > div,
.desktopMainWidget #payablesAndReceivables .body .cell:nth-child(6) > div,
.desktopMainWidget #payablesAndReceivables .body .cell:nth-child(7) > div {
	margin-left: 1px;
	margin-right: 1px;
}

.desktopMainWidget #payablesAndReceivables .body .cell:nth-child(7) {
	/*
	width: 35px;
	padding-left: 2px;
	padding-right: 3px;
	*/
}

.desktopMainWidget #payablesAndReceivables .table-body .cell,
.desktopMainWidget #payablesAndReceivables .resendButton,
.desktopMainWidget #payablesAndReceivables .viewButton,
.desktopMainWidget #payablesAndReceivables .deleteButton {
	cursor: pointer !important;
}

.desktopMainWidget #payablesAndReceivables .resendButton,
.desktopMainWidget #payablesAndReceivables .viewButton,
.desktopMainWidget #payablesAndReceivables .deleteButton {
	display: inline-block;
	/* width: 22px;
	height: 29px; */
	/*
	width: 46px;
	height: 60px;
	*/
	/*
	width: 30px;
	height: 39px;
	*/
	width: 42px;
	height: 55px;
	
}

.desktopMainWidget #payablesAndReceivables .resendButton {
	/*
	width: 30px;
	height: 22px;
	background: url("/fileadmin/template/pactrust.com/images.v3/invoices_list_refresh.gif") no-repeat scroll 0 0;
	*/
	background: url("/fileadmin/template/pactrust.com/images.v3/Resend.svg") 0 0 / cover no-repeat scroll ;	
}

.desktopMainWidget #payablesAndReceivables .resendButton:hover, 
.desktopMainWidget #payablesAndReceivables .resendButton:focus {
	/*
	background-position-y: 100%;
	*/
}

.desktopMainWidget #payablesAndReceivables .viewButton {
	/*
	width: 34px;
	height: 21px;
	background: url("/fileadmin/template/pactrust.com/images.v3/invoices_list_view.gif") no-repeat scroll 0 0; */
	background: url("/fileadmin/template/pactrust.com/images.v3/View.svg") 0 0 / cover no-repeat scroll ;
}

.desktopMainWidget #payablesAndReceivables .viewButton:hover, 
.desktopMainWidget #payablesAndReceivables .viewButton:focus {
	/*
	background-position-y: 100%;
	*/
}

.desktopMainWidget #payablesAndReceivables .deleteButton {
	/*
	width: 22px;
	height: 26px;
	background: url("/fileadmin/template/pactrust.com/images.v3/invoices_list_delete.gif") no-repeat scroll 0 0;
	margin-top: 5px;
	*/
	background: url("/fileadmin/template/pactrust.com/images.v3/Delete.svg") 0 0 / cover no-repeat scroll ;
}

.desktopMainWidget #payablesAndReceivables .deleteButton:hover, 
.desktopMainWidget #payablesAndReceivables .deleteButton:focus {
	/*
	background-position-y: 100%;
	*/
}

.statusPopup.confirm.invoice,
.statusPopup.confirm.cheque {
}


/* ------------------------------ payments and transfers filter dialog: begin ------------------------------ */

.nativePopupShield.payablesAndReceivablesFilter .nativePopupOuter {
	height: 66%;
	top: 17%;
	margin: 0 27% 0 27%;
}

/* ------------------------------ payments and transfers filter dialog: end -------------------------------- */




/* desktop main widgets: end */