body {
	background: white;
}

/* Remove unwanted elements */
#navbar, 
#breadcrumbs,
#ace-settings-container,
#sidebar,
#footer,
.noprint {
	display: none !important;
}

.main-content {
	margin: 0px !important;
}
/* Ensure the content spans the full width */
/*
#mainContent {
	width: 680px; 
	margin: 0; 
	float: none;
	background: transparent;
	left: 0px;
}
*/

/* Change text color to black (useful for light text on a dark background) */
.lighttext {
	color: #000
}

/* Improve color contrast of links */
a:link, a:visited {
	color: #781351 !important;
}
/* 
The following is a fix necessary to avoid having browsers display the value of the href field of various links (like file download links and others) into the printed view.
*/
a:link:after, 
a:visited:after { 
	content: none;
}

table#totalChargesTable {
	display: table;
	height: 100%;
	width: 100%;
}

.page-header {
	padding: 0;
    margin: 0 8px;
    font-size: 24px;
    font-weight: lighter;
}

.page-header h1 {
	padding: 0;
	margin: 0;
	font-size: 24px;
	font-weight: lighter;
	color: #2679b5 !important;
}

.page-header h2 {
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 24px;
}

.widget-header {
	color: #669fc7 !important;
	font-size: 18px;
	margin-top: 0;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 10px;
}

div[class^="col-"] {
	width: auto;
	float: none; /* fixes flushFloatingElements() issue in itextpdf that causes infinite loop */
}

hr {
	margin: 10px;
}

div .required-field {
	display: none;
}

.expandedContentContainer {
	/* this will not be realized by iText, but it makes easier to view Print Page */
	display: grid;
}

.table-print {
	width: 100%;
	border: none;
	font-size: 14px;
    margin-bottom: 5px;
    margin-top: 5px;
	/*background-color: #484848 !important;*/
}

.table-print td.print-table-lbl, th.print-table-lbl{
	width: 35%;
	min-width: 350px;
	/*background-color: #00be67 !important;*/
	color: #393939 !important;
	font-weight: 200 !important;
    padding-left: 5px !important;
}
.table-print td.print-table-lbl label, th.print-table-lbl label {
	width: 100%;
	min-width: 350px;
	font-weight: 200 !important;
}
.table-print td.print-table-content{
	width: 65%;
	font-weight: 300 !important;
	/*background-color: #ee822a !important;*/
    padding-left: 5px !important;
}
.table-print td.print-table-content div{
	padding-left: 0;
}
.table-print td.print-table-content-col-1{
	width: 20%;
	font-weight: 300 !important;
	/*background-color: #2a98f3 !important;*/
}
.table-print td.print-table-content-col-2{
	width: 45%;
	font-weight: 300 !important;
	/*background-color: #ecd91c !important;*/
}

div.modal-header button.close {
	display: none;
}
div.modal-body .table-print td.print-table-content div{
	padding-left: 3px;
}
tr .table-inline-modal-content,
.table-inline-modal-content,
.table-inline-modal-content div {
	page-break-before: avoid;
	page-break-inside: avoid;
	page-break-after: avoid;
}

.table-inline-modal-content {
    padding: 0 !important;
}

.table-inline-modal-content .modal-container,
.table-inline-modal-content .modal-dialog,
.table-inline-modal-content .modal-dialog .modal-body,
.table-inline-modal-content .modal-dialog .modal-body .row {
	padding: 0;
}

.table-inline-modal-content .modal-dialog,
.table-inline-modal-content .widget-box {
	margin: 0;
}

.table-inline-modal-content .modal-dialog .widget-header {
	padding-top: 10px;
	padding-bottom: 0;
}

.table-inline-modal-content .modal-content {
	border: 0;
}

.ace-icon {
    display: none;
}

.widget-box {
    border-top: 0;
    border-bottom: 0;
    border-color: #f7f7f7;
}

.widget-header {
	background: repeat-x #f7f7f7 !important;
}

