div.inner-box
{

	/* removed US 2018-07-03, .inner-box is global */
	/*padding: 0;*/
}

/*configuraton for bootrap-table*/
div.payoutSummaryTable
{
	border: 1px solid #dddddd;
	background-color: #eeeeee;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}

.invoice-box
{

	font-family: my-new-regular-font, sans-serif;
}

.invoice-box .noBorderLeft
{

	border-left: none !important;
}

.invoice-box .noBorderRight
{

	border-right: none !important;
}

.invoice-box .divTable.payoutSummaryTable .divTableCell, .divTable.payoutSummaryTable .divTableHead
{
	border: 1px solid #dddddd;
	padding: 3px 2px;
}

.invoice-box .divTable.payoutSummaryTable .divTableBody .divTableCell
{
	font-size: 13px;
	vertical-align: middle;
}

.invoice-box .divTable.payoutSummaryTable .divTableRow:nth-child(even)
{
	/*background: #D0E4F5;*/
	/*background: #fefeef;*/
}

.invoice-box .divTable.payoutSummaryTable .divTableHeading
{
	background: #f5f5f5;
	/*background: -moz-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);*/
	/*background: -webkit-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);*/
	/*background: linear-gradient(to bottom, #5592bb 0%, #327cad 66%, #1C6EA4 100%);*/
	border-bottom: 2px solid #444444;
}

.invoice-box .divTable.payoutSummaryTable .divTableHeading .divTableHead
{
	font-size: 13px;
	font-weight: bold;
	color: #2b2b2b;
	/*border-left: 2px solid #D0E4F5;*/
	padding: 5px 5px;
}

.invoice-box .divTable.payoutSummaryTable .divTableHeading .divTableHead .TableHeadWithService, .TableHeadWithDocuments
{
	width: 15%;
}

.invoice-box .divTable.payoutSummaryTable .divTableHeading .divTableHead .TableHeadWithLicensee
{
	width: 30%;
}

.invoice-box .divTable.payoutSummaryTable .divTableHeading .divTableHead:first-child
{
	border-left: none;
}

.invoice-box .payoutSummaryTable .tableFootStyle
{
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	background: #d0e4f5;
	/*background: -moz-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);*/
	/*background: -webkit-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);*/
	background: linear-gradient(to bottom, #dcebf7 0%, #d4e6f6 66%, #d0e4f5 100%);
	border-top: 2px solid #444444;
}

.invoice-box .payoutSummaryTable .tableFootStyle
{
	font-size: 14px;
}

.invoice-box .payoutSummaryTable .tableFootStyle .links
{
	text-align: right;
}

.invoice-box .payoutSummaryTable .tableFootStyle .links a
{
	display: inline-block;
	background: #1c6ea4;
	color: #ffffff;
	padding: 2px 8px;
	border-radius: 5px;
}

.invoice-box .payoutSummaryTable.outerTableFooter
{
	border-top: none;
}

.invoice-box .payoutSummaryTable.outerTableFooter .tableFootStyle
{
	padding: 3px 5px;
}

/* DivTable.com */
.invoice-box .divTable
{
	display: table;
}

.invoice-box .divTableRow
{
	display: table-row;
}

.invoice-box .divTableHeading
{
	display: table-header-group;
}

.invoice-box .divTableCell, .divTableHead
{
	display: table-cell;
}

.invoice-box .divTableHeading
{
	display: table-header-group;
}

.invoice-box .divTableFoot
{
	display: table-footer-group;
}

.invoice-box .divTableBody
{
	display: table-row-group;
}

.invoice-box .divFooterRow
{
	width: 100%;
}

.invoice-box .payoutSummaryTable .checkboxwrapper
{
	display: block;
	position: relative;
	padding-left: 30%;

	width: 100%;

	/*padding-left: 30px;*/
	margin-top: -20px;
	margin-bottom: 10px;
	cursor: pointer;
	/*font-size: 22px;*/
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.invoice-box .payoutSummaryTable .checkboxwrapper > span
{
	margin-left: 30px;
	padding: 0px;
	margin: 0px;

}

.invoice-box .payoutSummaryTable .checkboxwrapper > span.checkboxdescr
{
	display: inline-table;
	margin-left: 5px;
	/*border: 1px #5f3f3f dashed;*/
	height: 100%;
	width: 95%;

	/*margin-left: 0px;*/
}

/* Hide the browser's default checkbox */
.invoice-box .payoutSummaryTable .checkboxwrapper input
{
	position: absolute;
	opacity: 0;

}

.invoice-box .payoutSummaryTable .checkboxwrapper input[type=checkbox]:checked
{
	border-color: limegreen;
}

.invoice-box .payoutSummaryTable .custom-checkbox2
{
	width: 28px;
	height: 16px;
	float: left;
	border-radius: 8px;
	border-color: OrangeRed;
	border-style: solid;
	border-width: 1px;
	margin: 2px 6px 0 0;
	background-color: white;

	/*border: 1px #ff0000 dashed;*/
}

.invoice-box .payoutSummaryTable .custom-checkbox2 > div
{
	width: 10px;
	height: 10px;
	border-radius: 2px;
	border-color: transparent;
	border-style: none;
	border-width: 0;
	background-color: OrangeRed;
	margin: 2px 0 0 2px;
	transition: margin 100ms linear;

}

.invoice-box .payoutSummaryTable input[type=checkbox]:disabled
{
	border-color: #e2e2e2 !important;
}

.invoice-box form[name='billingMenuForm'] input[type=submit].link
{
	border: none;
	background: none;
	display: inline;
	text-decoration: none;
	padding: 0px
}

.invoice-box .payoutSummaryTable .initiallyHidden
{
	display: none;
}

.invoice-box .payoutSummaryTable ul#listServices
{

	list-style-type: none;
	padding-left: 0px;
	font-size: 8px;

}

.invoice-box .payoutSummaryTable ul#listServices li span
{

	float: left;
	width: 20px;
	margin: 0px 2px;
}

.invoice-box .payoutSummaryTable .ui-pdf
{
	border-radius: 5px;
	padding: 2px 2px;
	text-align: center;
	background-color: #b70000;
	color: #ffffff;
	cursor: pointer;

}

.invoice-box .payoutSummaryTable .ui-csv
{
	border-radius: 5px;
	padding: 2px 2px;
	text-align: center;
	background-color: #58b957;
	color: #ffffff;
	cursor: pointer;

}

.invoice-box .payoutSummaryTable .ui-ath, .ui-gs
{
	border-radius: 5px;
	padding: 2px 2px;
	text-align: center;
	background-color: #58b957;
	color: #ffffff;
	cursor: pointer;

}

.invoice-box .payoutSummaryTable .ui-exp
{
	border-radius: 5px;
	padding: 2px 2px;
	text-align: center;
	background-color: #0d5b9d;
	color: #ffffff;

}

.invoice-box .payoutSummaryTable .ui-lwy, .ui-re
{
	border-radius: 5px;
	padding: 2px 2px;
	text-align: center;
	background-color: #db524c;
	color: #ffffff;

}

.invoice-box .payoutSummaryTable .ui-lt
{
	border-radius: 5px;
	padding: 2px 2px;
	text-align: center;
	background-color: #18a15f;
	color: #ffffff;

}

.invoice-box .payoutSummaryTable .ui-pro100
{
	border-radius: 5px;
	padding: 2px 2px;
	text-align: center;
	background-color: #3faeda;
	color: #ffffff;

}

.invoice-box .payoutSummaryTable .ui-noath, .ui-nore, .ui-nogs
{
	border-radius: 5px;
	padding: 2px 2px;
	text-align: center;
	background-color: #eeeeee;
	color: #ffffff;

}

.invoice-box .payoutSummaryTable .ui-nolt
{
	border-radius: 5px;
	padding: 2px 2px;
	text-align: center;
	background-color: #eeeeee;
	color: #ffffff;

}

.invoice-box .payoutSummaryTable .ui-noexp
{
	border-radius: 5px;
	padding: 2px 2px;
	text-align: center;
	background-color: #eeeeee;
	color: #ffffff;

}

.invoice-box .payoutSummaryTable .ui-nolwy
{
	border-radius: 5px;
	padding: 2px 2px;
	text-align: center;
	background-color: #eeeeee;
	color: #ffffff;

}

.invoice-box .payoutSummaryTable .checkboxwrapper input[type=checkbox]
{
	display: none;
}

/* When the checkbox is checked, add a blue background */
.invoice-box .payoutSummaryTable .checkboxwrapper input:checked ~ .custom-checkbox2
{
	border-color: limegreen;

}

.invoice-box .payoutSummaryTable .checkboxwrapper input:checked ~ .custom-checkbox2 > div
{

	background-color: limegreen;
	margin: 2px 0 0 14px;

}

.invoice-box #subNavSelection
{
	text-align: center;
}

.invoice-box #subNavSelection div
{

	/*padding: 0 10px;*/
	display: inline;
}

.invoice-box #subNavSelection div + div:before
{

	content: ' | ';
	padding: 0 5px;
}

.invoice-box .payoutSummaryTable .billme
{
	/*float: left;*/
	cursor: pointer;
	/*clear-after: both;*/

}

.invoice-box .payoutSummaryTable .nobillme
{

	cursor: pointer;

}

.invoice-box input#toDate, input#fromDate
{

	padding: 14px 20px 9px 10px;
	width: 180px;
	text-align: center;
	vertical-align: top;
}

.invoice-box #myInput
{
	background-repeat: no-repeat;
	background-image: url('./image/billing-grid.png');
	background-position: -40px 5px;
	background-position: -465px 7px;

	width: 100%; /* Full-width */
	font-size: 16px; /* Increase font-size */
	padding: 12px 20px 12px 40px; /* Add some padding */
	border: 1px solid #dddddd; /* Add a grey border */
	margin-bottom: 12px; /* Add some space below the input */
}

.invoice-box .sub-control
{

	margin: 15px 0px;
	vertical-align: top;
	height: 60px;

	/*border: 1px solid #ff0000;*/
}

/* reload button */
.invoice-box .sub-control input#refresh
{

	width: 50px;
	/*margin: 0px;*/
	padding: 11px 0px;
	content: '';

	position: relative;
	display: inline-block;
	background-repeat: no-repeat;
	background-image: url('./image/billing-grid.png');
	background-position: 10px 10px;
}

.invoice-box form[name='billingMenuForm'] .pagination > li > a.active
{
	background: #4cae4c;
}

.invoice-box .hide-calendar .ui-datepicker-calendar
{
	display: none;
}

.invoice-box .date-control
{

	float: right;
	vertical-align: bottom;
}