/* Primary button color */
.pf-m-primary {
	background-color: #1C7DE5 !important;
}

.pf-m-primary:hover {
	background-color: #155EAC !important;
}


.pf-m-primary:focus {
	background-color: #1C7DE5 !important;
/* Not used, shifts layout 	border: 4px solid  #8EBEF2 !important; */
}


/* The ngft mountains background */
.login-pf body {
    background-image: url("../img/background-2025.jpg");
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
    background-size: cover;
    color: rgb(101, 107, 116);
    font-family: Roboto, "Open Sans", sans-serif;
    height: 100%;
}

/* Make main box shadow smoother */
.pf-v5-c-login__main {
	box-shadow: rgba(3, 3, 3, 0.16)	0px 2px 2px 0px, rgba(3, 3, 3, 0.1) 0px 0px 8px 0px !important;
}

/* Place logo above login fields+buttons */
img.ngft-login-logo {
	width: 203px;
	height: 115px;
	margin-left: 48px;
}

div.kc-logo-text {
	display: none;
}

/*
div.kc-logo-text {
    background-image: url(../img/ngft-logo-406.png);
    background-repeat: no-repeat;
    height: 63px;
    width: 300px;
    margin: 0 auto;
}
*/


/* Format login fields with round corners */
input {
	border: 1px solid lightgray;
	border-radius: 5px;
	line-height: 36px !important;
	padding-left: 5px;
	padding-right: 5px;
}

/* Password field is handled differently */
#password {
	border-radius: 5px 0px 0px 5px;
	border-right: none;
}

/* Border arround eye icon (view password) */
.pf-v5-c-button.pf-m-control::after {
	border-radius: 0px 5px 5px 0px;
	border-left: 0px none;
	border-top-color: lightgray;
	border-right-color: lightgray;
	border-bottom-color: lightgray;
}

/* Color of eye icon (view password) */
.fa-eye {
	color: rgb(101, 107, 116);
}

button.pf-v5-c-button {
	border: none;
}

/* Add margin between pw fields and login button */
#kc-login {
	margin-top: 1rem;
}

/* Disable grid, to center login dialog */
.pf-v5-c-login__container {
	grid-template-columns: none;
	grid-column-gap: inherit;
}

body {
	color: #526A80;
}

.pf-v5-c-title {
	color: #526A80;
}



#kc-form-options {
	display: inline-block;
	width: 50%;
}

.login-pf-settings {
	display: block;
	width: 100%;
	margin-top: 15px;
}

.login-pf-settings div {
	display: inline;
}

.login-pf-settings a {
	color: rgb(101, 107, 116);
}

#kc-social-providers > h2 {
	margin-left: 48px;
}

#input-error {
	color: red;
}