body {
    background: #f3f3f3;
}
.page-head {
    margin-top: -7px;
    padding: 5px;
    background: #fff;
}
.logo {
    width:100%;
    display: flex;
    align-items: center;
}

.pia img {
    width:60px;
}
.pia span{
width: 125px;
}
.input-group-text {
    background-color: #fff;
}
.line {
    width: 2px;
    height: 30px;
    background-color:black;
    /* font-size: large; */
}
#togglePassword {
    cursor: pointer;
}
.br img {
    width:140px;
}
.pg-wrap {
    display: flex;
    justify-content: center;
}
.pg-body {
 width:100%;
 background: #fff;
 border: 1px solid rgb(213, 211, 211);
 border-radius: 10px;
 box-shadow:rgba(0,0,0,0.35) 0px 5px 15px;
}
.fid, .fpsw {
text-decoration: underline;
/* color:; */
}
input#email:focus,
input#psw:focus,
input#pid:focus {
outline:none;
border: 2px solid rgb(97, 91, 161);
box-shadow: none;
}
/* @media screen and (min-width: 760px) {
    .pg-body {

    }
} */
@media screen and (min-width: 560px) {
.pg-body {
    width:100%;
}
}

@media screen and (min-width: 560px) {
.pg-body {
    width:520px;
}
}
/* @media screen and (min-width: 812px) {
    .pia {
        width:200px;
    }
}
@media screen and (max-width: 812px) {
    .logo {
        width:80%;
    }
} */