﻿@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

.ev.fa.fa-google {
	display: none;
}

body {
/* counter-reset: section; */
margin: 0px;
padding: 0px;
height: 100%;
}

body, p, td, div {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
}

.nav-top {
position: relative;
background: white;
width: 100%;
height: 62px;
vertical-align: middle;
z-index: 99999;
border-bottom: 1px solid #E12248;
}

.nav-top-center {
margin: 0px auto;
display: block;
/* width: 33%; */
text-align: center;
}

.nav-top-center img {
width: 200px;
vertical-align: bottom;
margin-top: 19px;
z-index: 99999;
}

.icon.close {
top: 10px;
right: 10px;
box-shadow: none;
background-color: white;
border: 1px solid #999;
}

#page-content {
width: 100%;
height: auto;
background: #FFF;
}

.main-wrapper {
display: block;
max-width: 480px;
text-align: center;
margin-left: auto;
margin-right: auto;
}

.space {
height: 60px;
}

h1, h2, h3, h4, h5 {
font-family: "Merriweather";
margin: 0px;
padding: 0px;
}

.txt_divider {
padding: 0px;
}

#widget-header {
display: none;
}


/* footer */
.login-ayuda {
text-align: center;
font-size: .8em;
padding-bottom: 30px;
}

/* Estilo botones redes sociales */

#widget-body .widget-input {
padding: 10px;
font-size: 16px;
height: 40px;
border: 1px solid #CCCCCC;
border-radius: 5px;
box-shadow: none;
background-color: white;
}

#widget_social_icon_btns, #widget_social_txt_btns{
width: 70%;
margin: 0px auto;
}

.ev-social-btn-wrapper {
border-radius: 5px;
width: auto;
margin: inherit;
border: 1px solid #CCC;
line-height: inherit;
outline-color: inherit;
outline: 0;
}
.ev-social-btn-text {
display: initial;
}

.ev .btn-facebook .ev-social-btn-icon {
background-image: url(../assets/facebook-icon.png);
}
.ev .btn-google .ev-social-btn-icon {
background-image: url(../assets/google-icon.png);
}
.ev .ev-social-btn .ev-social-btn-icon {
height: 25px;
width: 25px;
display: inline-block;
background-repeat: no-repeat;
margin-right: 10px;
margin-top: 9px;
background-size: 98%;
}

.ev.fa.fa-google:before {
content: none;
}
.fa-facebook:before {
content: none;
}



/* botones continuar cancel */

#evIdentifier h2 {
margin-top: 60px;
margin-bottom: 30px;
}

@media screen and (max-width: 480px) {

#evIdentifier h2 {
max-width: 90%;
margin-right: auto;
margin-left: auto;
}

}

#evIdentifier #widget-body #resetButton {
/* #page-content #widget-body #resetButton { */
display: none;
}

#evIdentifier #widget-body .fila3 {
margin-top: 20px;
}

#widget-body .inline-m-b {
margin-bottom: 0px !important;
}

.ng-binding {
font-size: .9em;
}

#widget-body .widget-label {
display: none;
padding: 0px;
}

#buttonPanel .col-sm-12 { /* + */
text-align: center;
}

#widget-body button {
/* display: block; */
margin: 0px auto;
}

.ev .widget-body {
margin-top: 10px;
padding-top: 0px;
}

.ev .col-sm-offset-2 {
text-align: center;
margin-left: 0px;
}

.ev .col-sm-10 {
width: 100%;
}

/******************** form evIdentifier **************************/

#evIdentifier #inline_email_address::placeholder,
#login-widget #horizontal_password::placeholder,
#registration-widget #auth_password::placeholder,
#registration-widget #ev\.widgets\.attr\.password\.confirm\.label::placeholder {
color: #CCC;
}

/******************** form evLogin **************************/

#page-content #evLogin #social_box,
#page-content #evRegistration #social_box{
display: none;	
}

#page-content #evLogin #login-flip-front {
position: relative;
margin-top: 20px;
}

#page-content #evLogin #widget-body .form-horizontal {
display: block;
margin-top: 10px;
}

#page-content #evLogin #horizontal_email_address,
#page-content #evRegistration #auth_email_address {
/* display: none; */
}

#page-content #evLogin .evLogin_email_detect {
display: block;
margin-top: 20px;
}

#page-content #evLogin #login-divider,
#page-content #evRegistration #login-divider{
display: none;
}

.flip-flipped.flip-back {
min-width: 480px;
position: relative;
}

/******************** form register **************************/

#registrationCaptureAttrs {
margin-top: 10px;
}

#page-content #evRegistration #user_name,
#page-content #evRegistration #registration_site {
display: none;
}

#page-content #registrationCaptureAttrs .reg_disclaimer {
margin-top: 50px;
color: #777;
text-align: left;
}

/************************* movil ****************************/


@media screen and (max-width: 480px) {


.nav-top {
	border-bottom: 1px solid #E12248;
}

.nav-top-center img {
	margin-top: 16px;
	width: 140px;
}

h2 {
	font-size: 1.2em;
}

#widget_social_icon_btns, #widget_social_txt_btns{
	width: 84%;
}

.space{
	height: 40px;
}

#widget-body .widget-input {
	padding: 12px;
	font-size: 18px;
	height: 44px;
}


}

