html,body{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5}html{overflow-x:hidden}
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500);

html{ 
  background-color: #ffffff;
  font-family: "Roboto";
}

/* BOX LOGIN */
.box{
  position: relative;
  margin: auto;
  height: 360px;
  top: 30px;
  left: 0;
  z-index: 200;
  right: 0;
  width:350px;
  color:#666;
  border-radius:5px;
  background: #FFF;
  margin-bottom: 100px;
  box-shadow: 0 1px 1px 1px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  overflow: hidden;
}


.box h1{
 text-align: center;
  margin-top :0px;
/*   width:90px;
   margin-left :150px; */
  
/*   padding-bottom: 30px; */ 
  font-size:0.1px;
  font-weight: 500;
  color: #ffffff;
   
   border-bottom-size:50%;
}

.Get_Acc_ptag {
  margin-top :-30px;
  text-align: center;
  border-bottom: 2px solid #ffffff;
  /*width:94.6%;*/
  /*margin-left:8px;*/
  font-size:12.6px;
  color:#ffffff;
  
}
form {
  padding-top: 35px;
  padding-bottom: 10px;
}
.topper_log{
  width:10px;
}

.box_button{
  background: #ff3300;
  border:0;
  color: #ffffff;
  padding:10px 0px 10px 0px;
  font-size: 16px;
  font-weight: 560;
  width:34%;
  margin:-10px auto;
  display:block;
  cursor:pointer;
  border-radius: 5px;
-webkit-transition: all 0.3s;
  transition: all 0.3s; 

}

.box_button:active{
  background: green;
  color: red;
}
 
.box_button:hover{
    background: #00b33c;
  color: #FFF;
    -webkit-transition: all 3s;
  transition: all 3s;
  
    
  border-radius: 10px;
}

.box p{
  font-size:14px;
  text-align:center;
}

.group        { 
  position:relative; 
  margin-bottom: 20px; 
  margin-left: 18px;
  width: 100%;
  -webkit-align-content: center;
    align-content: center;
}

.inputMaterial        {
 font-size:18px;
  padding:10px 10px 8px 10px;
  display:block;
  width:90%;
  border:none;
/*   height:16px; */
/*   top:-5px; */
  font-weight:545px;
  border-bottom:1px solid #757575;
  background-color:#FFF;
  -webkit-align-content: center;
    align-content: center;
    
}

.inputMaterial:focus    { outline:none;}

/* LABEL ======================================= */

.label_ani         {
  color:#999; 
  font-size:15px;
  font-weight:560;
  position:absolute;
  pointer-events:none;
  left:5px;
  top:10px;
  transition:0.3s ease all; 
  -moz-transition:0.3s ease all; 
  -webkit-transition:0.3s ease all;
}


.lable1_eye{
margin:70px 230px  0px ;
position:absolute;
left:48px;
  top:-57px;
z-index:100000;
height: 19px;
    width: 19px;

}

.lable1_eye_p{
margin:70px 230px  0px ;
position:absolute;
left:43px;
  top:-40px;
font-size:10px;
z-index:100000;
}

.Terms_condition{
margin:70px 0px  0px ;
position:absolute;
left:4px;
top:220px;
font-size:10px;
z-index:100000;

}

#errmsg{
Color:#ff3300;
font-weight: 600;
font-size:11px;
}

.A_tag{
Color:#ff3300;
font-weight: 600;
font-size:12px;
}

.A_tag_1{
Color:#ff3300;
font-weight: 600;
font-size:12px;
}
.A_tag_2{
Color:#ff3300;
font-weight: 600;
font-size:12px;
}

.A_tag_3{
Color:#ff3300;
font-weight: 600;
font-size:12px;
    
}

.A_tag_4{
Color:#ff3300;
font-weight: 600;
font-size:12px;
}
.A_tag_5{
    width: auto;
    height: auto;
  position:absolute;
  top:0px;
  z-index:100000;
    
/*
Color:green;
font-weight: 500;
font-size:12px;
*/
margin: 60px 47% 0px;
    
}

.A_tag_success{
Color:#ff3300;
font-weight: 600;
font-size:12px;
}


.Forgrt_lable{
   color:#3366ff; 
  font-size:15px;
  font-weight:560;
  position:absolute;
/*   pointer-events:none; */
  left:12px;
  top:-55px;
  transition:0.3s ease all; 
  -moz-transition:0.3s ease all; 
  -webkit-transition:0.3s ease all;
  margin:70px 230px  0px ;
  z-index:100000;
  text-decoration: none;
}
.Forgrt_lable:active {
    text-decoration: none;
}
.Forgrt_lable : hover {
  Color:#00b33c;
  text-decoration: none;
}

.Forgrt_lable:visited {
    background-color: #00b33c;
}


.Forgrt_lable_S{
  
}



/* active state */
.inputMaterial:focus ~ .label_ani, .inputMaterial:valid ~ .label_ani    {
  top:-16px;
  font-size:12px;
  color: #3366ff;
}

/* BOTTOM BARS ================================= */
.bar  { position:relative; display:block; width:315px; }
.bar:before, .bar:after   {
  content:'';
  height:2px; 
  width:0;
  bottom:0.8px; 
  position:absolute;
  background: #3366ff; 
  transition:0.3s ease all; 
  -moz-transition:0.3s ease all; 
  -webkit-transition:0.3s ease all;
}
.bar:before {
  left:50%;
}
.bar:after {
  right:50%; 
}

/* active state */
.inputMaterial:focus ~ .bar:before, .inputMaterial:focus ~ .bar:after {
  width:50%;
}


/* active state */
.inputMaterial:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.4s ease;
  -moz-animation:inputHighlighter 0.4s ease;
  animation:inputHighlighter 0.4s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
  from { background:#5264AE; }
  to  { width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
  from { background:#5264AE; }
  to  { width:0; background:transparent; }
}
@keyframes inputHighlighter {
  from { background:#5264AE; }
  to  { width:0; background:transparent; }
}

#footer-box{
  width: 100%;
  height: 50px;
  background: #3366ff;
  position: absolute;
  bottom: 0;

}


.error
{
color:red;
font-family:verdana, Helvetica;
}

#toppter{
  width: 100%;
  height: 25px;
  background: #3366ff;
  bottom: 0;
  
}
#toppter_01{
  width: 99%;
  height: auto;
  position: relative;
  bottom: 0;
  
}

.footer-text{
  color: #cfd8dc;
font-weight:540;
  
}

.sign-up{
  color: white;
  cursor: pointer;
  font-weight:600;
  font-size:14.5px;
  
  width:100%;
  height:100%;
/*   padding:100%; */
/*   display:block; */
  height:16px;
  backgroung-color:red;
}

.A_Sing{
  width:100%;
  height:100%;
  backgroung-color:;
  
}

.sign-up:hover{
   color: #ff3300;
  font-size:14.5px; 
  
  font-weight:600;
/*   background-color:#FFF; */
/*   margin:0px 0px 0px ; */

}

.sign-up_rr{
  color: white;
  cursor: pointer;
  font-weight:600;
font-size:14.5px; 
  width:100%;
  height:100%;
/*   padding:100%; */
/*   display:block; */
  height:16px;
}

.sign-up_rr:hover{
   color: #ff3300;
  
  font-weight:600;
/*   background-color:#FFF; */
/*   margin:0px 0px 0px ; */

}