.login_box_content {
	width:100%;
	padding:0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 	
}

.login_box {
	width:100%; 
	max-width:500px; 
	height:220px; 
	background-color:#677882;
	margin-top:50px; 
	box-shadow: 2px 2px 5px #999999;
	margin-left: auto;
	margin-right: auto;
	position:relative;
}

.login_box_left {
	width:80%; 
	height:100%;
	float:left;
}

.login_title{
	color:#FFFFFF; 
	font-weight:bold; 
	font-size:16px; 
	margin-left:20px; 
	margin-right:10px;
	border-bottom:1px solid #CCCCCC;
}

.login_text{
	color:#FFFFFF;
	margin:0; 
	padding:0
}

.login_fields{
	width:40%; 
	float:left;
	margin-left:20px
}

.login_pass_recovery{
	width:100%; 
	float:left;
	margin-left:20px
}

.login_cr{
	position: absolute;  
	bottom: 0; width: 100%; 
	margin-left:20px; 
	margin-bottom:15px;
}

.login_box_left_event {
	width:100%; 
	margin: 10px 0px 10px 20px;
}

.login_box a, .login_box a:link , .login_box a:visited {
	color:#FFFFFF;
}

.login_box_right {
	width:20%; 
	height:100%;
	float:right; 
	background-color: #950000;
}

.login_box_right a, .login_box_right a:link, .login_box_right a:visited {
	background-color:#950000; 
	border:none; 
	margin:0; 
	padding:0; 
	color:#FFFFFF; 
	font-size:16px; 
	font-weight:bold; 
	text-decoration:none
}

.login_box_right_img {
	margin:50px 0px 0px 0px; 
	text-align:center
}

.login_box_right_button {
	position:absolute; 
	bottom:0; 
	margin-bottom:10px; 
	width:20%; 
	text-align:center
}

.login_copyright {
	position: absolute;  
	bottom: 0; 
	width: 100%; 
	margin-left:20px; 
	margin-bottom:10px;
}

.login_copyright_responsive {
	position: absolute;  
	bottom: 0; 
	width: 100%; 
	margin-left:15px; 
	margin-bottom:5px;	
	display:none;	
	font-size:10px;
}

@media screen and (max-width: 768px) {
	.login_copyright {
		display:none;
	}
	
	.login_copyright_responsive {	
		display: block;
	}
	
	.login_box {
		height: 200px;
	}
	
	.login_title, .login_box_left_event, .login_fields, .login_pass_recovery {
		margin-left:15px;	
	}
	
	.login_pass_recovery p {
		margin:5px 0;	
	}
	
	.login_title {
		margin-top:14px;
		margin-bottom:14px;
	}
}

/*
.login_box {width:100%; max-width:500px; height:220px; background-color:#677882;left:50%;position:absolute; margin-left:-250px;margin-top:50px; box-shadow: 2px 2px 5px #999999}
.login_box_left {width:80%; height:100%;float:left;}
.login_title{color:#FFFFFF; font-weight:bold; font-size:16px; margin-left:20px; margin-right:10px;border-bottom:1px solid #CCCCCC}
.login_text{color:#FFFFFF;margin:0; padding:0}
.login_fields{width:25%; float:left;margin-left:20px}
.login_field{color:#FFFFFF;margin:0; padding:0}
.login_cr{position: absolute;  bottom: 0; width: 100%; margin-left:20px; margin-bottom:15px}
.login_box_right {width:20%; height:100%;float:right; background-color: #950000;}
.login_box_right a, .login_box_right a:link, .login_box_right a:visited {background-color:#950000; border:none; margin:0; padding:0; color:#FFFFFF; font-size:16px; font-weight:bold; text-decoration:none}
.login_box_right_img {margin:50px 0px 0px 0px; text-align:center}
.login_box_right_button {position:absolute; bottom:0; margin-bottom:10px; width:100px; text-align:center}
.login_box_left_event {width:20%; float:left; margin: 10px 0px 10px 20px}
.login_box a, .login_box a:link , .login_box a:visited {color:#FFFFFF;}
*/


/* LOG IN */

.author-login-form-main-container {
	margin: 10px;
}

.author-login-form-container {
	max-width: 800px;
	/*border: 1px solid #eee;
	box-shadow: 1px 1px 10px #eee;*/
	margin: 25px auto;
	/*padding: 10px;*/
}

.author-login-form-container .header {
	/*border: 1px solid #eee;*/
    margin: 10px 0 10px 0;
    text-align: center;
}

