/*
	LoginModal.css
	TemplateName: ObjectWeb-Base
	Copyright (c) 2009, ObjectWeb Srl. All rights reserved.
	Version: 1.0.0
	Note: CSS relativi alla finestra modale per la Login degli utenti
*/


/* LoginModal 
------------------------------------------------------------------------------------------------- */
.section.login-modal .login.modal.fade.in {
   opacity: 1;
}

.fade.in {
   opacity: 0.8;
}

.section.login-modal {
   margin-bottom: 0;
   margin-left: 10px;
}

.section.login-modal .anonymous div,
.section.login-modal .authenticated div {
   display: inline-block;
}

.section.login-modal .anonymous .login {
   background: url("Images/LoginModalLogin.png") no-repeat center left;
   margin-right: 10px;
   padding-left: 20px;
}

.section.login-modal .anonymous .register {
   background: url("Images/LoginModalRegister.png") no-repeat center left;
   padding-left: 20px;
}

.section.login-modal .authenticated .user-name {
   background: url("Images/LoginModalUsername.png") no-repeat center left;
   margin-right: 10px;
   padding-left: 20px;
}

.section.login-modal .authenticated a.social-login {
   cursor: default;
   text-decoration: none;
}

.section.login-modal .authenticated .logout {
   background: url("Images/LoginModalLogout.png") no-repeat center left;
   padding-left: 20px;
}

.section.login-modal .modal-dialog {
    max-width: 500px;
    text-align: left;
}

.section.login-modal .modal .modal-body {
   padding: 10px;
}

.section.login-modal .modal .modal-body:after,
.section.login-modal .modal .login-data:after,
.section.login-modal .modal .buttons:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.section.login-modal .modal .header {
   font-weight: bold;
	margin-bottom: 10px;
 }
 
.section.login-modal .modal .lock-background {
   background: url("Images/LoginModalLock.png") center no-repeat;
   height: 150px;
}

.section.login-modal .login.modal .form-group {
   margin-bottom: 10px;
}

.section.login-modal .login.modal .form-group  .input-div {
    width: 100%;
}

.section.login-modal .login.modal #emailInputText {
   background: url("Images/LoginModalEmail.png") 10px center no-repeat #FFFFFF;
   max-width: 100%;
   padding-left: 40px;
}

.section.login-modal .login.modal #passwordInputPassword {
   background: url("Images/LoginModalPassword.png") 10px center no-repeat #FFFFFF;
   max-width: 100%;
   padding-left: 40px;
}

.section.login-modal .login.modal .keep-login {
   float: left;
   margin-right: 20px;
   max-width: 170px;
}

.section.login-modal .login.modal .keep-login label {
   float: left;
   width: 112px;
}

.section.login-modal .login.modal .keep-login .input-div {
   float:left;
   margin-top: 6px;
}

.section.login-modal .login.modal .btn.btn-primary {
    background-color: #f0f0f0;
    border-color: #d4d4d4;
    border-radius: 0;
    color: #404040;
    float: right;
    margin-top: 4px;
    padding: 2px 10px;
    width: 160px;
}

@media(max-width: 768px){
   .section.login-modal .login.modal .btn.btn-primary {
       width: 60px;
   }
}

.section.login-modal .login.modal .btn.btn-primary:hover {
   background-color: #d4d4d4;
}

.section.login-modal .login.modal .buttons .register {
   background: url("Images/LoginModalRegisterYourself.png") left center no-repeat transparent;
   padding-left: 20px;
}

.section.login-modal .login.modal .buttons .password-reminder {
   background: url("Images/LoginModalPasswordReminder.png") left center no-repeat transparent;
   padding-left: 20px;
}

.section.login-modal .login.modal .buttons .register a,
.section.login-modal .login.modal .buttons .password-reminder a {
   color: #898989;
   font-size: 14px;
}

.section.login-modal .login.modal .social-buttons {
    margin-left: 0;
    width: 100%;
}
/* ---------------------------------------------------------------------------------------------- */