/* login box */
* {
	margin: 0;
	padding: 0
}

body {
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
}
@media only screen and (min-width: 350px) and (max-width: 600px) {
    body {
        font-size: 19px;
    }
	textarea, select, button {
    	/*font-size: 19px;*/
    	/*height: 35px !important;*/
    	/*width: 80% !important;*/
    }
    .title {
        font-size: 19px;
    }
    #login_box{
    	width: 93% !important;
    }
    .loginform{
    	width: 100% !important;
    }
    table{
    	width: 100% !important;
    	margin: 5px;
    }
    
}

.app_login {
	position: fixed;
	padding: 0;
	margin: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.background { /* background-color:#10498f ; */
	margin-top: 0px;
	background: url("/images/login-background.jpg");
	 background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center top;
}


.login_logo {
	position: relative;
	top: 40px;
	z-index: 200;
	text-align: center;
}

.login_copyright {
	position: relative;
	top: 70px;
	z-index: 200;
	text-align: center;
	color: #fff;
	font-weight: 600;
}

#login_box {
	position: relative;
	box-shadow: 3px 3px 10px #000;
	width: 315px;
	margin: 0px auto 0 auto;
	top: 52px;
	border: 1pt solid #ccc;
	border-radius: 3px;
	background: #f1f1f1;
}

#login_box .topbox {
	height: 55px;
	border-bottom: 1px solid #aaa;
}

#login_box .midbox .loginform {
	width: 300px;
	margin: 0 auto;
	padding-top: 8px
}

#login_box .midbox .loginform {
	line-height: 26px
}

#login_box .midbox .loginform input,.midbox .loginform  select {
	height: 25px;
	width: 165px;
}

#login_box .midbox .loginform input[type=checkbox] {
	width: 20px !important;
	height: 15px !important;
}

#login_box .bottombox {
	height: 10px;
	background: url("/images/bg3.jpg") no-repeat 0 0;
}

#login_box button {
	/*margin: 0;*/
	/*padding: 0;*/
	/*border: 1pt solid #999;*/
	/*white-space: nowrap;*/
	/*width: 250px;*/
	/*cursor: pointer;*/
	/*border-radius: 5px;*/
	/*height: 28px;*/
	/*background-color: #ddd;*/
}

input:-webkit-autofill {
	background-color: none !important;
	background-image: none !important;
}

.topbox .title {
	padding-top: 5px;
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	color: #333;
}

.topbox .message {
	padding-top: 4px;
	text-align: center;
}

.err_msg {
	color: red;
}
input[type=text], input[type=password] {
	width: 100% !important;
	padding: 10px 16px !important;
	margin: 5px 0 !important;
	display: inline-block !important;
	border: 1px solid #ccc !important;
	box-sizing: border-box !important;
	font-size: 18px;
}

button {
	background-color: #1c82d3;
	color: white;
	padding: 14px 8px;
	margin: 8px 0;
	border: none;
	cursor: pointer;
	width: 100%;
	font-size: 22px;
}
@media screen  and (min-width: 700px) {
	.login_logo
	{
		/*top: 0px !important;*/
		transform: scale(1.4,1.4);
		-ms-transform: scale(1.4,1.4);
	}
}

button:hover {
	opacity: 0.8 !important;
}
button:hover {
	opacity: 0.8;
}
.container
{
	padding: 15px;
}
#remember_me
{
	margin-bottom: 10px;
	margin-top: 12px;
}
#remember_me input
{
	height: 20px;
	width: 20px;
	vertical-align: middle;
}

#select_lang select
{
	width: 160px;
	padding: 5px 8px;
	font-size: 16px;
	/*margin-left: 10px;*/
}
@media screen  and (min-width: 350px) and (max-width: 600px){
	span.psw {
		display: block !important;
		float: none !important;
	}
	#select_lang select
	{
		font-size: 17px;
		margin-top: 2px;
	}
	.login_logo {
		top: 5px !important;
	}
	#login_box
	{
		top: 22px !important;
	}
	.login_logo
	{
		transform: scale(1.3,1.3);
		-ms-transform: scale(1.3,1.3);
	}
}
@media screen and (max-width: 350px) {
	.app_login background
	{
		transform: scale(1,1) !important;
		-ms-transform: scale(1,1); /* IE 9 */
		/*-webkit-transform: scale(0.8,0.8);*/
	}
	.container
	{
		transform: scale(1,1) !important;
		-ms-transform: scale(1,1); /* IE 9 */
		-webkit-transform: scale(1,1);
	}
	#login_box
	{
		transform: scale(0.8,0.8) !important;
		-ms-transform: scale(0.8,0.8); /* IE 9 */
		-webkit-transform: scale(0.8,0.8);
	}
	#login_box
	{
		top: -60px !important;
	}
	.login_logo
	{
		top: -15px !important;
		transform: scale(0.9,0.9) !important;
		-ms-transform: scale(0.9,0.9);
	}
	#login_box{
		width: 100% !important;
	}
	.container
	{
		padding:  0 15px 0 15px;
	}

}

/* end login box */