@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;
    }

.g-signin2 .abcRioButton.abcRioButtonBlue {
    background-color: #008fb5 !important;
}

.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 {
    top: auto;
    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;
    margin-top:21%;
    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;
}

.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;
}

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: 6rem;
    border: 1px solid #6fb7ff;
    padding: 4px;
    position: relative !important;
    display: inline-block;
    float: left;
}

.googlelgnbtn {
    float: none !important;
}

.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;
    }
}

@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;
}*/