body{
    padding: 0;
    margin: 0;
    background-color: #FFFAFA;
}

img {
    display: block;
    margin: 10px auto;
}

.box-erp-login{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  
}

form{
    background-color: rgba(19, 19, 19, 0.3);

    padding: 40px;

    border-radius: 2px;

    width:280px;
}

.card-header {

    padding-bottom: 50px;

    opacity: 0.8;

    color: #000000;

}

.content-area {

    display: flex;

    flex-direction: column;

    padding:10px 0;


}

.content-area label {

    color: #000000;

    font-size: 12px;

    opacity: 0.8;

}

.content-area input{

    margin-top: 10px;

    padding:0 5px;

    background-color: transparent;

    border:none;

    border-bottom: 1px solid #e1e1e1;

    outline: none;

    color: #000000;

}

.card-footer {

    display: flex;

    flex-direction: column;

}

.card-footer a {

    text-align: center;

    font-size: 12px;

    opacity: 0.8;

    color: #fff;

    text-decoration: none;

}



.box-erp-login button {
     width: 100%;

    height: 40px;

    background-color: #a13854;

    border:none;

    color:#e1e1e1;

    margin: 10px 0;
}