@media (max-width: 500px) {
    .loginscreen.middle-box {
        width: 300px !important;
        /* JIRA#4149 */
        padding-top: 0; 
    }
    .disable-ios-auto-zoom {
        font-size: 16px !important;
    }

    #kc-form-login {
        margin-top: 30px !important;
    }

    /* JIRA#4149  --START*/
    .login-pf .container {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    /* JIRA#4149  --END*/
}
#kc-form-login .form-group label {
	font-weight: 400;
}

@media (max-height: 645px) {
    /* JIRA#4149  --START*/
    #kc-container-wrapper {
        /*padding-top: 0;*/
        top: 20px !important;
		background-image: url("../img/Banner.jpg");
		background-repeat: no-repeat;
		background-size: cover; 
		background-position: center;
		background-size: auto 70%;
		padding-top: 20px;
		
    }
    /* JIRA#4149  --END*/
}

.loginscreen.middle-box {
    width: 400px;
}

.login-pf body {
    background: #F4F6F9;
	/* overflow: hidden; */
	overflow-x: auto; 
}
#kc-logo {
	display : block;
}

#kc-container-wrapper {
 background: transparent;
 display:flex;
 justify-content: center;
 top: auto !important;
}
#fixed-banner{
	background-image: url("../img/Banner.jpg");
		background-repeat: no-repeat;
		padding-top: 20px;
		height:55vh;
		background-size: cover;
		background-position: center;
		}
#kc-container-wrapper2 {
    
	    top : 10%;
		background-repeat: no-repeat;
		 
		padding-top: 100px;
		top:0px;
		botton:0px;
		max-width: 100%;
        height: auto;
		  top: 0;
          left: 0;
		  
}


#kc-header {
	display : none;
}

#kc-locale-1 {
	display : none;
}

#kc-locale{
    position: relative;
    width: 200px;
    text-align: right;
    z-index: 9999;
	left: 0px;
}

a#kc-current-locale-link:hover {
    background-color: inherit;
}

#kc-locale-dropdown a {
    color: inherit;
}

#kc-locale:hover ul {
    display: block;
    margin: 0px -60px 0px 0px;
}

#kc-logo-wrapper {
    background-image: url("../img/ea_logo.png"  );
	right: inherit;
    top: 0;
    height: 59px;
    background-size: 155px auto;
	position:absolute;
}

#kc-info {
    display: none;
}
/*
#kc-form {
	margin-top:280px;
}*/

#kc-reset-password-form{
    /*margin-top: 63px;
    margin-left: 5px;*/
	margin: 63px auto 0 auto;
}
@media(min-width: 1024px) and (max-width:1030px){
	#kc-container-wrapper {
		position: absolute;
		bottom: 30% !important;
	}
	.#kc-container-wrapper {
		margin-top: 200px;
	}
}
@media (max-width: 768px) {
.kc-content-wrapper {
    justify-content: normal !important;
}
#kc-form{
margin:0 auto;
}
#kc-logo-wrapper {
	left: -40px;
}
} 
#kc-form-login {
    background-color: white;
    padding: 25px;
    border: 1px solid lightgray;
    border-radius: 16px;
	margin-top: 20px;	
    width: 100%;
	  left:0px;
      top:0px;
}

.login-pf .container {
	  font-family: "Open Sans Bold", "Open Sans", sans-serif;
      color: #303030;
	  background-color: transparent;
}

.alert > .pficon, .alert > .pficon-layered {
	left: 0px;
    top: 3px;
    position: relative;
	margin-left: -30px;
}

.alert {
	text-align: center;
	min-height: 56px;
	margin-top: -75px;
}
.alert-success {
    border: 1px solid transparent;
}

.footer-message {
    position: fixed;
    bottom: 10px;
}

input[type=text], input[type=submit], input[type=password] {
	height : auto;
	padding: 18px 12px;
}
.form-control:hover, .form-control:focus {
	border-color: #303030;
	}
.free-trial {
    display: block;
    text-align: center;
    margin-top: 28px;	
	font-family :"Open Sans Bold", "Open Sans", sans-serif;
	font:14px !important;
}

.free-trial p {
    display: inline;
	padding: 2px;
	 font-size: 14px;
	 font-weight: 700;
}
	
.free-trial	a {
    color: #AA212A;
	border : 1px solid transparent !important;
	height: 43px;
    padding-top: 10px;
}
.having-trouble 	a {
    color: #AA212A;
	border : 1px solid transparent !important;
	outline: none;
}

