/*== font family ==*/
@import "Roboto/stylesheet.css";
@import "RobotoThin/stylesheet.css";

body {
    /*== intial loding time body margin is 8px ==*/
    margin: 0px;
    font-family: Roboto;
}
/*.landingPage{*/
/*width: 100%;*/
/*height: 100vh;*/
/*overflow: hidden;*/
/*display: -ms-flexbox;*/
/*display: flex;*/
/*-ms-flex-pack: initial;*/
/*justify-content: left;*/
/*-ms-flex-align: initial;*/
/*align-items: left;*/
/*background-image: url('../images/login.png');*/
/*background-repeat: no-repeat;*/
/*background-position: center;*/
/*background-size: cover;*/
/*}*/



.landingPage {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: initial;
    justify-content: flex-start;
    -ms-flex-align: initial;
    align-items: center;
    background-image: url(../../images/login.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    align-items: center;
    /* flex-direction: column; */
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.loginContainer {
    padding: 59px 77px;
}

.login-info {
    width: 400px;
    min-height: 30px;
    border-radius: 8px;
    background-color: #ffffff;
}

    .login-info > .back {
        font-size: 18px;
        font-weight: 700;
        padding: 35px 30px 40px;
        color: #333333;
    }

        .login-info > .back > img {
            vertical-align: -4px;
        }

        .login-info > .back > span {
            padding-left: 5px;
        }

    .login-info > .header {
        padding: 66px 45px;
        border-radius: 8px;
        box-shadow: 0 0 7px rgba(0, 0, 0, 0.13);
    }

        .login-info > .header > img {
            width: 310px;
            height: 58px;
        }

    .login-info > .body {
        min-height: 30px;
        padding: 43px 43px 29px 43px;
    }

        .login-info > .body > .form-group {
            margin-bottom: 35px;
        }

            .login-info > .body > .form-group > label {
                color: rgba(35,35,35, 0.8);
                font-family: Roboto;
                font-size: 12px;
                font-weight: 400;
            }

        .login-info > .body > .forgot {
            text-align: center;
        }

            .login-info > .body > .forgot > label {
                color: #005887;
                font-weight: 700;
                font-family: Roboto;
                font-size: 16px;
            }

            .login-info > .body > .forgot > div > p {
                font-size: 12px;
                font-weight: 400;
                text-align: left;
                color: rgba(19,18,42, 0.8);
            }


        .login-info > .body > .img-align-forgot > div {
            padding: 35px;
            text-align: center;
        }

        .login-info > .body > .form-group > input {
            border-radius: 0px;
            border: 0px;
            background-color: #ffffff;
            border-bottom: 1px solid rgba(0,0, 0, 0.2);
            color: rgba(35,35,35, 0.8);
            -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
            font-family: Roboto;
            padding-left: 0px;
            padding-right: 0px;
            font-size: 16px;
            font-weight: 500;
        }

        .login-info > .body > button {
            padding: 14px;
            border-radius: 3px;
            border: 1px solid #004e8c;
            background-color: #004e8c;
            width: 100%;
            color: #ffffff;
            font-family: Roboto;
            font-size: 16px;
            font-weight: 700;
        }

            .login-info > .body > button:focus, .login-info > .body > button:hover {
                outline: 0px;
            }

a:focus, a:hover {
    color: #337ab7 !important;
}


.validate {
    font-size: 13px;
    color: red;
    margin-top: 4px;
    display: none;
}