@charset "utf-8";
/* CSS Document */

.LoginPanel {
    padding: 30px;
    /*display: inline-block;*/
    
    text-align: left;
}
.LoginPanel input.input-validation-error {
    border: 1px solid red !important;
    /*-webkit-box-shadow: 0 2px 5px #d8d8d8 !important;*/
}
.LoginPanel a,
.LoginPanel a:hover {
    font-size: 14px;
}
.LoginPanel #loginForm {
    /*border-bottom:1px solid #dfdfdf;*/
}
.LoginPanel .footer {
    border-top: 1px solid #fff;
    width: 100%;
    font-size: 11px;
    float: left;
    padding-top: 5px;
    text-align: center;
    color: #848284;
}
.LoginPanel .footer a,
.LoginPanel .footer a:hover {
    font-size: 11px;
}
.maxlogo {
    height: 48px;
    border-bottom: 2px solid #dfdfdf;
    padding-bottom: 5px;
    text-align: left;
    width: 100%;
}
.loginbody {
    border-top: 1px solid #c9c9c9;
}
.LoginPanel input[type="text"], .LoginPanel input[type="password"] {
    width: 100%;
    font-size: 12px;
    /*-webkit-box-shadow: 1px 1px 2px #e1e1;
	box-shadow: 1px 1px 2px #e1e1;
	-moz-box-shadow:1px 1px 2px #e1e1;*/
    
    font-family: "Segoe UI", "Open Sans", sans-serif, serif;
}
.MacOsSafari .LoginPanel input#Password{
    line-height:1rem;
}
/*.LoginPanel input[type="text"]:-ms-input-placeholder,.LoginPanel input[type="password"]:-ms-input-placeholder
.resetPasswordPanel input[type="text"]:-ms-input-placeholder, .resetPasswordPanel input[type="password"]:-ms-input-placeholder {
    color: red;
}*/

::placeholder {
    color: #afafaf;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #afafaf;
}

::-ms-input-placeholder { /* Microsoft Edge */
   color: #afafaf;
}

.LoginPanel input[type="text"], .LoginPanel input[type="password"], .resetPasswordPanel input[type="text"], .resetPasswordPanel input[type="password"] {
    padding: 8px;       
    background-repeat: no-repeat;
    padding-left: 35px !important;
    font-size: 16px !important;
    font-weight: 500;
    height: 2.399rem;
}
.resetPasswordPanel input[type="text"], .resetPasswordPanel input[type="password"]{
    padding-left:5px !important;
}
.LoginPanel input[type="text"]:focus,
.LoginPanel input[type="password"]:focus {
    border: 1px solid #4296de !important;
    -moz-box-shadow: 0 0 4px #999;
    -webkit-box-shadow: 0 0 4px #999;
    box-shadow: 0 0 4px #999;
}
/*.LoginPanel input:-webkit-autofill.user,  .LoginPanel input:-webkit-autofill.pass-lock{
    -webkit-box-shadow: inset 0 0 0 50px white, 0 2px 5px #d8d8d8;
}
.LoginPanel input:-webkit-autofill:focus.user, .LoginPanel input:-webkit-autofill:focus.pass-lock, .LoginPanel input[type="text"],.LoginPanel input[type="password"]{
    -webkit-box-shadow:inset 0 0 0 50px white, 0 2px 5px #d8d8d8;
    box-shadow:inset 0 0 0 50px white, 0 2px 5px #d8d8d8;
}*/

