/*Inicio resetear estilos de navegador*/
*{
  margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
  font-family: 'OpenSans', sans-serif;
	vertical-align: baseline;
  box-sizing: border-box;
}

*::after,
*::before{
  box-sizing: border-box;
}

html{
  color: rgb(255, 255, 255);
}

footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*Fin resetear estilos de navegador*/

/*Inicio estilos section*/
::-webkit-input-placeholder{
  color: rgb(255, 255, 255);
}

html{
  background: rgb(33, 42, 51);
}

.contenedor_global{
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.contenedor_login{
  background: rgb(36, 47, 59);
  width: 350px;
  height: 575.438px;
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#form_facebook,
div{
  margin: 0 !important;
}

.msg_opciones-ingreso{
  text-align: center;
  font-size: 15px;
  font-weight: bold;
}

.contenedor_login--logo img{
  width: 100%;
  height: 100%;
}

.contenedor_login--logo{
  width: 140px;
  height: 60px;
  margin: 30px 0 !important;
}

.contenedor_login *{
  margin: 4px 0;
}

form{
  width: 100%;
}

.contenedor_login--link{
  display: block;
  width: 100%;
  text-decoration: none;
  border: 1px solid rgb(208, 2, 27);
  padding: 10px 15px;
  color: rgb(255, 255, 255);
  border-radius: 3px;
  text-align: center;
}

.totopo{
  display: none !important;
}

.facebook_link{
  border-color: rgb(71, 135, 212);
  background: rgb(71, 135, 212);
}

.facebook_link::before{
  content: "\f09a";
}
.google_link
{
  background:rgb(208, 2, 27);
}
.google_link::before{
  content: "\f0d5";
}

.google_link::before,
.facebook_link::before{
  font-family: "FontAwesome";
  width: 20px;
  height: 20px;
  color: rgb(255, 255, 255);
  margin-right: 7px;
}

.contenedor_login--input,
.custom-input,
.contenedor_login--input-captcha,
.contenedor_login--imagen-captcha{
  width: 100%;
  height: 40px;
  background: transparent;
  border: 2px solid rgb(79, 90, 99);
  border-radius: 3px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 8px 0 !important;
}

.icono{
  margin-left: 20px;
}

.icono img{
  margin: 0;
}

.captcha{
  margin-left: 10px !important;
}

.icono-container{
  width: 15%;
  height: 20%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.contenedor_login--input > input,
.custom-input > input,
.contenedor_login--input-captcha{
  height: 100%;
  width: 85%;
  margin: 0;
  background: transparent;
  color: rgb(255, 255, 255) !important;
  outline: none;
}

.contenedor_login--submit,
.custom-submit-v1{
  text-align: center;
  padding: 10px 0;
  background: transparent;
  border: 2px solid rgb(76, 217, 100);
  color: rgb(76, 217, 100);
  width: 100%;
  border-radius: 30px;
  cursor: pointer;
  display: block;
  margin-top: 8px;
}

.contenedor_login--submit:hover,
.custom-submit-v1:hover{
  text-align: center;
  padding: 10px 0;
  background: transparent;
  border: 2px solid rgb(42, 198, 68);
  color: rgb(42, 198, 68);
  width: 100%;
  border-radius: 30px;
  cursor: pointer;
}

.contenedor_login--imagen-captcha{
  height: 42px;
  margin: 4px 0 !important;
  padding: 0 10px;
}

.contenedor_login--input-captcha{
  display: flex;
  align-items: center;
  margin: 1px 0 !important;
  color: rgb(255, 255, 255) !important;
}

.contenedor_login--imagen-captcha{
  margin: 1px 0 !important;
}

.contenedor_login--imagen-captcha,
.contenedor_login--input-captcha{
  width: 48.5%;
  height: 40px;
}

.contenedor_login--input-captcha .icono-fake-container{
  width: 25%;
}

.input-captcha{
  width: 75%;
  height: 100%;
  background: transparent;
  outline: none;
  color: rgb(255, 255, 255) !important;
}

.contenedor_login--promocion{
  padding-top: 10px;
  text-align: center;
  color: rgb(172, 172, 172);
  font-size: 10px;
  width: 100%;
}

.contenedor_login--promocion a{
  text-decoration: none;
  color: rgb(255, 255, 255);
}

.contenedor_login--promocion .contenedor_login--link-cuenta{
  text-decoration: none;
  color: rgb(42, 198, 68);
  font-size: 30px;
}

.contenedor_global--login{
  height: 100vh;
}
/*Fin estilos section*/

/*Inicio estilos footer*/
footer{
  background: rgb(36, 47, 59);
  width: 350px;
  height: 100px;
  border-top: 15px solid rgb(33, 42, 51);
  display: flex;
  justify-content: center;
  align-items: center;
}

footer p{
  font-size: .5rem;
}

#mensaje_error_login{
  color: red;
  font-size: .85rem;
  text-align: center;
}
/*Fin estilos footer*/