/* Login/Register form - start
   ========================================================================== */

.qode-login-register-holder {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 1002;

    .qode-login-register-content {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        @include qodeTransform(translateY(-50%));
    }

	.qode-membership-lr-terms-holder{

		padding-top: 37px;

		>span{
			display: block;
			font-size: 14px;
			line-height: 21px;
			color: #bcbbbb;

			> a {
				text-decoration: underline;
				color: $first-main-color;
			}
		}
	}

}



.qode-login-register-content {
    position: relative;
    margin: 0 auto;
    width: 375px;
    box-sizing: border-box;

    &.qode-user-not-logged-in{
        width: 600px;

        ul li {
            width: 33.33%;
        }

        .qode-login-content-inner,
        .qode-register-content-inner,
        .qode-reset-pass-content-inner{
            padding-left: 0;
            padding-right: 0;
        }
    }

    ul {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        list-style: none;
        margin: 0;
        padding: 0;
        clear: both;

        li {
            position: relative;
            display: inline-block;
            vertical-align: middle;
            float: left;
            width: 33.3%;
            margin: 0;
            padding: 0;
            line-height: 50px;
            text-align: center;

            &.ui-state-active {
                background-color: #fff;

                a{
                    color: $first-main-color;
                }
            }

            a {
                display: block;
                color: #fff;
                font-size: 16px;
                line-height: inherit;
                font-weight: 600;
            }

            .qode-membership-close-modal{
                text-align: right;
                display: inline;
                float: right;

                .icon_close{
                    font-size: 22px;
                }

            }
        }
    }

    .qode-login-content-inner,
    .qode-register-content-inner,
    .qode-reset-pass-content-inner{
        padding: 35px;
	    background-color: #fff;
    }
	.qode-membership-lr-label {
		display: block;
		font-size: 12px;
		text-transform: uppercase;
		font-weight: 500;
		margin-bottom: 1px;
	}
    .qode-lost-pass-remember-holder {
        display: block;
		font-size: 12px;
	    text-transform: uppercase;
	    font-weight: 500;
		padding-top: 8px;

        .qode-login-remember {
            position: relative;
            display: block;
			float: left;

            & > * {
                position: relative;
                display: inline-block;
                vertical-align: middle;
	            margin: 0;
            }
        }

	    .qode-login-action-btn {
		    position: relative;
		    display: block;
		    float: right;
	    }



    }

	.qode-register-button-holder,
	.qode-login-button-holder {
		padding-top: 23px;

        .qode-membership-button{
            text-transform: none;
        }
	}

    input[type="text"],
    input[type="email"],
    input[type="password"]{
        margin-bottom: 10px;
    }


    .qode-login-form-social-login {
        padding: 21px 0 0;

        .qode-login-social-title{
	        font-size: 12px;
	        text-transform: uppercase;
	        font-weight: 500;
            margin-bottom: 14px;
        }
		.qode-login-social-networks {
			margin: 0 -5px;
		}
        form {
            display: inline-block;
            margin: 0 5px;
        }

        .qode-google-login,
        .qode-facebook-login {
			width: 44px;
	        height: 44px;
	        display: block;
	        line-height: 44px;
	        text-align: center;
	        background-color: transparent;
	        border: 1px solid $default-border-color;
	        outline: none;
	        cursor: pointer;
	        font-size: 16px;
	        color: #484848;
        }

	    .qode-google-login:hover {
		    background-color: #dd4b39;
			border-color: #dd4b39;
		    color: #fff;
	    }
	    .qode-facebook-login:hover {
		    background-color: #3b5998;
		    border-color: #3b5998;
		    color: #fff;
	    }
    }
}

/* Login/Register form - end
   ========================================================================== */