input -webkit-autocomplete {
    background: #fff url(../Images/user.png);
}
.LoginPanel span.user {
    background-color: #eeeeee;
    position: absolute;
    width: 32px;   
    left: 1px;
    top: 0;
    display: inline-block;
    border-radius: 3px 0px 0px 3px;
    color: #666;
    font-size: 14px;
    text-align: center;
    padding-top: 10px;
    height: 2.399rem;
}
.LoginPanel span.pass-lock {
    background-color: #eeeeee;
    position: absolute;
    width: 32px;   
    left: 1px;
    top: 0px;
    display: inline-block;
    border-radius: 3px 0px 0px 3px;
    color: #666;
    font-size: 14px;
    text-align: center;
    padding-top: 12px;
    height: 2.399rem;
}
.LoginPanel span.confirm-pass-lock {
    background-image: url(../Images/confirm-pass-lock.png);
    position: relative;
    width: 32px;
    height: 30px;
    left: 1px;
    top: -37px;
    display: inline-block;
    border-radius: 3px 0px 0px 3px;
}
.login {
    border: 1px solid #7067ba;
    border-radius: 4px;
    color: #fff;
    background-image: url(../images/bg-images/login_but_back.gif);
    background-repeat: repeat-x;
    padding: 2px 7px;
}
.marT15 {
    margin-top: 15px;
}
.marT10 {
    margin-top: 10px;
}
a {
    /*color: #717EBF;*/
    text-decoration: underline;
}
a:hover {
    /*color: #717EBF;*/
    text-decoration: underline;
}
.login-footer {
    padding: 10px;
    border: 1px solid #c6c9e1;
    border-radius: 5px;
    line-height: normal;
}
.LoginPanel h1 {
    font-size: 14pt;
    font-weight: normal;
    margin-bottom: 0px;
}
.LoginPanel hgroup.title h2 {
    font-weight: normal;
    margin: 0px;
    padding-top: 5px;
    letter-spacing: 0px;
    font-size: 1.2rem;
    margin-top: 0px;
    /* border-top: 1px solid #fff; */
    /* text-shadow: 1px 1px 0px rgba(255, 255, 255, 1); */
    
    color: #fff;
}
.metro .LoginPanel input[type="button"],
.metro .LoginPanel input[type="submit"],
.metro .LoginPanel input[type="reset"] {
    /*background-color:#7392d6;
    color:#fff;
    border:none;
    width: auto;
    padding:6px 13px;
    margin:4px 2px;
    -webkit-box-shadow: 0px 2px 0px 0px rgba(99,123,177,0.99);
    -moz-box-shadow: 0px 2px 0px 0px rgba(99,123,177,0.99);
    box-shadow: 0px 2px 0px 0px rgba(99,123,177,0.99);
     text-shadow: 1px 1px 0px rgba(78,109, 175, 1);
    -webkit-text-shadow:1px 1px 0px rgba(78,109, 175, 1);*/
    
    width: 100%;
}
/*@media screen and (min-width : 1366px ) and (max-width : 1500px) {
     .login-version {left: 23.7rem !important;}
}*/

.login-version {
    position: relative;    
    z-index: 2;
    top: -0.75rem;    
    text-align: right;
    right: 0.6rem;
}
.loginScreenImages .font100{
    font-size: 5.5rem;
}
.validInputLogin {
    color: white !important;
    font-weight:600;
}

.validInputLogin:before {
    position: relative;
    left: -10px;
    content: "\2714";
}
.invalidInputLogin:before {
    position: relative;
    left: -10px;   
    content: "\2022";
}
.staticContentLogin:before {
    position: relative;
    left: -10px;   
    content: "\2022";
}
.centerAlign {
    position: relative;
    top: 45%;
    transform: perspective(1px) translateY(-50%);
}

.fg-lightwhite {
    color: #bcd5ee;
}

