@font-face {
    font-family: 'robotobold_condensed';
    src: url('../fonts/roboto-boldcondensed-webfont.eot');
    src: url('../fonts/roboto-boldcondensed-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-boldcondensed-webfont.woff') format('woff'), url('../fonts/roboto-boldcondensed-webfont.ttf') format('truetype'), url('../fonts/roboto-boldcondensed-webfont.svg#robotobold_condensed') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotocondensed';
    src: url('../fonts/roboto-condensed-webfont.eot' );
    src: url('../fonts/roboto-condensed-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-condensed-webfont.woff') format('woff'), url('../fonts/roboto-condensed-webfont.ttf') format('truetype'), url('../fonts/roboto-condensed-webfont.svg#robotocondensed') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    font-size: 14px;
    font-family: 'robotocondensed';
    margin: 0 auto;
    background-color: #f9f6f7;
}

.login-bg {
    /*background-image: linear-gradient(to left,#242424, #7d7d7d 60% );*/

    background-position: center;
    background-image: url('../Images/bg-3.png');
    background-repeat: no-repeat;
    background-size: cover;
    padding-left: 20px;
    padding-right: 20px;
    min-height: 0;
    overflow: hidden
}

.loginwrapper {
    width: 100%;
    margin: 5% auto 0;
    text-align: center;
}

.loginbox {
    width: 95%;
    display: inline-block;
    margin: 5% 2.5% 0;
    background: #fff;
    /*border: 4px solid #980000;*/
    box-shadow: 0 0 12px 0 rgba(172,172,172,0.5), 0 0 18px 0 rgba(178,178,178,0.5);
    border-radius: 4px;
    /*background: #e5e3e3;*/
}

.login-header {
    color: #fff;
    font-size: 23px;
    text-align: center;
    padding: 7% 0 0;
    width: 100%;
    font-weight: bold
}

.login-Cover {
    padding: 5%;
    float: left;
    width: 90%;
}

.fl {
    float: left
}

.fr {
    float: right
}

.alCenter {
    text-align: center !important
}

.alRight {
    text-align: right !important
}

.alLeft {
    text-align: left !important
}

.w100 {
    width: 100%
}

.w97 {
    width: 97%
}

.w90 {
    width: 90%
}

.w40 {
    width: 40%;
    display: inline-block;
}

.mleft1 {
    margin-left: 1% !important;
}

.mbt4 {
    margin-bottom: 4%;
}

.logintxtCom {
    border: 1px solid #242424;
    border-radius: 3px;
    padding: 10px 0px 13px 10px;
}

.CPtxtCom {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 5px 3px;
}

.envelopeIcon {
    position: absolute;
    top: 8px;
    right: 15px;
    z-index: 1;
    font-size: 22px !important;
    color: #7d7d7d;
}

.posrelative {
    position: relative;
}

.btnlogin {
    border-radius: 3px;
    color: #fff;
    border: 1px solid #3a9e76;
    background-color: #69b899;
    padding: 10px 20px;
    cursor: pointer
}

    .btnlogin:hover {
        background-color: #3a9e76;
        border-color: #3a9e76;
        color: #ffffff;
    }

.disnone {
    display: none
}

.loginText {
    padding-top: 10px;
    font-size: 12px;
    color: #242424;
    cursor: pointer;
    text-decoration: none;
}

.loginError {
    background: #ff0000;
    color: #fff;
    border-radius: 5px;
    padding: 13px 0px 13px 10px;
    font-size: 12px;
}

.overlay {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #242424;
    z-index: 2147483642;
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=80);
    overflow: hidden;
}

    .overlay img {
        margin: 15% 40%;
    }

.resMsgCover {
    display: none;
    position: fixed;
    bottom: 20%;
    left: 30%;
    width: 30%;
    z-index: 100001;
    padding: 1.5% 5%;
    text-align: left;
    border-radius: 5px;
    color: #fff;
    box-shadow: 0 0 5px 5px #e1e2e3;
}

.bgGreen {
    background-color: green !important;
}

.bgSucc {
    background-color: #4F8A10 !important;
}

.bgwrning {
    background-color: #9F6000 !important;
}

.bgdrinfo {
    background-color: #00529B !important;
}

.bgerr {
    background-color: #D8000C !important;
}

.bgred {
    background-color: red !important;
}

.resIcon {
    font-size: 25px !important;
    width: 10%;
    vertical-align: middle;
    display: inline-block;
}

.resMsgData {
    margin-left: 5px;
    width: 79%;
    text-align: justify;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
}

.left15 {
    left: 15% !important
}

@media only screen and (max-device-width:800px) {
    .loginbox {
        margin: 20% 0 0;
    }

    h2 {
        font-size: 30px
    }

    .w40 {
        width: 100%;
        display: inline-block;
    }
}