/*=================================================================
SMACC - Login
=================================================================*/
body.login {
	background-color: #f6f6f6;
	font-family: 'Cairo';
	font-weight: 500;
	margin: 0;
	overflow-x: hidden;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	padding: 0;
}

::-webkit-input-placeholder {
	color: rgba(255,255,255,0.5) !important;
}
::-moz-placeholder {
	color: rgba(255,255,255,0.5) !important;
}
:-ms-input-placeholder {
	color: rgba(255,255,255,0.5) !important;
}
:-moz-placeholder {
	color: rgba(255,255,255,0.5) !important;
}

body.login div#login {
	background-color: #1968b3 !important;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 0px !important;
	-webkit-box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.2);
	display: inline-block;
	float: none !important;
	padding: 60px 20px 50px 20px !important;
	position: relative;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	color: #fff;
	text-align: center;
	max-width: 340px;
	min-width: 340px;
	width: auto;
}

body.login form {
	padding-left:0px;
	padding-right: 0;
}

body.login div#login h1 {
	outline:none !important;
}
body.login div#login h1 a {
	background-size:100%;
	height:110px;
	width:112px;
	transform: perspective(1000px) rotateY(0deg);
	margin: 0 auto;
	display: block;
	width: 112px;
	height: 100px;
	outline:none !important;
}
.rotation-animation {
    animation: my-rotation 3s infinite;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
@keyframes my-rotation {
    0% {
  transform:perspective(1000px)  rotateY(0deg);
    }
    25% {
  transform:perspective(1000px)  rotateY(360deg);
    }
 100% {
  transform:perspective(1000px)  rotateY(360deg);
    }
}
body.login div#login form#loginform,
body.login div#login form#registerform,
body.login div#login form#resetpassform {
	background-color:rgba(0,0,0,0);
	box-shadow:none;
	padding-bottom:0px;
	position:relative;
}
body.login div#login form#loginform p,
body.login div#login form#registerform p,
body.login div#login form#resetpassform p {}

body.login div#login form#loginform p label,
body.login div#login form#registerform p label,
body.login div#login form#resetpassform p label {
	display:inline-block;
	font-weight:normal;
	width:100%;
}

body.login div#login form#loginform input[type="text"],
body.login div#login form#loginform input[type="password"],
body.login div#login form#registerform input[type="text"],
body.login div#login form#registerform input[type="email"],
body.login div#login form#resetpassform input[type="text"],
body.login div#login form#resetpassform input[type="password"] {
	background-color: rgba(0,0,0,0) !important;
	border-bottom: 0px !important;
	color: #fff;
	font-size:12px !important;
	padding:10px 5px;
	height:auto;
	
}
body.login div#login form#loginform input,
body.login div#login form#registerform input,
body.login div#login form#resetpassform input {
	margin:0;
	outline:none !important;
}
body.login div#login form#loginform input:focus,
body.login div#login form#registerform input:focus,
body.login div#login form#resetpassform input:focus {
	outline:none !important;
}
body.login div#login form#loginform input#user_login,
body.login div#login form#registerform input#user_login,
body.login div#login form#resetpassform input#pass1-text {
	
}
body.login div#login form#loginform input#user_pass,
body.login div#login form#registerform input#user_pass {
	
}
body.login div#login form#loginform p.forgetmenot,
body.login div#login form#registerform p.forgetmenot,
body.login div#login form#resetpassform p {
	margin:8px 0 10px 0;
	color:#fff;
}
body.login div#login form#loginform p.forgetmenot label,
body.login div#login form#registerform p.forgetmenot label {
	color:#fff;
}
body.login div#login form#loginform p.forgetmenot input#rememberme,
body.login div#login form#registerform p.forgetmenot input#rememberme {}

body.login div#login form#loginform p.submit,
body.login div#login form#registerform p.submit {
	display:inline-block;
	width:100%;
}

body.login div#login form#loginform p.submit input#wp-submit,
body.login div#login form#registerform p.submit input#wp-submit,
body.login div#login form#resetpassform p.submit input#wp-submit {
	color: #043b72;
	background: #fff;
	box-shadow:none;
	display:inline-block;
	font-family: 'Cairo';
	font-weight: 500;
	height:auto;
	letter-spacing: 2px;
	padding: 5px 0;
	text-shadow: none;
	text-transform: uppercase;
	width:100%;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
body.login div#login form#loginform p.submit input#wp-submit:hover,
body.login div#login form#registerform p.submit input#wp-submit:hover,
body.login div#login form#resetpassform p.submit input#wp-submit:hover {
	background-color: #032a51;
	border: 1px solid #032a51;
	color: #fff;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
