.primaryContainer {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
    width: 1140px;
}

body {
	background-image: url("../images/bground.jpg");
	background-attachment: scroll;
	-webkit-background-size: auto;
	background-size: auto;
	background-position: 0% 0%;
	background-repeat: repeat repeat;
	font-family: 'Open Sans', sans-serif;
	color: #3E3D3D;
}

#login {
    float: none;
    height: auto;
    margin-left: auto;
    margin-top: 80px;
    clear: none;
    width: 480px;
    margin-right: auto;
}

#logo {
    float: none;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: auto;
}

#login-box {
	float: left;
	height: auto;
	margin-left: 0%;
	margin-top: 40px;
	clear: none;
	width: 100%;
	background-image: -webkit-linear-gradient(270deg, rgb(176, 176, 176) 0%, rgb(226, 226, 226) 97%);
	background-image: linear-gradient(180deg, rgb(176, 176, 176) 0%, rgb(226, 226, 226) 97%);
	background-attachment: scroll;
	-webkit-background-size: auto;
	background-size: auto;
	-webkit-box-shadow: rgb(197, 197, 197) 5px 5px 5px 0px;
	box-shadow: rgb(197, 197, 197) 5px 5px 5px 0px;
	background-position: 0% 0%;
	background-repeat: repeat repeat;
	padding-bottom: 10px;
}

#login-box .error {
    color: rgb(255, 0, 0);
    font-size: smaller;
    margin-bottom: 5px;
}
#finsa-icon {
    float: none;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-top: 50px;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: auto;
}

input[type=text], 
input[type=password] {
	width: 100%;
	border: 1px solid #CCCCCC;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	padding-top: 12px;
	padding-right: 12px;
	padding-left: 12px;
	padding-bottom: 12px;
	margin-top: 15px;
	margin-bottom: 10px;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 400;
}

.login-submit {
	width: 100%;
	background-color:#1b9e38;
	-webkit-border-top-left-radius:4px;
	-moz-border-radius-topleft:4px;
	border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-radius-topright:4px;
	border-top-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius-bottomright:4px;
	border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomleft:4px;
	border-bottom-left-radius:4px;
	text-indent:0;
	border:1px solid #1b9e38;
	display:inline-block;
	color:#ffffff !important;
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	font-weight: 700;
	padding: 15px 25px 15px 25px;
	text-decoration:none !important;
	text-align:center;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.login-submit:hover {
	background-color:#28282b;
	border:1px solid #28282b;
}

.login-submit:active {
	position:relative;
	top:1px;
}

#login-fields {
	padding-top: 25px;
	padding-right: 60px;
	padding-bottom: 25px;
	padding-left: 60px;
	text-align: center;
}

#loginform label {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 17px;
	font-family: 'Open Sans', sans-serif;
}




@media only screen and (max-width: 1140px) {
    .primaryContainer {
        width: 100%;
    }

    #login {
        width: 479.9999982px;
    }
}

@media only screen and (max-width: 548px) {
    #login {
        width: 87.591241%;
    }
	
	#login-fields {
		padding-right: 30px;
		padding-left: 30px;
	}
}
