/**
 * ------------------------------------------------------------------------
 * JA Login module
 * ------------------------------------------------------------------------
 * Copyright (C) 2004-2018 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
 * @license - GNU/GPL, http://www.gnu.org/licenses/gpl.html
 * Author: J.O.O.M Solutions Co., Ltd
 * Websites: http://www.joomlart.com - http://www.joomlancers.com
 * ------------------------------------------------------------------------
*/

ul.ja-login {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.ja-login li {
  display: inline-block;
  height: 20px;
  margin-right: 10px;
  position: relative;
}

ul.ja-login li #ja-user-login,
ul.ja-login li #ja-user-register {
  background: #033ea9;
  border: 1px solid #033ea9;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  display: none;
  padding: 20px;
  position: absolute;
  right: 0;
  top: 20px;
  width: max-content;
}
#ja-user-login .userdata #modlgn-passwd, #ja-user-login .userdata #form-login-username #modlgn-username {
  width: 100%;
}

ul.ja-login li #ja-user-register dl {
  margin-bottom: 0;
}

ul.ja-login li #ja-user-register dt label {
  display: inline-block;
  margin-bottom: 5px;
}

ul.ja-login li #ja-user-register dd {
  margin: 0;
  padding: 0;
}

ul.ja-login li #ja-user-register br {
  display: none;
}

/* Login form */
ul.ja-login #form-login-remember label {
  display: inline-block;
}

ul.ja-login #form-login-remember .inputbox {
  margin-top: 0;
}
 
#jabox-overlay {
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  position: fixed !important;
  background: #a1dcff;
  z-index: 1;
  top: 0;
  left: 0;
  opacity: 0.8 !important;
}

.register-switch,
.login-switch {
	position: relative;
color: white;
}
.register-switch:hover,
.login-switch:hover {
	
color: aqua;
}

.register-switch,
.login-switch,
#ja-user-login,
#ja-user-register {
	z-index: 1000;
}

#ja-user-login ul {
	margin: 0 0 1px;
	display: block;
	list-style-type: none;
	margin: 0 0 1px;
	padding: 10px 0;
	position: relative !important;
	left: 0;
	text-align: left !important;
	top: 0;
}

#ja-user-login ul li a:link,
#ja-user-login ul li a:visited {
	padding: 3px !important;
}


#ja-user-register .g-recaptcha{
	padding: 8px 0;
}

#ja-user-register #privacyconsent_privacy-lbl a.modal,
#ja-user-register  #terms_terms-lbl a.modal {
    display: inline-block;
    position: relative;
  }
  
#ja-user-register #terms_terms input[type="checkbox"],
#ja-user-register #privacyconsent_privacy input[type="radio"],
#ja-user-register #terms_terms input[type="radio"],
#ja-user-register #privacyconsent_privacy input[type="checkbox"] {
    position: relative;
    margin: 0;
    margin-right: 5px;
    width: auto;
  }
  
#ja-user-register label#privacyconsent_privacy-lbl ,
#ja-user-register label#terms_terms-lbl,
#ja-user-register #privacyconsent_privacy label,
#ja-user-register #terms_terms label  {
    margin-right: 0;
    padding: 0;
	display: inline;
  }

 #ja-user-register .alert{
	 margin-bottom: 10px;
 }
 
  #ja-user-register .star{
	 width: 20px;
	vertical-align: top;
  }

@media (max-width: 767px){
#ja-user-login .userdata #modlgn-passwd, #ja-user-login .userdata #form-login-username #modlgn-username {
	width: 100%;
	z-index: 0;
	position: relative;
	border-radius: 19px;
	padding: 1px;
	background: #21ccd5;
	border: 0px;
}  
#form-login-username label {
	bottom: 0px !important;
	position: absolute;
	z-index: 1;
	padding-left: 5px;
} 
#ja-user-login  #form-login-username #modlgn-passwd:focus
#ja-user-login  #form-login-username #modlgn-username:focus {
	z-index: 2;
	font-size: 21px;
	padding-left: 6px;
	background: #33dbe3;
}
 }