.author-login-form-container .header img{
	border-radius: 3px;
    display: flex;	
}

.user-sign-in-container {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 28px rgba(0, 0, 0, 0.15);
    width: 95%;
    max-width: 400px;
    margin: 60px auto;
    padding: 20px;
    box-sizing: border-box;
}

.user-sign-in-container * {
    box-sizing: border-box;
	font-size: 16px;
}

.user-sign-in-form .user-sign-in-title {
    font-size: 1.3em;
    margin: 0 0 10px 0;
}

.user-sign-in-form .user-sign-in-field, .user-sign-in-form .user-sign-in-field:focus {
    background-color: #eee;
    border: none;
    padding: 8px 15px;
    margin: 8px 0;
    width: 100% !important;
    font-size: 1em;
}

.user-sign-in-form .user-sign-in-field:focus {
    background-color: #ffffff;
    border: #666666 1px solid;
    padding: 7px 14px;
}

.user-sign-in-form .user-sign-in-field-password {
	position: relative;
}

.user-sign-in-form .show-password-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  user-select: none;
  width: 26px;
}

.user-sign-in-form .forgot-password {
    text-align: center;
    padding: 15px 0;
}

.user-sign-in-form .forgot-password-link {
    color: #666;
    font-size: 14px;
    text-decoration: underline;
    margin: 15px 0;
    font-size: 0.9em;
}

.user-sign-in-form .sing-in-button-container {
    text-align: center;
    margin-top: 10px;
}

.user-sign-in-form .user-sign-in-send-button {
    padding: 8px 10px;
	border: none;
	border-radius: 3px;
	background-color: #62748E;
	color: #fff;
	cursor: pointer;
	min-width: 150px;
}

.user-sign-in-form .user-sign-in-send-button:hover {
	background-color: #333;
}

.user-sign-in-error {
    color: #c0392b;
    font-size: 0.8em;
}

.user-password-recovery-container {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 28px rgba(0, 0, 0, 0.15);
    width: 95%;
    max-width: 400px;
    margin: 60px auto;
    padding: 20px;
    box-sizing: border-box;
}

.user-password-recovery-container * {
    box-sizing: border-box;
	font-size: 16px;
}

.user-password-recovery-form .user-password-recovery-title {
    font-size: 1.2em;
    margin: 0 0 10px 0;
}

.user-password-recovery-form .user-password-recovery-field, .user-password-recovery-form .user-password-recovery-field:focus {
    background-color: #eee;
    border: none;
    padding: 8px 15px;
    margin: 8px 0;
    width: 100% !important;
    font-size: 1em;
}

.user-password-recovery-form .user-password-recovery-field:focus {
    background-color: #ffffff;
    border: #666666 1px solid;
    padding: 7px 14px;
}

.user-password-recovery-form .forgot-password {
    text-align: center;
    padding: 15px 0;
}

.user-password-recovery-form .forgot-password-link {
    color: #666;
    font-size: 14px;
    text-decoration: underline;
    margin: 15px 0;
    font-size: 1em;
}

.user-password-recovery-form .sing-in-button-container {
    text-align: center;
    margin-top: 10px;
}

.user-password-recovery-form .user-password-recovery-send-button {
    padding: 8px 10px;
	border: none;
	border-radius: 3px;
	background-color: #62748E;
	color: #fff;
	cursor: pointer;
	min-width: 150px;
}

.user-password-recovery-form .user-password-recovery-send-button:hover {
	background-color: #333;
}

.user-password-recovery-error {
    color: #c0392b;
    font-size: 0.8em;
}

.user-password-recovery-form .return-login-form {
    text-align: center;
    padding: 15px 0;
}

.user-password-recovery-form .return-login-form-link {
    color: #666;
    font-size: 14px;
    text-decoration: underline;
    margin: 15px 0;
    font-size: 0.9em;
}

.password-sent-message-container {
	padding: 60px 10px;
	text-align: center;
}

.password-sent-message-container .password-sent-message {
	font-size: 1.5em;
	padding: 20px 0;
}

.password-sent-message-container .return-login-form-link {
    color: #666;
    font-size: 14px;
    text-decoration: underline;
    margin: 15px 0;
}

.user-sign-in-langs {
	position: relative;
	top: -5px;
	right: 0;
	float: right;
}

.user-sign-in-error-text,
.user-password-recovery-error-text {
	font-size: 14px;
}

.user-sign-in-langs .select-lang,
.user-sign-in-langs .select-lang * {
	font-size: 14px;
	border-radius: 3px !important;
}