#imgViewModal .modal-dialog .modal-content button {
	position: absolute; top: 3px; right: 3px; display:block;
	padding: 4px 9px; border: 3px solid #fff;
}

.datepicker {
  z-index: 1049 !important; /* has to be larger than 1050 */
}
.modal-body .datepicker {
  z-index: 1600 !important; /* has to be larger than 1050 */
}

/* Fake Select*/
.fake-select { position: relative; min-width: 275px; }
			
.fake-select-options {
	position: absolute; top: 100%; left: 0; right: 0;
	background: #fff;
	border: 1px solid #bbb;
	border-radius: 0.375rem;
	box-shadow: 0px 0px 9px 2px rgba(0,0,0, 0.11);
	margin-top: 2px;
	z-index: 1049;
	max-height: 200px;
	overflow-y: auto;
}
.modal-body .fake-select-options { z-index: 99999;}

.fake-select-item {
	display: block;
	padding: 0.5rem 1rem;
	color: #212529;
	text-decoration: none;
}
.fake-select-item:hover {
	background-color: #eee;
	text-decoration: none;
}
.fake-select-item em, .fake-select button em { margin-right: 8px; }

.fake-select button.fake-select-btn {
	border: 1px solid #ccc;
	background: #f6f6f6 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") right 0.75rem center no-repeat;
	background-size: 16px 12px;
}
.fake-select button.fake-select-btn:hover {
	background-color: #eee;
	color: #000;
}
/* end Fake Select*/

