.login{
	background-color:white!important
}
.login .logo{
	margin:60px auto 20px;
	padding:15px;
	text-align:center
}
.login-title{
	padding-bottom: 9px;
	border-bottom: 1px solid #b1b1b1;
}
.login .content{
	font-family: 'Noto Sans JP', sans-serif;
	width:450px;
	margin: auto;
	margin-top: 80px;
	text-align: center;
}
.login .content label,.login .content p{
	color:black;
}
.p-3{
	padding: 3px;
	border:1px solid #e7e7e7;
	width: 458px;
	border-radius:7px;
}
.login .content .forget-form,.login .content .login-form{
	width: 450px;
	padding: 40px 85px;
	padding-bottom: 15px;
	margin: 0px;
	background-color: #f5f5f5;
	border-radius:7px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	-ms-border-radius:7px;
	-o-border-radius:7px;
}
.system-title{
	font-size: 28px;
	margin-top: 50px;
	margin-bottom: 15px;
}
.login-btn{
	background-color: #2b5aa0;
	color: white;
	font-size: 20px;
	width: 130px;
}
p{
	margin: 0px;
}
.p-l-10{
	padding-left: 10px;
}
.control-label{
	display: flex;
	align-items: center;
}
.login-check{
	width: 21px;
	height: 21px;
	color: black;
	margin: 0px !important;
}
.form-group{
	margin-bottom: 21px;
}
.login-form .form-control[type='text'], .login-form .form-control[type='password'] {
	border-radius: 0px;
}
.login-form .form-group {
	text-align: left;
}
.form-control{
	padding-left: 16px!important;
}
.login .content .form-control{
	background-color:#fff
}
.login .content .forget-form,.login .content .register-form{
	display:none
}
.login-btn:hover{
	color: white!important;
}
.login .content .form-title{
	margin-bottom:28px;
	margin-top:10px;
	color: #525252;
	font-family: 'Noto Sans JP', sans-serif;
}
.system-content td{
	font-size: 17px;
	font-family: 'Noto Sans JP', sans-serif;
	color: black;
}
.system-content >tbody>tr>td, .system-content> tbody>tr>th{
	border:1px solid #b1b1b1;
}
.login .content .form-actions{
	background-color:transparent;
	clear:both;
	border:0;
	padding:0 30px 25px;
	margin-left:-30px;
	margin-right:-30px
}
.login .content .form-actions .checkbox{
	margin-left:0;
	padding-left:0;
	margin-top:8px;
	display:inline-block
}
.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:0
}
.login .content .form-actions .btn{
	margin-top:1px
}
.login .content .forget-password{
	margin-top:25px
}
.login .content .create-account{
	border-top:1px dotted #eee;
	padding-top:10px;
	margin-top:15px
}
.login .content .create-account a{
	display:inline-block;
	margin-top:5px
}
.login .content .select2-container i{
	display:inline-block;
	position:relative;
	color:#ccc;
	z-index:1;
	top:1px;
	margin:4px 4px 0 -1px;
	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 .copyright{
	text-align:center;
	margin:0 auto;
	padding:10px;
	color:#eee;
	font-size:13px
}
@media (max-width:480px){
	.login .logo{
		margin-top:10px
	}
	.login .content{
		padding:30px;
		width:222px
	}
	.login .content h3{
		font-size:22px
	}
	.login .checkbox{
		font-size:13px
	}
}