/*.oj-login .oj-login-container { padding-top: 100px; background: url('../img/logo@2x.png') top center no-repeat; background-size: 140px auto; background-position-y: -15px; }*/

form .input-group { margin: 2.5em 0; display: table; width: auto; }

.oj-login .facebook { display: block; width: 100%; text-align: center; text-transform: uppercase; font-family: 'FontSemibold'; font-size: 90%; padding-top: 55px; }
.oj-login .facebook--smaller-top-padding { padding-top: 30px; }
.oj-login .facebook a { text-decoration: none; }
.oj-login .facebook span { padding: 1em; }
.oj-login .facebook img { width: 40px; margin-top: -5px; }

.oj-login .facebook--with-label { position: relative; border-top: solid 1px #DDD; border-bottom: solid 1px #ccc; margin-top: 45px; margin-bottom: 2em; padding: 30px 0;}
.oj-login .facebook--with-label img { margin-top: 0; }
.oj-login .facebook-label { font-size: 80%; text-transform: uppercase; color: #AAA; background-color: white; padding: 2px 8px; position: absolute; top: -10px; left: calc(50% - 25px);}

.oj-login .login-now { margin-top: 1em; }

.oj-login .oj-login-container form .btn { margin-top: 0.5em; padding: 15px 2em; padding-right: 1.5em; margin-bottom: 1em; }
.oj-login .security-note { color: #888; font-size: 85%; margin-top: 45px;}

.oj-login-container input#login-remember { margin-left: 2em; margin-right: 0.5em; }
.oj-login-container label { font-size: 100%; }
.oj-login-container span.login-remember { display: inline-block; padding-bottom: 1em; font-size: 80%; color: #666; }
.oj-login-container span.login-remember label { padding-bottom: 2px; font-family: 'FontSemibold'; }

.oj-login-container p { margin-top: 2.5em; font-size: 120%; }
.oj-login-container .lost-password { font-size: 100%; margin-top: 1em; }

.oj-login-container .separator { display: block; width: 100%; text-align: center; margin-top: 3em; text-transform: uppercase; font-size: 90%; color: #aaa; }

/* up to ipad landscape */
@media (max-width: 1199px) {
	.oj-login .col-lg-4 { width: 50%; float: left; }
	.oj-login .col-lg-4:first-child { width: 25%; }
}

/* up to iphone landscape */
@media (max-width: 767px) {
	.oj-login .oj-login-container { background-size: 70px auto; background-position-y: -7px; padding-top: 70px; }
	.oj-login .facebook { padding-top: 0; }
	.oj-login-container .separator { margin-top: 1em; }
	.oj-login-container form .input-group { margin: 1em 0; }
	
	.oj-login .col-lg-4 { width: 100%; float: left; }
	.oj-login .col-lg-4:first-child { width: 0%; }
}




/*
.oj-login fieldset { border-top: 2px solid #ccc; height: 100px; width: 100%; }
.oj-login input { width: 100%; margin: 1em; padding: 1em; }
.oj-login input:focus { outline-color: #0095da; }
*/


/* MAREK - pixel-perfect */
form .input-group { margin: 1em 0; }
.oj-login-container .separator { margin-bottom: 3em; font-size: 80%; color:  #b2b2b2; }
.oj-login-container p { font-size: 100%; text-align: center; }
.oj-login .oj-login-container form .btn { margin-top: 1em; }