body {
    font-family: Lato,helvetica,arial,sans-serif;
}

#woffice-login {
    background-color: #338EC9;
    height: 100%;
    width: 100%;
}

#content-container #register-form .form-group .datebox label, #login-logo, #woffice-login {
    display: block;
}

#woffice-login-left {
    background-image: url(../../../images/login.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: .2;
    float: left;
    height: 100%;
    width: 50%;
}

#content-container {
    height: 100%;
    overflow: hidden;
}

#woffice-login-right {
    background: #fff;
    box-shadow: 0 1px 30px rgba(0,0,0,.1);
    height: 90%;
    max-height: 90%;
    overflow-y: scroll;
    padding: 10% 10% 0;
    width: 30%;
}

/* #activity-filter-select::after, #content-container #buddypress div.activity-meta a.button:hover, #content-container #buddypress div.activity-meta a.unfav.bp-secondary-action, #content-container #learndash_lesson_topics_list span a, #content-container #learndash_lessons a, #content-container #learndash_profile a, #content-container #learndash_profile a span, #content-container #learndash_quizzes a, #content-container .comment-meta a.url, #content-container .dropcap, #content-container .eventon_fc_days .evo_fc_day.has_events, #content-container .expand_collapse a, #content-container .fw-iconbox-image, #content-container .learndash_topic_dots a, #content-container .learndash_topic_dots a > span, #content-container a, #content-container div.item-list-tabs ul li a:hover, #content-container div.item-list-tabs-project ul li a:hover, #content-container div.item-list-tabs-wiki ul li a:hover, #content-container span.mv_user, #main-content #bpfb_addLinks::before, #main-content #bpfb_addPhotos::before, #main-content #bpfb_addVideos::before, #main-search form button:hover, #nav-buttons a.clicked, #page-wrapper .wpcf7-checkbox span.wpcf7-list-item-label::before, #page-wrapper .wpcf7-radio span.wpcf7-list-item-label::before, #reviews .star-rating, #right-sidebar a, #user-sidebar nav ul li a::before, #woffice-minicart-top a, .animated-number h1, .bbp-reply-post-date i, .box .intern-padding a h1, .box .intern-padding a h2, .box .intern-padding a h3, .box .intern-padding a h4, .box .intern-padding a h5, .box .intern-padding a h6, .box .intern-padding h1 a, .box .intern-padding h2 a, .box .intern-padding h3 a, .box .intern-padding h4 a, .box .intern-padding h5 a, .box .intern-padding h6 a, .comment-list .children li::before, .rtm-lightbox-container a, .special-404, .wcContainer .wcMessage.wcCurrentUserMessage .wcMessageContent::before, .woffice-colored, .woffice-mini-cart-subtotal .amount, .woffice-notifications-item a i.fa.component-icon, .woocommerce div.product p.price, .woocommerce div.product span.price, span.like.alreadyvoted, ul.project-meta-list li::before {
    color: #82b440;
} */

#content-container a {
    text-decoration: none;
    transition: all .5s ease 0s;
}

#login-logo {
    margin: 0 auto 20px;
    width: 100%;
}

    #login-logo img {
        width: 160px;
    }

#woffice-login header p {
    text-align: center;
}

form p {
    font-family: sans-serif;
    font-size: 12px;
    margin: 0 0 10px;
}

.loginbox {
    margin: 25px 0;
}

#woffice-login .loginbox .login-username::after {
    content: "";
}

#woffice-login .loginbox .login-password::after, #woffice-login .loginbox .login-username::after {
    top: 42px;
    color: #b5b5b5;
    font-family: FontAwesome;
    font-size: 20px;
    left: 15px;
    position: absolute;
}

.login-username {
    display: block;
    margin: 15px 0;
    width: 100%;
}

#woffice-login .loginbox .login-password, #woffice-login .loginbox .login-username {
    position: relative;
}

    #woffice-login .loginbox .login-password input, #woffice-login .loginbox .login-username input {
        padding-bottom: 15px;
        padding-left: 40px;
        padding-top: 15px;
    }

input, textarea {
    border-radius: 3px 3px 0 0;
    border-style: none none solid;
    border-width: 0 0 2px;
    margin-top: 15px;
}

.logininput {
    padding: 3%;
    width: 94% !important;
}

#woffice-login .loginbox .login-password::after {
    content: "";
}

#content-container .item-list-tabs ul li.last select, .woocommerce #content-container div.product p.price del .amount::after, input, textarea {
    border-color: #9e9e9e;
}

@media screen and (min-width:320px) and (max-width:480px) {
    #woffice-login-right {
        background: #fff;
        box-shadow: 0 1px 30px rgba(0,0,0,.1);
        height: 100% !important;
        max-height: 100% !important;
        overflow-y: scroll;
        padding: 10% 10% 0;
        width: 80% !important;
    }

    .logininput {
        padding: 3%;
        width: 84% !important;
    }
}

#page-wrapper {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    height: 100%;
}

#woffice-login-right {
    background: rgb(255, 255, 255);
    box-shadow: 0 1px 30px rgba(0,0,0,.1);
    height: 90%;
    max-height: 90%;
    overflow-y: scroll;
    padding: 10% 10% 0;
    width: 30%;
    float: right;
}
.loginbtndiv input {
	background: linear-gradient(to bottom,rgb(1, 168, 221) 0,rgb(0, 109, 182) 100%) rgba(0,0,0,0);
	cursor: pointer;
}
/* .loginbtndiv input:hover { */
	/* background: rgb(0, 109, 182); */
/* } */
input#uxlogin_submitButton {
    background: linear-gradient(to bottom,rgb(1, 168, 221) 0,rgb(0, 109, 182) 100%) rgba(0,0,0,0);
    color: #fff;
    cursor: pointer;
    border: none;
    border-radius: 3px;
}
input#uxlogin_txt_forgetpwd {
    width: 56%;
}