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

@import url(https://fonts.googleapis.com/css?family=Roboto:300,300i,400,500,600,700,700i);

@import url(https://fonts.googleapis.com/css?family=Barlow:800i);

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,500,600,600italic,700,700italic,800,800italic);

@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);

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


* {
    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: 20px;
}

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 #f4f4f4 inset !important;
}

input:-moz-autofill, input:-moz-autofill:hover, input:-moz-autofill:focus, input:-moz-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #f4f4f4 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: 39px;
    font: 400 14px/20px"Open Sans",sans-serif;
    line-height: 1.5 !important;
    color: #000;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    box-shadow: 2px 2px 4px 0 #eee;
    padding: 0 5px;
    box-sizing: border-box;
}

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"Open Sans",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"Open Sans",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: #1a73e8;
    border: 1px solid #1a73e8;
    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: #F1F5F7 !important;
    padding: 0;
    margin: 0;
    font-family: "Open Sans",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: 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 "Open Sans",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: rgba(0,0,0,.7);
    margin: 0;
    padding: 0 8px 8px;
    text-align: center;
    position: relative;
    font: 600 22px/40px"Open",sans-serif;
}

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

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

.mws-inset a {
    color: #1a73e8;
    font: 600 14px/20px"Open Sans",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"Open Sans",sans-serif;
    line-height: 20px;
}

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

footer {
    width: 100%;
    position: fixed;
    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: #c13832;
    font: 500 13px/18px"Open Sans",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%;
    }

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

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

    .logo img {
        max-width: 60%;
        width: 100%;
        padding: 0;
    }

    .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: #002942; font: 500 13px/20px 'Lato', 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 15px 5px; box-sizing:border-box; min-height: 22rem;}
.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;      
        
    }
    .signfrom{
        padding:0;
        background:#fff; 
        min-height:auto;
    }
    .logincontant{
        width:90%;
        margin:0 auto;
        padding: 10px;
        display:flex;
        flex-direction:column-reverse;
    }

}
/*for old login page design css end*/