#formularioTransferencia {
	background-color: white;
}


#labelFecha, #labelNumCedula,#labelDolares, #labelColones, #labelDivisa,
#labelTipoCuenta, #labelCuentaCorriente, #labelCuentaIBAN, #labelBancoDestino,
#labelCorreo, #labelNombreTramite, #labelNombreCuenta, #labelCuentaAhorros, #labelCuentaCorriente{
	color: #6F0D64;
}

.form {
  display: flex;
  flex-flow: column;
  height: 100%;
  width: 100%;
}

#tituloPrincipal, #subTitulo {
	text-transform: uppercase;
	color: #8f1180;
	font-weight: normal;
	text-align: center;
}

#cardVista {
	line-height: 1.32;
	text-align: center;
	margin-block: 25px;
	background: #F3F3F3;
	box-shadow: -2.17893px -2.17893px 6.5368px #FFFFFF, 2.17893px 2.17893px
		6.5368px rgba(174, 174, 192, 0.4);
	border-radius: 21.3535px;
	font-size: 17px;
	color: #640559;
	margin-top: -45px;
}

:root { -
	-color-primary-shadow-dark: #cfcfcf; -
	-color-primary-shadow-light: #fff;
}

.iconoFormat {
/* 	border: 1px solid #cccccc61; */
	outline: none;
	padding: 1rem 3rem;
	border-radius: 50px;
	box-shadow: inset 0.6rem 0.6rem 1.2rem #eeecec, inset -0.6rem -0.6rem
		1.2rem #fff;
	transition: all 0.3s ease-in-out;
	color: #8f1180;
}

.colorFaIcono{
	color: #8f1180;
}

.iconoFormat:hover {
	box-shadow: inset 0.2rem 0.2rem 0.4rem #cfcfcf, inset -0.2rem -0.2rem
		0.4rem #fff;
}

.inputFormat {
	text-align: center;
	outline: none;
/* padding: 0.5rem 6.5rem; */
	padding: 0.5rem 4rem;
	border-radius: 1px;
	border: 1px solid #cccccc61;
	box-shadow: inset 0.6rem 0.6rem 1.2rem #eeecece0, inset -0.6rem -0.6rem
		1.2rem #fff;
	transition: all 0.3s ease-in-out;
}

/* Reglas para centrar el texto del placeholder en la clase inputFormat 
   y establecer el font-weight a normal */

.inputFormat::placeholder {
    text-align: center;
    font-weight: normal; /* Ahora no será negrita */
}

.inputFormat::-webkit-input-placeholder { /* Chrome, Safari */
    text-align: center;
    font-weight: normal; /* Ahora no será negrita */
}

.inputFormat:-moz-placeholder { /* Firefox 18- */
    text-align: center;
    font-weight: normal; /* Ahora no será negrita */
}

.inputFormat::-moz-placeholder { /* Firefox 19+ */
    text-align: center;
    font-weight: normal; /* Ahora no será negrita */
}

.inputFormat:-ms-input-placeholder { /* IE 10+ */
    text-align: center;
    font-weight: normal; /* Ahora no será negrita */
}

/* Reglas de estilo para IDs específicos (el texto escrito por el usuario sigue en negrita) */

#inputNombreCuenta, #inputNombreTramite, #inputCorreoAseguradoHidden, #inputCuentaIBAN,
#inputCuentaCorriente, #inputNumCedula, #inputFecha, #inputBancoDestino{
	color: black;
    font-weight: bold;
}

/* Regla para el efecto hover */

.inputFormat:hover {
	box-shadow: inset 0.2rem 0.2rem 0.4rem #cfcfcf, inset -0.2rem -0.2rem
		0.4rem #fff;
}

input[type="text"] {
    width: 100%;
}

.action-buttonContinuar {
	color: #000;
	background: linear-gradient(90.6deg, rgba(149, 5, 132, 0.86) 15.41%, #5E2073 93.37%);
	font-size: 15px;
	text-align: center;
}

.action-buttonContinuar:hover,
.action-buttonContinuar:focus {
    background-color: #6C6C6C
}
input::placeholder {
    text-align: left;
}

/* Neumorpismo */
.q-claseNeu {
	padding: 8px;
	border: none;
	border-radius: .5rem;
/* 	letter-spacing: .2rem; */
	text-align: center;
	outline: none;
	cursor: pointer;
	transition: .2s ease-in-out;
	box-shadow: -6px -6px 14px rgba(143, 17, 128, .2), -6px -6px 10px
		rgba(255, 255, 255, .5), 6px 6px 8px rgba(255, 255, 255, .075), 6px
		6px 10px rgba(0, 0, 0, .5);
}

.q-claseNeu:hover {
	box-shadow: -2px -2px 6px rgba(255, 255, 255, .6), -2px -2px 4px
		rgba(255, 255, 255, .4), 2px 2px 2px rgba(255, 255, 255, .05), 2px 2px
		4px rgba(0, 0, 0, .1);
}

.q-claseNeu:active {
	box-shadow: inset -2px -2px 6px rgba(143, 17, 128, .7), inset -2px -2px
		4px rgba(231, 53, 210, .5), inset 2px 2px 2px rgba(234, 75, 215, .075),
		inset 2px 2px 4px rgba(0, 50, 6, 3);
}