body {
	background:#fff;
	font-family: Dubai, Arial;
	font-size: 1em;
	color: #333;
}
form {margin:0; padding:0}
* {
	margin: 0;
}
html, body {
	height: 100%;
}
/*.parallex-bg {
	background:url('../images/login-newbg.gif') no-repeat -25px -50px;
	position:fixed ;
	top:0;
	width:100%;
	z-index:0;
	height:100%;
	background-size: calc(100% + 50px);
}*/
#particles-js {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #3f71b0;
  background-image: url("");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  top:0;
  z-index:-1;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -40px; /* the bottom margin is the negative value of the footer's height */	
	position:relative;
	z-index:1;
}
.login-top-shade {border-top:100px solid transparent;}
form {height:100%}
.footer, .push {
	height: 40px; /* .push must be the same height as .footer */
}
.footer {color:#a5b5b9; font-size:0.8em; text-align:center;}
.footer p {display: block; margin:0; padding:0 3%; padding-top:15px;}
.footer a {color:#a5b5b9;text-decoration:none;}

.login-block {width:385px; height:430px; background:#fff; border:#c2cadf 1px solid;box-shadow:rgba(51, 51, 51, 0.04) 0px 0px 6px 6px; border-radius: 5px; margin:20px auto; -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;margin-top:0;}
.login-block:hover{border:#c2cadf 1px solid;box-shadow:rgba(51, 51, 51, 0.04) 0px 0px 6px 6px;}	
fieldset, legend, label {margin:0; padding:0; border:0; color:#333; position:relative;}
.login-block fieldset { display: block; margin:0 auto; padding-top:15px; border:#ff0000 0px solid; width:90%; margin:0 auto;}
.login-block fieldset label {display: inline-block; clear:both; padding-bottom:0;}
.login-block #PanelCompany fieldset label {width:100%}
.login-block fieldset label input, .login-block fieldset label select {padding:12px 11px 11px 35px; margin:5px 0; background:#fff; border:0px; border-bottom:#35aadc 2px solid; color:#333;width:85%}
.login-block fieldset label select {width:100%;padding-left: 0 !important;}
.login-block fieldset label input#txtUserName {background:transparent;}
.login-block fieldset label input#txtPassword {background:transparent;}
.login-block fieldset label input:focus {color:#333}
.login-block fieldset label #btnLogin, .login-block fieldset label .continue {border:0px; color:#333; font-size:1em; margin:0; padding:10px 35px; cursor: pointer; width:100%;}
.login-block fieldset label span#reqName, .login-block fieldset label span#reqPass {}
.login-block fieldset .error_table {}

.login-block fieldset.company {padding-top:128px;}
.login-block fieldset.company label select {padding:12px 11px 11px 15px;}
.login-block fieldset.company input.continue {cursor:pointer}
.login-top {text-align:center; margin: 20px 0;}
.login-top h2 {margin-bottom:20px;}

input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0px 9999px white;
}
input:focus, select:focus{
    outline: none;
}

#reqName, #reqPass {position:absolute;bottom:-24px;}
#lnkForgetpass {color:#333 !important;}

.mat-label {
  display: block;
  font-size: 16px;
  transform: translateY(25px);
  transition: all 0.5s;
}

.mat-input {
  position: relative;
  background: transparent;
  width: 100%;
  border: none;
  outline: none;
  padding: 8px 0;
  font-size: 16px;
}

.mat-div {
  padding: 30px 0 0 0;
  position: relative;
}

.mat-div:after, .mat-div:before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #e2e2e2; 
  bottom:-3px;
  left: 0;
  transition: all 0.5s;
}

.mat-div::after {
  background-color: #8E8DBE;
  transform: scaleX(0);
}

.is-active::after {
  transform: scaleX(1);
}

.is-active .mat-label {
  color: #8E8DBE;
}

.is-completed .mat-label {
  transform: translateY(0);
}
.default.button .submit, .default.button .continue {
	width:100%;
	margin:30px 0 20px;    
	color: #fff;
    font-weight: bold;
    padding: 15px 10px;
    border: 0;
    border-radius: 3px;
	/*text-transform:uppercase;*/
	background: #2659b6;	
	-webkit-transition: background .4s ease-out;
    transition: background .4s ease-out;
	cursor:pointer;
}
.default.button .submit:hover, .default.button .continue:hover {
background: #2974c4;
}
.default.button .submit:active, .default.button .continue:active {
  box-shadow: 0 2px #2659b6;
  transform: translateY(4px);	
}
.default.link {display:block;}
button, html input[type="button"], input[type="reset"], input[type="submit"]{cursor:pointer !important;}