.done, tr.done td { background-color: #d4f4e3 !important;}
option.priority-low { background-color: #c4e6d3 !important;}
option.priority-med { background-color: #fef2c0 !important;}
option.priority-high { background-color: #f44336 !important;}

/* by specific value */
/* #stareSelect option[value="1"] { color: #336600; } */
/* #stareSelect option[value="2"] { color: #b38600; } */
/* #stareSelect option[value="3"] { color: #238c00; } */
/* #stareSelect option[value="4"] { color: #8c0000; } */

.pill { display: inline-block; line-height: 1.3; padding: 2px 8px; border-radius: 30px; border: 1px solid #999; color: #fff; background: #999; font-size: 10px; letter-spacing: 1px; }
.pill.pill-icon { padding: 2px; }
.pill.priority-low { background: #999; border-color: #999; position: relative; }
/* .pill.priority-low:after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 16px; height: 16px; } */
.pill.priority-med { background: #ff8100; border-color: #ff8100; }
.pill.priority-high { background: #ff004e; border-color: #ff004e; }

.pill.pill-danger { background: #f44336; border-color: #f44336; }
.pill.pill-warning { background: #ffde58; border-color: #eec826; color:#000; }
.pill.pill-success { background: #42ce83; border-color: #2eac69; }
.pill.pill-secondary { background: #999999; border-color: #999999; }

.btn.pill.pill-danger:hover { background: #fff; border-color: #ae1d13; color:#ae1d13; }
.btn.pill.pill-warning:hover { background: #fff; border-color: #b35900; color:#b35900; }
.btn.pill.pill-success:hover { background: #fff; border-color: #127d44; color:#127d44; }
.btn.pill.pill-secondary:hover { background: #fff; border-color: #666; color:#666; }

.text.priority-low { }
.text.priority-med { color: #ff8100; }
.text.priority-high { color: #ff004e; }

h5.label { background: #eee; padding: 2px 8px; }

.lead { color:#000; background: #ddd; font-size: 12px; letter-spacing: 1px; text-transform:lowercase; padding: 1px 4px; line-height: 1.3; display:inline-block; font-weight: 600; }
.lead-high { background: #ffb1c9; }
.lead-med { background: #ffcc98; }
.lead-low { background: #9cdfff; }

.active-filters {}
.active-filters h4 { font-size: 16px; }
.active-filters div { line-height: 1; }
.active-filters div span { font-size: 16px; line-height: 1.3; display: inline-block; }
.active-filters div a { font-size: 16px; line-height: 1 !important; }

.alert-sm.alert-dismissible .btn-close {
    position: absolute; top: 50%; right: 0; transform: translate(0, -50%);
    z-index: 2;
    padding: 12px;
    font-size: 12px;
}

/* Main Nav */
#topBar.fixed { height: 86px; }
#topBar.fixed > div { position: fixed; width: 100%; z-index: 99999; }
#mainNav {}
#mainNav .nav-link { 
	font-size: 18px; font-weight: 400; line-height: 1.2; text-decoration: none; padding: 6px 10px; margin: 0 3px;
	background: transparent;
	color: #b3d3ff;
	border-bottom: 1px solid #678bbc;
	border-radius: 0;
}
#mainNav .nav-link:hover,
#mainNav .nav-link.active { 
	text-decoration:none;
	background: #b3d3ff;
	border-color: #b3d3ff;
	color:#000;
	border-radius: 4px;
}

#navToggle { 
	display: none; padding: .2rem !important; 
	border-radius: 4px; background: transparent; border: 1px solid #b3d3ff; color: #b3d3ff; 
}
#navToggle:hover { color: #000; background: #b3d3ff; border-color: #b3d3ff; }

#mobileNavWrapper { position: fixed; top:0; left: -100%; display: block; width: 0; height: 100vh; overflow: hidden; color:#fff; opacity: 0; transition: all 0.3s ease-out; overflow-y: scroll; z-index: 99999; }
#mobileNavWrapper.show-nav { height: 100vh; width: 100vw; left: 0; opacity: 1; transition: all 0.3s ease-out; }
#mobileNav { width: 100%; max-width: 300px; height: 100%; margin: 0 auto;}
#mobileNav li.nav-item { padding: 2px 0; border-bottom: 1px solid rgba(0,0,0, 0.15); }
#mobileNav li.nav-item:last-child { border: none !important; }
#mobileNav a.nav-link {
	color: rgba(0,0,0, 1);
	background: transparent;
	width: 100%;
	font-size: 18px;
	padding: 8px 10px !important;
	font-family: var(--headline-font);
	letter-spacing: normal;
	text-align: center;
	border-radius: 0px;
}
#mobileNav li:hover a.nav-link,
#mobileNav a.nav-link.active {  
	color: #fff;
	background: #293e5b;
	text-decoration:none;
	border-radius: 4px;
}
#mobileNav a.nav-link.brand-link {  }
#mobileNav a.nav-link.brand-link:hover,
#mobileNav a.nav-link.brand-link.active { background: transparent; color: #000; }

#navCloseBtn { background: transparent; border: 2px solid #777; color: #777; border-radius: 4px; }
#navCloseBtn:hover { background: #000; color: #fff; border-color: #000; }
/* end Main Nav */

.currency { font-size: 12px; letter-spacing: 1px; text-transform:uppercase; color:#666;}
.breadcrumbs { font-size: 14px; line-height: 1.3; letter-spacing: 1px; }

.datepicker table tr td.active {
	border: none !important;
	/* border-radius: 0 !important; */
}
.datepicker.datepicker-dropdown { box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.2); }
.tt-cap { text-transform: capitalize; }
.upper, .tt-up { text-transform: uppercase; }
.lower, .tt-low { text-transform: lowercase; }

.login-box-wrapper { padding: 0 1rem;}
.login-box { width: 100%; max-width: 380px; }

@keyframes float {
	0% {
		/* box-shadow: #000 0px 0px 30px 0px, #0ff 0px 0px 30px 0px; */
		transform: translateY(0px);
	}
	50% {
		/* box-shadow: rgba(0,0,0,0.2) 0px 20px 30px 0px, rgba(0,255,255,0.2) 0px 20px 30px 0px; */
		transform: translateY(-20px);
	}
	100% {
		/* box-shadow: #000 0px 0px 30px 0px, #0ff 0px 0px 30px 0px; */
		transform: translateY(0px);
	}
}
.float-animation {
	transform: translateY(0px);
	animation: float 6s ease-in-out infinite;
}

.autocomplete.autocomplete-custom div { font-size: 16px !important; }
.autocomplete.autocomplete-custom div span { font-size: 12px !important; }

.form-group-box { position:relative; z-index: 1; border: 1px dashed rgba(0,0,0, 0.2); padding: 12px 9px; }
.form-group-box .group-label { 
	position: absolute; top: -12px; left: 50%; transform: translateX(-50%); display:block; z-index: 2; font-size: 16px; letter-spacing: 1px; font-weight: 700; color:#000; background: #fff; padding: 0px 6px; text-align:center; 
}
.form-group-box { background: rgba(0,0,0, 0.05); border-radius: 6px; }
.hours-group input { padding: .375rem .5rem; padding-right: 4px !important; }
.hours-group input:nth-of-type(1) { width: 60px; border-top-right-radius: 0; border-bottom-right-radius: 0; }
.hours-group input:nth-of-type(2) { width: 60px; border-top-left-radius: 0; border-bottom-left-radius: 0; }
.hours-group span { padding: 0 2px; }
.datepicker input { border-radius: 4px !important; }
.datepicker.has-buttons-next-prev input { border-radius: 0 !important; padding: .375rem .5rem; font-size: 1rem;}
.fake-readonly-input {
	background: #e9ecef; border: 1px solid #c4c4c4; padding: 0.375rem 0.5rem; width: 100%; border-radius: 4px;
}

#tableWrapper .table tr.anulat { color:#999; }
#tableWrapper .table tr.anulat td .pill { background: #999 !important; border-color: #999 !important; }
#tableWrapper .table tr.finalizat td .pill { background: #42ce83 !important; border-color: #42ce83 !important; }
#tableWrapper .table tr.fz-14 a { font-size: 14px; }

.bd-light { border-color: #ccc;}
.bd-lighter { border-color: #eee;}

.table-auto-50 tr td:nth-child(1) { width: auto; white-space: nowrap; }
.table-auto-50 tr td:nth-child(2) { width: 100%; }
.table-clicked tr.clicked, .table-clicked tr.clicked td, .table-clicked tr.clicked th { background-color:#ffda70 !important; box-shadow: none !important; }
.table-clicked tr.clicked:hover, .table-clicked tr.clicked:hover td, .table-clicked tr.clicked:hover th { background-color:#ffd24d !important; }

#debuggerBar { background: #fff; border-top: 3px solid #ccc; padding: 12px 24px; }

.box { width: 100%; padding: 12px; border: 1px solid rgba(0,0,0, 0.15); background: #eee; color:#000; }
.color-green-1 { color:#59b300; }
.color-red-1 { color:#ff0000; }
.color-gray-1 { color:#999; }
.color-green-2 { color:#198754; }
.color-red-2 { color:#8c0023; }
.color-gray-2 { color:#666; }
.text-black-65 { color: rgba(0,0,0, 0.65); }

tr.inactive td { color:#ccc !important; }
tr.strike td { color:#ccc; text-decoration:line-through; }
tr.active td { }
tr.suspended td { color: #f44336 !important; }
tr.inactive td img, tr.suspended td img { opacity: 0.5; }


.btn.btn-icon { padding: 3px 4px; }
.btn.btn-icon-tl { padding: 5px 8px; }
.btn.btn-gray { background: rgba(0,0,0, 0.05) !important; border: 1px solid rgba(0,0,0, 0.15) !important; color:#000; transition: all 0.2s ease-in; }
.btn.btn-gray:hover, .btn.btn-gray.active { background: rgba(0,0,0, 0.15) !important; border: 1px solid rgba(0,0,0, 0.25) !important; color:#000; opacity: 1; transition: all 0.3s ease; }

#dataViewLeft { width: 200px; overflow:hidden; }
#dataViewLeft.collaped { max-width: 38px; }
#dataViewLeft.collaped .hide-collapsed { display:none; }
.a-nav-link { padding: 4px 8px; background: transparent; color:#000; border-radius: 4px; }
.a-nav-link:hover, .a-nav-link.active { background: #eee; color:#333; }

.actions-wrap { border-bottom: 1px solid #ddd; padding-bottom: 8px;}
.data-view {}
.data-view .left { padding: 8px; border-right: 1px solid #ddd; }

.flex-grid { flex-wrap: wrap; gap: 0 !important; }
.flex-grid .flex-grid-item { 
	width: 100%; padding: 4px; 
	flex: 20%; max-width: 20%; /* max 5 per row */
}
.flex-grid .flex-grid-item .item-content { 
	width: 100%; padding: 10px; border: 1px solid #ccc; background: #fefefe; border-radius: 6px; 
}
.flex-grid .item-content a.avatar { width: 100px; height: 120px; }
.flex-grid .item-content.inactive,
.flex-grid .item-content.suspended { background: #eee; color:#999; }
.flex-grid .item-content.inactive a img,
.flex-grid .item-content.suspended a img { }
.flex-grid .item-content.inactive .name,
.flex-grid .item-content.suspended .name { text-decoration: line-through; }
.pos-abs-tr {position: absolute; top: 4px; right: 4px; display:block; z-index: 9;}
.pos-abs-br {position: absolute; bottom: 4px; right: 4px; display:block; z-index: 9;}

.avatar {
    width: 100%;
	height: auto;
	display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0, 0.05);
	border: 1px solid #ccc;
}
.avatar.no-img { color:#333; font-weight: 600; border-color: #fff; }
.data-view-list .avatar { width: 50px; height: 50px; }
.data-view-grid .avatar { width: 100px; height: 120px; }
.modal .avatar { max-width: 322px; }
.modal .avatar.no-img { height: 322px; }

.avatar .initials { font-size: 24px; }
.modal .avatar .initials { font-size: 64px; }
a.avatar { transition: all 0.2s ease-in; }
a.avatar:hover { text-decoration:none; opacity: 0.75; transition: all 0.3s ease; }


/* Grid Container */
/* horizontally scrolling container - the child .tl-wrap carries a min-width set by PHP,
   so a scrollbar only appears once the viewport is narrower than that (e.g. on mobile) */
#gridContainer .tl-scroll { overflow-x: auto; overflow-y: clip; border:1px solid #b7bfc8; border-radius:6px; }
#gridContainer .tl-wrap { min-width: var(--tl-min-width, 0); position:relative; }

@media (min-width: 991px) {
  #gridContainer .tl-wrap { min-width: 0; width: 100%; }
}

#gridContainer .tl-header-row { display:flex; border-bottom: 2px solid #212529; background:#cfe2ff; position: sticky; top: 0; z-index: 3; }
#gridContainer .tl-header { flex:1; display:grid; }
#gridContainer .tl-day-header {
  text-align:center; font-size: 12px; color:#212529; padding:6px 2px;
  border-left: 1px solid #b7bfc8;
  letter-spacing: 1px;
}
#gridContainer .tl-day-header:first-child { border-left: none; }
#gridContainer .tl-header-row .tl-label-cell { background: #cfe2ff; border-right: 1px solid #b7bfc8; }

#gridContainer .tl-row { display:flex; border-top:1px solid #ddd; min-height:48px;  }
#gridContainer .tl-row:first-child { border-top:none; }

/* label column: sticky within .tl-scroll, so it stays pinned on the left while the
   day columns behind it scroll horizontally */
#gridContainer .tl-label-cell,
#gridContainer .tl-label {
  width: 240px; flex-shrink:0; position:sticky; left:0; z-index:2;
  background: #fff; box-shadow:1px 0 0 #ddd;
}
#gridContainer .tl-label {
  display:flex; align-items:center; gap:8px; padding:6px 8px; cursor:pointer;
}
#gridContainer .avatar { width: 48px; height: 48px; flex-shrink: 0; display: flex; justify-content: center; align-items: center; flex-direction: column; }
#gridContainer .tl-label .info { display:flex; flex-direction:column; overflow:hidden; }
#gridContainer .tl-label .info .name {
  font-weight:600; font-size:13px; color:#212529;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
#gridContainer .tl-label .info .sub { font-size:11px; color:#888; }

#gridContainer .tl-track {
  flex:1; display:grid; position:relative; padding: 10px 0;
  background-image: repeating-linear-gradient(
    to right,
    transparent,
    transparent calc(var(--tl-day-pct) - 1px),
    #dee2e6 calc(var(--tl-day-pct) - 1px),
    #dee2e6 var(--tl-day-pct)
  );
}

#gridContainer .shift-item {
  display:flex; align-items:center; height:40px; margin:0 1px;
  padding:0 6px; border-radius:4px; border:1px solid transparent;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  font-size:12px; font-weight:500; color:#fff; cursor:pointer;
}
.status-badge { padding: 2px 6px; border-radius: 4px; border: 1px solid #ccc; color:#000; font-size:14px; }
.shift-green { background:#3da863 !important; border-color:#2d9050 !important; color:#fff; }
.shift-green-light { background:#8ec9a3 !important; border-color:#6cb587 !important; color:#fff; }
.shift-blue { background:#5a8dee !important; border-color:#4a7bd6 !important; color:#fff; }
.shift-blue-light { background:#b3cdff !important; border-color:#8dabe4 !important; color:#274c94 !important; }
.shift-blue-dark { background:#315fb6 !important; border-color:#2750a0 !important; color:#fff; }
.shift-red { background:#e97a7a !important; border-color:#d96363 !important; color:#fff; }
.shift-yellow { background:#c0843b !important; border-color:#ac6e23 !important; color:#fff; }
.shift-purple { background:#7639b4 !important; border-color:#5a1e96 !important; color:#fff; }

.modal-shifts { padding: 0; }
.modal-shifts .shift-item { padding: 4px 8px; font-size: 12px; color:#fff; border-radius: 4px; overflow:hidden; border: 1px solid #ccc; }
.modal-shifts .shift-work { background:#ccf2af !important; border-color:#a6d484 !important; color:#000; }
.modal-shifts .shift-break { background:#ffdabf !important; border-color:#d2b19a !important; color:#000; }

.timeline-modal {}
.timeline-modal dl.row { align-items: center; }
.timeline-modal dl.row dt { font-size: 16px; margin-bottom: 6px; padding-left: 0; }
.timeline-modal dl.row dd { margin-bottom: 6px; padding-right: 0; }

/* smaller font on month view, per the earlier vis-timeline discussion */
#gridContainer .view-month .shift-item { font-size:10px; height:32px; }
#gridContainer .view-week .shift-item,
#gridContainer .view-day .shift-item { font-size:12px; }
/* end Grid Container */

#detailsModal .modal-body { overflow:hidden; }

.datepicker {
  z-index: 1049 !important; /* has to be larger than 1050 */
}
.modal-body .datepicker {
  z-index: 1600 !important; /* has to be larger than 1050 */
}

.divider {
	padding: 0 0 22px 0;
	margin: 0 0 22px 0;
	border-bottom: 1px solid rgba(0,0,0, 0.15);
	line-height: 0;
	width: 100%; height: 0 !important;
}
.divider .label {
	position: absolute; top: 8px; left: 8px; display:block; width: auto; height: auto;
	font-size: 14px;
	text-transform:uppercase;
	letter-spacing: 1px;
	background: #f4f4f4;
	color:#666;
	border: 1px solid rgba(0,0,0, 0.15);
	padding: 2px 6px;
	line-height: 1;
	z-index: 1;
}
.divider.yellow { border-color: #e2c083; }
.divider.yellow .label {
	background: #fff0d5;
	border-color: #e2c083;
}

.tabs {}
.tabs .tabs-nav { display: flex; flex-direction: row; justify-content: start; align-items: stretch; gap: 8px; border-bottom: 1px solid #ccc; }
.tabs .tabs-nav .nav-link { 
	display:block; padding: 4px 10px; 
	background: rgba(0,0,0, 0.15); border: 1px solid #ccc; color:#000;
	font-size: 14px; letter-spacing: 1px;
	margin-bottom: -1px; 
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	box-shadow: 0px -2px 1px 0px inset rgba(0,0,0, 0.05);
}
.tabs .tabs-nav .nav-link:hover { color: #666; }
.tabs .tabs-nav .nav-link.active { background: #fff; border-bottom: 1px solid #fff; color: #666; box-shadow: none; }
.tabs .tab-content { border: 1px solid #ccc; border-top: none; padding: 18px 8px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.tabs .tab-content .tab-pane { }

.istoric-wrap {}
.istoric-wrap .divider { padding: 0 0 12px 0; margin: 0 0 12px 0; }
.istoric-wrap .divider .label { top: 2px; left: 8px; font-size: 12px; font-family: var(--content-font); letter-spacing: 1px; }
.istoric-wrap .istoric-item {}
			
/* Media Queries */
/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  
}
/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {  
	.modal-md { max-width: 700px; }
}
/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) {  
}
/* // X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
}
/* // XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}

@media (max-width: 1399px) {
	.flex-grid .flex-grid-item { flex: 33.3%; max-width: 33.3%; /* max 3 per row */ }
}
@media (max-width: 1199px) {
	#mainNav .nav-link { font-size: 16px; margin: 0; }
	
	.flex-grid .flex-grid-item { flex: 33.3%; max-width: 33.3%; /* max 3 per row */ }
}
@media (max-width: 991px) {
	#mainNavWrapper { display:none !important; }
    #navToggle { display:block !important; }
	
	/* make modal on smaller screens than this to cover most of the screen, like on mobile*/
	.modal-dialog { width: auto; max-width: none; margin: .5rem; }
	.w-50-100 { width: 100%; }
	.form-group-box .group-label { display:none; }
	.hide-lg { display:none !important; }
	
	.flex-grid .flex-grid-item { flex: 50%; max-width: 50%; /* max 2 per row */ }
	
	.modal-md { max-width: 700px; margin: 1.75rem auto; }
	
	#gridContainer .shift-item { padding: 0 2px;}
}
@media (max-width: 767px) {
	.table-auto-50 tr td:nth-child(1) { width: 50% !important; white-space: normal !important; }
	.table-auto-50 tr td:nth-child(2) { width: 50% !important; }
	.hide-mobile, .graph-box .graph-item:nth-child(-n+1) { display: none !important; }
	.hide-md { display:none !important; }
	
	.flex-grid .flex-grid-item { flex: 100%; max-width: 100%; /* max 1 per row */ }
	
	.modal-md { width: auto; max-width: none; margin: 0.5rem; }
}
@media (max-width: 575px) {  
	.hide-sm { display:none !important; }
}
@media (max-width: 380px) {  
}
@media (min-width: 576px) and (max-width: 767px) {}
@media (min-width: 768px) and (max-width: 991px) {}
@media (min-width: 992px) and (max-width: 1199px) {}
@media (max-width: 1199px) {}
@media (max-width: 1399px) {}

@media print {
	@page {
		/* size: A4 portrait; */
		/* size: 20.9cm 28.8cm !important; */
		margin: 1rem;
	}
	body { margin: 0 !important; padding: 0 !important; }
	
	.no-print, .debugger { display:none; visibility:hidden;}
	
	#section-to-print { visibility: visible; position: absolute; left: 0; top: 0; }
	.print-this { background: #fff !important; }
	.p-print-0 { padding: 0 !important; }
	section.print-this { display:block !important; }

	#printWrapper { border: none !important; padding: 0 !important; page-break: after; margin: 0 !important;}
	#printWrapper .container-fluid { margin: 0 !important; padding: 0 !important;}
	#printWrapper p, #printWrapper ul li { font-family: Arial, sans-serif !important; font-size: 12px !important; }
	#printWrapper table, #printWrapper table tr { box-shadow: none !important; }
	#printWrapper table thead tr, #printWrapper table thead th { position:static; }
	#printWrapper table thead tr, #printWrapper table thead tr *,
	#printWrapper table thead th, #printWrapper table thead th * { font-family: Arial, sans-serif !important; font-size: 14px !important; color:#000 !important; }
	#printWrapper table tbody td, #printWrapper table tbody td * { font-family: Arial, sans-serif !important; font-size: 12px !important; color:#333 !important; }
	#printWrapper table tfoot td, #printWrapper table tfoot td * { font-family: Arial, sans-serif !important; font-size: 14px !important; color:#000 !important; }
	#printWrapper table tfoot tr { position:static; }
	#printWrapper table { 
		break-inside: avoid; /* Modern CSS property */
		page-break-inside: avoid; /* Fallback for older browsers */
	}
  
	.fz-pr-12 { font-size: 12px !important; }
	.fz-pr-14 { font-size: 14px !important; }
	.fz-pr-16 { font-size: 16px !important; }
	.fz-pr-16 { font-size: 16px !important; }
	.fz-pr-18 { font-size: 18px !important; }
	.fz-pr-20 { font-size: 20px !important; }
	.fz-pr-22 { font-size: 22px !important; }
	.fz-pr-24 { font-size: 24px !important; }
	.fz-pr-28 { font-size: 28px !important; }
	.fz-pr-32 { font-size: 32px !important;}
	.fz-pr-34 { font-size: 34px !important; }
	.fz-pr-38 { font-size: 38px !important; }
	.fz-pr-42 { font-size: 42px !important; }
	.fz-pr-44 { font-size: 44px !important; }
	.fz-pr-52 { font-size: 52px !important; }
	.fz-pr-62 { font-size: 62px !important; }
}