/* This is also being used by resetpassword.html */
body {
    line-height: 1.8;
    background: #D9D9D9;
}

.login-container {
    padding: 7em 0;
}

.wrap {
    width: 100%;
    overflow: hidden;
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24);
    box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24);
}

.login-wrap {
    position: relative;
}

.login-wrap h2, h3, h4 {
    font-weight: 350 !important;
}

.form-control-placeholder {
    position: absolute;
    top: 2px;
    padding: 7px 0 0 15px;
    -webkit-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
    opacity: .6;
    z-index: -1;
}

.form-control:focus+.form-control-placeholder, .form-control:valid+.form-control-placeholder
    {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    padding: 7px 0 0 0;
    opacity: 1;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
    color: #0C5196;
    font-weight: 700;
}

.form-group {
    position: relative;
    z-index: 0;
    margin-bottom: 20px !important;
}

.form-control {
    height: 48px;
    font-size: 16px;
    border-radius: 5px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

input.form-control {
    background: transparent;
}

.form-control::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.2) !important;
}

.form-control::-moz-placeholder {
    color: rgba(0, 0, 0, 0.2) !important;
}

.form-control:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.2) !important;
}

.form-control:-moz-placeholder {
    color: rgba(0, 0, 0, 0.2) !important;
}

.form-control:focus, .form-control:active {
    outline: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #0C5196;
}

.field-icon {
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: rgba(0, 0, 0, 0.3);
    cursor: pointer;
}