/***********************************************************
"Project          	: 	Akai"
"Created By      	: 	KALPANA" 
"Last Edited        :   14 Dec 16"
***********************************************************/
body {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
}

.login-body {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
}

.login_wrapper {
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #fff;
}
.loginfoot {
    behavior: url(PIE.htc);
    float: left;
    width: 341px;
    margin-top: 1px;
    height: 45px;
    border-radius: 8px 8px 0px 0px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#31499f), to(#292a2a));
    background: -moz-linear-gradient(#31499f, #292a2a);
    -pie-background: linear-gradient(#31499f, #292a2a);
}
.loginhead {
    font-family: Arial;
    font-size: 24px;
    color: #FFF;
    font-weight: normal;
    padding-left: 45px;
    padding-top: 5px;
    background-image: url(../Images/Login/login-icon.png);
    background-repeat: no-repeat;
    background-position: 10px 5px;
    height: 45px;
    line-height: 40px;
}
.login_container {
}

.header_wrapper {
    overflow: hidden;
    background-color: #31499f;
}

.login_header {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    overflow: hidden;
}

.login-header-lt {
    float: left;
    width: 60%;
    padding-top: 0px;
    padding-left: 1%;
    padding-top: 5px;
    padding-bottom: 5px;
}

.login-header-rt {
    float: right;
    width: 20%;
    text-align: right;
    padding-top: 2px;
    padding-right: 10px;
}

.logincont_wrapper {
    width: 100%;
    /*background-image: url(../Images/Login/login_bodybg.jpg);*/
    background-repeat: repeat-y;
    background-position: center top;
    /*background-color: #646464;*/
    height: 100% !important;
    min-height: 100%;
    /*padding-bottom:1%;*/
}

.logincont {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    /*background-image: url(../Images/Login/bot-img.png);*/
    background-repeat: no-repeat;
    background-position: left bottom;
    overflow: hidden;
}

.logincont_left {
    float: left;
    width: 50%;
    margin-left: 5%;
    margin-top: 5px;
    height: 581px;
   
    background-repeat: no-repeat;
    background-position: left top;
}

.NuralHeading h1 {
    color: #32499f;
    font-weight: 600;
    margin-top: -7px;
    text-align: center;
    padding-right: 226px;
}
#loginright {
     float: left;
    /*width: 578px;*/
    padding-right: 90px;
    margin-top: 70px;
}

.logincont_right {
    float: right;
    width: 342px;
    behavior: url(PIE.htc);
    margin-top: 80px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: #666 0px 0px 8px;
    -moz-box-shadow: #666 0px 0px 8px;
    box-shadow: #666 0px 0px 8px;
    border: 1px solid #ffffff;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#31499f), to(#31499f));
    background: -moz-linear-gradient(#31499f, #31499f);
    -pie-background: linear-gradient(#31499f, #31499f);
    background-color: #31499f;
    padding-bottom: -6px;
}

.copyrightlogin {
    color: #32499f;
    font-weight: 600;
    text-align: center;
    margin-right: 140px;
}
.loginarea {
    float: left;
    width: 302px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
}

.loginarea2 {
    padding-right: 5px;
    padding-bottom: 5px;
    overflow: hidden;
}
.ftrlogo {
    width: 100px;
    display: inline-block;
    padding-left: 24px;
}
.loginhead {
    font-family: Arial;
    font-size: 24px;
    color: #FFF;
    font-weight: normal;
    padding-left: 45px;
    padding-top: 5px;
    background-image: url(../Images/Login/login-icon.png);
    background-repeat: no-repeat;
    background-position: 10px 5px;
    height: 45px;
    line-height: 40px;
}

.loginfield {
    margin-top: 5px;
    margin-bottom: 5px;
    overflow: hidden;
}

.loginsub {
    float: left;
    width: 100px;
}

.forgotfield {
    margin-top: 10px;
    margin-bottom: 5px;
    overflow: hidden;
}

.loginmessage {
    padding-top: 5px;
    padding-bottom: 5px;
}

.logintext {
    float: left;
    width: 302px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: -2px;
}

.logintext2 {
    padding-top: 5px;
    float: left;
    width: 20px;
    padding-right: 10px;
    padding-left: 5px;
    height: 31px;
}

.login_input {
    background: #fff;
    border: 1px solid #fff;
    height: 22px;
    line-height: 22px;
    width: 205px;
    padding-left: 4px;
    margin-right: 4px;
}

.loginfieldside {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #0a2e7c;
    font-weight: normal;
    float: left;
    width: 210px;
}

.loginfieldside2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #0a2e7c;
    font-weight: normal;
    float: left;
    width: 100px;
}

.login_button {
    background: #f44e00;
    height: 31px;
    line-height: 16px;
    border: 1px solid #f44e00;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    width: 213px;
}

.forgotlink {
    font-size: 11px;
    font-weight: normal;
    color: #3c3a3b;
    text-decoration: none;
}

a.forgotlink:link, a.forgotlink:visited, a.forgotlink:active {
    font-size: 11px;
    font-weight: normal;
    color: #fff;
    text-decoration: underline;
}

a.forgotlink:hover {
    font-size: 11px;
    font-weight: normal;
    color: #f44e00;
    text-decoration: underline;
}

.forgotpwd {
    font-size: 11px;
    font-weight: normal;
    color: #fefefe;
    line-height: 30px;
    margin-left: 5px;
    float: left;
    width: 100px;
}

    .forgotpwd a {
        font-size: 11px;
        font-weight: normal;
        color: #fefefe;
    }

        .forgotpwd a:hover {
            text-decoration: none;
            color: #fba48f;
        }

.loginfooter_wrapper {
    background-color: #31499f;
}

.loginfooter {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    overflow: hidden;
}

.powerdby {
    float: left;
    font-size: 11px;
    color: #cccaca;
    padding-top: 5px;
    text-align: left;
    width: 26%;
}

.mid-footer {
    float: left;
    font-size: 11px;
    color: #cccaca;
    padding-top: 5px;
    font-family: Arial;
    text-align: center;
    width: 50%;
}

.mail {
    background: url(../Images/Login/mail.png) no-repeat left 2px;
    padding-left: 18px;
}
    .mail a {
         color: #cccaca;
         text-decoration:none;
    }
        .mail a:hover {
         color: #cccaca;
         text-decoration: underline;
    }
.zedservicelogo {
    float: right;
    margin-left: 5px;
    padding-top: 2px;
}

.copyright {
    float: right;
    font-size: 11px;
    color: #cccaca;
    padding-top: 4px;
}

.error {
    font-size: 11px;
    font-weight: normal;
    color: #f3b1b1;
    text-decoration: none;
    height: 15px;
}

.wel-txt {
    font-family: Arial;
    font-size: 30px;
    color: #83817f;
    text-align: center;
}

.clear {
    clear: both;
}

.password {
    color: White;
    font-size: 11px;
}

.uid {
    color: White;
    font-size: 11px;
}

/* Right side container */
.login-right {
    display: flex;
    flex-direction: column;
    align-items: center; /* center horizontally */
    justify-content: center; /* center vertically if you give it height */
    text-align: center;
    padding: 24px 16px;
    gap: 16px;
    /* optional: give it height to vertically center inside its column */
    /* min-height: 100vh; */
}

/* Heading */
.nr-heading {
    margin: 0;
    font-size: 34px;
    line-height: 1.2;
    font-weight: 700;
    color: #32499f;
}

/* Illustration */
.nr-illustration {
    max-width: 520px; /* control width on large screens */
    width: 100%;
    height: auto;
    display: block;
}

/* Powered by row */
.nr-poweredby {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
}

    .nr-poweredby img {
        height: 22px;
        width: auto;
        display: block;
    }

/* Small screens */
@media (max-width: 640px) {
    .nr-heading {
        font-size: 28px;
    }

    .nr-illustration {
        max-width: 100%;
    }
}