/* Material Theming */

:root {
  --mdc-theme-primary: #d51f5a;
  --mdc-theme-secondary: #fdb751;
  
}
	
	
	/* FIXES: See https://github.com/material-components/material-components-web/issues/5242 */
	
	
  /* MDC select floating label */
.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label,

/* MDC drawer list item text */
.mdc-drawer .mdc-list-item--activated .mdc-list-item__graphic,

/* MDC drawer list item leading icon */
.mdc-drawer .mdc-list-item--activated,

/* MDC snackbar */
.mdc-snackbar__action:not(:disabled),

/* MDC textfield floating label */
.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label
{
    color: var(--mdc-theme-primary); /* or primary */
}

h1, h2,h3,h4,h5,h6 {
	color: var(--mdc-theme-primary);
}

.wrap {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction:column;
}


.login-form{
    width: 350px;
    margin: 0 auto;
    border: 1px solid #ddd;
    padding: 2rem;
    background: #ffffff;
}
.form-input{
   
    width: 100%;
}
.form-group{
    margin-bottom: 1rem;
    width:100%;
    max-width:350px;
}
.form-button{
    width: 100%;
   
}

.form-header{
    text-align: center;
    margin-bottom : 1rem;
    width:100%;
    max-width:350px;
}
.form-footer{
    text-align: center;
}
.ui-messages{
	margin:auto;
	text-align:center;
}
.ui-message.ui-message-error, .ui-messages-error {

	border: none;
	font-weight: normal;	
	padding: 20px;	
	color: #d9534f;
	background-color: transparent;
}


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

.ui-messages-error-summary {
	font-weight: bold;
	margin-left: 0px;
}

.ui-message.ui-message-error.ui-widget.ui-corner-all span.ui-message-error-icon,
	.ui-messages-error span.ui-messages-error-icon {
	display: none;
}

.mdc-button--raised:not(:disabled):hover{
	color:#ffffff;
}

.ui-messages.ui-widget{
	width:100%;
}