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



@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/Material.woff2) format('woff2');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -moz-font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
}


* {
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
    word-wrap: break-word;
}

html, body {
    height: 100%;
    width: 100%;
    min-height: 100%;
}

.clearfix {
    clear: both;
}

.ie7 .clearfix {
    zoom: 1;
}

.clearfix:after {
    content: "";
    visibility: hidden;
    display: block;
    clear: both;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    background: 0 0;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    line-height: 100%;
    outline: 0;
}

::selection {
    background: #ccc;
    color: #fff;
    text-shadow: none;
}

::-moz-selection {
    background: #ccc;
    color: #fff;
}

:-moz-placeholder {
    color: #bbb;
}

::-webkit-input-placeholder {
    color: #bbb;
}

:-ms-input-placeholder {
    color: #bbb;
}

h1 {
    font-size: 24px;
}

h2 {
    font-size: 22px;
}

h3 {
    font-size: 1.2rem;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 14px;
}

li {
    line-height: 1.5;
}

a {
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
}

input:-moz-autofill, input:-moz-autofill:hover, input:-moz-autofill:focus, input:-moz-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
}

strong {
    font-weight: 600;
}

h1, h2, h3, h4, h5 {
    font-weight: 400;
    line-height: normal;
}

* html .clearfix {
    zoom: 1;
}

:first-child + html .clearfix {
    zoom: 1;
}

input[type=text], input[type=password], input[type=email], input[type=number], input[type=file] {
    outline: 0;
    width: 100%;
    outline: 0;
    height: 38px;
    /*! font: 400 14px/20px "Inter", sans-serif; */
    line-height: 1.5 !important;
    color: #212529;
    background: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    /*! box-shadow: 2px 2px 4px 0 #eee; */
    padding: .375rem .75rem;
    box-sizing: border-box;
    font-size: 1rem;
}

    input[type=text]:hover, input[type=password]:hover, input[type=email]:hover, input[type=number]:hover, input[type=file]:hover {
        color: #414848;
    }

    input[type=text]:disabled {
        text-shadow: 1px 1px 0#fff;
        background: #fff;
        border: 1px solid #fff;
        box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
        -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
        -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
        color: #000;
    }

        input[type=text]:disabled:hover {
            background: inherit;
            color: #9d9e9e;
        }


textarea {
    outline: 0;
    padding: 5px 1%;
    height: 60px;
    width: 32%;
    font: 400 14px/20px "Inter", sans-serif;
    color: #000;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    resize: none;
    box-shadow: 2px 2px 4px 0#eee;
}

    textarea:focus {
        color: #414848;
        outline: 0;
        border: 1px solid #95cb0a;
    }

    textarea:hover {
        color: #414848;
        border: 1px solid rgba(0,0,0,.8);
    }

select {
    outline: 0;
    padding: 5px 4px;
    height: 38px;
    width: 100%;
    font: 400 14px/20px "Inter", sans-serif;
    color: #000;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #e0e0e0;
    box-shadow: 2px 2px 4px 0#eee;
}

    select:focus {
        color: #414848;
        outline: 0;
        border: 1px solid #95cb0a;
    }

    select:hover {
        color: #414848;
        border: 1px solid rgba(0,0,0,.8);
    }

input[type=submit], button, input[type=button], a.cancel-btn {
    font: 500 16px/22px Roboto,sans-serif;
    cursor: pointer;
    display: inline-block;
    text-transform: capitalize;
    height: 38px;
    line-height: 33px;
    background: #1a73e8;
    background-color: #0d6efd;
    border: 1px solid #0d6efd;
    border-radius: 5px;
    padding: 0 20px;
    color: #fff;
    vertical-align: top;
    -webkit-appearance: none;
    color: #fff !important;
}

    input[type=submit]:hover, button:hover, input[type=button]:hover, input[type=submit]:focus, button:focus, input[type=button]:focus, input[type=submit]:active, button:active, input[type=button]:active {
        text-decoration: none;
        color: #fff;
        background-color: #174ea6;
        border: 1px solid #174ea6;
    }

    input[type=submit].disable, button.disable, input[type=button].disable {
        border: 1px solid rgba(0,0,0,.1);
        cursor: pointer;
        color: rgba(0,0,0,.25);
        background: #e1e0e0;
        cursor: no-drop;
    }


    input[type=submit]:disabled, button:disabled, input[type=button]:disabled, input[type=image]:disabled {
        border: 1px solid rgba(0,0,0,.1);
        cursor: pointer;
        color: rgba(0,0,0,.25);
        background: #e1e0e0;
        cursor: no-drop;
        -webkit-appearance: none;
    }

        input[type=submit]:disabled:active, button:disabled:active, input[type=button]:disabled:active, input[type=image]:disabled:active {
            top: 0;
        }



