@media print {

	
	@page {
		size: auto;
		margin: 0;
		margin-right:2cm;
	}

	body {
		visibility: hidden;
		margin:2cm;
		margin-top:-1cm;
		
	}
	
	#print-chart {
		page-break-before: always; /* fuerza un salto de página antes de la caja generada */
		page-break-inside: avoid; /* Evita que el elementos se corte */
	}

	.printable-graphics {
		visibility: visible;
        margin-left: -50pt !important;
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}

	.printable {
		visibility: visible;
		position: absolute;
		left: 0;
		top: 0;
	}

	.not-printable {
		visibility: hidden;
	}

	.printable-secondpage {
		padding-top: 4cm;
	}

}
	

/* Userbox - Mobile */
@media only screen and (max-width: 767px) {

	.userbox .name,
	.userbox .role {
		max-width: 120px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.userbox {
		float: left;
		margin: 16px 0 0 12px;
		position: relative;
	}

	.userbox:after {
		background: #E9E9E6;
		content: '';
		height: 63px;
		margin: 0;
		position: absolute;
		right: -21px;
		top: -18px;
		width: 1px;
	}

	.userbox .profile-picture {
		display: inline;
	}

	.userbox.show .dropdown-menu {
		left: -5px !important;
		padding: 43px 0 0 0;
	}
}

@media only screen and (max-width: 379px) {

	.userbox .name,
	.userbox .role {
		max-width: 67px;
	}
}