@charset "UTF-8";

.help-content-text {
	margin: 10px 0;
}

@media screen and (max-width: 768px) {
	.panelConfirmacionDatos {
		align-items: flex-start;
		display: flex;
		flex-direction: column;
		gap: 15px;
		justify-content: flex-start;
	}

	.panelConfirmacionDato {
		align-items: flex-start;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		gap: 8px;
	}

	.confirmarButton {
		margin-bottom: 50px;
	}

	.seccionFormulario {
		border-top: 1px solid #dddddd;
		gap: 25px;
		margin-top: 10px;
		padding: 10px 5px;
	}

	.seccionConfirmacionDatos {
		border: 1px solid #dddddd;
		gap: 20px;
		margin-top: 10px;
		padding: 10px;
	}

	.outputLabelWInputTextEspaciadoContainer {
		align-items: flex-start;
		justify-content: flex-start;
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

	.outputLabelWInputTextContainer {
		align-items: flex-start;
		display: flex;
		flex-direction: column;
		gap: 10px;
		justify-content: flex-start;
	}

	.outputLabelWSelectOneRadioContainer {
		align-items: flex-start;
		display: flex;
		flex-direction: column;
		gap: 10px;
		justify-content: flex-start;
	}

	.outputLabelWDatepickerContainer {
		align-items: start;
		display: flex;
		flex-direction: column;
		gap: 10px;
		justify-content: space-between;
	}

	.outputLabelWAutocompleteContainer {
		align-items: start;
		display: flex;
		flex-direction: column;
		gap: 10px;
		justify-content: space-between;
	}

	.outputLabelWPWSelectOneRadioContainer {
		align-items: flex-start;
		display: flex;
		flex-direction: column;
		gap: 10px;
		justify-content: flex-start;
	}

	.outputLabelWPContainer {
		align-items: flex-start;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
	}

	.outputDoubleLabelWPContainer {
		align-items: flex-start;
		display: flex;
		justify-content: flex-start;
	}

	.outputLabelWSelectOneMenuContainer {
		align-items: center;
		display: flex;
		justify-content: space-between;
		gap: 20px;
	}

	.outputLabelWPanelConfirmacion {
		align-items: center;
		display: flex;
		justify-content: space-between;
		gap: 20px;
	}

	.outputLabelWConfirmSelectOne {
		align-items: flex-start;
		display: flex;
		justify-content: flex-start;
		gap: 10px;
		margin: 20px;
	}

	.outputLabelTextDarkStyleRegular {
		color: #555555 !important;
		font-size: 16px !important;
		font-weight: normal !important;
		line-height: 1.5 !important;
		text-align: justify !important;
	}

	.panelBotones {
		align-items: center;
		display: flex;
		flex-direction: column-reverse;
		gap: 40px;
		justify-content: space-between;
	}

	.selectOneRadioContainer {
		align-items: flex-start;
		display: flex;
		flex-direction: column;
		gap: 15px;
		justify-content: flex-start;
	}

	.subirFotoButton {
		margin-left: 0px;
		width: 100%;
	}

	.tomarFotoConatiner {
		align-items: flex-start;
		display: flex;
		flex-direction: column;
		gap: 20px;
		margin-top: 15px;
		width: 100%;
	}

	.seccionFormularioTitulo {
		color: grey;
		font-size: 22px;
		line-height: 1.5;
		margin: 20px 0;
	}

	.logoCamaraRepresentantes {
		margin-bottom: 25px;
	}

	.cardHeader {
		align-items: center;
		display: flex;
		flex-direction: column;
		padding-bottom: 5px;
		gap: 20px;
		border-bottom: 2px solid #dee2e6;
	}

	.cardHeaderTitle {
		color: #555555;
		font-size: 22px;
	}

	.cardHeaderImageSymmetric {
		width: 0px;
	}
}

@media screen and (min-width: 768px) {
	.panelConfirmacionDatos {
		align-items: flex-start;
		display: flex;
		flex-direction: column;
		gap: 10px;
		justify-content: flex-start;
		padding: 8px;
	}

	.panelConfirmacionDato {
		align-items: center;
		display: flex;
		justify-content: flex-start;
		gap: 5px;
	}

	.seccionFormulario {
		border-top: 1px solid #dddddd;
		padding: 25px;
	}

	.seccionConfirmacionDatos {
		border: 1px solid #dddddd;
		padding: 10px 5px;
	}

	.outputLabelWInputTextEspaciadoContainer {
		align-items: center;
		display: flex;
		justify-content: space-between;
		padding-right: 50px;
	}

	.outputLabelWInputTextContainer {
		align-items: center;
		display: flex;
		justify-content: space-between;
	}

	.outputLabelWSelectOneRadioContainer {
		align-items: center;
		display: flex;
		justify-content: space-between;
	}

	.outputLabelWDatepickerContainer {
		align-items: center;
		display: flex;
		justify-content: space-between;
	}

	.outputLabelWAutocompleteContainer {
		align-items: center;
		display: flex;
		justify-content: space-between;
	}

	.outputLabelWPWSelectOneRadioContainer {
		align-items: center;
		display: flex;
		justify-content: space-between;
	}

	.outputLabelWPContainer {
		align-items: flex-start;
		display: flex;
		flex-direction: column;
	}

	.outputLabelWSelectOneMenuContainer {
		align-items: center;
		display: flex;
		justify-content: space-between;
	}

	.outputLabelWConfirmSelectOne {
		align-items: center;
		display: flex;
		justify-content: center;
		gap: 10px;
		margin-bottom: 30px;
	}

	.outputLabelTextDarkStyleRegular {
		color: #555555 !important;
		font-size: 18px !important;
		font-weight: normal !important;
		line-height: 1.5 !important;
		text-align: justify !important;
		width: 70% !important;
	}

	.panelBotones {
		align-items: center;
		display: flex;
		justify-content: space-between;
	}

	.selectOneRadioContainer {
		align-items: center;
		display: flex;
		gap: 5px;
		justify-content: flex-start;
	}

	.subirFotoButton {
		margin-right: 30px;
	}

	.tomarFotoConatiner {
		align-items: flex-start;
		display: flex;
		gap: 20px;
		margin-top: 15px;
		width: 100%;
	}

	.seccionFormularioTitulo {
		color: grey;
		font-size: 22px;
	}

	.cardHeader {
		align-items: center;
		display: flex;
		padding-bottom: 15px;
		gap: 20px;
		border-bottom: 2px solid #dee2e6;
		justify-content: space-between;
	}

	.cardHeaderTitle {
		color: #555555;
		font-size: 30px;
	}

	.cardHeaderImageSymmetric {
		width: 130px;
	}

}

li.tabNouveau a {
	color: rgb(33, 150, 243) !important;
	font-weight: bold !important;
}

.noPadding {
	padding: 0 !important;
}

li.tabNouveau.ui-state-active a,
li.tabNouveau.ui-state-hover a {}

.tabLabel {
	margin-right: 8px;
}

.seccionDeclaracionDatos {
	align-items: center !important;
	border: 1px solid #dddddd;
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 15px !important;
}

.inputsEspaciados {
	display: flex;
	gap: 8px;
}

.inputReducido {
	width: 100px;
}

.textoLabelReducido {
	color: rgb(73, 80, 87);
	font-size: 12px;
	font-weight: normal;
}

.spanNegrita {
	font-weight: bold;
}

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

.panelPrincipal {
	margin: auto;
}

.panelConfirmacionCampo {
	font-size: 18px;
}

.panelConfirmacionCampoLabel {
	font-size: 18px;
	font-weight: bold;
	text-align: left;
}

.outputLabelTextStyle {
	color: grey;
	font-size: 18px !important;
	line-height: 1.5;
	text-align: start;
}

.outputLabelTextDarkStyle {
	color: #555555 !important;
	font-size: 18px !important;
	line-height: 1.5;
	text-align: start;
}

.disabledOutputLabelTextStyle {
	color: #bbbbbb;
	font-size: 18px !important;
	line-height: 1.5;
	text-align: start;
}

.disabledOutputSupraLabelTextStyle {
	color: #bbbbbb;
	font-size: 16px !important;
	font-weight: normal;
	line-height: 1.5;
	text-align: start;
}

.requiredOutputLabelTextStyle {
	color: red;
}

.outputLabelTextAlign {
	margin-bottom: 5px;
}

.outputLabelTextAlignInverted {
	margin-top: 5px;
	text-align: start;
}

.outputLabelContainer {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
}

.cargaImagenesContainer {
	align-items: center;
	display: flex;
	gap: 10px;
	padding: 0 20px;
}

.panelBotonesForm {
	align-items: center;
	display: flex;
	gap: 15px;
	justify-content: center;
}

.panelBotonesSteps {
	align-items: center;
	display: flex;
	gap: 15px;
	justify-content: space-between;
}

.subirFotoPanel {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 15px;
}

.tomarFotoPanel {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-top: 15px;
	width: 70%;
}

.logoCamaraRepresentantes {
	object-fit: contain;
	width: 130px;
	margin: 5px;
}

.fotoAyudaWebcam {
	border-radius: 5px;
	object-fit: contain;
	width: 350px;
}

.subLabelAyuda {
	color: grey;
	font-size: 7px;
	font-weight: lighter;
	text-align: left;
}

.tomarFotoBotones {
	align-items: center;
	display: flex;
	gap: 10px;
}

.fotoActual {
	max-height: 500px;
	width: 60%;
}