body.print {
	/*width: 21cm;
	height: 29.7cm; */
    background-color: transparent;
	font-family: 'Ubuntu', sans-serif;
	font-size: 13px;
}


@media print {

	/*.print * {
		orphans: unset!important;
		widows: unset!important;
	}*/
	
	.print .data-table thead tr:last-child {
		-webkit-print-color-adjust: exact; 
	}
	.print .column-filter {
		visibility: hidden;
	}
	
	.print .data-table {
		width: 100%;
	}
	
	/*.print .chart-img {
		page-break-after: always;
	}*/
}

.print .column-filter {
	visibility: hidden;
}
	
.print .table-wrapper {
    width: 100%;
}

.print .data-table {
    border: none !important;
	border-collapse: collapse!important;
}

.print .dataTables_wrapper *{
	font-size:13px;
}

.print .dataTables_wrapper .container-fluid {
    padding: 0px !important;
}

.print .dataTables_wrapper .container-fluid > div {
    padding-left: 0px;
    padding-right: 0px;
}

.print .dataTables_scrollHead, .dataTables_scrollBody{
    overflow: visible !important;
}

.print .data-table thead tr:last-child {
    background-color: #37a8ca !important;
    color: #eff4f5;
}
.print .data-table tr.tr-head th{
	color:#ffffff;
}

.print .data-table thead tr th {
    padding-left: 0.5rem;
	padding-right: 0.5rem;
    vertical-align: middle!important;
	text-align: right;
	/*max-width: 100px!important;*/
	 width: auto;
}

.print .data-table tr.tr-filter th{
	padding-right: 0.4rem!important;
	padding-left: 0;
}
.print .data-table th, .data-table td {
    line-height: 1.5em;
    border: none;
}

.print .data-table tbody td {
    background-color: #ffffff;
    height: 2rem;
    padding: 0.2rem;
    vertical-align: middle!important;
	position:relative;
	text-align: right;
	padding-right: 0.5rem;
	/*max-width: 100px!important;*/
	 width: auto;
}

.print .data-table tbody tr {
    border-bottom: 1px solid #ebeff0;
}

.print .data-table tbody tr table tr:last-child{
    border-bottom: 0;
}

.print .data-table.table-hover tbody tr[role=row]:hover td {
    background-color: #ebeff0 !important;
    cursor: pointer;
}

.print .data-table tr[role] td .cog-holder{
	position:absolute;
	top: 50%;
    left: 100%;
    margin-top: -0.56rem;
    margin-left: -0.9rem;
	background:transparent;
}

.print .data-table tbody tr[role=row] td:hover{
	overflow:hidden;
}
.print .data-table tbody tr[role=row] td:not(.editing):hover .cog-holder:after{
	font-family: "Font Awesome 5 Free";
	content: "\f304";
	display: inline-block;
	font-weight: 900;
	color:#37a8ca;
	float: right;
	animation-name: fadeInRight;
	animation-fill-mode: forwards;
	animation-duration: 0.3s;
}

.print .data-table select{
	border: 1px solid #37a8ca;
	padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem;
}

.print .data-table tbody tr:hover{
	background-color: #ebeff0 !important;
}

.print .data-table tr.selected {
	background-color: #ebeff0 !important;
}
.print .data-table .selected td {
    background-color: #ebeff0 !important;
    color: #37a8ca !important;
}

.print .page-item.active .page-link {
    background-color: #37a8ca !important;
    outline-color: #37a8ca !important;
}

.print .column-filter,.bootstrap-select .btn,.data-table select {
    background-color:white;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    border: 1px solid #37a8ca ;
}

.print .table-holder {
    margin-bottom: 30px;
    z-index: 4;
}

.print .table-holder > .button-holder {
    text-align: end;
    margin-top: 1rem;
    margin-bottom: 2rem;
}

@media (max-width: 425px) {
    .print .table-holder > .button-holder {
        text-align: center
    }
}

.print .table-holder > .button-holder img, .table-new-form .btn img {
    height: 1.5rem;
    width: 1.5rem;
    margin-right: 0.5rem
}

.print .data-table tbody td .cf-checkbox{
	margin-bottom: 0px;
}

.print .data-table tbody tr:not(.shown) td.details-control:after{
	font-family: "Font Awesome 5 Free";
	content: "\f067";
	display: inline-block;
	vertical-align: middle;
	font-weight: 900;
	color:#37a8ca;
}

.print .data-table tbody tr.shown td.details-control:after{
	font-family: "Font Awesome 5 Free";
	content: "\f068";
	display: inline-block;
	vertical-align: middle;
	font-weight: 900;
	color:#37a8ca;
}

.print .data-table tbody tr:not(.shown) td.edit-control:after{
	font-family: "Font Awesome 5 Free";
	content: "\f013";
	display: inline-block;
	vertical-align: middle;
	font-weight: 900;
	color:#37a8ca;
}

.print .data-table tr[role] td.actions-holder {
    position: relative;
}

.print .data-table tr[role] td.actions-holder span.actions-holder{
    position: absolute;

}

.print .dataTables_info{
	padding-top:0.3rem!important;
}

.print .data-table .dropdown-menu {
    border-radius: 0px;
}

table.center {
	margin-left:auto; 
    margin-right:auto;
}

.print-holder {
	margin-top: 30px;
	page-break-inside: avoid;
}

.print h2 {
	font-size: 16px;
}

.font-weight-bold {
	font-weight: bold;
}

.canvas-holder {
    position: relative;
    width: 40vw;
	min-width: 1000px;
	contain: strict!important;
}

.canvas-holder.type-column {
	max-height: 600px;
}

/*.print .break-after {
	page-break-after: always; 
}*/

.print .data-table, .print .canvas-holder {
	margin: auto;
}