.HFDAText 
{
	color:#1731A0; 
	font-family: Arial,Verdana,Helvetica; 
	font-size: 12px; 
	font-weight: normal; 
	text-decoration: none; 
	vertical-align: middle;
}

.HFDAError
{
	color:red;  
	font-weight: normal; 
	text-decoration: none; 
	vertical-align: middle;
}

.HFDAError a
{
	color:red;  
	font-weight: normal; 
	text-decoration: none; 
	vertical-align: middle;
	text-decoration: underline;
}

.HFDADiv 
{
	vertical-align:middle; 
	margin: 5px 2px 5px 2px;
	padding: 5px 5px 5px 5px; 
	display: inline-block;
}

.HFDAIcon 
{
	vertical-align:middle;
}

.FDADivInstalar
{
	vertical-align:middle; 
	margin: 5px 0px 0px 0px;
	padding-left: 5px;
	display: inline-block;
	float: right;
	color:#1731A0; 
	font-family: Arial,Verdana,Helvetica; 
	font-size: 12px; 
	font-weight: normal; 
	text-decoration: none;
	width:170px;
}

.HFDAWorking
{
	font-family: Arial,Verdana,Helvetica; 
	font-size: 12px; 
}

.DescripcionFirma
{
	border: 1px solid gray;
	background-color: #EEEEEE;
	padding: 4px 4px 4px 4px;
}

.Texto
{
	color:#1731A0;
	font-size: 14px;
}

.SeccionAyuda
{
	display:none;
}

.TituloSeccion
{
	font-weight:bold;
	font-size: 14px;
	text-align: center;
}

.Resaltado
{
	font-weight:bold;
}

.BordeIzquierdo
{
	border-left: 1px dashed #1731A0;
}

.BordeDerecho
{
	border-right: 1px dashed #1731A0;
}

.SeccionAyuda li, .CuerpoSeccion
{
	margin-bottom: 10px;
	text-align: justify;
}

.SeccionAyuda li, .SeccionAyuda p
{
	margin-bottom: 10px;
}


#InstruccionesFinales p
{
	margin-bottom: 10px;
	text-align: justify;
}

#Soportado, #NoSoportado
{
	margin-top: 20px;
	text-align: justify;
}

.HFDAKeyPad {
	border: 1px solid #BBB;
	background-color: #F4F4F4;
	box-shadow: 0px 0px 6px 1px #BBB;
	border-radius: 2px;
	border-collapse: collapse;
}

.HFDAKeyPad tbody {
	border: 5px solid transparent;
}

.HFDAKeyPad td {
	padding: 3px 5px;
	font-size: .9rem;
	font-weight: 300;
}
.HFDAKeyPad .KeypadKey {
	padding: 4px 6px;
	width: 2.15em;
    height: 1.9em;
	border-radius: 4px 4px;
	box-shadow: #999 1px 1px;
	color: #000;
	font-weight: normal;
	background-color: #C4C4C4 !important;
}
.HFDAKeyPad .HFDAPinPrompt {
	font-weight: bold;
}
.HFDAKeyPad .HFDAPinDisplay {
	width: 55px;
    height: 18px;
    font-weight: bold;
    text-align: center;
	letter-spacing: 1.5px;
}
.HFDAKeyPad .BackKey {
	background-color: #DC3545 !important;
}
.HFDAKeyPad .EnterKey {
	background-color: #118011 !important;
}

@media (max-device-width:1024px) {

	.KeypadKey {
		width:3em;
		height: 3em;
		line-height: 3em;
		text-align: center;
		font-weight: bold;
		background-color: gray;
		color: white;
		border-radius: 5px 5px 5px 5px;
		box-shadow: silver 2px 2px;
		vertical-align: central;
		cursor: pointer;
		font-size: x-large;
	}

	.HFDAPinDisplay
	{
		border: 1px solid gray;
		background: white;
		height: 1em;
		width: 6em;
		font-size: x-large;
	}

	.HFDAPinPrompt
	{
		font-family: Arial,Verdana,Helvetica; 
		font-size: x-large; 
		color: black;
	}

	#HFDASeleccionCertificado, #HFDACertificados
	{
		font-size:20px;
	}
}

@media (min-device-width:1024px) {
	.KeypadKey {
		width: 1.5em;
		height: 1.5em;
		line-height: 1.5em;
		text-align: center;
		font-weight: bold;
		background-color: gray;
		color: white;
		border-radius: 5px 5px 5px 5px;
		box-shadow: silver 2px 2px;
		vertical-align: central;
		cursor: pointer;
	}

	.HFDAPinDisplay
	{
		border: 1px solid gray;
		background: white;
		height: 16px;
		width: 40px;
	}

	.HFDAPinPrompt
	{
		font-family: Arial,Verdana,Helvetica; 
		font-size: 12px; 
		color: black;
	}
}

.ui-widget-header {
	background: #FFF !important;
	border-top: 0px none !important;
	border-left: 0px none !important;
	border-right: 0px none !important;
	border-bottom: 1px solid #aaaaaa !important;
	border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
	padding: 12px 15px !important;
	font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.ui-dialog .ui-dialog-titlebar-close{
	margin-right: 12px !important;
}