:placeholder-shown{}
#signinup,
#forgotpwd-wrapper,
#resetpwd-wrapper{
  position:relative;
  /* top: 0;
  right: 0; */
  z-index: 10000;
  /* max-width: 430px; */
  padding: 30px;
}
.signin-disp-area #signin{
/*   position:absolute;
  left: unset;
  right: -47px;
  top: -28px;
  height:auto */
}
#forgotpwd-wrapper{
	/*  display:none */
}
#resetpwd-wrapper{
  /* display:none */
}
.login-form h2 {
  margin: 0 0 15px;
}
.login-form .hint-text {
  color: #777;
  padding-bottom: 15px;
  text-align: center;
}
.form-control, .btn {
  border-radius: 0px;
}
.or-seperator {
  margin: 20px 0 10px;
  text-align: center;
  border-top: 0px solid #ccc;
}
.or-seperator i {
  padding: 0 10px;
  background: #f7f7f7;
  position: relative;
  top: -11px;
  z-index: 1;
}
.social-btn .fab{
  color:#fff
}
.social-btn .btn-social-g{
  background: #DD4B39;
}
.social-btn .btn-social-f{
  background: #3B5998;
}
.social-btn .btn-social-in{
  background: #55ACEE;
}
/* .input-group-prepend + input, */
.cls-lgn-footer,
.cls-lxp-lbl{
  text-transform:capitalize;
}
.cls-lgn-footer a,
.cls-lgn-footer a:hover{
  text-decoration:none;
}
.cls-sn-head{
 text-transform:capitalize;
 margin:27px 0 20px 0
}
.cls-signup-footer{
 text-transform:none 
}
.custom-checkbox .custom-control-label::before,
.custom-checkbox .custom-control-label::after{
  font-family: 'Font Awesome 5 Duotone';
  display: inline-block;
  border:0;
  border-radius:0;
  font-weight: 900;
  transition:none;
  position: absolute;
  left: -24px;
  top: 50%;
  transform: translateY(-53%);
  width: 1em;
  text-align: center;  
}
.custom-checkbox .custom-control-label::before{
  content: "\f04d";
  background-color:rgba(250, 125, 0, 0.5)
}
.custom-control-input:checked ~ .custom-control-label::before{
  content: "\f14a";
  border:0;
  background:none
}
.custom-control-label::before{
  color: var(--fa-primary-color, inherit);
  opacity: 1;
  opacity: var(--fa-primary-opacity, 1.0);
}
.custom-control-label::after{
  color: var(--fa-secondary-color, inherit);
  opacity: var(--fa-secondary-opacity, 0.7);
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after{
  background-image:none
}
.cls-lgn-pwd{
  position:relative
}
.field-icon {
  position: absolute;
  z-index: 200;
  height: 100%;
  right: 0px
}

span.field-icon.toggle-password {
    right: 22px;
    margin-top: -25px;
}

#signinup .input-group > .input-group-append,
#resetpwd-wrapper .input-group > .input-group-append{
  z-index: 100;
}
#signinup .input-group > .input-group-append > .input-group-text,
#resetpwd-wrapper .input-group > .input-group-append > .input-group-text{
  border:0;
  background-color:transparent;
  padding:0
}
#signin .modal-content,
#forgotpwd .modal-content{
  border:0;
  background:transparent!important;
  width: 97%;
  top: -250px;
}
#signin .modal-header,
#forgotpwd .modal-header{
  /* display:none */
}
#signin .modal-footer,
#forgotpwd .modal-footer{
  border:0
}
.orange-fontcolor,
.orange-fontcolor:hover{
   text-decoration:none;
}
#signinup .nav-pills .nav-link.active span::before{
  left:0;
  right:0
}
.social-btn > div{
  flex: 0 0 30%;
  max-width: 30%;
  margin-right: 10px;
}
.social-btn > div:last-child{
  margin-right:0
}
#native-form-container .lxppwd-field {
  /* height:34px */
}