@media (min-width: 768px) {
    body, html {
        height: calc(100vh - 120px) !important;
        /*background: linear-gradient(to bottom, #333 0%,#333 30%,#333 30%,white 30%,white 100%) !important;*/
    }

        body#auth_wrapper #login_wrapper #login_content {
            width: 575px !important;
            padding: 0px !important;
        }

        body#auth_wrapper #login_wrapper {
            position: relative;
            margin: 115px auto auto;
            width: 520px;
        }

        body .login-form {
            padding: 12px 50px !important;
        }

        body#auth_wrapper #login_wrapper .logo {
            width: 40%;
            height: 100%;
            border-radius: 0px;
            box-shadow: 0 8px 12px 1px rgba(253,232,179,.14), 0 3px 14px 2px rgba(0,0,0,.12), 0 5px 5px -3px rgba(253,232,179,.2);
            z-index: 10;
            position: absolute;
            top: 0px;
            left: 0%;
            background: #fff;
        }

            body#auth_wrapper #login_wrapper .logo img {
                height: auto;
                width: 100%;
                max-width: 70%;
                position: absolute !important;
                top: 30%;
                left: 15%;
                margin-left: 0px;
                margin-top: -37px;
            }

        body#auth_wrapper #login_wrapper #login_content {
            background: #4d79bd;
            height: 391px;
        }

            body#auth_wrapper #login_wrapper #login_content h1.login-title {
                text-align: left;
                color: #fff;
            }

    .form-group .checkbox label, .form-group .radio label, .form-group label {
        font-size: 13px;
        line-height: 1.42857;
        color: #fff;
        font-weight: 600;
    }

    #auth_wrapper .login-body a:link:not(.btn), #auth_wrapper .login-body a:hover:not(.btn) {
        color: #fff;
    }

    .btn-white {
        background: #fff;
    }

    body#auth_wrapper #login_wrapper .head-logo {
        z-index: 9999;
        position: fixed;
        top: 10px;
        left: 10px;
        /*max-width: 175px;*/
    }
    body#auth_wrapper #login_wrapper .head-logo img{
        max-width: 175px;
        padding: 10px 10px;
        margin-left:65px;
        margin-top:10px;
     
        }

    #auth_wrapper .login-body a:link:not(.btn), #auth_wrapper .login-body a:visited:not(.btn) {
        color: #fff;
    }

    #login_content input {
        background: #fff;
    }

    .btn-blue {
        box-shadow: 0 3px 6px -6px rgb(0, 0, 0), 0 3px 0px 0 rgba(0,0,0,.12), 0 8px 23px 0px rgba(66,165,245,.2) !important;
    }

        .btn-blue:hover {
            box-shadow: 0 3px 10px -4px rgb(0, 0, 0), 0 3px 0px 0 rgba(0,0,0,.12), 0 8px 23px 0px rgba(66,165,245,.2) !important;
        }

    body#auth_wrapper #login_wrapper #login_content h1 {
        text-align: center;
        font-size: 20px;
        margin: 4px auto 4px;
    }

    .text-danger-pro {
        color: red;
        font-weight: 600;
        line-height: 0;
        font-size: 13px;
        /*background-color: red !important;*/
    }

    .text-danger-pro-div {
        min-height: 55px;
    }

    .field-validation-valid.text-danger-pro {
        display: none;
    }

    #login_content .form-group.is-focused label {
        color: #fff;
    }

    #footer_wrapper a {
        color: #688696 !important;
    }

    .m-h-20 {
        min-height: 20px !important;
    }

    .m-h-20 {
        min-height: 20px !important;
    }
}

@media (max-width: 768) {
    .otpverifywarning, .login-body #btn_btl, .login-body span, .login-body .text-white {
        color: #565656 !important;
    }
}
/*product rebranding product logo on login panel*/
.header-name img {
    width: 100%;
    height: auto;
    max-width: 110px;
    filter: drop-shadow(2px 2px 0px #565656);
}

    .header-name img.SmartDesk {
        width: 100%;
        height: auto;
        max-width: 110px;
    }

    .header-name img.iDEAS {
        width: 100%;
        height: auto;
        max-width: 85px;
    }

    .header-name img.LiMS {
        width: 100%;
        height: auto;
        max-width: 83px;
    }

    .header-name img.OneAPPEX {
        width: 100%;
        height: auto;
        max-width: 110px;
    }

    .header-name img.Hisab-Khata {
        width: 100%;
        height: auto;
        max-width: 110px;
    }

    .header-name img.iLead {
        width: 100%;
        height: auto;
        max-width: 80px;
    }

    .header-name img.EdERP-col {
        width: 100%;
        height: auto;
        max-width: 135px;
    }

    .header-name img.EdERP-sch {
        width: 100%;
        height: auto;
        max-width: 135px;
    }

    .header-name img.EdERP-rescol {
        width: 100%;
        height: auto;
        max-width: 190px;
    }

    .header-name img.eMTI-dg {
        width: 100%;
        height: auto;
        max-width: 135px;
    }

    .header-name img.eMTI-ValAdd {
        width: 100%;
        height: auto;
        max-width: 180px;
    }

    .header-name img.HiREx {
        width: 100%;
        height: auto;
        max-width: 83px;
    }

    .header-name img.MyCrew {
        width: 100%;
        height: auto;
        max-width: 90px;
    }

    .header-name img.ReCREWit {
        width: 100%;
        height: auto;
        max-width: 110px;
    }

    .header-name img.SPInS {
        width: 100%;
        height: auto;
        max-width: 85px;
    }

.forgot-pass {
    font-weight: 600;
    position: absolute;
    bottom: 9px;
    right: 7px;
    color: #6f6f6f !important;
}

a.forgot-pass:hover {
    text-decoration: underline !important;
}

.text-decoration-underline:hover {
    text-decoration: underline !important;
}

/*-----changes for Events Login--------*/

.login-form, body#auth_wrapper #login_wrapper #login_content {
    background-color: #efefef;
}

    body#auth_wrapper #login_wrapper #login_content h1.login-title, .form-group label {
        color: #1f1f1f !important;
    }

#auth_wrapper .login-body a:link:not(.btn), #auth_wrapper .login-body a:visited:not(.btn), .text-Dblack {
    color: rgb(96, 113, 136);
}
#auth_wrapper .login-body .active a:link:not(.btn) {
    color: #fff;
}

.btn.btn-blue {
    background: #337ab7;
}

    .btn.btn-blue:hover {
        color: #fff;
        background-color: #286090 !important;
        border-color: #204d74 !important;
    }

#header .pull-right .AppeLlogo {
    display: none;
}
.login-body .nav-tabs  li.active a{
    color: #fff !important;
}