/*underline blue 00A1DE*/
/*circle Green 00AA4F*/
/*circle Purple 6E2585*/
/*circle Blue 00A1DE*/
/*List content Gray 999999*/
/*Disbaled Gray CCCCCC*/
/*Notification back content blue CDE8F6*/
/*Notification font content blue 5C91BA*/
/*RI GRAY #888*/

/*Bold--color:#686868;*/
/*Light--color:#999*/

/*Temporary Topology Approach*/

@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/OpenSans-Regular.ttf');
}

div,a{
	font-family: 'OpenSans';
}

@font-face {
    font-family: 'OpenSansSemiBold';
    src: url('../fonts/OpenSans-Semibold.ttf');
}

button.dropdown-toggle span{
	font-family: 'OpenSansSemiBold';
	font-size:12px;
	font-weight:normal !important;
}

@font-face {
    font-family: 'iconetgear';
    src:url('../fonts/iconetgear.eot?-o0h7nb');
    src:url('../fonts/iconetgear.eot?#iefix-o0h7nb') format('embedded-opentype'),
        url('../fonts/iconetgear.woff?-o0h7nb') format('woff'),
        url('../fonts/iconetgear.ttf?-o0h7nb') format('truetype'),
        url('../fonts/iconetgear.svg?-o0h7nb#iconetgear') format('svg');
    font-weight: normal;
    font-style: normal;
}


i{
    font-family: 'iconetgear';
    /*font-family: 'fontawesome';*/
    
    speak: none;
    
    font-feature-settings: "liga","dlig";
  	text-rendering: optimizeLegibility;
  	font-style: normal;
  	font-weight: normal;
  	font-variant: normal;
 	text-transform: none;
 	line-height: 58px;
  	font-smoothing: antialiased;
  
  	text-align: center;

  	margin: auto auto 1em auto;
  	top: 0;
  	bottom: 0;
  	left: 0;
  	right: 0;
  	height: 1.5em;
}
body{  
	background-color: #E5E5E5;
}
#loginWrapper{
	width:360px;
	height:360px;
    background-color: white;
    position: absolute;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	/* Card: */
	background: #FFFFFF;
	box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.25);
	border-radius: 2px;
	overflow:hidden;
}

.netgearLogo{
	margin-bottom: 44px;
}

.netgearLogo img{
	margin-left: 29%;
    margin-right: 50%;
    margin-top: 29px;
}
.usernameWrapper,
.passwordWrapper{
	margin-left: 29px;
    font-size: 12px;
}
.errorMsg{
    text-align: center;
    font-size: 14px;
	color: red;
}
#loginWrapper div{
	float:left;
	width:100%;
}

input{
    width: 83%;
    float: left;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #ccc;
    margin-left: 0%;
    margin-right: 13%;
    height: 37px;
    font-size: 12px;
    color: #555;
}

.usernameWrapper .head-text{
	margin-bottom: 3px;
}

.usernameWrapper{
	margin-bottom: 29px;
}

.passwordWrapper{
	margin-bottom: 43px;
}

.loginButton{
	margin-left: 31px;
    width: 83%;
    color: white;
    border-radius: 2px;
    margin-bottom: 10px;
}

.loginButton div{
	background-color: #00A1DE;
    height: 40px;
    width: 83% !important;
    border-radius:2px;
} 
.loginButton div a{
    float: left;
    width: 100%;
    text-align: center;
    font-size: 14px;
    padding-top: 9px;
    cursor:pointer;
    text-decoration: none;
    color: white;
}

.passwordRecoveryButton a{
	margin-left: 29%;
    font-size: 14px;
    color: #00A1DE;
    cursor:pointer;
    text-decoration: none;
}
textarea:focus, input:focus{
    outline: none;
}
*:focus {
    outline: none;
}
input:focus {
	border-bottom: 1px solid #00A1DE !important; 
}
input.error{
	border-bottom: 1px solid #CB333B !important;
}