:root {
	--pf-global--primary-color--100: #255476;
    --pf-global--primary-color--200: #032f4e;
    --pf-global--primary-color--light-100: #445c6e;
    --pf-global--primary-color--dark-100: #02267e;
	--pf-global--link--Color: #255476;
	--pf-global--active-color--100: #02267e;
	
}

body, html{
	background: #000204;
    min-height: 100%;
}

#kc-register-form .form-group{
	margin: 0;
}

#kc-register-form .form-group label{
	margin-top: 10px;
}

.pf-c-radio label{
	font-size: 12px !important;
	margin-top: 5px;
}

*{
	outline-color : #02267e;
}

a {
    color: #02267e;
    text-decoration: none;
}

a:hover {
    color: #02267e;
}

input[type="checkbox"] {
  accent-color: #02267e; 
}

.pf-c-form-control:not(textarea){
	background-color: #fff;
	border: 1px solid #ced4da;
	border-radius: 3px;
	
}

.pf-c-button{
	border-radius: 3px !important;
}

.pf-c-button:after {
	border-top-right-radius: 3px !important;
	border-bottom-right-radius: 3px !important;
	background-color: #0000000f;
}

body {
	background: none !important;
	background-color: transparent !important;
}

.login-pf {

    background: #e8d4d1 !important;
	background: linear-gradient(99.63deg, #e8d4d1 5.55%, #aee9fc 100%) !important;
	background-repeat: no-repeat !important;
}
}

.login-pf-page {
    padding-top: 60px;
}

#kc-header {
    display: none;
}

#kc-page-title{
	text-align: left;
	font-size: 14px;
	font-weight: 600;
	color: #02267e;
}


.card-pf {
  border-radius: 15px;
  margin-bottom:15px !important;
  padding: 0 !important;
  display: grid;
  box-shadow: none !important;
  grid-template-columns: 1fr 300px;
  grid-template-rows: auto auto; 
  grid-template-areas:
    "header right"
    "content right";
}

.login-pf-header {
  grid-area: header;
}

#kc-content {
  grid-area: content;
  padding: 10px 40px 40px 40px;
}

.card-pf header{
	padding: 10px 40px 0;
}

.login-pf-header{
	.col-md-10, .col-md-12{
		padding:0;
	}
}

.card-pf::after {
  content: "";
  grid-area: right;
  background: #9ebafc;
  background: linear-gradient(145deg, #02267e 0%, #6899c8 100%);  content: url(../img/logo.svg);
  padding: 60px 40px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
}

@media screen and (max-width: 767px){
	html::before {
	  display: block;
	  background: linear-gradient(145deg, #02267e 0%, #6899c8 100%);  content: url(../img/logo.svg);
	  content: url('../img/logo.svg');
	  padding: 30px;
	}
	.card-pf {
	  display: block;
	}
	
	.card-pf::after {
		display:none;
	}
}
.card-pf{
	max-width: 700px;

}

#kc-form-wrapper{
  margin: 0 0 1rem 0;
  padding: 0;
 
}

/*#kc-locale {
    position: relative;
    top: -80px;
}*/



#kc-social-providers{
    background-color: #eee;
    margin: 0 -40px -20px;
    padding: 0 40px 20px 40px;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}


#kc-social-providers .pf-c-button.pf-m-control{
	background-color: white;
}


/*Mobile support */
@media screen and (max-width: 767px){
	
	.card-pf{
		margin-top: 10px !important;
	}
	
	#kc-form-wrapper:after {
	display: none;
	}	
	
	#kc-locale{
		width: 100%;
		margin: 10px;

	}

	.login-pf-page {
    padding-top: 0;
	}
	
	.login-pf {
	   background: none !important;
	   background-color: #ffffff !important;
	}
	
	body {
		background: none !important;
		background-color: transparent !important;
	}
}


/*SSO*/
.kc-social-item {
    padding: 15px;
    border: none;
    border-radius: 15px;

    
}


.kc-social-item::after{
    border: none;
}


.kc-social-provider-logo{
    margin-right: 25px;
}

.kc-social-icon-text{
    position: relative;
    top: 4px
}


.kc-social-links li{
    margin: 0 5px
}

.pf-c-input-group .pf-c-button {
    border: none;
}