@charset "UTF-8";

html {
	background:#ededed;
}

#head_login {
	width:900px;
	margin:0px auto;
}

#login {
	width:900px;
	margin:80px auto 200px auto;
}


#login #login_left {
	width:450px;
	float:left;
}

#login #login_right {
	width: 400px;
	float:right;
	background:#FFF;
	border: solid 1px #CCC;
}

#ttl_login {
	margin:12px;
	font-weight: bold;
    font-size: 24px; 
}

#loginformbox {
	margin:20px 35px 12px 35px;
}

.formtitle {
	margin:0 0 6px 0;
	font-size: 16px;
}

.btn-login-custom {
    font-size: 16px;
    font-weight: bold;
    padding: 10px 20px;
    background-color: #2596be;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    display: block;
    margin: 0 auto;
    width: 160px;
}
.btn-login-custom:hover {
    background-color: #0056b3;
}

#loginformbox input#mail,
#loginformbox input#pass,
#loginformbox select#organization {
	height:32px;
	width:322px;
	margin:0 0 12px 0;
	border: 1px solid #ccc !important;
	border-style: solid !important;
	outline: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#loginformbox .select {
	border: unset;
}

#bt_login {
	float:left;
}

#keepbox {
	float:right;
	margin:12px 0 0 0;
    font-size: 16px;
}

#forget {
	clear:both;
	margin:12px 0 12px 0;
}

.arr {
	background:url(../img/login/arr_blu.jpg) no-repeat left 2px;
	padding:0 0 0 12px;
	line-height:14px;
}

.arr a:link {
	color:#268bc3;
}


#use {
	float:left;
	margin:12px 0 0 0;
}

#detail {
	float:right;
	margin:36px 0 0 0;
}


#footer_login {
/*	height:100%;*/
	height: 80px;
/*    min-height:100%;*/
	text-align:center;
	padding:6px 0 0 0;
	background:#ededed;
	border-top:solid 1px #d2d2d2;
}


#footer_login ul {
	margin:12px 0 0 0;
}

#footer_login ul li {
	display: inline;
	text-align:center;
	height:100%;
}

#footer_login address {
	margin:12px 0;
}

/* Forgot Password Link Styles */
.forgot-password-container {
	text-align: right;
	line-height: 36px;
}

.forgot-password-link {
	color: #2596be;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	transition: all 0.3s ease;
	position: relative;
	display: inline-block;
}

.forgot-password-link:hover {
	color: #0056b3;
	text-decoration: none;
	transform: translateY(-1px);
}

.forgot-password-link:before {
	content: "🔒";
	margin-right: 5px;
	font-size: 12px;
}

.forgot-password-link:hover:before {
	content: "🔓";
}

/* Back to Login Link Styles */
.back-to-login-link {
	color: #666;
	text-decoration: none;
	font-size: 14px;
	font-weight: 400;
	transition: all 0.3s ease;
	position: relative;
	display: inline-block;
}

.back-to-login-link:hover {
	color: #2596be;
	text-decoration: none;
	transform: translateX(-2px);
}

/* Password Reset Form Styles */
#loginformbox input#password,
#loginformbox input#confirm_password {
	height: 32px;
	width: 322px;
	margin: 0 0 24px 0;
}

#loginformbox input#email {
	height: 32px;
	width: 322px;
	margin: 0 0 24px 0;
}
#login_right .login-btn {
	display: flex;
}
#login_right .login-btn .submit, #login_right .login-btn .forgot-password-container{
	width: 50%;
}
.forgot-password-page .login-btn {
	margin-top: 92px;
}
.forgot-password-page .forgot-password-container, .reset-password-page .forgot-password-container {
	text-align: left;
}