body.login div#login p#nav,
body.login div#login p#nav {
	text-align:center;
	color:#fff;
}
body.login div#login p#nav a {
	color:#fff;
	font-size: 13px;
	margin: 0 10px;
}
body.login div#login p#backtoblog {
	display: inline-block;
    margin-bottom: 0px;
    margin-top: 20px;
    position: relative;
    width: 100%;
    border: 0;
    z-index: 999;
    left: 0;
    top: 5px;
}
body.login div#login p#backtoblog a {
	color: #fff;
}


body.login #loginform p > label br,
body.login #registerform p > label br {
	display:none;
}



body.login div#login p label input::-webkit-input-placeholder {
  color: #999;
  font-size:12px;
}
body.login div#login p label input::-moz-placeholder {
  color: #999;
  font-size:12px;
}
body.login div#login p label input:-ms-input-placeholder {
  color: #999;
  font-size:12px;
}
body.login div#login p label input:-moz-placeholder {
  color: #999;
  font-size:12px;
}


html[dir="rtl"] body.login div#login p label input::-webkit-input-placeholder {
	text-align:right;
}
html[dir="rtl"] body.login div#login p label input::-moz-placeholder {
	text-align:right;
}
html[dir="rtl"] body.login div#login p label input:-ms-input-placeholder {
	text-align:right;
}
html[dir="rtl"] body.login div#login p label input:-moz-placeholder {
	text-align:right;
}

@media (max-width:1399px){
    body.login div#login {
		padding: 30px 15px 30px 15px !important;
    }
    .login form {
        margin-top: 0;
    }
    
    .login #nav {
        margin: 15px 0 0;
    }
    
    .login-action-login #loginform .gglcptch, .login-action-lostpassword #lostpasswordform .gglcptch, .login-action-register #registerform .gglcptch {
        margin-bottom: -5px !important;
    }
}

@media (min-width:768px){
	body.login div#login {
		padding:0;
	}
}

@media (max-width:767px){
	body.login div#login {
		padding: 30px 15px 30px 15px !important;
		max-width: 310px;
		min-width: 310px;
		margin-top: 50px;
	}

	.login #backtoblog, .login #nav {
		padding: 0 !important;
	}

	#lostpasswordform {
		padding: 6px 0px 6px 0px;
	}
	
	.login-action-login #loginform, .login-action-lostpassword #lostpasswordform, .login-action-register #registerform {
        width: 290px !important;
    }
}

#login .icon-hover i {
	/*color:#458fd8 !important;*/
	color:#fff !important;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#login i {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

body.login .input-group-addon {
	background-color:rgba(0,0,0,0) !important;
	border:0px !important;
	color: rgba(255,255,255, 0.2) !important;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

body.login .input-group {
	border: 1px solid #fff;
}

body.login .input-group:first-of-type {
	-webkit-border-radius: 4px 4px 0px 0px;
	-moz-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px;
	border-bottom: 0px !important;
}

body.login .input-group:last-of-type {
	-webkit-border-radius: 0px 0px 4px 4px;
	-moz-border-radius: 0px 0px 4px 4px;
	border-radius: 0px 0px 4px 4px;
}

body.login-action-rp .input-group:first-of-type {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-bottom: 1px solid #fff !important;
}

body.login .userLogin .input-group-addon {
	background-color:#f7f7f7;
	color: #b3b6bb;
	-webkit-border-radius: 4px 0px 0px 0px;
	-moz-border-radius: 4px 0px 0px 0px;
	border-radius: 4px 0px 0px 0px;
	border:0;
	border-bottom:1px solid #ddd;
}

body.login .userLogin input {
	-webkit-border-radius: 0px 4px 0px 0px;
	-moz-border-radius: 0px 4px 0px 0px;
	border-radius: 0px 4px 0px 0px;
	border:0;
	border-bottom:1px solid #ddd;
	box-shadow:none;
}

body.login .userPassword .input-group-addon {
	background-color:#f7f7f7;
	color: #b3b6bb;
	-webkit-border-radius: 0px 0px 0px 4px;
	-moz-border-radius: 0px 0px 0px 4px;
	border-radius: 0px 0px 0px 4px;
	border:0;
}

body.login .userPassword input {
	-webkit-border-radius: 0px 0px 4px 0px;
	-moz-border-radius: 0px 0px 4px 0px;
	border-radius: 0px 0px 4px 0px;
	border:0;
	box-shadow:none;
}

body.login .message .reset-pass a {
	color: #fff;
}

html[dir="rtl"] body.login .userLogin .input-group-addon {
	-webkit-border-radius: 0px 4px 0px 0px;
	-moz-border-radius: 0px 4px 0px 0px;
	border-radius: 0px 4px 0px 0px;
}

html[dir="rtl"] body.login .userLogin input {
	-webkit-border-radius: 4px 0px 0px 0px;
	-moz-border-radius: 4px 0px 0px 0px;
	border-radius: 4px 0px 0px 0px;
}

html[dir="rtl"] body.login .userPassword .input-group-addon {
	-webkit-border-radius: 0px 0px 4px 0px;
	-moz-border-radius: 0px 0px 4px 0px;
	border-radius: 0px 0px 4px 0px;
}

html[dir="rtl"] body.login .userPassword input {
	-webkit-border-radius: 0px 0px 0px 4px;
	-moz-border-radius: 0px 0px 0px 4px;
	border-radius: 0px 0px 0px 4px;
}

html[dir="rtl"] body.login {
	font-family: 'Cairo';
}

html[dir="rtl"] body.login div#login form#loginform p.submit input#wp-submit,
html[dir="rtl"] body.login div#login form#registerform p.submit input#wp-submit,
html[dir="rtl"] body.login div#login form#resetpassform p.submit input#wp-submit,
html[dir="rtl"] #lostpasswordform input#wp-submit {
	font-family: 'Cairo';
	letter-spacing: 0px;
}

