/* CSS Document */
body { 
font-family: 'Rubik', sans-serif;
margin : 0; 
padding : 0; 
line-height : 16px; 
color : #000; 
font-size : 16px;
background-color:#FFF;/*#f4f6fb*/
/*background-image:url("../images/mainbackground.jpg");
background-position:top left;
background-repeat:repeat-x;  */
} 
#container{ 
max-width : 600px!important; 
position : relative; 
margin : 0 auto 0 auto; 
padding : 0 0 0 0;
}
@media (max-width: 620px) {
	#container{ 
		margin : 0 10px 0 10px; 
	}
}
.wNetLogo {
	margin-top: -10px;
    width: 150px;
    margin-bottom: 25px;
}
.suiteLogo {
	width: 300px;
	margin-bottom: 25px
}
#header { 
margin:40px 0px 0px 0px;
text-align:center;
}   
#content { 
text-align:center;
margin:0px;
padding:30px 20px 20px 20px;
background-color:#866baf; /*#EFEFEF*/
border:0px solid #333333;
} 
#error, #errorRecovery { 
margin:8px 0px 5px 0px;
line-height:20px;
color:#CC0000;
}
#success, #successRecovery {
	margin:8px 0px 15px 0px;
	line-height:20px;
	color:#093;
}
.success-icon{
	color: #866baf;
    font-size: 48px;
    padding: 15px 5px 30px;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}
#extra-info {
	line-height: 20px;
}
#loginForm{ 
	margin:0px;
	padding:0px;
}
.width-80 {
	width: 80%!important;
}
.font-12 {
	font-size: 12px!important;
}
.font-14 {
	font-size: 14px!important;
}
.font-16 {
	font-size: 16px!important;
}
.col-blue-wnet {
	color:#009ddc!important;
}
.bg-blue, .bg-blue-wnet {
	background-color: #009DDC!important;
}
.col-purple {
	color:#866baf!important;
}
.bg-purple {
	background-color: #866baf!important;
}
.line-height-18 {
	line-height: 18px;
}
/*LINKS*/
.normalLink{
	color:#866baf!important;
	text-decoration:underline!important;
	cursor:default!important;
}
.normalLink:hover{
	color:#ec5a4f!important;
}
.whiteLink {
	color: #FFFFFF!important;
	text-decoration:underline!important;
	cursor:default!important;
}
.whiteLink:hover {
	color: #6ec829!important;
}
.warning{
	border: 3px solid;
    background-color: white;
    color: #e72d20;
    font-weight: bold;
    font-size: 20px;
    padding: 10px;
}
h2{
margin:0px;
}
h3{
	margin:10px 0px 15px 0px;
	color:#b00000;
}
label{
	color:#012345;
	font-size: 18px;
}
input:not([type="submit"]):not([type=button]), .generalInput {
	background-color: #FFF;
	border: 1px solid #A3A3A3;
	font-size: 18px;
	margin: 5px 0px 5px 0px;
	width: 60%;
	height: 34px;
	border-radius: 3px;
	padding: 2px 3px 2px 5px;
	text-align:center;
}
@media (max-width: 620px) {
	input:not([type="submit"]):not([type=button]), .generalInput {
		width: 80%;
	}
}
#login {
	background-color: #FFF;
	border: 1px solid #FFF;
	border-radius: 3px;
	color: #866baf;
	margin: 0px;
	padding: 8px 20px;
	font-size: 18px;
	font-weight: bold;
	text-decoration:none;
}
#login:hover {
	opacity: 0.8;
}
.submitBtn {
	background-color: #866baf;
	border: 1px solid #866baf;
	border-radius: 3px;
	color: #FFF;
	margin: 0px;
	padding: 8px 20px;
	font-size: 16px;
	text-decoration:none;
}
.submitBtn:hover {
	opacity: 0.8;
}
/********  RESPONSIVE  **************/
@media (max-width: 470px) {
	.width-80 {
		width: 95%!important;
	}
}