/***
Login page
***/

/* logo page */
.login-wrapper {background:#fff;width:100%;float:left;}
.login {
  background-color: #fff !important;/*444*/
}

.login .logo {
  margin: 0 auto;   
  margin-top:60px;
  padding: 15px;
  text-align: center;
}  

.login-button .social {width:169px; margin:0 auto;}
.login-button .btngrey {background:#f7f7f7; border:1px solid #ececec; width:163px; -webkit-border-radius:25px !important; -moz-border-radius:25px!important; -ms-border-radius:25px!important; -o-border-radius:25px!important; border-radius:25px!important; text-align:center; font:500 15px/38px Roboto, Arial,Helvetica, "sans-serif"; color: #303030; text-decoration:none;}
.login-button .btngrey img {display:inline-block; margin-right:10px; vertical-align:middle;}
.login-button .btngrey:hover {border-color:#d0d0d0; font:500 15px/38px Roboto, Arial,Helvetica, "sans-serif"; color: #303030; text-decoration:none;}
.login-button .btngrey.google {float: left; display:block;}
.login-button .btngrey .auth-icon {width:auto; height:auto; display:inherit;}
.login-button .btngrey .auth-icon.google {background:url(../../../img/googlelogin.png) no-repeat 40px center;}
.login-button .btngrey .auth-icon.google span {padding-left:28px;}

.login .content {
  background-color:#fff; 
  width: 418px;
  /*width: 430px;*/
  margin:0px auto; /*49px auto*/
  padding:14px 21px 15px 21px; border:1px solid #2b8089;
}
.login .content.new {margin-top:70px; margin-bottom:70px; width:805px; padding:0; -webkit-box-shadow: 0 0 10px #e5e4e4;
-moz-box-shadow:    0 0 10px #e5e4e4;
box-shadow:         0 0 10px #e5e4e4;}
.login .content.first {border:none; float:right;}
/*.login .blog {float:left; width:385px; background:#1f7079; padding:0px;min-height:547px; } height:645px;*/
.login-wrapper .blog {float:left; width:385px; background:#1f7079; padding:0px;min-height:547px; }

#header .feed_title a {font:26px 'Roboto',sans-serif!important;}

.login .content h3 {
  color: #000;
}
.login .content h4  {
  color: #555;
}

.login .content p {
  color: #222;
}

.login .content .login-form,
.login .content .forget-form {
    padding: 0px;
    margin: 0px;
}

.login .content .input-icon {
  border-left: 3px solid #ee6d35 !important;
}

.login .content .input-icon .form-control {
  border-left: 0;
}

.login .content .forget-form {
  display: none;
}

/*.login .content .register-form {
  display: none;
}
*/
.login .content .form-title {
  font-weight: 300;
  margin-bottom: 22px;
}

.login .content .form-actions {
  background-color: #fff;
  clear: both;
  border: 0px;
  border-bottom: 1px solid #eee;
  padding: 0px 0px 25px 0px;
 /* margin-left: -28px;
  margin-right: -28px;*/
}

.login .content .form-actions .checkbox {
  margin-left: 0;
  padding-left: 0;
}

.login .content .forget-form .form-actions {
  border: 0;
  margin-bottom: 0;
  padding-bottom: 20px;
}  

.login .content .register-form .form-actions {
  border: 0;
  margin-bottom: 0;
  padding-bottom: 0px;
}

.login .content .form-actions .checkbox {
  margin-top: 8px;
  display: inline-block;
}

.login .content .form-actions .btn {
  margin-top: 1px;
}

.login .content .forget-password {
  margin-top: 25px;
}

.login .content .forget-password a, .login .content .forget-password a:hover,
.login .content .create-account a, .login .content .create-account a:hover,
.login .content .form-group a, .login .content .form-group a:hover {color:#c51f53;}

.login .content .create-account {
  border-top: 1px dotted #e5e5e5;/*eee*/
  padding-top: 28px;
  margin-top: 15px;
}

.login .content .create-account a {
  display: inline-block;
  margin-top: 5px;
}

/* select2 dropdowns */
.login .content .select2-container {
  border-left: 2px solid #35aa47 !important;
}

.login .content .select2-container .select2-choice {
  border-left: none !important;
}

.login .content .select2-container i {
  display: inline-block;
  position: relative;
  color: #ccc;
  z-index: 1;
  top:1px;
  margin: 4px 4px 0px 3px; 
  width: 16px;
  height: 16px;
  font-size: 16px;
  text-align: center; 
}

.login .content .has-error .select2-container i {
  color: #b94a48;
}

.login .content .select2-container a span {
  font-size: 13px;
}

.login .content .select2-container a span img {
  margin-left: 4px;
}

/*.login .content a.fbsignin {background:url(../../img/fb_signin.gif) no-repeat top; width:292px; height:37px; text-decoration:none; display:block; margin:17px 0; cursor:pointer;}
.login .content a:hover.fbsignin {background:url(../../img/fb_signin.gif) no-repeat bottom;}*/
.login .content a.fbsignin {background:#3b5998; padding:0px; text-decoration:none; display:block; margin:17px 0; cursor:pointer; border:1px solid #20438c; font-size:15px; color:#fff; line-height:40px; text-align:center;}
.login .content a:hover.fbsignin {background:#26468a; text-decoration:none; border:1px solid #20438c; color:#fff;}
.login .content a.fbsignin span{display:block;}

.form-actions.marb15 {margin-bottom:15px !important;}

/* footer copyright */
.login .copyright {
  text-align: center;
  margin: 0 auto; 
  padding: 10px;
  color: #999;
  font-size: 13px;
}

.login .logo img {display:inline-block;}

/*login page new updates 7june2016 start*/
.latest-updates{margin:0px; padding:14px 20px 10px; background:#2b8089; color:#fff !important;}
.latest-updates h3{font: 600 20px 'Roboto',sans-serif !important; color:#fff !important; margin:0 0 16px 0;}
.login .blog ul{ margin:0px; padding:0px;}
.login .blog ul li{ list-style:none; color:#fff; border-bottom:1px solid #367f87; margin-bottom:18px; padding-bottom:18px}
.login .blog ul li p{font: 400 14px 'Roboto',sans-serif !important;  color:#fff !important; display:inline-block; width:64%; margin-bottom:0px; line-height:16px !important;}
.login .blog ul li p.blog-content-info .blog-updates-heading{font: 600 16px 'Roboto',sans-serif !important;  color:#fff !important; display:block; padding-bottom:3px}
.login .blog ul li p.blog-content-info .blog-updates-time{font: 400 12px 'Open Sans',Helvetica,Arial,sans-serif !important;  color:#5ed9e6 !important; display:block; padding-bottom:3px;}
.login .blog ul li .blog-img{padding-right:16px; display:inline-block; vertical-align:top;}
.login .blog ul li.last{ border-bottom:none; margin-bottom:0px; padding-bottom:10px;}
.login .blog ul li a{ color:#fff; text-decoration:none;}
.login .blog ul li a:hover{ color:#fff; text-decoration:underline;}

.recent-updates{margin:0px; padding:14px 20px 10px; color:#fff !important;}
.recent-updates h3{font: 600 20px 'Roboto',sans-serif !important; color:#fff !important; margin:0 0 16px 0;}

.login .content.sign-up { background: #1f7079;}
.login .content a.fbsignin i{ font-size:25px; margin-right:10px; vertical-align:middle;}
/*login page new updates 7june2016 end*/

@media (max-width:400px) {
  .login-button .social {width:81%; text-align:center;}
  .login-button .btngrey.google {margin-bottom:16px;}
  .login-button .btngrey.google{float:none; display:inline-block;}
  .login-button .btngrey .auth-icon.google {background-position:0 center;}
}


@media (max-width: 480px) {
  /***
  Login page
  ***/
  .login .logo {
    margin-top:10px;
  }

  .login .content {
    width: 280px;
  }

  .login .content h3 {
    font-size: 22px;
  }


  .login .checkbox {
    font-size: 13px;
  }

/*.login .content a.fbsignin {background: url(../../img/facebook.png) no-repeat 9px 8px #3b5998; padding:0 0 0 34px; text-decoration:none; display:block; margin:17px 0; cursor:pointer; border:1px solid #20438c; font-size:14px; color:#fff; line-height:36px;}*/
.login .blog ul li p{ width:61%;}
}

@media (max-width:320px){
.login .blog ul li p{ width:100%; margin-top:10px;}
}

#fb_user_popup a.fbsignin {background: url(../../img/facebook.png) no-repeat 9px 8px #3b5998; padding:0 10px 0 30px; text-decoration:none; display:inline-block; margin:0; cursor:pointer; border:1px solid #20438c; font-size:15px; color:#fff; line-height:32px; vertical-align:bottom;}
#fb_user_popup a:hover.fbsignin {background: url(../../img/facebook.png) no-repeat 9px 8px #26468a; text-decoration:none; border:1px solid #20438c; color:#fff;}
#fb_user_popup a.fbsignin span{display:block;}

#fb_warning_popup a.fbsignin {background: url(../../img/facebook.png) no-repeat 9px 8px #3b5998; padding:0 10px 0 30px; text-decoration:none; display:inline-block; margin:0; cursor:pointer; border:1px solid #20438c; font-size:15px; color:#fff; line-height:32px; vertical-align:bottom;}
#fb_warning_popup a:hover.fbsignin {background: url(../../img/facebook.png) no-repeat 9px 8px #26468a; text-decoration:none; border:1px solid #20438c; color:#fff;}
#fb_warning_popup a.fbsignin span{display:block;}