/* CSS for printing */
/* Don't print country and language selectors, link to the full profile and the metadata footer */
#selectors, #metadata, #detailed_profile {
	display: none;
}
@page {
	size: A4;
	margin: 1cm;
}
html {
	width: 210mm;
	height: 297mm;
}
/* Reduce vertical space taken up by elements and the font size, which should be expressed in points for printing */
body {
	font-size: 8pt;
	line-height: 1;
}
h1 {
	margin-top: 0;
	font-size: 14pt;
}

h2, h3 {
	margin-top: 0;
	margin-bottom: 2pt;
	font-size: 12pt;
	page-break-after: avoid;
}
h4, h5, h6 {
	margin-top: 0;
	margin-bottom: 2pt;
	font-size: 10pt;
}

img {
	page-break-inside: avoid;
	height:50%;
}


/* Shinydashboard elements */

/* The boxes containing charts */
.box.box-solid.box-info>.box-header {
	color:#fff;
	background:#00c0ef;
	background-color:#00c0ef
}

.box-body {
	max-height:90pt;
	height: 60%;
	padding-top:0;
	padding-bottom:0;
}

.box-header .box-title, .box-header>.fa, .box-header>.glyphicon, .box-header>.ion {
	display:inline-block;
	font-size:10pt;
	margin:0;
	line-height:1;
}


/* The small boxes with statistics */

.info-box {
	min-height:30pt;
	margin-bottom:7.5pt;
}

.info-box-content {
	padding:3.75pt 0 0 3.75pt;
	margin-left:35pt
}

.info-box-text, .progress-description {
	display:block;
	font-size:10pt;
	white-space:normal;
	overflow:visible;
	text-overflow:""
}

.info-box-number {
	display:block;
	font-weight:700;
	font-size:12pt
}

.info-box-icon {
	height:35pt;
	width:35pt;
	font-size: 17pt;
	line-height: 35pt;
}

.table td, .shiny-table td, .shiny-table.spacing-s td {
	line-height: 1;
	padding: 0;
	margin: 0;
	border-top-width: 0.25pt;
	page-break-inside: avoid;
	font-size: 6pt;
}
.table th, .shiny-table th, .shiny-table.spacing-s th {
	line-height: 1;
	padding: 0;
	margin: 0;
	border-bottom-width: 0;
	font-size: 6pt;
}
.table, .shiny-table, .shiny-table.spacing-s {
	margin-top: 0;
	margin-bottom: 6pt;
}
/* Adjust the bootstrap styles so that the profile prints with two columns rather than the default behaviour of stacking columns above each other. CSS taken from https://stackoverflow.com/a/49851233  */
@-moz-document url-prefix() {}
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-smdm-12 {
	float: left;
}
.col-sm-12, .col-md-12 {
	width: 100%;
}
.col-sm-11, .col-md-11 {
	width: 91.66666667%;
}
.col-sm-10, .col-md-10 {
	width: 83.33333333%;
}
.col-sm-9, .col-md-9 {
	width: 75%;
}
.col-sm-8, .col-md-8 {
	width: 66.66666667%;
}
.col-sm-7, .col-md-7 {
	width: 58.33333333%;
}
.col-sm-6, .col-md-6 {
	width: 50%;
}
.col-sm-5, .col-md-5 {
	width: 41.66666667%;
}
.col-sm-4, .col-md-4 {
	width: 33.33333333%;
}
.col-sm-3, .col-md-3 {
	width: 25%;
}
.col-sm-2, .col-md-2 {
	width: 16.66666667%;
}
.col-sm-1, .col-md-1 {
	width: 8.33333333%;
}
.col-sm-pull-12 {
	right: 100%;
}
.col-sm-pull-11 {
	right: 91.66666667%;
}
.col-sm-pull-10 {
	right: 83.33333333%;
}
.col-sm-pull-9 {
	right: 75%;
}
.col-sm-pull-8 {
	right: 66.66666667%;
}
.col-sm-pull-7 {
	right: 58.33333333%;
}
.col-sm-pull-6 {
	right: 50%;
}
.col-sm-pull-5 {
	right: 41.66666667%;
}
.col-sm-pull-4 {
	right: 33.33333333%;
}
.col-sm-pull-3 {
	right: 25%;
}
.col-sm-pull-2 {
	right: 16.66666667%;
}
.col-sm-pull-1 {
	right: 8.33333333%;
}
.col-sm-pull-0 {
	right: auto;
}
.col-sm-push-12 {
	left: 100%;
}
.col-sm-push-11 {
	left: 91.66666667%;
}
.col-sm-push-10 {
	left: 83.33333333%;
}
.col-sm-push-9 {
	left: 75%;
}
.col-sm-push-8 {
	left: 66.66666667%;
}
.col-sm-push-7 {
	left: 58.33333333%;
}
.col-sm-push-6 {
	left: 50%;
}
.col-sm-push-5 {
	left: 41.66666667%;
}
.col-sm-push-4 {
	left: 33.33333333%;
}
.col-sm-push-3 {
	left: 25%;
}
.col-sm-push-2 {
	left: 16.66666667%;
}
.col-sm-push-1 {
	left: 8.33333333%;
}
.col-sm-push-0 {
	left: auto;
}
.col-sm-offset-12 {
	margin-left: 100%;
}
.col-sm-offset-11 {
	margin-left: 91.66666667%;
}
.col-sm-offset-10 {
	margin-left: 83.33333333%;
}
.col-sm-offset-9 {
	margin-left: 75%;
}
.col-sm-offset-8 {
	margin-left: 66.66666667%;
}
.col-sm-offset-7 {
	margin-left: 58.33333333%;
}
.col-sm-offset-6 {
	margin-left: 50%;
}
.col-sm-offset-5 {
	margin-left: 41.66666667%;
}
.col-sm-offset-4 {
	margin-left: 33.33333333%;
}
.col-sm-offset-3 {
	margin-left: 25%;
}
.col-sm-offset-2 {
	margin-left: 16.66666667%;
}
.col-sm-offset-1 {
	margin-left: 8.33333333%;
}
.col-sm-offset-0 {
	margin-left: 0%;
}
.visible-xs {
	display: none !important;
}
.hidden-xs {
	display: block !important;
}
table.hidden-xs {
	display: table;
}
tr.hidden-xs {
	display: table-row !important;
}
th.hidden-xs, td.hidden-xs {
	display: table-cell !important;
}
.hidden-xs.hidden-print {
	display: none !important;
}
.hidden-sm {
	display: none !important;
}
.visible-sm {
	display: block !important;
}
table.visible-sm {
	display: table;
}
tr.visible-sm {
	display: table-row !important;
}
th.visible-sm, td.visible-sm {
	display: table-cell !important;
}