.widget-title {
	color: #669fc7 !important;
	margin: 0;
}

img {
    height: auto !important;
    width: auto !important;
    max-width: 400px !important;
}

.percentage-field {
	width: 100%;
}

td .btn {
	display: none;
}

.hidden-print {
	display: none;
}

h4.smaller {
	font-size: 14px;
	font-weight: 400;
}

table.footable thead tr th {
	color: #707070 !important;
	border-color: #DDD !important;
	background: #f2f2f2 !important;
}

.table-header {
	background-color: #307ecc !important;
	color: #FFF !important;
}

b, strong {
	font-weight: 500;
}

.table>thead>tr>th {
	font-weight: 600;
	color: #707070;
}

.proposal-budget-panel-name {
	font-weight: bold !important;
}

/*  Notes:
        css for 'openHtmlToPdf'. It doesn't support CCS 3.*,
        as result it doesn't understand some 'base' css functionality:
        - no media query support - as result missing Bootstrap bases 'responsiveness'
        - no 'word-break', 'overflow-wrap' and 'anywhere' parameter missed
        - it treats embedded tables in special way, as result table's 'auto' width layout doesn't work as expected.
        We could rely only on "table-layout: fixed" mode.

        Screen and printer representation (pdf document) have a different dimension - for a screen it's normal to have 1K, 2K and more pixels wide.
        But for printed document number of pixels depends on DPI and size of physical page.
        For example for letter sized page (8.50 x 11.00 in) it is:
        - for 96 DPI -  W: 816 x H: 1056 pixels

        // word-wrap: break-word !important;
        Bootstrap v3.*:
        - propagates  'display: inline-block' for 'label' tags, it brakes long string & words wrapping.
        // display: inline;
        That is why it was changed, in the following line
*/

/* begin: for embedded tables */
table .footable {
    table-layout: fixed;
}
table .footable .download_link_col {
    width: 100px !important;
    word-wrap: break-word !important;
}
/* end: for embedded tables */

/* begin: for wide panels  */

/* required for com.novelution.nrms.service.pdf.PdfServiceNew.transformTables */
.raw-tables-for-print table {
    word-wrap: break-word !important;
}
/* end: for wide panels  */

/* begin: for 'inline' columns */
td .details-cell {
    padding: 2px !important;
}

td .details-wrapper {
    width: 100%;
    font-family: 'Open Sans', serif;
    font-size: 12px;
}

td .details-label {
    display: inline-block;
    width: 180px;
    float: left;
    background: #f2f2f2 !important;
    padding: 3px 10px 2px 10px !important;
    font-weight: 400;
    vertical-align: middle;
}

td .details-value {
    display: inline-block;
    width: 510px;
    padding: 3px 4px 2px 3px !important;
    vertical-align: middle;
}
/* end: for 'inline' columns */

.widget-main {
    padding: 1px !important;
}

.table-print {
    margin: 0 !important;
}

.table-bordered {
    border: 0 solid #ddd !important;
}

.email-distribution-addr {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.pdfColumnMinWidth {
    min-width: 100px !important;
}

.raw-tables-for-print table td:nth-child(1) {
    min-width: 100px;
}

.raw-tables-for-print table td:nth-child(2) {
    min-width: 100px;
}

.raw-tables-for-print table td:nth-child(3) {
    min-width: 100px;
}

.raw-tables-for-print table td:nth-child(4) {
    min-width: 100px;
}

.raw-tables-for-print table td:nth-child(5) {
    min-width: 100px;
}

div.communicationContentReadOnlyWrapper {
    height: auto;
    padding-left: 5px !important;
}

/* --- end: required for com.novelution.nrms.service.pdf.PdfServiceNew.transformTables  */

/* Management plans fix begin */
.printPdfLabel {
    width: 100% !important;
    padding-left: 20px !important;
}
.printPdfLabel:after {
    content: '';
    white-space: pre;
    display: block;
    width: 100% !important;
}
/* Management plans fix end */