/* -------------------------------------------------------------- 
  
 Hartija Css Print  Framework
   * Version:   1.0 
	 
-------------------------------------------------------------- */

body { 
width:100% !important;
margin:0 !important;
padding:0 !important;
line-height: 1.45; 
/* font-family: Garamond,"Times New Roman", serif; */ 
color: #000; 
background: none; 
font-size: 10pt; }

/* Headings */
h1,h2,h3,h4,h5,h6 { page-break-after:avoid; }
h1{font-size:1.25rem !important;}
h2{font-size:1rem !important;}
h3{font-size:1rem !important;}
h4,h5,h6{font-size:1.1rem !important;}


p, h2, h3 { orphans: 3; widows: 3; }

code { font: 12pt Courier, monospace; } 
blockquote { margin: 1.2em; padding: 1em;  font-size: 12pt; }
hr { background-color: #ccc; }

/* Images */
img { float: left; margin: 1em 1.5em 1.5em 0; max-width: 100% !important; }
a img { border: none; }

/* Links */
a:link, a:visited { background: transparent; font-weight: 700; text-decoration: underline;color:#333; }
a:link[href^="http://"]:after, a[href^="http://"]:visited:after { content: " (" attr(href) ") "; font-size: 90%; }

abbr[title]:after { content: " (" attr(title) ")"; }

/* Don't show linked images  */
a[href^="http://"] {color:#000; }
a[href$=".jpg"]:after, a[href$=".jpeg"]:after, a[href$=".gif"]:after, a[href$=".png"]:after { content: " (" attr(href) ") "; display:none; }

/* Don't show links that are fragment identifiers, or use the `javascript:` pseudo protocol .. taken from html5boilerplate */
a[href^="#"]:after, a[href^="javascript:"]:after {content: "";}

/* Table */
/*table { margin: 1px; text-align:left; }*/
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th,td { padding: 4px 10px 4px 0; }
tfoot { font-style: italic; }
caption { background: #fff; margin-bottom:2em; text-align:left; }
thead {display: table-header-group;}
img,tr {page-break-inside: avoid;} 

/* Hide various parts from the site */
#header, #footer, #navigation, #rightSideBar, #leftSideBar 
{display:none;}


/*
 --- UKK Specific ---
*/

* {
    -webkit-print-color-adjust: exact !important;   /* Chrome, Safari, Edge */
    color-adjust: exact !important;                 /*Firefox*/
}

.print {
	display: block !important;
}

h1, h2, h3 {
	color: black !important;
}

progress {
	-webkit-print-color-adjust: exact;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 0;
	margin-top: -7px;
	height: 5px;
}

.section { padding: 0 }

.block:not(:last-child), .box:not(:last-child), .breadcrumb:not(:last-child), .content:not(:last-child), .highlight:not(:last-child), .level:not(:last-child), .message:not(:last-child), .notification:not(:last-child), .pagination:not(:last-child), .progress:not(:last-child), .subtitle:not(:last-child), .table-container:not(:last-child), .table:not(:last-child), .tabs:not(:last-child), .title:not(:last-child)
{
	margin-bottom: 0.75rem;
}

.notification {
	display: none;
}

.message-body {
	padding: 0;
}

.card-header {
	-webkit-box-shadow: none;
	box-shadow: none !important;
}

.card-content {
	padding: 0 0.5rem !important;
}

.box {
	padding: 0.5rem !important;
}

/* Walk Test */

#walktest-title {
	background-color: white !important;
}

#walktest-title .subtitle {
	color: black !important;
}

#walktest-title .hero-body {
	background: url("/UKK-logo-print.png");
	background-position: right top;
	background-size: 25%;
	background-origin: content-box;
	background-repeat: no-repeat;
}

#walktest-title .hero-body {
	padding: 0.5rem;
}

#walktest-title .title {
	margin-bottom: 1rem;
}

#walktest-title .level-item {
	font-size: 1rem;
}

#walktest-comment {
	font-size: 0.75rem !important;
}

#walktest-score { 
	background-color: white;
	box-shadow: none;
}

#walktest-score .card-content {
	padding: 0 1rem !important;
}

#walktest-score .table td, .table th {
	padding: 0.25em;
}

/* Walktest comparison */

#walktest-comparison { 
	background-color: white;
	box-shadow: none;
	padding-bottom: 0.25rem;
}

#walktest-comparison-desc {
	padding: 0 0 0.25rem 0.75rem !important;
	margin: 0 !important;
}

#walktest-comparison-text {
	padding: 0 0 0 1.25rem !important;
}

#walktest-comparison-graph {
	padding-top: 0.5rem !important;
}

#walktest-comparison-graph .box {
	background-color: white;
	box-shadow: none !important;
	margin: 0 !important;
}

#walktest-comparison .table td, .table th {
	padding: 0.25em;
}

#walktest-progress-upper {
	margin-top: 0.25rem;
	margin-bottom: 1rem;
}

#walktest-progress-lower {
/* 	margin-top: 2rem; */
	margin-bottom: 0.5rem;
}

/* Walktest information */

#walktest-information {
	background-color: white;
	font-size: inherit;
}

#walktest-information .message-header {
	background-color: white !important;
}

#walktest-information .message-header h3 {
	font-weight: 700 !important;
}

#walktest-information .box {
	box-shadow: none;
	padding: 0 0.75rem !important;
}

#walktest-information .table td, .table th {
	padding: .2em .75em;
}

/* Personal recommendation */

#personal-recommendation {
	font-size: inherit;
}

#personal-recommendation .message-header { 
	background-color: white !important;
}

#personal-recommendation .message-header h3 {
	font-weight: 700 !important;
}

#personal-recommendation .message-body {
	background-color: white !important;
	padding: 0 1rem;
}

#personal-recommendation .box {
	box-shadow: none;
	padding: 0 !important;
}

#personal-recommendation .subtitle { 
	font-size: inherit !important;
	font-weight: 700 !important;
	margin-bottom: 0 !important;
}

#personal-recommendation .table td, .table th {
	padding: .2em .75em;
}

#personal-recommendation-summary {
	color: black;
}

/* Confidence */

#confidence {
	page-break-after: always;
}

#confidence .hero-body {
	background-color: #008ca9;
	padding: 0;
}

/* Test tracking */

#test-tracking {
	background-color: white;
	font-size: 8pt;
	box-shadow: none;
}

#test-tracking .card-header {
	background-color: #008ca9;
}

/* Group Report */

#group-report-information {
	box-shadow: none;
}