.login-bg {
    padding: 0px 0px;
}

.login-container {
    max-width: 420px;
    margin: auto;
    padding-top: 8%;
}

    .login-container img {
        margin-bottom: 20px;
    }

    .login-container form {
        padding: 0px;
    }

    .login-container .control-label {
        font-weight: 400;
        margin-bottom: 4px;
        font-size: 13px;
        color: #666666;
    }

    .login-container .form-control {
        border-radius: 0 4px 4px 0 !important;
        height: 39px;
        line-height: 39px;
        border-color: #777;
    }

    .login-container .input-group-addon {
        background-color: #2a4873;
        border: none;
        border-right: none;
        color: #fff;
        padding: 11px 13px 0 13px;
        border-radius: 4px 0 0 4px;
    }

    .login-container h1 {
        font-size: 27px;
        font-weight: 500;
        padding-bottom: 10px;
        color: #08b4e2;
        text-transform: capitalize;
        margin: 8px 0px 16px 0px;
        border-bottom: solid 1px #2a4873;
    }

    .login-container .btn.login-btn {
        background: #08b4e2;
        color: #fff;
        border-color: #08b4e2;
        transition: all 0.2s ease;
        padding: 8px 23px;
    }

        .login-container .btn.login-btn:hover {
            background: #024879;
            transition: all 0.2s ease;
            box-shadow: 0 14px 26px -12px rgba(33, 150, 243, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(33, 150, 243, 0.2);
        }

    .login-container .btn.login-btn-gray {
        background: #636363;
        color: #fff;
        border-color: #636363;
        transition: all 0.2s ease;
        padding: 8px 23px;
        margin-right: 12px;
    }

        .login-container .btn.login-btn-gray:hover {
            background: #333;
        }

.login-body {
    background: #fff;
    border-radius: 4px;
    padding: 20px;
    position: relative;
    -webkit-box-shadow: 0px 0px 22px 3px rgba(69,69,69,1);
    -moz-box-shadow: 0px 0px 22px 3px rgba(69,69,69,1);
    box-shadow: 0px 0px 22px 3px rgba(69,69,69,1);
}

    .login-body .error {
        font-size: 13px;
        color: #ff6f6f;
    }

    .login-body .form-group {
        margin-bottom: 15px; /*height:80px;*/
    }

    .login-body .fa {
        width: 13px;
    }

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.lt-block {
    display: inline-block;
    width: 100%;
    position: relative;
    border-bottom: solid 1px #2a4873;
    margin-bottom: 15px;
    padding-bottom: 5px;
}

    .lt-block h1 {
        font-size: 27px;
        font-weight: 500;
        padding-bottom: 0 !important;
        color: #08b4e2;
        text-transform: capitalize;
        margin: 0 !important;
        border-bottom: none !important;
    }

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.reset_col a#resetPwd {
    font-weight: bold;
    margin-top: 12px;
    display: inline-block;
    width: 100%;
}

    .reset_col a#resetPwd:hover {
        text-decoration: none;
    }

.main-error-msg {
    text-align: center;
}

    .main-error-msg span {
        color: #dc3545;
        font-size: 16px;
    }

.bt-block {
    padding-bottom: 20px;
}