/*login page*/
html{
}
body {
    display: flex;
    margin: 0px;
    padding: 0px;
    font-family: "Roboto";
    height:100%;
}
p { margin:0px; padding:0px;}
a:link{ text-decoration:none;}
.logOutLink {
    color: #00b4f0 !important;
    text-decoration: underline !important;
}
.main_wrap { 
    display: flex;
    width:600px;
    min-height: 575px;
    max-height: 900px;
    margin: auto; 
    background:transparent; 
    padding:15px;
    box-shadow: 2px 2px 10px darkgrey;
}
form {
    padding-top: 10px;
}
.main_wrap .card {
    margin: auto;
    width: 400px;
}
.forgot {
    color:#00b4f0 !important; 
    float:right !important;
    font-size:13px !important;
    padding:10px 10px 0 0;
    text-transform:uppercase;
}
.forgot:hover {
    text-decoration:none;
    color:#231f20 !important;
}
.imgMessage{
    padding-top: 15px;
}
.error { 
    margin: 0px 2px;
    color:red;
}

/*for session out page*/
.sessionout p {
    line-height:24px; 
    text-align:center; 
    font-size:18px !important; 
    color:#474747;  
    padding:40px 0px 0 0px;
}
.sessionout a       {  color:#00b4f0 !important; }
.sessionout a:hover {  color:#231f20 !important; }
/*end*/

#txtPass, #txtConfirm {
    width: 400px;
}

.psswdWrapper .riContentWrapper {
    width: 290px !important;
}
.dxrpControl .dxrpHeader { background-color:transparent !important;}
.dxrpControl .dxrpHLE, .dxrpControl .dxrpHRE, .dxrpControl .dxrpTE, .dxrpControl .dxrpNHTE, .dxrpControlGB .dxrpNHTE { background-color:transparent !important; border:0px !important;}
.rfdLoginControl { border:0px !important; background-color:transparent !important;}

.logoWidth {
    max-width: 100%;
    max-width: -moz-available; /* WebKit-based browsers will ignore this. */
    max-width: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
    max-width: fill-available;
}