.margin-bottom-20 {
    margin-bottom: 20px;
}

img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
}

body {
    background-color: #f6f9ff !important;
    padding: 0;
    margin: 0;
    font-family: "Inter", sans-serif;
    overflow-x: hidden;
    font-weight: 400;
    line-height: 100%;
}

.outer-header {
    background: #002942;
    box-shadow: 0 4px 5px #ddd;
    margin-bottom: 20px;
}

.wrapper {
    max-width: 1170px;
    width: 1170px;
    margin: 0 auto;
    flex: 1;
}

.body-container {
    margin: 0;
}

.clearfix {
    clear: both;
}

.logo {
    padding: 10px 0;
    text-align: center;
}

.outer-info {
    margin: 0 auto;
    width: min(53rem, 53rem, 90%);
    overflow: auto;
}

.infomessage {
    color: #000;
    background-color: #d6edf0;
    box-shadow: 0 2px 4px #ccc;
    margin: 18px 0 20px 0;
    padding: 15px;
    width: 100%;
    border-collapse: collapse;
    box-sizing: border-box;
    clear: both;
}

    .infomessage p {
        font: 400 14px/24px "Inter", sans-serif;
    }

        .infomessage p a {
            color: #000;
            font-weight: 700;
        }

.loginpanel {
    max-width: 520px;
    margin: 3% auto 5%;
    padding: 0 20px;
}

.loginpanelinner {
    background: #fff;
    display: inline-block;
    width: 100%;
    padding: 20px;
    box-shadow: 2px 2px 8px rgba(29,63,158,.25);
    -moz-box-shadow: 2px 2px 8px rgba(29,63,158,.25);
    -webkit-box-shadow: 2px 2px 8px rgba(29,63,158,.25);
    -o-box-shadow: 2px 2px 8px rgba(29,63,158,.25);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
}

    .loginpanelinner h1 {
        color: rgb(0, 41, 66);
        margin: 0;
        padding: 0 8px 8px;
        text-align: center;
        position: relative;
        font: 500 22px/40px "Inter", sans-serif !important;
        line-height: normal;
        font-size: calc(1.275rem + .3vw);
    }

.mws-form-row .mws-form-item label {
    color: #000;
    font: 600 14px/20px "Inter", sans-serif;
    display: inline-block;
}

label {
    margin-bottom: .5rem;
    display: block !important;
    max-width: 100%;
    margin-bottom: .5rem;
    margin-top: 7px;
    font: 300 16px/20px "Inter", sans-serif;
    color: #111;
}

.mws-inset a {
    color: #1a73e8;
    font: 300 16px/20px "Inter", sans-serif;
}

.mws-form-row input[type="submit"] {
    width: 100%;
    color: #fff;
    padding: 5px 0;
    text-transform: uppercase;
    height: auto;
}

.mws-form-row .mws-form-item label {
    color: #000;
    font: 600 14px/20px "Inter", sans-serif;
    line-height: 20px;
}

.text-danger {
    color: #f00 !important;
}

footer {
    width: 100%;
    /*position: absolute;*/
    bottom: 0;
    margin: 15px 0 0;
    padding: 0;
    border: none;
}

.outerfooter-boot {
    background: #173a4a;
    height: 45px;
}

    .outerfooter-boot p {
        float: left;
        margin-bottom: 0;
    }

    .footer-lnk, .outerfooter-boot p {
        font: 400 14px/45px Roboto,sans-serif;
        color: #fff;
    }

.footer-lnk {
    float: right;
    width: auto;
}

    .footer-lnk a {
        color: #fff;
    }

.errormsg {
    color: #dc3545 !important;
    font: 300 14px/28px "Inter", sans-serif !important;
    color: red;
    display: inline;
}

@media (max-width: 1024px) {
    .outer-header {
        height: auto;
        margin-bottom: 0;
        padding: 0;
        box-sizing: border-box;
    }

    .wrapper {
        max-width: 100%;
        padding: 0 10px;
    }

    .logo {
        text-align: center;
        width: 100%;
        padding: 0;
        float: none;
        margin: 0 auto;
        height: 80px;
    }

        .logo a {
            min-width: 210px;
            width: auto !important;
        }

            .logo a img {
                margin-left: 15px;
            }

    .outerfooter-boot {
        height: auto;
        padding: 20px 0;
    }

        .footer-lnk, .outerfooter-boot p {
            float: none;
            font: 400 14px/24px Roboto,sans-serif;
            text-align: center;
        }
}

