/*
 Copyright 2021 Alliance Transportation Group Inc. All rights reserved.
 This code exists only as part of the PM-DIS application for TxDOT.
 Not to be separated from the main project or redistributed in any way.
 Modification of this source code on behalf of TxDOT is allowable use.
 For license details see disclaimer file distributed with source code, or contact Alliance Transportation Group at software@emailatg.com
*/

/* print css */

@media print {
	@page {
		size: A4 portrait;
		margin: 0cm;
		max-height:100vw;
		max-width:100vw;
	}

	body {
		width: 100%;
		height: 100%;
		margin: 0;
		float: none;
		font-size: 12pt;
		/* line-height 1.2pt; */
		background: #fff !important;
		color: #000;
		-webkit-print-color-adjust: exact !important;
	}

	p {
		font-size: 12pt !important;
		line-height: 14pt !important;
	}

	h1 {
		font-size: 20pt !important;
	}

	h1#portfolio_name_heading {
		font-size: 2.5rem !important;
		margin-bottom: 0;
	}

	h1.card_header {
		font-size: 14pt;
	}

	h2, h3, h4 {
		font-size: 14pt !important;
		margin-top: 5pt !important;
		line-height: 16pt !important;
	}

	.bg_congestion, .thermometer_congestion {
		background-color: #e15069 !important;
		-webkit-print-color-adjust: exact !important;
	}

	.bg_connectivity, .thermometer_connectivity {
		background-color: #f9a83b !important;
		-webkit-print-color-adjust: exact !important;
	}

	.bg_economic, .thermometer_economic {
		background-color: #2abfc6 !important;
		-webkit-print-color-adjust: exact !important;
	}

	.bg_environment, .thermometer_environment {
		background-color: #00a651 !important;
		-webkit-print-color-adjust: exact !important;
	}


	.bg_preservation, .thermometer_preservation {
		background-color: #914e92 !important;
		-webkit-print-color-adjust: exact !important;
	}

	.bg_safety, .thermometer_safety {
		background-color: #435b90 !important;
		-webkit-print-color-adjust: exact !important;
	}

	.thermometer_remaining {
		background-color: #aaaaaa !important;
		-webkit-print-color-adjust: exact !important;
	}

	button, a.button, button.button {
		display: none;
	}

	.show_for_print {
		display: block !important;
	}

	.hide_for_print {
		display: none;
	}

	body.grid-x .mainblock {
		width: 100%;
		border: none;
	}

	a.documentation-link {
		display: none !important;
	}

	.fixed_side_menu {
		display: none;
	}

/* Crition Sub Page */

	p.criteria_description, p.sub-criteria-tile-description {
		font-size: 10pt !important;
	}

	.breadcrumbs, .sub-nav, .top-bar {
		display: none;
	}

	h1.p_name {
		font-size: 2.5rem !important;
	}

	h1 .criterion_section_header {
		font-size: 5rem !important;
	}

	.subcriteria_container .sub-criteria-tile {
		width: 30vw;
		display: block;
		/* border: 1px solid black; */
	}

	.flag-icon-container {
		margin-left: -1rem;
	}

	.sub-criteria-tile .speedometer.svg-container > svg > text:nth-child(4), .card_container .speedometer.svg-container > svg > text:nth-child(4) {
		font-size: 2.4rem;
	}

	.c_description, .criteria_description {
		width: 100% !important;
	}

/* Portfolio Page */

	.my_portfolio_tab #portfolio-weights-sunburst {
		display: none;
	}

	.my_portfolio_tab h2 {
		margin: 0px;
	}

	.criteria_description {
		width: 30vh;
	}

	.subcriteria_container {
		text-align: left;
	}

	.sub-criteria-tile {
		padding: 0 !important;
		margin: 0 !important;
		height: auto !important;
	}

	.tabs-content .tabs-panel.criteria_panel, .sub-criteria-tile {
		page-break-inside: avoid;
	}

	.tabs-panel.criteria_panel div.grid-x.grid-padding.align-center.subcriteria_container div, div.sub-criteria-tile {
		width: 30vw !important;
		/* padding: 1rem !important; */
		/* height: auto !important; */
		text-align: left !important;
	}

	.portfolio_dist_mpo {
		width: 100% !important;
	}

	.tabs-panel {
		padding: 0;
	}

	.p_stacked_chart.cell.small-12.medium-6.large-8, .p_weight_tool.cell.small-12.medium-6.large-4 {
		width: 100% !important;
		padding: 1rem;
	}

}
