*,::after,::before{
    box-sizing:border-box;
}



 .loginwrapper{
    margin:0;
    line-height:1.15;
    -webkit-text-size-adjust:100%;
    -webkit-tap-highlight-color:transparent;
	
   	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	font-size:1rem;
    font-weight:400;
    line-height:1.5;
    #color:#FFFFFF;
    text-align:left;
    #background-color:#fff;
	#display: flex;
	#justify-content: center;

}

 .loginwrapper2{
      color:#FFFFFF;
 }
 
  .loginwrapper2 a{
      color:#FFFFFF;
 }
 
 
 .loginwrapper2 a:link {
      color:#FFFFFF;
	    text-decoration: none;
}


 
.loginwrapper h2{
    margin-top:0;
    margin-bottom:.5rem;
}

.loginwrapper p{
    margin-top:0;
    margin-bottom:1rem;
}
.loginwrapper a{
    #color:#007bff;
    text-decoration:none;
    background-color:transparent;
}
.loginwrapper a:hover{
    color:#0056b3;
    text-decoration:underline;
}
.loginwrapper label{
    display:inline-block;
    margin-bottom:.5rem;
}
 input{
    margin:0;
    font-family:inherit;
    font-size:inherit;
    line-height:inherit;
}
 input{
    overflow:visible;
}
 [type=submit]{
    -webkit-appearance:button;
}
 [type=submit]:not(:disabled){
    cursor:pointer;
}
.loginwrapper h2{
    margin-bottom:.5rem;
    font-weight:500;
    line-height:1.2;
}
 .loginwrapper h2{
    font-size:2rem;
	
}
 .form-control{
    display:block;
    #width:100%;
    height:calc(1.5em + .75rem + 2px);
    padding:.375rem .75rem;
    font-size:1rem;
    font-weight:400;
    line-height:1.5;
    color:#495057;
    background-color:#fff;
    background-clip:padding-box;
    border:1px solid #ced4da;
    border-radius:.25rem;
    transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
 @media (prefers-reduced-motion:reduce){
     .form-control{
        transition:none;
    }
}
 .form-control:focus{
    color:#495057;
    background-color:#fff;
    border-color:#80bdff;
    outline:0;
    box-shadow:0 0 0 .2rem rgba(0,123,255,.25);
}
 .form-control::placeholder{
    color:#6c757d;
    opacity:1;
}
 .form-control:disabled{
    background-color:#e9ecef;
    opacity:1;
}
 .form-group{
    margin-bottom:1rem;
}
 .invalid-feedback{
    display:none;
    width:100%;
    margin-top:.25rem;
    font-size:80%;
    color:#dc3545;
}
 .btn{
    display:inline-block;
    font-weight:400;
    color:#212529;
    text-align:center;
    vertical-align:middle;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    #background-color:transparent;
    border:1px solid 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;
}
 @media (prefers-reduced-motion:reduce){
     .btn{
        transition:none;
    }
}
 .btn:hover{
    color:#212529;
    text-decoration:none;
}
 .btn:focus{
    outline:0;
    box-shadow:0 0 0 .2rem rgba(0,123,255,.25);
}
 .btn:disabled{
    opacity:.65;
}
 .btn:not(:disabled):not(.disabled){
    cursor:pointer;
}
 .btn-primary{
    color:#fff;
    background-color:#007bff;
    border-color:#007bff;
}
 .btn-primary:hover{
    color:#fff;
    background-color:#0069d9;
    border-color:#0062cc;
}
 .btn-primary:focus{
    color:#fff;
    background-color:#0069d9;
    border-color:#0062cc;
    box-shadow:0 0 0 .2rem rgba(38,143,255,.5);
}
 .btn-primary:disabled{
    color:#fff;
    background-color:#007bff;
    border-color:#007bff;
}
 .btn-primary:not(:disabled):not(.disabled):active{
    color:#fff;
    background-color:#0062cc;
    border-color:#005cbf;
}
 .btn-primary:not(:disabled):not(.disabled):active:focus{
    box-shadow:0 0 0 .2rem rgba(38,143,255,.5);
}
 @media print{
     *,::after,::before{
        text-shadow:none!important;
        box-shadow:none!important;
    }
    .loginwrapper  a:not(.btn){
        text-decoration:underline;
    }
     .loginwrapper h2,p{
        orphans:3;
        widows:3;
    }
     .loginwrapper h2{
        page-break-after:avoid;
    }
  
}