@media screen and (min-width: 1650px) and (max-width: 1920px) {
    .wrapper {
        max-width: 1130px;
        width: 1130px;
        margin: 0 auto;
    }
}

@media (max-width:767px) and (orientation:portrait) {
    footer {
        position: relative;
    }
}

@media (max-width:1024px) and (orientation:landscape) {
    footer {
        position: relative;
    }
}

/*form old login page design css start*/
.loginsec {
    background: transparent;
    padding: 0;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 765px;
}

.logincontant {
    max-width: 765px;
    background-color: #fff;
    padding: 25px;
    box-shadow: 2px 2px 8px rgba(29,63,158,.25);
    -moz-box-shadow: 2px 2px 8px rgba(29,63,158,.25);
    -webkit-box-shadow: 2px 2px 8px rgba(29,63,158,.25);
    -o-box-shadow: 2px 2px 8px rgba(29,63,158,.25);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.signinmessage:before { /*content: url('../Images/myea-logo1.png'); display: block; z-index: 99999; margin-bottom: 20px; transform: scale(.7);*/
}

.signinmessage {
    width: 300px;
    float: left;
    padding-right: 15px;
}

    .signinmessage p {
        color: #111;
        font: 300 14px/20px "Inter", sans-serif;
        padding: 5px 0;
    }

.signfrom {
    width: 380px;
    float: right;
    background: #f1f5f7;
    box-shadow: -13px 1px 9px -4px rgba(29,63,158,.1);
    padding: 15px;
    box-sizing: border-box;
}

    .signfrom h2 {
        color: #fff;
        font: 600 16px/20px 'Lato', sans-serif;
        padding: 8px 0 8px 20px;
        background: #002942;
    }

    .signfrom .row {
        padding: 12px 20px;
    }

        .signfrom .row label { /*color: #002942; display: block; font: 14px/18px 'Lato', sans-serif; padding-bottom: 5px;*/
        }

    .signfrom #lblMessage, .signfrom .lblMessage { /*color: #C13832; font: 14px/18px 'Lato', sans-serif; padding: 10px 20px 0; display: block;*/
    }

    .signfrom .row .errormsg { /*color: #C13832; font: 14px/18px 'Lato', sans-serif;*/
    }

    .signfrom .row a { /*color: #c13832; font: 400 12px/16px 'Lato', sans-serif;*/
    }

        .signfrom .row a:hover { /*color: #C13832; text-decoration: underline;*/
        }

aside.signfrom .btn {
    margin-left: 0;
}

.forgotsec {
    background: transparent;
    padding: 15px 15px 60px;
    width: auto;
    max-width: 600px;
    margin: 20px auto;
}

    .forgotsec .signfrom {
        width: 100%;
    }

@media all and (max-width: 1024px) {
    .loginsec, .signfrom, .signinmessage {
        width: 100%;
        box-shadow: none;
        padding: 0;
        max-width: 580px;
    }

    .class-toggle.class-toggle-open + div {
        display: block !important;
    }

    .signfrom {
        padding: 20px;
        background: #fff;
        box-shadow: 0px 0 30px rgba(1, 41, 112, 0.1);
    }

    .signinmessage {
        color: #0c5460;
        background-color: #d1ecf1;
        border-color: #bee5eb;
        padding: .5rem !important;
        margin-bottom: 1rem !important;
        border-radius: .25rem !important;
        font-size: 0.9rem;
    }

    .logincontant {
        width: 98%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        background: none;
        box-shadow: none;
        padding: 0;
    }

    .btngroup {
        flex-direction: column;
        gap: 0;
    }

    .modalPopup {
        max-width: 90%;
        margin: 0 auto;
        position: fixed !important;
        width: 90% !important;
    }
}
/*form old login page design css end*/
.modalPopup {
    top: 20px !important;
}

.modal-body {
    background: #fff;
    /*width: min(45rem, 45rem, 90%);*/
    max-height: 90%;
    z-index: 734626274;
    border-radius: 5px;
    padding: 1rem;
    box-shadow: 4px 6px 8px #333;
    color: #111;
    font-size: 14px;
}

    .modal-body p {
        line-height: 22px;
    }

.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.5);
    z-index: 995;
}

.btngroup {
    clear: both;
    text-align: center;
    margin: 15px 0 22px 0;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 6px;
    flex-direction: row;
}

.cancel-btn {
    background: #df0e0e !important;
    color: #fff !important;
    border-color: #df0e0e !important;
}

input[type="checkbox"], input[type="radio"] {
    width: 16px;
    height: 22px;
    border: 1px solid rgba(0,0,0,.25);
}

.h-inherit {
    height: inherit;
}