/*************************************
TOP BAR RIGHT
*************************************/
.topbar-right { display:flex; justify-content: flex-end!important; align-items: center;   }
.topbar-right .moduleid-182 { order:2; backg round:#111; wi dth:100px;}
#mod_improved_ajax_login-182 { display:flex; flex-direction:row; justify-content: center;  align-items:center;  }
#mod_improved_ajax_login-182 a {     }

a.logBtn span,
a.regBtn span {
 padding:3px 10px;
 display:block;
 font-size:1.1rem;
  line-height:inherit;
 font-weight:400!important;
 font-family:'Montserrat', sans-serif;
 line-height:none;
 border-radius:5px;
}
a.regBtn  {  display:none;}

a.logBtn:hover { text-decoration: none; }
#topGlobal a.logBtn span { background:none;color:#aaa;   }
#topGlobal a.logBtn:hover span { background:#fff; color:#222; }

.frontpage a.logBtn span { bo rder:1px #3e60a0 solid; backgr ound:#071d47!important; color:#99aac9; font-weight:300!important; }
.frontpage a.logBtn:hover span { background:#395996!important; color:#fff; }

/* LOGIN REGISTER MODAL */
.ial-window,
.ial-usermenu {
	left:-20000px;
	margin: 0;
	position: absolute;
	z-index: 10000;
}
/* login form */
.ialLoginBaseForm { width:100%!important; padding:10px!important; box-sizing: border-box!important;}
form.ial-login.ialLoginBaseForm { ba ckground:yellow!important; width:100%!important; max-width:360px; margin:0 auto!important; }
/* registration form */
form.ial-form[name="ialRegister"] { width:100%!important; max-width:360px; box-sizing: border-box!important; }
span.smallTxt.passStrongness {   text-align:right; }
/* password reset form */
.ialResetForm { min-width:400px; display:flex; flex-direction:column; width:100%; box-sizing: border-box!important; padding:20px 30px 0px 10px!important;}
.ialResetForm .gi-elem { min-width:100%!important; padding:0px 20px!important; }
.ialResetForm input { width:100%!important; text-align:center;}

/* elements */
.ial-form { display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between;  }
.gi-elem.gi-wide { min-width:100%; display:flex; flex-direction:column; justify-content:center;}
.gi-elem.ial-name,
.gi-elem.ial-username,
.gi-elem.ial-email1,
.gi-elem.ial-email2,
.gi-elem.ial-password1,
.gi-elem.ial-password2 {  min-width:100%!important;  margin:0px!important;  }
.gi-elem input { border-radius:25px!important;  }
.gi-elem input:focus { border:1px #E94671 solid; }
.gi-elem label { font-size:1.4rem!important;}
/*captcha*/
#registerCaptcha {   display:flex; align-items:center; justify-content: center;}

/*logo*/
.gi-logo-cont { background:#fff; padding-top:20px;}
.gi-logo {  background-size:60px;   height:60px; }
/*header*/
.loginH3 { font-size:3rem; margin-bottom:15px;}
.loginH3 a.forgetLnk{ padding:0px; margin:0px;   }
.loginBtn.childButton { padding:2px 10px;  top:4px;  background:#4bbb8b; font-size:1.3rem; }
/*submit button*/
.loginWndInside button#submitBtn { width:100%; margin-bottom:10px; }
/*remember & forget */
.ial-login .gi-elem.gi-wide { display:flex; flex-direction:row; justify-content: space-around; flex-wrap:nowrap;}
.forgetDiv { padding-left:30px;}
.loginWndInside .ial-check-lbl { margin-bottom:20px!important; font-size:13px; float:left; }
.loginWndInside .forgetDiv a.forgetLnk { font-size:12px; color:#aaa;  margin-top:-2px; float:right; }
/*socials*/
.ial-socials  {  background:#373A47; }
.socialIco-wrapper {  }


/*register button*/
button#ialButton20 { padding:10px 0px;  margin-bottom:0px; }
button#ialButton20 span { font-size:1.6rem; }

@media only screen and (max-width: 530px) {
 .ial-window {  margin:5px; }
.gi-elem.ial-name,
.gi-elem.ial-username,
.gi-elem.ial-email1,
.gi-elem.ial-email2,
.gi-elem.ial-password1,
.gi-elem.ial-password2 { width:100%!important;   }
}


/* LOGGED IN MENU */
.userBtn.selectBtn .loginBtn { padding:0px 25px 0px 15px!important; bor der-radius:0px; w idth:131px; font-size:1.1rem;}
.userBtn.selectBtn .loginBtn:after { right:12px; width:4px; height:4px;}
.ial-usermenu { margin-top:2px; border-radius:0px!important;}
.ial-usermenu .loginWndInside {
  border-radius:0px;
  -webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;}


/*popup
.ial-window.mod-182.ial-trans-gpu { z-index:99999; }
.loginWndInside { mi n-width:350px; z-index:999999; }
.ial-m sg {  z-index:9999999999999999;}
.ial-usermenu.ial-window.mod-182.ial-active {
  position: absolute;
  top: 50%!important;;
  left: 50%!important;
}
*/

/* JREV replacement for login */
.crLogin { background:#fafafa; display:flex; justify-content:space-around; align-items:center; border:1px #eee solid; border-radius:25px; width:450px; margin:0 auto;}
.crLogin .selectBtn { display:inline-block;}

.jrLoginBox span { display:flex; justify-content:center; align-items:center; font-size:1.4rem;}
.jrLoginBox span > div { margin-left:20px; margin-top:5px;}
.jrLoginBox .selectBtn { display:inline-block; margin-left:5px;}


/*************************************
JR LOGIN MODULE
*************************************/
.jrLoginBox span.login-text { max-width:400px; text-align:center; margin:0 auto;}
#LoginRegisterContainer { display:flex; align-content: center; justify-content: center; margin-top:10px; }
#LoginRegisterContainer .selectBtn span { background:#396096!important; border-radius:3px; padding:5px 30px;}
#LoginRegisterContainer .selectBtn span:hover { background:#254b7c!important; }

#LoginRegisterContainer button { background:#396096!important; border-radius:13px; padding:2px 30px; margin:0px 10px; font-size:1.3rem;}
#LoginRegisterContainer button:hover { background:#254b7c!important; }





/********** REGISTER *************

.ial-form input { border-radius:25px!important; font-size:12px; }
.ial-form input:focus { border:1px solid #373A47; }
.ial-form label { font-size:11px; color:#aaa;}
button#ialButton22  { width:100%!important;}


div.topbar-right div.menu-container {  padding:0px 10px;  }
div.topbar-right div.menu-container a { color:#fff;}
div.topbar-right div.menu-container div.submenu.menu-module  { margin-top:13px; margin-right:-11px; border-radius:0px;}
div.sclogin-joomla-login #form-sclogin-username .input-append.input-block-level > input  { width:100%!important; padding:5px 10px; height:35px; }
div.sclogin-joomla-login #form-sclogin-password .input-append.input-block-level > input  { width:100%!important; padding:5px 10px; height:35px; }
*/












/* Login Register
.sclogin > a.btn.btn-primary { background:none; box-shadow:none; text-shadow:none; border:1px #0C4066 solid; font-weight:300; margin-right:10px; }
.sclogin > a.btn.btn-primary:hover { background:none; border:1px #2A6893 solid; }
.sclogin > a.btn { background:#F25F5C; color:#fff; border:0px; box-shadow:none; text-shadow:none; font-weight:300; }

.modal-open .modal-cell  {
height:100%;
width:100%;
background:rgba(0,0,0,0.6);
position:fixed; left:0px; top:0px;
}
 */

/*
div.topbar-right div.menu-container {  padding:0px 10px;  }
div.topbar-right div.menu-container a { color:#fff;}
div.topbar-right div.menu-container div.submenu.menu-module  { margin-top:13px; margin-right:-11px; border-radius:0px;}
div.sclogin-joomla-login #form-sclogin-username .input-append.input-block-level > input  { width:100%!important; padding:5px 10px; height:35px; }
div.sclogin-joomla-login #form-sclogin-password .input-append.input-block-level > input  { width:100%!important; padding:5px 10px; height:35px; }

.sourcecoast.modal { left: 55%; max-width: 360px; padding:10px;}
.sourcecoast.modal input { box-shadow:none; border-radius:0px; height:40px!important; border:1px #ddd solid;}
.sourcecoast.modal button.btn.btn-primary {padding:0px 60px; border-radius:0px; font-size:1.4rem; height:40px; }
*/


/*
#off-menu_150 #mod_improved_ajax_login-182 { width:100%; }
#off-menu_150 #mod_improved_ajax_login-182  .userBtn { min-width:100%!important;  }
#off-menu_150 #mod_improved_ajax_login-182  .loginBtn  { min-width:100%!important;  }

#off-menu_150 .user-menu { background:#fff; font-family: 'Montserrat', sans-serif;}
#off-menu_150 .user-menu ul { text-align:center;}
#off-menu_150 .user-menu ul li a { padding:5px 0px; font-size:1.2rem; line-height:2em; bo rder-top:1px #eee solid; border-bottom:1px #eee solid; color:#333; }
#off-menu_150 .user-menu ul li:hover { background:#eee;}

.loggedIn { text-align:center; padding:10px 0px; }
.loggedIn h3 { padding:10px 0px; font-weight:300;}
.loggedInUser { font-weight:bold;}
*/






/*************************************
JRev Login module
*************************************/
.jrLoginBox {
  font-size:1.2rem;
  padding:20px;
  background:#d6e7ff;
  color:#345f9b;
  margin-bottom:20px;
}
.jrLoginBox > span {
  font-weight:400;
}
.jrLoginBox > span > a { background:#345f9b; color:#fff; padding:5px 10px; margin-left:10px; font-weight:500; }
.jrLoginBox > span > a:hover { text-decoration: none; background:#214d87;}
.jrInfo {
 padding:20px;
}
a.jr-show-login.jrButton {
 	background:#111;
  margin-left:20px;
  border-radius:25px;
  color:#fff!important;
  border:0px;
}
.jrLoginForm  button.jrLogin,
.jrLoginForm  input#jr-password,
.jrLoginForm  input#jr-username {
	margin-top:10px;
  width:100%;
	border:0px!important;
  border-radius:5px!important;
  box-shadow:none!important;
  height:40px!important;
  width:100%!important;
  padding:0px 15px!important;
  background:#ff1ff!important;
  color:#26638E;
}
#jr_loginForm > input.jrButton.jrLogin {
 	margin-top:20px;
}

/* login page integrated */
#loginComp { text-align:center;}
#loginComp #mod_improved_ajax_login-182 { min-width:500px;  }
#loginComp .loginWndInside { width:100%; }

/* Login Register
.sclogin > a.btn {
  color:#fff;
  border:0px;
  box-shadow:none;
  text-shadow:none;
  font-weight:300;
  transition: all 0.5s ease;
}
.sclogin > a.btn.btn-primary {
  background:none;
  box-shadow:none;
  text-shadow:none;
  border:0px;
  font-weight:300;
  color:#777;
  margin-right:10px;
}
.sclogin > a.btn.btn-primary:hover {
  background:#fff;
  border:0px;
  color:#333;
}


.modal-open .modal-cell  {
	height:100%;
  width:100%;
  background:rgba(0,0,0,0.6);
  position:fixed; left:0px; top:0px;
}
*/





/*************************************
Login Popuo
************************************
#login-modal {
  padding:0px;
}
.sourcecoast.modal * {
  f ont-family:'Montserrat',sans-serif;
}
#login-modal .modal-body {
  padding:10px 10px 0px 30px;
}
.sourcecoast .modal-header {
  border:0px;
  backgroun d:#f1f1f1;
  border-bottom:1px #eee solid;
  padding:15px 20px;
  color:#999; font-weight:500; text-align:center;
}

.sclogin-desc.pretext   {
  text-align:center; margin-top:90px;
}
.sclogin-desc.pretext h3 {
  display:none;
}
.sclogin-desc.pretext img {
  width:34px;
  margin:0px auto;
  text-align:center;
}

.sclogin-social-login.span12.vertical.top {
  padding:0px;
  margin-top:10px;
}
.sourcecoast.modal {
  left: 55%;
  max-width: 360px;
  pad ding:20px 10px 0px 30px!important;
  background:#fff;
  border:0px;
  border-radius:14px!important;
}
fieldset.input-block-level.userdata {
  background:#fff!important;
}

.sourcecoast.login .row-fluid {
  display: flex;
  flex-direction:row-reverse;
  flex-wrap: nowrap;
}

span.sourcecoast.login {
  position:absolute; top:30px; left:27px;
}
.sourcecoast.login .social-login {
  width:95px;
}


.sourcecoast.modal input {
  box-shadow:none;
  border-radius:35px!important;
  background:#fff;
  width:100%;
  padding:5px 15px!important;
  height:45px!important;
  border:1px #ccc solid;
  text-align:center;
}
.sourcecoast.modal button.btn.btn-primary {
  border-radius:3px;
  width:65%;
  border:0px!important;
  box-shado w:0px 3px 3px rgba(50,50,50,0.25)!important;
  font-size:1.4rem;
  margin-bot tom:20px;
  height:45px; padding:0px;
}
.sourcecoast.modal button.btn.btn-primary:hover {
 	box-shadow:none!important;
  background:#A34256!important;
}

#form-sclogin-submitcreate a.btn {
  font-size:1.4rem;
  height:45px; color:#fff;
  text-shadow:none; box-shadow:none;
  line-height:2.6em;   width:30%;
  border-radius:3px;
  border:0px;
  background:#ed557b;
  float:right;

}

.sourcecoast.modal input:focus {
 	backgro und:#fff;
  border:1px #ed557b solid;
}
.sourcecoast .scuser-menu.dropdown-view a.btn {
  font-size:14px;
  font-family:Roboto;
  font-weight:400;
  background:none!important;
  border-radius:0px;
  color:#fff;
}
.sourcecoast .scuser-menu a.btn:active,
.sourcecoast .scuser-menu a.btn:hover {
  background:none!important;
}
.sourcecoast .scuser-menu a.btn span {
  background:#fff;
  height:6px;
  color:#fff!important;
}

*/


/* FIXED SIGN IN REGISTER / CONNECT PAGE
.jrUserProfilesSignup.jrPage { b order:0px; }

.jrUserProfilesLogin { padding-top:70px;}
.jrUserProfilesLogin h3 { color:#0C4066; display:none; }
.jrUserProfilesLogin input.jrName { height:50px; border-radius:0px; background:#F2F8FC; border:1px #B3D0E5 solid;}
.jrUserProfilesLogin button.jrButton { padding:0px 60px; border-radius:0px; font-size:1.4rem; height:40px; }

.jrUserProfilesSignup.jrPage > div.jrGrid > div.jrCol5 { padding-top:70px; float:right;}
.jrUserProfilesSignup.jrPage > div.jrGrid > div.jrCol5 > h3 { color:#aaa; }
#user-account-register input { height:40px; border-radius:0px; background:#fafafa; border:1px #ccc solid; }
#user-account-register button.account-create-submit {  padding:0px 60px; border-radius:0px; font-size:1.4rem; height:40px;  }
#user-account-register .jrValidation { font-size:1.2rem; }


.sclogin.sourcecoast .btn.dropdown-toggle { background:none; text-shadow:none; color:#fff; box-shadow:none; font-weight:300; }
.sclogin.sourcecoast .btn.dropdown-toggle > span.caret { margin-left:10px; }


.enclosure { background:#fff; padding:15px; border-radius:5px;   }

div.magnifier {  background:none!important; }
div.magnifier:before { content: "\F002 ";  font-family: FontAwesome; color:#fff;  margin-left:10px;  }
*/










/*************************************
CONNECT SIGN IN REGISTER
************************************/
.grayPage .content-wrapper { background:#eee!important; }
.grayPage .container { background:none!important; }

h1.jrAccountProfileTitle  {  display:none; }
.jrUserProfilesSignup.jrPage {  font-size:1.3rem;  border:0px; padding-top:30px; background:none;}

.jrUserProfilesSignup .jrGrid  { display:flex; flex-direction: row; justify-content:space-between; flex-wrap:wrap;  }
.jrUserProfilesSignup .jrGrid .jrCol4 { fl ex:1; width:320px;  background:#fff; margin:0px; padding:0px;  padding:30px; box-shadow:0px 0px 20px rgba(0,0,0,0.1); height:100%;}
.jrUserProfilesSignup .jrGrid .jrCol1 { fl ex:3; width:90px; background:#f1f1f1; margin:0px; padding:0px; display:none;}
.jrUserProfilesSignup .jrGrid .jrCol5 { flex:1; backg round:red; background:#fff; box-shadow:0px 0px 20px rgba(0,0,0,0.1);  max-width:400px; padding:30px;   box-sizing: border-box!important; }

/* Smartphones ----------- */
@media only screen and (max-width: 800px) {
  .jrUserProfilesSignup .jrGrid  {justify-content:center; }
  .jrUserProfilesSignup .jrGrid .jrCol4 { width:100%!important; max-width:500px;  }
  .jrUserProfilesSignup .jrGrid .jrCol5 { width:100%; max-width:500px; margin-top:20px!important; }
}

/* SIGN IN SECTION */
.jrUserProfilesLogin > h3 { color:#0C4066; font-size:1.8rem; height:40px; width:100%; text-align:left; }
.jrUserProfilesLogin form { padding:0px; margin-top:20px!important; display:flex; flex-direction:column; max-width:100%;  }
.jrUserProfilesLogin input.jrText,
.jrUserProfilesLogin input.jrName {
  height:45px;
  border-radius:8px!important;
  padding:0px 10px!important;
  border:1px #eee solid;
  background:#eee;
  width:100%!important;
}
.jrUserProfilesLogin input.jrText:focus,
.jrUserProfilesLogin input.jrName:focus { border:1px #3276B1 solid!important; background:#fff; }
.jrUserProfilesLogin button.jrButton {
  padding:0px 60px;
  border:0px;
  border-radius:25px;
  margin-top:10px;
  width:100%;
  font-size:1.3rem;
  height:45px;
  display:block;
  text-align:center;
}
.jrUserProfilesLogin a { color:#aaa!important;}


/*
span.caret:after { display:none;}
span.caret {
  border:0px!important;
  padding:0px!important;
  line-height:0px;
  background-image:none!important;
  background:none!important;
	top:2px;
	position:relative;
}
span.caret:before {
  font-size:17px;
  content: "\f0d7";
  font-family: FontAwesome;
  color:#fff;
}
*/

/* REGISTER SECTION */
.jrUserProfilesSignup .jrAccountSignupSeparator { border:0px; border-left:1px #eee solid; }
.jrUserProfilesSignup .jrCol5 { margin:0px!important; backgr ound:#111; back ground:#111; }
.jrUserProfilesSignup .jrCol5 > h3 { color:#0C4066; font-size:1.8rem; height:50px; width:100%; text-align:left; }
.jrUserProfilesSignup .jrCol5 form {  padding:0px; width:100%;   }
#user-account-register input {
  height:45px;
  border-radius:5px!important;
  border:1px #fff solid;
  background:#eee;
  border:1px #eee solid;
  width:100%!important;
}
#user-account-register input:focus {
  border:1px #3276B1 solid!important;
  background:#fff;
}
#user-account-register button.account-create-submit {
  padding:0px 60px;
  border:0px;
  margin-top:10px;
  width:100%; text-align:center; display:block; border-radius:25px;
  font-size:1.3rem;
  height:45px;
}
/*social buttons*/
.sourcecoast.login .row-fluid { display:flex; flex-direction:row; justify-content: space-around;}
/* validation information */
#user-account-register.jrForm span.jrError { font-size:1.2rem; color:#e61f19; }
#user-account-register.jrForm span.jrSuccess,
#user-account-register .jrValidation { font-size:1.2rem; c lor:#e61f19; }


/* LOGGED IN
.sclogin.sourcecoast .btn.dropdown-toggle {
  background:#fff;
  border:0px;
  text-shadow:none;
  font-size:12px;
  box-shadow:none;
  font-weight:300;
}
.sclogin.sourcecoast .btn.dropdown-toggle > span.caret { margin-left:10px; }

*/

/* MISC
.enclosure { background:#fff; padding:15px; border-radius:5px;   }

div.magnifier {  background:none!important; }
div.magnifier:before { content: "\F002 ";  font-family: FontAwesome; color:#fff;  margin-left:10px;  }
*/
