@media screen and (min-width: 901px) {


.ais-center-form {
  margin: 0 auto;
  width: 40%;
  padding-top: 100px;
}


  .btn-ais {
    color: #fff;
    background-color: #047f6e;
    border-color: #007bff;
    width: 28%;
    height: 52px;
    margin-bottom: 45px;
    margin-left: 36%;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  }

#aisregID {
  height: 50px;
  padding-left: 25px;
}

#aisregPass {
  height: 50px;  
  padding-left: 25px;
}



.form-control:focus {
  color: #030f71;
  background-color: #dde1d6;
  border-color: #01356f;
  outline: 0;
  box-shadow: 0 0 0 .1rem rgba(7, 161, 2, 0.25);
}

#aisregID:focus-visible {
  box-shadow: 0 0 0 .1rem rgba(7, 161, 2, 0.25);
  color: #030f71;
  background-color: #dde1d6;
  border-color: #01356f;
  outline: 0;
}

.btn-ais:focus-visible {
  outline: none;
}



.fa.fa-user-circle-o {
  position: absolute;
  margin-left: 5px;
  height: 52px;
  display: flex;
  align-items: center;
}

.fa.fa-unlock {
  position: absolute;
  margin-left: 5px;
  height: 52px;
  display: flex;
  align-items: center;
}



}



/*.company-logo-login {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
  width: 100px;
}

.image-logoin-log {
  height: 100px;
  width: 100px;
  border-radius: 50%; 
  object-fit: cover; 
}
*/

.company-logo-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%; /* Full width */
}

.company-logo-login {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 126px;
  width: 300px;
  max-width: 100%;
}

.image-logoin-log {
  width: 50%;
  height: auto;
  border-radius: 34%;
  object-fit: cover;
}


.label-login {
  color: white;
  font-size: 2rem;
}
.login-cred {
  height: 65px !important;
  font-size: 1.4rem;
}



/*End Desktop*/




/*Mobile and Tab*/


@media screen and (max-width: 900px) {

.ais-center-form {
  margin: 0 auto;
  width: 90%;
  padding-top: 100px;
}


.btn-ais {
  color: #fff;
  background-color: #b6a415;
  border-color: #007bff;
  width: 100px;
  height: 44px;
  margin-bottom: 40px;
  margin-left: 40%;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

#aisregID {
  height: 50px;
  padding-left: 25px;
}

#aisregPass {
  height: 50px;  
  padding-left: 25px;
}



.form-control:focus {
  color: #030f71;
  background-color: #dde1d6;
  border-color: #01356f;
  outline: 0;
  box-shadow: 0 0 0 .1rem rgba(7, 161, 2, 0.25);
}

#aisregID:focus-visible {
  box-shadow: 0 0 0 .1rem rgba(7, 161, 2, 0.25);
  color: #030f71;
  background-color: #dde1d6;
  border-color: #01356f;
  outline: 0;
  padding-left: 25px;
}

.btn-ais:focus-visible {
  outline: none;
}

/*body {
  background: url(.jpg) no-repeat center center fixed;
    background-size: auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}*/

.fa.fa-user-circle-o {
  position: absolute;
  margin-left: 5px;
  height: 52px;
  display: flex;
  align-items: center;
}

.fa.fa-unlock {
  position: absolute;
  margin-left: 5px;
  height: 52px;
  display: flex;
  align-items: center;
}



}