html[dir="rtl"] body.login div#login form#registerform input[type="email"] {
	text-align:right;
}

html[dir="rtl"] body.login div#login form#registerform input[type="email"]::-webkit-input-placeholder {
	text-indent:142px;
}
html[dir="rtl"] body.login div#login form#registerform input[type="email"]::-moz-placeholder {
	text-indent:142px;
}
html[dir="rtl"] body.login div#login form#registerform input[type="email"]:-ms-input-placeholder {
	text-indent:142px;
}
html[dir="rtl"] body.login div#login form#registerform input[type="email"]:-moz-placeholder {
	text-indent:142px;
}

html[dir="rtl"] body.login div#login p#nav, body.login div#login p#nav {
	font-size: 11px;
}

.login #login_error,
.login .message {
	background: rgba(0,0,0,0);
	border: 0;
	box-shadow: none;
	color: #fff;
	margin-top: 30px;
	text-align:center;
}

#lostpasswordform {
	background: rgba(0,0,0,0);
	box-shadow:none;
}

#lostpasswordform input#wp-submit {
	color: #043b72;
	background: #fff;
	box-shadow:none;
	display:inline-block;
	font-family: 'Cairo';
	font-weight: 500;
	height:auto;
	letter-spacing: 2px;
	padding: 5px 0;
	text-shadow: none;
	text-transform: uppercase;
	margin-top: 20px;
	width:100%;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#lostpasswordform p.submit input#wp-submit:hover {
	background-color: #032a51;
	border: 1px solid #032a51;
	color: #fff;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

body.login #lostpasswordform input[type="text"] {
	background-color: rgba(0,0,0,0);
	font-size:12px;
	padding:10px 5px;
	height:auto;
	margin:0;
	outline:none !important;
}

body.login #lostpasswordform .userLogin {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #fff !important;
}

body.login #lostpasswordform .userLogin .input-group-addon {
	background: rgba(0,0,0,0) !important;
	-webkit-border-radius: 4px 0px 0px 4px;
	-moz-border-radius: 4px 0px 0px 4px;
	border-radius: 4px 0px 0px 4px;
}

body.login #lostpasswordform .userLogin input {
	-webkit-border-radius: 0px 4px 4px 0px;
	-moz-border-radius: 0px 4px 4px 0px;
	border-radius: 0px 4px 4px 0px;
	color: #fff;
	border: 0px !important;
}

html[dir="rtl"] body.login #lostpasswordform .userLogin .input-group-addon {
	-webkit-border-radius: 0px 4px 4px 0px;
	-moz-border-radius: 0px 4px 4px 0px;
	border-radius: 0px 4px 4px 0px;
}

html[dir="rtl"] body.login #lostpasswordform .userLogin input {
	-webkit-border-radius: 4px 0px 0px 4px;
	-moz-border-radius: 4px 0px 0px 4px;
	border-radius: 4px 0px 0px 4px;
}

p.message.register {
	display:none;
}

p#reg_passmail {
	color:#fff;
	margin-top:10px;
}

#resetpassform .input-group .input-group-addon {
	-webkit-border-radius: 4px 0px 0px 4px;
	-moz-border-radius: 4px 0px 0px 4px;
	border-radius: 4px 0px 0px 4px;
}

