/* uteis */
$xsmall: 360px;
$small: 780px;
$medium: 980px;
$large: 1200px;


.aui {
	
	/* ajustes gerais para media print (subir para tema) */
	@media print {
		#banner, .rodape, #breadcrumbs, .portlet-borderless-bar, .portlet-dockbar, .no-print, .no-print *, #liferayJSConsole {
			display: none !important; 
		}
		body {
		  font-size: 9pt;
		}
		h1 {
			font-size: 18pt;
		}
		h2 {
			font-size: 16pt;
		}
		h3 {
			font-size: 14pt;
		}
		h1,h2,h3 {
			line-height: 20pt;
			margin: 5pt 0;
			page-break-after: avoid;
		}
		.print-page-break-before-always {
			page-break-before: always;
		}
		.print-page-break-before-avoid {
			page-break-before: avoid;
		}
		.print-page-break-inside-always {
			page-break-inside: always;
		}
		.print-page-break-inside-avoid {
			page-break-inside: avoid;
		}
		.print-page-break-after-always {
			page-break-after: always;
		}
		.print-page-break-after-avoid {
			page-break-after: avoid;
		}
		a[href]::after {
  			content: none;
		}
		.cn-cmo-quadro-composicao {
			border: none;
		}
		.accordion.cn-cmo-accordion-composicao .accordion-group .accordion-heading {
			border: none;
		}
		.accordion.cn-cmo-accordion-composicao .accordion-caret {
			.accordion-toggle:not(.collapsed)::before, .accordion-toggle.collapsed::before {
 				content: none;
			}
		}
	}

	/* ajustes da envoltoria comum nas páginas de impressao para media-print */
	@media print {
		.cn-cmo-quadro-composicao--print {
			background-color: undefined;
			padding: 0;
			border: none;
		}
	}
	
	/* elementos comuns nas páginas de impressao da composicao */
	.cn-cmo-quadro-composicao--print {
		/* botão de impressão */
		.cn-cmo-print-button {
		    margin-top: 10px;
		    margin-bottom: 10px;
		}
		/* quadro de titularidade (titulares/suplentes) */
		.cn-cmo-print-membros-titularidade {
			padding: 5px 30px;
			box-sizing: border-box;
			width: 49%;
			display: inline-block;
			vertical-align: top;
   			@media screen and (max-width: $small) {
				width: 100%;
				padding: 5px 15px;
			}
		}
		.cn-cmo-print-membros-titularidade__titulo {
			width: 100%;
			font-size: 16px;
			font-weight: bold;
			text-align: center;
			&.cn-cmo-print-membros-titularidade__titulo--tabela {
				width: auto;
			}
		}
		/* lista de cargos */
		.cn-cmo-print-lista-cargos {
			padding: 5px 30px;
			font-size: 16px;
		}
		.cn-cmo-print-lista-cargos__titulo {
			margin: 5px 0;
			padding: 5px 0;
			font-size: 18px;
		}
		/* bloco de membros da comissão */
		.cn-cmo-print-bloco__titulo, .cn-cmo-print-bloco--titulo {
			margin: 15px 0;
			padding: 5px 0;
			font-size: 18px;
			text-align: center;
		}
		.cn-cmo-print-bloco__titulo--cd, .cn-cmo-print-bloco--titulo--cd  {
			border: thin solid #4DB848;
		}
		.cn-cmo-print-bloco__titulo--sf, .cn-cmo-print-bloco--titulo--sf  {
			border: thin solid #00AAFC;
		}
	
		.cn-cmo-print-bloco {
			display: block;
			margin-top: 20px;
			page-break-inside: auto;
			&.cn-cmo-print-bloco--cd {
				.cn-cmo-print-membros-titularidade__titulo {
					border-bottom: thin solid #4DB848;
				}
				.cn-cmo-print-bloco__titulo {
					border: thin solid #4DB848;
				}
			}
			&.cn-cmo-print-bloco--sf {
				.cn-cmo-print-membros-titularidade__titulo {
					border-bottom: thin solid #00AAFC;
				}
				.cn-cmo-print-bloco__titulo {
					border: thin solid #00AAFC;
				}
			}
		}
	}
	
	/* ajustes de elementos comuns nas páginas de impressao para media-print */
	@media print {
		.cn-cmo-print-bloco--casa {
		}
		.cn-cmo-quadro-composicao--print {
			.cn-cmo-print-membros-titularidade {
				page-break-before: avoid;
			}
			/* lista de cargos */
			.cn-cmo-print-lista-cargos {
				padding: 2pt 15pt;
				font-size: 14pt;
			}
			.cn-cmo-print-lista-cargos__titulo {
				margin: 5pt 0;
				padding: 5pt 0;
				font-size: 14pt;
				page-break-after: avoid;
			}
			/* bloco de membros */
			.cn-cmo-print-bloco {
				margin-top: 10pt;
				page-break-inside: auto;
				.cn-cmo-print-bloco__titulo {
					margin: 5pt 0;
					padding: 5pt 0;
					font-size: 14pt;
					page-break-after: avoid;
				}
				.cn-cmo-print-membros-titularidade {
					padding: 5pt 5pt;
				}
				&.cn-cmo-print-bloco--cd {
					.cn-cmo-print-membros-titularidade__titulo {
						font-size: 12pt;
						border-bottom-width: 1pt;
					}
				}
				&.cn-cmo-print-bloco--sf {
					.cn-cmo-print-membros-titularidade__titulo {
						border-bottom-width: 1pt;
					}
				}
			}
		}
	}

	/* elementos da página de impressão de membros */
	.cn-cmo-quadro-composicao--print {
		.cn-cmo-print-tabela-bloco {
			font-size: 12px;
			width: 100%;
			td, th {
				padding: 0px 15px;
			}
		}
		.cn-cmo-print-tabela-membros {
		    display: table;
			width: 100%;
		    .cn-cmo-print-tabela-membros__row {
			    display: table-row;
				>div {
				    display: table-cell;
					padding: 3px 5px;
			    	&.cn-cmo-print-tabela-membros__ordem-vaga {
			    		width: 5%;
			    	}
			    	&.cn-cmo-print-tabela-membros__telefone {
				    	width: 35%;
				    	text-align: right;
				    }
				}
			}
		}
	} 

	/* ajustes de listagem de membros para media-print */
	@media print {
		.cn-cmo-quadro-composicao--print {
			.cn-cmo-print-tabela-membros {
			    .cn-cmo-print-tabela-membros__row {
					>div {
						padding: 1pt 3pt;
					}
				}				
			}
		}
		.cn-cmo-print-tabela-bloco {
			font-size: 10pt;
			td, th {
				padding: 0pt 3pt;
			}
	
		}
	}
	
	/* membros com foto	*/
	.cn-cmo-quadro-composicao--print {
		.cn-cmo-print-fotos {
			margin: 15px 0;
			width: 49%;
			display: inline-block;
			text-align: center;
			&.cn-cmo-print-fotos--uma-coluna {
				width: 100%;
			}
		}
		.cn-cmo-print-membros-titularidade--fotos {
			width: 100%;
			padding: 5px 15px;
		}
		.cn-cmo-print-bloco.cn-cmo-print-bloco--fotos {
			page-break-inside: auto;
		} 
		.cn-cmo-print-foto-membro {
			vertical-align: top;
			.cn-cmo-print-foto-membro__descricao {
				.cn-cmo-print-membro-titulo {
					font-weight: bold;
					font-size: 23px;
				}
			}
			h3.cn-cmo-print-foto-membro__cargo {
				margin: 0;
			}
			.cn-cmo-print-foto-membro__foto {
				width: 120px;
				margin: 10px;
			}
			margin: 5px;
			width: 150px;
			display: inline-block;
			text-align: center;
		}
		.cn-cmo-print-foto-membro--destaque {
			margin: 5px 20px;
			width: 360px;
			display: inline-block;
			font-size: 20px;
			.cn-cmo-print-foto-membro__descricao {
				margin: 10px;
			}
			.cn-cmo-print-foto-membro__foto {
				width: 120px;
			}
		}
	}
	/* ajustes de membros com fotos para media-print */
	@media print {
		.cn-cmo-quadro-composicao--print {
			.cn-cmo-print-fotos {
				font-size: 10pt;
				margin: 5pt 0;
			}
			.cn-cmo-print-membros-titularidade--fotos {
				padding: 3pt 3pt;
			}
			.cn-cmo-print-foto-membro {
				font-size: 8pt;
				margin: 2pt;
				width: 80pt;
				page-break-inside:avoid !important;
				.cn-cmo-print-foto-membro__descricao {
					.cn-cmo-print-membro-titulo {
						font-size: 12pt;
					}
				}
				.cn-cmo-print-foto-membro__foto {
					width: 60pt;
					margin: 5pt;
				}
			}
			.cn-cmo-print-foto-membro--destaque {
				margin: 2pt 10pt;
				width: 160pt;
				font-size: 9pt;
				.cn-cmo-print-foto-membro__descricao {
					margin: 5pt;
				}
				.cn-cmo-print-foto-membro__foto {
					width: 60pt;
				}
			}
		}
	}
	
	/* elementos da página de impressão de histórico */
	.cn-cmo-quadro-composicao--print {
		.cn-cmo-print-tabela-historico {
		    display: table;
			width: 100%;
		    .cn-cmo-print-tabela-historico__row {
			    display: table-row;
				>div {
				    display: table-cell;
					padding: 3px 5px;
				}
			}
			.cn-cmo-print-tabela-historico__row--group-title, .cn-cmo-print-tabela-historico__row--head {
				font-weight: bold;
			}
		}
	}
	
	/* ajustes de historico para media-print */
	@media print {
		.cn-cmo-print-bloco.cn-cmo-print-bloco--historico {
			page-break-inside: auto;
		} 
		.cn-cmo-print-tabela-historico {
		    .cn-cmo-print-tabela-historico__row {
				>div {
					padding: 1pt 3pt;
				}
			}				
	    	.cn-cmo-print-tabela-historico__row--head, .cn-cmo-print-tabela-historico__row--group-title {
				font-size: 10pt;
				padding: 2pt;
			}
		}
	}	 
}