.formLogin {
    display: unset !important;
}

.copyright {
font-size: 11px !important;
margin-top: 35px;
}


.passwajust {
    margin-left: 0px !important;
    padding-right: 0px !important;
}

 
.mt-6 {
    margin-top: 1rem !important;
}


.py-xl-9 {
    padding-top: 1rem !important;
    padding-bottom: 8rem !important;
}

#meter_wrapper
{
border:1px solid grey;
margin-top:15px;
margin-bottom: 30px;
width:100%;
height:12px;
border-radius:3px;
}


#meter
{
width:0px;
height:10px;
}

#pass_type
{
font-size:15px;
margin-top:20px;
text-align:center;
color:grey;
}

.field-icon
{
    float: right;
    margin-right: 6px;
    margin-top: -32px;
    position: relative;
    z-index: 2;
    cursor: pointer;
}

.row-code 
{
padding-right: calc(var(--bs-gutter-x) * .3)!important;
padding-left: calc(var(--bs-gutter-x) * .3)!important;
margin-right: calc(var(--bs-gutter-x) * -.3)!important;
margin-left: calc(var(--bs-gutter-x) * -.3)!important;
--bs-gutter-x: 1rem !important;
}


.btn-primary 
{
    color: #fff;
    background-color: #043a84!important;
    border-color: #083679!important;
}


.btn-primary:hover 
{
    color: #fff;    
    background-color: #10499e!important;
    border-color: #083679!important;
}

.form-control-lg-2
{
    padding: 0rem 0rem !important;
    min-height: calc(1.5em + 1rem + 2px);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 1.25rem;
    border-radius: .3rem;
}

.logo_account
{
    text-align: center;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 0px;
}


@media only screen and (max-width: 700px)
{
    .logo_account {
        width: 70% !important;
        text-align: center;
        padding-top: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
        padding-left: 0px;
      }
}

.nocenter
{
 text-align: unset !important;
}

.nofloat
{
    float: none !important;
    margin-right: 10px !important;
}

.centerBox{
    width: 100% !important;
}

.bottomspace{
    padding-bottom: 16px !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5
{
    margin-top: 16px !important;
}

.greenOK 
{
    color: green; 
    display: none;
    float: right;
    margin-right: 10px;
    margin-top: -32px;
    position: relative;
    z-index: 2;
    cursor: pointer;
}

.redNotOK 
{
    color: red; 
    display: none;
    float: right;
    margin-right: 10px;
    margin-top: -32px;
    position: relative;
    z-index: 2;
    cursor: pointer;
}



.alertmessage
{
    min-height: 60px!important;
}

#alertmessage
{
    display: none;
}

.text-left {
    text-align: left !important;
  }