#resetpassform .input-group input {
	-webkit-border-radius: 0px 4px 4px 0px;
	-moz-border-radius: 0px 4px 4px 0px;
	border-radius: 0px 4px 4px 0px;
	border:0px !important;
}

html[dir="rtl"] #resetpassform .input-group .input-group-addon {
	-webkit-border-radius: 0px 4px 4px 0px;
	-moz-border-radius: 0px 4px 4px 0px;
	border-radius: 0px 4px 4px 0px;
}

html[dir="rtl"] #resetpassform .input-group input {
	-webkit-border-radius: 4px 0px 0px 4px;
	-moz-border-radius: 4px 0px 0px 4px;
	border-radius: 4px 0px 0px 4px;
}

#pass-strength-result {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:0;
	display:inline-block;
	display:none;
	font-size:12px !important;
	margin-top:3px !important;
	width:100% !important;
}

#pass-strength-result.short {
	
}

#pass-strength-result.bad {
	
}

#pass-strength-result.good {
	
}

#pass-strength-result.strong {
	
}

body.login div#login form#resetpassform {
	margin-top:0px;
	padding-top:0px;
}

#login_error a {
	color: #fff;
}

.message a {
	color: #fff;
}

#pass-strength-result {
	display: none !important;
}

/*--------------------------------------------------------------
Fonts
--------------------------------------------------------------*/
@font-face {
	font-family: 'Cairo';
	src: 	url('../fonts/cairo/Cairo-Regular.eot?#iefix') format('embedded-opentype'),
			url('../fonts/cairo/Cairo-Regular.woff') format('woff'),
			url('../fonts/cairo/Cairo-Regular.ttf') format('truetype'),
			url('../fonts/cairo/Cairo-Regular.svg#Cairo-Bold') format('svg');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Cairo';
	src: 	url('../fonts/cairo/Cairo-SemiBold.eot?#iefix') format('embedded-opentype'),
			url('../fonts/cairo/Cairo-SemiBold.woff') format('woff'),
			url('../fonts/cairo/Cairo-SemiBold.ttf') format('truetype'),
			url('../fonts/cairo/Cairo-SemiBold.svg#Cairo-Bold') format('svg');
	font-weight: 500;
	font-style: normal;
}


/*--------------------------------------------------------------
Top Text
--------------------------------------------------------------*/
.top-text {
	color: #333;
	float: left;
	font-size: 16px;
	padding: 10px 20px;
	position: relative;
	text-align: center;
	width: 100%;
}

.top-text:before {
	content: 'Login/Registration for SMACC 5 Only';
	display: block;
	left: 0;
	position: absolute;
	right: 0;
	top: 20px;
	width: 100%;
}

html[lang="ar"] .top-text:before,
html[lang="ar-SA"] .top-text:before {
	content:'تسجيل الدخول / التسجيل في SMACC 5 فقط';
}

html[lang="ur"] .top-text:before,
html[lang="ur-PK"] .top-text:before {
	content:'SMACC 5 کیلئے لاگ ان / رجسٹریشن صرف';
}

html[lang="tr"] .top-text:before,
html[lang="tr-TR"] .top-text:before {
	content:'Sadece SMACC 5 için Giriş / Kayıt';
}

html[lang="id"] .top-text:before,
html[lang="id-ID"] .top-text:before {
	content:'Login / Registrasi untuk SMACC 5 Saja';
}

html[lang="hi"] .top-text:before,
html[lang="hi-IN"] .top-text:before {
	content:'केवल एसएमएसीसी 5 के लिए लॉगिन / पंजीकरण';
}

html[lang="de"] .top-text:before,
html[lang="de-DE"] .top-text:before {
	content:'Inloggen / registratie alleen voor SMACC 5';
}

html[lang="es"] .top-text:before,
html[lang="es-ES"] .top-text:before {
	content:'Login / Registro solo para SMACC 5';
}

html[lang="pt"] .top-text:before,
html[lang="pt-PT"] .top-text:before {
	content:'Login / Registo para SMACC 5 Apenas';
}

html[lang="fa"] .top-text:before,
html[lang="fa-IR"] .top-text:before {
	content:'ورود / ثبت نام برای SMACC 5 تنها';
}

html[lang="ru"] .top-text:before,
html[lang="ru-RU"] .top-text:before {
	content:'Вход / Регистрация только для SMACC 5';
}

html[lang="fr"] .top-text:before,
html[lang="fr-FR"] .top-text:before {
	content:'Login / Inscription pour SMACC 5 seulement';
}

html[lang="zh"] .top-text:before,
html[lang="zh-CN"] .top-text:before {
	content:'仅限SMACC 5的登录/注册';
}