.bootomAllign {
    bottom: 0;
    position: fixed;
    left: 2%;
}
.Captchacontainer{
    color:#fff;
}
.Captchacontainer a[href$='CaptchaImage']{
    color:#fff;
    float: right;
}
.Captchacontainer a[href$='CaptchaImage']:hover{
    color:#42aaff; 
}
.AcctSusDivider {
    display: block;
    height: 13vh;
    border-left: 2px solid #fff;
    margin-left: 1.5rem;
}
.spanBottom {
    position: relative;
    bottom: 1rem;
}
.copyrightTxt {
    font-size: 0.725rem;
    padding-top: 1rem;
    padding-left: 10px;
}
.FicBottomImg{
    width: 120px;
    display: inline-block;
    float: left;
}
.no-underline {
    text-decoration:none;
}
.fg-redNew{
    color:#a50000;
}
.barCodeSquare {
    width:114px;
    height:114px;
    border:1px solid gray;
    display:inline-block;
    float:left;
}
.barTxt {
    height:114px;
    display:inline-block;
    float:left;
}
.barCodeSquare1 {
    width:214px;
    height:114px;
    border:1px solid #A7C999;
    display:inline-block;
    float:left;
    background-color:#E0EFD8;
    text-align:center;
    color:#A7C999;
}
.BarTxtAlign {
    position: relative;
    top: 47%;
}
.UpdatedInput {
    border-bottom: 1px solid #cdd1d7 !important;
    border-top: transparent !important;
    border-left: transparent !important;
    border-right: transparent !important;
}
input[type="button"].primary, input[type="reset"].primary, input[type="submit"].primary {
    background: #2086bf;
    color: #ffffff;
    border-color: #2086bf;
    border-radius: 3px;
}
.button.primary {
    background: #2086bf;
    color: #ffffff;
    border-color: #2086bf;
    border-radius: 3px;
}
input[type="button"], input[type="reset"], input[type="submit"] {
    padding: 0 1rem;
    height: 2.125rem;
    text-align: center;
    background-color: #ffffff;
    border: 1px #d9d9d9 solid;
    color: #262626;
    cursor: pointer;
    display: inline-block;
    outline: none;
    font-size: .875rem;
    line-height: 100%;
    margin: 0;
    position: relative;
    vertical-align: middle;
}
select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] {
    cursor: pointer;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
.small-button30 {
    font-size: 1.0625rem !important;
    padding: 0.325rem 1.875rem !important;
    height: auto !important;
    vertical-align: text-bottom;
}
.button {
    /* padding: 0 1rem; */
    height: 1rem;
    text-align: center;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px #d9d9d9 solid;
    color: #262626;
    cursor: pointer;
    display: inline-block;
    outline: none;
    font-size: .875rem;
    line-height: 100%;
    margin: 0.15625rem 0;
    position: relative;
    letter-spacing: 1px;
}
.centerContentDiv {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}
.maincontht {
    height:37rem;
}
.verticalAlignM {
    vertical-align: middle;

}
.maincontentWidth {
    width: 70% !important;
    margin: 0 auto;
}

.iconAlignment {
    vertical-align: baseline;
    color: #6fb7ff;
}
.iconTxt {
    text-align: right;
    margin-left: 10px;
    vertical-align: text-bottom;
    color: #6fb7ff;
}
.TitlelblColor {
    color: #6fb7ff;
}
input[type="button"].primary, input[type="reset"].primary, input[type="submit"].primary {
    background: #2086bf;
    color: #ffffff;
    border-color: #2086bf;
    border-radius: 3px;
}
.button.primary {
    background: #2086bf;
    color: #ffffff;
    border-color: #2086bf;
    border-radius: 3px;
}
input[type="button"], input[type="reset"], input[type="submit"] {
    padding: 0 1rem;
    height: 2.125rem;
    text-align: center;
    background-color: #ffffff;
    border: 1px #d9d9d9 solid;
    color: #262626;
    cursor: pointer;
    display: inline-block;
    outline: none;
    font-size: .875rem;
    line-height: 100%;
    margin: 0;
    position: relative;
    vertical-align: middle;
}
select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] {
    cursor: pointer;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
.small-button30 {
    font-size: 1.0625rem !important;
    padding: 0.325rem 1.875rem !important;
    height: auto !important;
    vertical-align: text-bottom;
}
.button {
    /* padding: 0 1rem; */
    height: 1rem;
    text-align: center;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px #d9d9d9 solid;
    color: #262626;
    cursor: pointer;
    display: inline-block;
    outline: none;
    font-size: .875rem;
    line-height: 100%;
    margin: 0.15625rem 0;
    position: relative;
    letter-spacing: 1px;
}
.centerContentDiv {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}
.maincontht {
    height:41rem;
}
.verticalAlignM {
    vertical-align: middle;

}
.maincontentWidth {
    width: 70% !important;
    margin: 0 auto;
}
.mif-gmail:before {
    content: "\e962";
}
.mif-apple:before {
    content: "\e963";
}
.mif-SMS:before {
    content: "\e966";
}
.mif-securityQuestions:before {
    content: "\e967";
}
.authAlign {
    display:inline-block;
    float:left;
   margin-left:20px;
}
.buttonDiv {
    width: 5.5rem;
    border: 1px solid #6fb7ff;
    padding: 4px;
    /* position: relative !important; */
    /* display: inline-block; */
    float: left;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.btnSpace {
    display: flex;
    align-items: center;
    justify-content: center;
}
.cursorpointer{
   cursor:pointer;
}
/*.buttonDiv {
    width: 6rem;
    border: 1px solid #6fb7ff;
    padding: 4px;
    position: relative !important;
    display: inline-block;
    float: left;
}*/
.iconAlignment {
    vertical-align: baseline;
    color: #6fb7ff;
}
.iconTxt {
    text-align: right;
    margin-left: 10px;
    vertical-align: text-bottom;
    color: #6fb7ff;
}
.TitlelblColor {
    color: #6fb7ff;
}
.centerContentDivWid {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    width: 95rem;
}
.SecurityQuesPanel input[type="text"]{
        height: 2.2rem !important;
}
.fgLightButton {
    background-color: #00b8ce !important;
    border: 1px solid #00b8ce!important;
}
.fgLightButton:hover{
background-color:#17e6ff !important;
border: 1px solid #17e6ff !important;
}
.fgLightButton::selection {
background-color: #00787f !important;
border: 1px solid #00787f !important;
}
.iconWithCircle {
    padding: 18px 15px;
    border-radius: 40px;
    background: #0369E7;
    color: #ffffff;
    height: 65px;
    width: 65px;
}
.iconWithCircle:hover {
    background: #6daeff;
}
.iconWithCircle::selection {
    background: #00295b;
}
input.input-validation-error1 {
    background-color: #fcdcdf !important;
    border-bottom: 1px solid #ff0000 !important;
}
.marB40 {
   margin-bottom:2.5rem !important;
}
.marB60 {
   margin-bottom:3.75rem !important;
}
@media screen and (min-width: 1600px) and (max-width: 1800px){
    /*.lockCircle {
        height: 100px !important;
        width: 100px !important;
    }
    .lockCircleIcon {
        padding-top: 1.3rem !important;
    }*/
    .padL88 {
        padding-left: 4.3rem !important;
    }
    .loginScreenImages .font100 {
        font-size: 5.5rem;
    }
}
@media screen and (min-width: 1920px) {
    .loginScreenImages .font100 {
        font-size: 6.25rem;
    }
    .buttonDiv {
        width: 8rem;
    }
}
@media screen and (min-width: 2560px) {
    .LoginPanel span.user {
       height: 48px;
       left: 0px;
       padding-top: 14px;
    }
    .LoginPanel span.pass-lock {
       height: 48px;
       left: 0px;
       padding-top: 14px;
    }
   .LoginPanel input[type="text"], .LoginPanel input[type="password"] {
       height: 3rem !important;
   }
}

.pad15 {
    padding:15px;
}



/*MFA*/
.metro .grid.fluid {
    width: 100%;
}

    .metro .grid.fluid .column {
        margin: 0px;
        background-color: #eeeeee;
        margin: 0% 0 0% 0.5%;
        border-radius: 3px;
        border: 1px solid #d1d1d1;
    }

    .metro .grid.fluid .row {
        margin: 0px;
        /*width:inherit;*/
        width: 100%;
        margin-top: 0px;
    }

        .metro .grid.fluid .row .span1 {
            width: 7.875% !important;
        }

        .metro .grid.fluid .row .span2 {
            width: 16.25% !important;
        }

        .metro .grid.fluid .row .span3 {
            width: 24.662% !important;
        }

        .metro .grid.fluid .row .span4 {
            width: 33% !important;
            /*width:32.667% !important*/
        }

        .metro .grid.fluid .row .span5 {
            width: 41.37% !important;
        }

        .metro .grid.fluid .row .span6 {
            width: 49.75% !important;
        }

        .metro .grid.fluid .row .span7 {
            width: 58.12% !important;
        }

        .metro .grid.fluid .row .span8 {
            width: 66.5% !important;
        }

        .metro .grid.fluid .row .span9 {
            width: 74.87% !important;
        }

        .metro .grid.fluid .row .span10 {
            width: 83.25% !important;
        }

        .metro .grid.fluid .row .span11 {
            width: 91.62% !important;
        }

        .metro .grid.fluid .row .span12 {
            width: 100% !important;
        }

        .metro .grid.fluid .row [class*="span"] {
            margin-left: 0.45%;
        }

        .metro .grid.fluid .row .span12.marL0 {
            margin-left: 0PX;
        }

        .metro .grid.fluid .row [class*="span"]:first-child {
            margin-left: 0;
        }

    .metro .grid.fluid.pt-ent .row .span1,
    .metro .grid.fluid.pt-ent .row .span2,
    .metro .grid.fluid.pt-ent .row .span3,
    .metro .grid.fluid.pt-ent .row .span4,
    .metro .grid.fluid.pt-ent .row .span6,
    .metro .grid.fluid.pt-ent .row .span8,
    .metro .grid.fluid.pt-ent .row .span9,
    .metro .grid.fluid.pt-ent .row .span10,
    .metro .grid.fluid.pt-ent .row .span11,
    .metro .grid.fluid.pt-ent .row .span12 {
        width: auto !important;
    }

.metro .pt-ent label {
    margin-right: 2px;
}

.metro .grid.fluid .row.marT1 {
    margin-top: 10px;
    width: inherit;
}

.metro .grid.fluid .row.marT05 {
    margin-top: 0.5%;
}

.metro .grid.fluid .row.marT10 {
    margin-top: 1.0%;
}

.metro .grid.fluid .row .span3.minhgt200,
.metro .grid.fluid .row .span4.minhgt200,
.metro .grid.fluid .row .span5.minhgt200 {
    height: 220px;
}

.metro .grid.fluid .row .span3.minhgt240,
.metro .grid.fluid .row .span4.minhgt240,
.metro .grid.fluid .row .span5.minhgt240 {
    height: 240px;
}

.metro .grid.fluid .row .span3.minhgt250,
.metro .grid.fluid .row .span4.minhgt250,
.metro .grid.fluid .row .span5.minhgt250 {
    height: 250px;
}

/*.metro .grid.fluid .row .group.hgt183 {
    height: 183px;
    overflow: auto;
}*/

/*.metro .grid.fluid .row .hgt400 {
    height: 28.125rem;
    overflow: auto;
}*/

.metro .grid.fluid .row .hgt15 {
    height: 15.125rem;
    overflow: auto;
}

.metro .grid.fluid .row .group.hgt135 {
    height: 135px;
    overflow: auto;
}

.metro .grid.fluid .row .group.hgt153 {
    height: 153px;
    overflow: auto;
}

.metro .grid.fluid .row .group.hgt158 {
    height: 158px;
    overflow: auto;
}

.overflow-box {
    overflow: auto;
    background-color: #fff;
    padding: 3px;
    border: 1px solid #cfcfcf;
}

.metro .grid.fluid .row .span4.minhgt210 {
    min-height: 210px;
}


/*.LoginPanel span.user {
    background-color: #eeeeee;
    position: absolute;
    width: 32px;
    left: 1px;
    top: 0;
    display: inline-block;
    border-radius: 3px 0px 0px 3px;
    color: #666;
    font-size: 14px;
    text-align: center;
    padding-top: 10px;
    height: 2.399rem;
}
.LoginPanel span.pass-lock {
    background-color: #eeeeee;
    position: absolute;
    width: 32px;
    left: 1px;
    top: 0px;
    display: inline-block;
    border-radius: 3px 0px 0px 3px;
    color: #666;
    font-size: 14px;
    text-align: center;
    padding-top: 12px;
    height: 2.399rem;
}
.LoginPanel input[type="text"], .LoginPanel input[type="password"], .resetPasswordPanel input[type="text"], .resetPasswordPanel input[type="password"] {
    padding: 8px;
    background-repeat: no-repeat;
    padding-left: 35px !important;
    font-size: 16px !important;
    font-weight: 500;
    height: 2.399rem;
}
.disableautofill {
    font-family: 'text-security-disc' !important;
}
input[type=text], input[type=url], input[type=mail], input[type=email], input[type=number], input[type=password], input[type=search] {
    width: 100%;
    border-radius: 3px;
    border: 1px solid #cdd1d7;
    padding: 2px;
    padding-left: 4px;
    height: 1.399rem;
}*/