div#loginForm {
 position: fixed;
 top:0;
 left:0;
 width:100%;
 height:100%;
 background: rgba(0, 0, 0, 0.5);
 z-index:1;
 display:none;
}

div.wrap  { 
  width: 50%;
  margin: 0 auto;
  height: 100% ; max-height: 100% !important;
}

div.wrap h2  {
  color: #1ae6af ;
  margin: 0px;
  text-align: center;
  padding: 15px 0;
  background-color: #3C5C8B  !important; 

}

#newAccount form {
  
}

.form-group { padding: 5px; }
/* --------Form--------- */
.stacked {
  display: inline-block;
   color: #fff ;
   background:  rgba(255, 255, 255 , 0.2);
   height: 100% ; max-height: 100% !important;
   margin: 50px auto;
  position: relative;
  width: 100%;
  padding-bottom: 1em;	   
  z-index:2;
}

#login_form {
  padding: 0px; margin:0;
}


#login_form .field {
  display: inline-block;
  width:100%;
  height: 100%;
  max-height: 100% !important;
  margin: 0;
  padding: 1em;
}

#login_form .field, #login_form .reg_fields .field,#login_form .view .field div.pagal_view_data { color: #FDD !important;}
#login_form .reg_fields .field  {  width:50% !important; vertical-align: top;}

#login_form label  {
  cursor: pointer;
  display: block;
  color: #FDD;
  font-weight: 600;
  padding: 1em 0em;
  text-align:left;
}


#login_form .user-profile { padding:0em 1em; }
#login_form label.radio_cont {  padding:0 0 1em 0; float:left; width:auto;}
#login_form label.radio_cont input { width: 1em; }

#login_form .view .field,#login_form .field.view { padding:0; margin:0; }

#login_form .view .field div.pagal_view_data,#login_form .field.view div.pagal_view_data  { min-width: 100px !important; width: auto; max-width: 100% !important; background-color: transparent; padding:0; margin:0;}

#login_form .view .field label, #login_form .view .field div,
#login_form .field.view label, #login_form .field.view div { float:left; padding: 1em 0.5em;}

#login_form .nets { text-align:center;}
#login_form .nets a {margin: 0 2em; line-height:2em; color: #FFFFFF; padding: 1em 2em; height: 4em; line-height: 2em; border-radius: 2em;}

.facebook { background-color: #3A5795; }
.google { background-color: #D73D32; }
.linkedin { background-color: #2672AE; }

#login_form input,#login_form select,.data_view span.inp_icon {
  width:100%;
  font-size: 1em;
  font-weight: 400;
  padding: 0.5em;
  border:0px;
}

#login_form span.inp_icon,#login_form i.inp_icon { 
  color: #1AE6AF;
  background-color: #052F32;
}

.data_view div.inp_icon { 
  padding: 0.5em 0.5em 0.5em 2.2em; 
  font-size: 16px; 
  border: 1px solid #000;
  min-height: 2.3em;
}

.data_view span.inp_icon { height: 100%;}
.show-on-load { display:none !important; }

#login_form .radio { border:3px inset black; width: 1.2em; height: 1.2em; }
#login_form input:hover, form input:focus  {  box-shadow: 0 0 5px rgba(0,0,0,0.2); }

#login_form button { 
   width: 100%; 
   background: #3C5C8B; 
   color: #1AE6AF; 
   cursor: pointer; 
   clear:both;
   margin: 1em 0;
   padding:  1em;
   display: block !important;
}

#login_form button#fb-login {
 background: #4c69ba;
 color: #FFF;
}

#login_form button#lin-button {
  background: #0077B5;
  color: #FFF; 
}

#login_form button#g-signin {
   background: #E53935;
   color: #FFF;
}

#login_form button#g-signin ,#login_form button#fb-login ,#login_form button#lin-button { padding-right: 10px; font-size: 1.5em; }

#login_form a#logcan {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 1em;
  padding: 1em;
  font-size: 1em;
  font-weight: 700;
  color: #fff;
}

#login_form  a#ref_regs {
  color: #02747b;
  font-weight: 700;
  padding-left: 1em;
}

#login_form div.action {   
  width: 100%; 
  height:50px; 
  max-height: 100% !important; 
  position: absolute;
  right:0em;
  bottom: 5px;
  padding: 0 1em;
}

/*
#login_form button[type='submit']:hover, form button[type='submit']:focus  {
  background-color: #1ae6af;
 color:#052f32;  

}
  */
  
@media screen and (max-width:900px) {
  #login_form .reg_fields .field {   width:100% !important;}
  #login_form .wrap { width: 100%; }
}

@media screen and (max-device-width:900px)  { 
  #login_form .reg_fields .field {   width:100% !important;}
  #login_form .wrap { width: 100%; }
}