body,html{width:100%;height:100%;}
body, div, ul, li, table, td, tr, th, ol, p, img, h1, h2, h3, h4, h5, h6, span, form{margin:0px;padding:0px; font-family: 'roboto-regular';}
ul{list-style:none;} 
body{font-size:15px;font-weight:normal;color:#000; background:#FBFBFB; font-family: 'roboto-regular';}
 
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*{margin:0;padding:0;}

.login-logo{ width:100%;  text-align:center; margin-bottom:25px;}
.login-logo img{ max-width:100%; height:auto;}
 
.login-panel { min-height:100%;  width: 100%; padding: 5% 0;  background:url(../images/loginbg.jpg) fixed   no-repeat; background-size: cover;}
.loginrow .loginicon{position:absolute; top:8px; left:0;}
.loginrow{width:100%; position:relative; margin-bottom:15px;} 
.loginrow .fa{position:absolute; top:10px; left:0; color: #67757c;}
.loginrow input[type="text"],.loginrow input[type="password"]{padding-left:25px;}

.login-box {
width: 400px; 
margin: 0 auto;
 
position:relative;
z-index:1;
}

.preloader {
    width: 100% !important;
    height: 100% !important;
    top: 0px !important;
    position: fixed !important;
    z-index: 99999;
    background-color: rgba(255, 255, 255, 0.77);
}

.preloader span {
    border: 5px solid #f3f3f3;
    border-top: 5px solid #3498db;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 2s linear infinite;
    position: fixed;
    top: 50%;
    left: 50%;
}
    .preloader .loader {
        position: absolute;
        top: 30%;
        left: 50%;
    }
 
.service{background:#FFF;   width:100%; padding:30px; border-radius:10px;z-index:10!important;  box-shadow:0 0 20px -15px #030380; transition:all .9s}
 

.registrationw{width:100%;}

.login-box h3 {margin-bottom: 20px; color:#104578; font-weight: 400; line-height: 30px; font-size: 21px;}
.login-box h4{color:#CCC; text-align:center; margin-bottom:30px; margin-top:25px; font-size:18px;}
.login-box h4 a{color:#5643C2;  transition: all 0.5s ease 0s; }
.login-box h4 a:hover{color:#FE7170; text-decoration:none;}
.forgotpass{ width:100%; float:left; text-align:right; color: #242424; transition: all 0.5s ease 0s; }
.forgotpass a{color:#5643C2;}
.forgotpass a:hover{color:#FE7170; text-decoration:none; }


.form-group { margin-bottom: 25px;}

.form-material .form-group {overflow: hidden}

.effect-1, 
.effect-2, 
.effect-3{border: 0; padding: 7px 0; border-bottom: 1px solid #ccc;}

.effect-2 ~ .focus-border{position: absolute; bottom: 0; left: 50%; width: 0; height: 2px; background-color: #5643C2; transition: 0.4s;}
.effect-2:focus ~ .focus-border{width: 100%; transition: 0.4s; left: 0;}
.form-material input[type="text"],.form-material input[type="password"],.form-material input[type="email"],.form-material select
{color: #333; width: 100%; box-sizing: border-box; font-size:14px; outline:0; padding-left:30px; height:40px; }

.form-material input[type="button"],.form-material input[type="submit"]{background:#5643C2; padding:12px 25px; width:100%; border:none; border-radius:4px; color:#FFF; transition: all 0.5s ease 0s;}
.form-material input[type="button"]:hover,.form-material input[type="submit"]:hover{background:#FE7170;}

.p-l-0{padding-left:5px!important;}

.p-r-0{padding-right:0!important;}

.form-material .form-control {
	background-color: rgba(0, 0, 0, 0);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 0 2px, 100% 1px;
	padding: 0;
	-webkit-transition: background 0s ease-out 0s;
	-o-transition: background 0s ease-out 0s;
	transition: background 0s ease-out 0s
}
.form-material .form-control {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#5643C2), to(#5643C2)), -webkit-gradient(linear, left top, left bottom, from(#d9d9d9), to(#d9d9d9));
	background-image: -webkit-linear-gradient(#5643C2, #5643C2), -webkit-linear-gradient(#d9d9d9, #d9d9d9);
	background-image: -o-linear-gradient(#5643C2, #5643C2), -o-linear-gradient(#d9d9d9, #d9d9d9);
	background-image: linear-gradient(#5643C2, #5643C2), linear-gradient(#d9d9d9, #d9d9d9);
	border: 0 none;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	float: none
}
.form-material .form-control:focus {
	background-size: 100% 2px, 100% 1px;
	outline: 0 none;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s
}


[type=checkbox]:checked, [type=checkbox]:not(:checked) {
	position: absolute;
	left: -9999px;
	opacity: 0
}
[type=checkbox] {
}
[type=checkbox]+label {
position:relative;
padding-left:26px;
cursor:pointer;
display:inline-block;
height:25px;
line-height:21px;
font-size:1rem;
-webkit-user-select:none;
-moz-user-select:none;
-khtml-user-select:none;
-ms-user-select:none;
font-weight:normal;
font-size:16px;
color:#67757c;
}
[type=checkbox]+label:before, [type=checkbox]:not(.filled-in)+label:after {
content:'';
position:absolute;
top:0;
left:0;
width:18px;
height:18px;
z-index:0;
border:2px solid #5643C2;
border-radius:1px;
margin-top:2px;
-webkit-transition:.2s;
-o-transition:.2s;
transition:.2s
}
[type=checkbox]:not(.filled-in)+label:after {
	border: 0;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0)
}
[type=checkbox]:not(:checked):disabled+label:before {
	border: none;
	background-color: rgba(0, 0, 0, 0.26)
}
[type=checkbox].tabbed:focus+label:after {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	border: 0;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
	background-color: rgba(0, 0, 0, 0.1)
}
[type=checkbox]:checked+label:before {
	top: -4px;
	left: -5px;
	width: 12px;
	height: 22px;
	border-top: 2px solid transparent;
	border-left: 2px solid transparent;
	border-right: 2px solid #5643C2;
	border-bottom: 2px solid #5643C2;
	-webkit-transform: rotate(40deg);
	-ms-transform: rotate(40deg);
	transform: rotate(40deg);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
	transform-origin: 100% 100%
}
[type=checkbox]:checked:disabled+label:before {
	border-right: 2px solid rgba(0, 0, 0, 0.26);
	border-bottom: 2px solid rgba(0, 0, 0, 0.26)
}

[type=radio]:checked, [type=radio]:not(:checked) {
	position: absolute;
	left: -9999px;
	opacity: 0
}
[type=radio]:checked+label, [type=radio]:not(:checked)+label {
	position: relative;
	padding-left: 35px;
	cursor: pointer;
	display: inline-block;
	height: 25px;
	line-height: 25px;
	font-size: 1rem;
	-webkit-transition: .28s ease;
	-o-transition: .28s ease;
	transition: .28s ease;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
[type=radio]+label:after, [type=radio]+label:before {
content:'';
position:absolute;
left:0;
top:0;
margin:4px;
width:16px;
height:16px;
z-index:0;
-webkit-transition:.28s ease;
-o-transition:.28s ease;
transition:.28s ease
}

.register-box {
width:100%;
float:left;
margin: 0 auto;
-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
border-radius: 4px;
position: relative;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0,0,0,.125);
border-radius: .25rem;
padding:15px;
padding-bottom:40px;
padding-top:30px;
z-index:10;
}

.registerpheader{width: 100%; background:#1e88e5; float:left; border-top-left-radius:4px; border-top-right-radius:4px; padding:8px; margin-bottom:-2px; position:relative; z-index:11; color:white;} 
.registerpheader h3{line-height: 22px; font-size: 18px; color:#FFF; margin:0;}

.langflag-signup{width: 100%; float:left; text-align:right; color:#fff;}
.langflag-signup a{ color:#fff; padding-left:5px; padding-right:5px; transition: all 0.5s ease 0s;}
.langflag-signup a:hover{color:#fff; text-decoration:none;}
.langflag-signup img{padding:5px;}

.register-panel { width: 100%; padding: 50px 0;  background:url(../images/login-register.jpg) fixed  no-repeat; background-size: cover;}
.register-panel::before{   width: 100%; background:#000; opacity:.6; position:absolute; left:0; top:0; content:"";}
.register-panel h4{color:#67757c; text-align:center; margin-bottom:30px; margin-top:25px; font-size:18px;}
.register-pane h4 a{color:#009efb;  transition: all 0.5s ease 0s; text-decoration:none; }
.registerlabel{width: 100%; float:left; text-align:right;}
.registerlabel label{font-weight:normal; padding:10px;}
 
.formrow{border-bottom: 1px solid rgba(120, 130, 140, 0.13); width: 100%; float:left; margin-bottom:25px; padding-right:80px;}
 
.formrow  .form-control{height:45px;}
.formrow p{font-size:12px; margin:0; padding:0; padding-top:5px; color:#646464;}

.formrow .form-control.text-lower{
    text-transform:lowercase;
}

.field-validation-error{
    color:red;
}

.fieldimage{
    position:absolute;
    top:10px;right:30px;
}

.text-lower{
    text-transform:lowercase;
}