.background-hover:hover {
    background-color: #F4F6F9;
}
.identity-provider-List-sec{
    background: #fff;
    border: 1px solid lightgray;
    margin-top: -5px;
    padding: 15px 10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size: 14px;
}

.large-text{
	font-size:20px;
	font-weight: 600;
	}

 .pull-right-new{
   display:flex;
   justify-content: space-between;
	}

	
 .fixed-header{
 top:0;
 left:0;
 height:80px;
 width:100%;
 color:#f8f8f8;
 padding:10px;
 text-align:left;
 }
 @media (max-width: 767px){
#kc-logo-wrapper{
margin-left:0 !important;
margin-top:40px !important;
}
.fixed-header.prod-env div#kc-logo-wrapper {
    margin: 0!important;
}
#kc-container-wrapper {
    bottom: 0 !important;
}
}
 @media (min-width:561px) and (max-width:768px){
 #banner-text{
  width:100% !important;
  height:140px !important;
  margin:auto;
 }
}
 @media (max-width:560px){
 #banner-text{
  width:100% !important;
  margin:auto;
  margin-top:0 !important;
 }
}
#banner-text{
  width: 238px;
  height: 190px;
  border-radius: 16px;
  background-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: "Helvetica", sans-serif;
  color: #ffffff;
  text-align: left;
  line-height: normal;
  margin-block:auto;	
  /*letter-spacing:3px;*/
  margin-top:12px
	}
.kc-content-wrapper{
   /* display:flex;
    flex-wrap: wrap;
	justify-content: center; */
}
@media (max-width: 768px) {
.login-pf body {
    background: #F4F6F9;
    overflow: scroll;
}
.large-heading {
    font-size: 2.125rem !important;
    font-weight: bold;
}
.small-heading {
    font-size: 2rem !important;
}
#banner-text {
	height: auto !important;
	margin: 0 0 24px 0;
	text-align: center;
}
.kc-content-wrapper{
display:grid !important;
margin:auto;
gap:0;
}
}
.small-heading{
font-size:18px;
font-weight: 400;
}
.large-heading{
font-size:32px;
font-weight:700;
}
.development--envir{
  margin-top:-15px;
  width: 193px;
  height: 48px;
  padding: 16px 16px 16px 16px;
  border-radius: 8px;
  background-color: #ffffff;
  box-sizing: border-box;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
  font-family: "Helvetica", sans-serif;
  color: #e3202d;
  text-align: right;
  line-height: normal;
}
 .fixed-header{
 display:flex;
 top:0;
 left:0;
 height:80px;
 width:100%;
 background-color:#f8f8f8;
 padding:10px;
 text-align:left;
 box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
 }
 @media (max-width: 767px){
 .fixed-header{
 display:grid;
 height: 120px;
 flex-direction: column-reverse;
}
.fixed-header.prod-env {
    height: 75px;
}
#kc-form-buttons {
	width: 50% !important;
}
#kc-form-options{
	width: 50% !important;
}
}
 @media (max-width: 575px){
.development--envir{
 height: 40px;
 padding: 14px 14px 14px 14px;
 margin-top:-61px !important;
 margin-left:0px !important;
 width:100%;
 text-align: center;
}
.alert {
	margin-top: 0 !important;
}
}
@media(min-width: 768px){
.login-pf .container {
    padding-right:130px !important;
	padding-left:130px !important;
}
}
@media(min-width: 768px) and (max-width: 992px){
	#kc-content {
		position: absolute;
		bottom: 180px;
		left: 0;
		padding: 0 !important;
	}
}
.text-white{
font-size:14px !important;
color:#FFFFFF;
font-weight: bold !important;
text-wrap:no-wrap !important;
}
.text-blue{
font-size:14px !important;
color:#0000FF;
font-weight: bold;
}
.form-group{
padding:0px 25px 0px 25px;
}
#line {
  width: auto;
  height: 1px;
  border: 1px solid #d8d8d8;
  background-color: rgba(255, 255, 255, 0);
  box-sizing: border-box;
}
/*
@media(min-width: 992px) and (max-width: 1024px){
#kc-form-login {
	width: 750px !important;
}
#kc-container-wrapper {
    bottom: 75%;
}
#kc-container-wrapper {
    background: transparent;
    display: flex;
    justify-content: center;
    top: auto !important;
    bottom: 75% !important;
}
}
*/