:placeholder-shown{}
#signinup,
#forgotpwd-wrapper,
#resetpwd-wrapper{
  position:absolute;
  top: 0;
  right: 0;
  z-index: 10000;
  max-width: 430px;
  padding: 30px;
}
#signinup.lxp-signin-active{
  max-width: 650px;
}
/* .lxp-cmplogin-or-seperator{
	width:10px;
}
.lxp-cmplogin-separa-txt{
  left:-10px;
  right:0;
  bottom:0;
  top:0
} */

.lxp-cmplogin-separa-txt {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  margin: 0;
  padding: 0;
  width: auto;
  height: 50%;
  line-height: 0;
  text-align:center;
  text-transform: uppercase;
  transform: translateX(-50%);
}

.lxp-cmplogin-separa-txt:before, 
.lxp-cmplogin-separa-txt:after {
  position: absolute;
  left: 50%;
  content: '';
  z-index: 9;
  /*border-left: 1px solid rgba(34,36,38,.15);
  border-right: 1px solid rgba(255,255,255,.1);*/
  border-left-style:solid;
  border-left-width:1px;
  width: 0;
  height: calc(100% - 1rem);
}

.lxp-cmplogin-or-seperator > .lxp-cmplogin-separa-txt {
  height: calc(63% - 1rem);    
}

.lxp-cmplogin-separa-txt:before {
  top: -100%;
}

.lxp-cmplogin-separa-txt:after {
  top: auto;
  bottom: 0;
}
.lxp-company-login-wrapper,
.lxp-cmplogin-or-seperator{
  height:100%
}
.lxp-cmplogin-or-seperator{
  margin:0 48px 0 16px
}




.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 {
  right: 7px;
  margin-top: 10px;
  position: absolute;
  z-index: 200;
}
#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
}