/*---------Login page-AP-id10------*/
#region-main {
	border: none !important;
	overflow-x: visible;
    background: transparent;
}

body {
	font-family: 'OpenSans-Regular', sans-serif!important;
	background-image: url(../img/login.jpg)!important;
	background-repeat: no-repeat;
	background-size: cover;
	background-position-y: 100%; 
}

#page-login-index .site-header .header-bottom{

    background: transparent;
}
#page-local-iomad_signup-login .site-header .header-bottom{

    background: transparent;
}

.header-logo img{
height:50px;

}
.pagelayout-login .header-bottom .logo img{height:100px;}
.login-box{
border:1px solid #e0e0e0;
border-radius:10px;
-webkit-box-shadow: 3px 3px 5px 0px rgba(168,168,168,1);
-moz-box-shadow: 3px 3px 5px 0px rgba(168,168,168,1);
box-shadow: 3px 3px 5px 0px rgba(168,168,168,1);
padding: 30px 10px;
margin-right: 12px;
background-color: #0b001db8;
position: absolute;
top: 48px;
right: 20px;
}

.login-form{
height: 380px;
display: block;
margin-top:-20px
}


.loginform input {
	height: 35px;
	font-size: 14px;
    	border-radius: 20px;
border: none;
}

.rememberpass{
	color: #fff;
	float: left;
    font-size: 12px;
height:40px;

}

.forgetpass{
	text-align: left;
font-size: 12px;
height:40px;
    text-decoration: underline;
}
.forgetpass a {
	color: #fff;
}

.forgetpass a:hover {
	color: #0d9cdf;
	text-decoration: underline;
}
.login-btn input {
	margin-top: 0px;
}
.login-btn input {
	font-weight: 700!important;
	border: none!important;
	color: #fff!important;
	text-decoration: none!important;
	padding: 8px 21px!important;
	border-radius: 26px!important;
	background-color: #00A0C2!important;
	cursor: pointer;
}
#login h4{
	color: #fff;
    font-size: 14px;
display: inline-block;

}



/*---------Login page-------*/

@media screen and (orientation:landscape) {
 .login-box {
    top: 24px!important;

}
}



@media only screen and (max-width: 768px) {

.login-box{
top: 84px;
right: -10px;
padding: 10px 10px;
}

}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {

}
@media all and (max-width: 800px) {
		
	
}