:root { 
	--border-radius: 1rem;
	--primary-color: #002856;
	--primary-color-text: #002856;
	--text-color: #002856;
	--input-bg: #edeff2;
	
	--surface-ground: #edeff2;
	
	--gray-50: #FAFAFA;
	--gray-100: #F5F5F5;
	--gray-200: #EEEEEE;
	--gray-300: #E0E0E0;
	--gray-400: #BDBDBD;
	--gray-500: #9E9E9E;
	--gray-600: #757575;
	--gray-700: #616161;
	--gray-800: #424242;
	--gray-900: #212121;
}

html {
	height: 100%;
	font-size: 20px;
	font-family: "Roboto", Helvetica;
}

body {
	min-height: 100%;
	background-image: url("/pkiKeyGenerator/jakarta.faces.resource/img/background.jpg.xhtml?ln=app");
	background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center top;
    background-attachment: fixed;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	margin: 0;
}

button {
	font-family: "Roboto", Helvetica !important;
}

.ui-link:focus-visible
{
  border: none;
  outline: none;
}

.ui-widget-content a 
{
	color: #20a5dd;
}

.main-content {
	max-width: 800px;
}

body .ui-widget {
	font-family: "Roboto", Helvetica;
}

.ui-inputfield.ui-inputmask,
.ui-inputfield.ui-inputtext {
	color: var(--text-color);
	background: var(--input-bg);
	padding: 0.75rem;
	border: none;
	outline: 0 none;
	font-size: 1rem;
	border-radius: 5px;
	-webkit-appearance: none;
	appearance: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	width: calc(100% - 1.5rem)
}

.ui-inputfield.ui-state-focus, .ui-widget-content .ui-inputfield.ui-state-focus
{
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid #0098d8;
}

.ui-inputfield.ui-state-error
{
	border: 1px solid red;
}

.ui-inputnumber.ui-state-error
{
	border: none
}

body .ui-radiobutton .ui-radiobutton-box.ui-state-active {
	border-color: var(--primary-color);
	background: var(--primary-color);
}

.error-msg .ui-message-error-icon
{
	display: none !important;
}
.error-msg .ui-message-error-detail
{
	margin: 0 !important;
}

body .ui-messages
{
	font-weight: 300px;
}

body .ui-messages .ui-messages-error,
body .ui-messages .ui-messages-info
{
	background-color: #fff;
	border: none;
}

body .ui-messages > div
{
	padding: 0;
	margin: 0;
}

.ui-messages-error-summary
{
	font-weight: normal;
}

.ui-inputnumber.text-center input.ui-inputtext
{
	text-align: center;
}

.ui-link.toggle-show {
	background-image: url("/pkiKeyGenerator/jakarta.faces.resource/img/show-on.svg.xhtml?ln=app");
	background-position: center;
	background-repeat: no-repeat;
}

.dotsfont .ui-link.toggle-show {
	background-image: url("/pkiKeyGenerator/jakarta.faces.resource/img/show-off.svg.xhtml?ln=app");
	background-position: center;
	background-repeat: no-repeat;
}

.warrning-text {
	color: #890927;
}

.spinner {
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}