.contenedor_formulario label { 
    font-family:"din-medium" !important;
    font-size: 19.2px !important;
    line-height:27.42px !important;
    text-transform: none !important;
}

* {
	box-sizing: border-box;

}



.azul {
 color: #226EC1;
}

section.container {
	margin-top: 34px;
	position: relative;
}
.mi-cuenta strong,
.resumen-offcanvas strong {
	font-family: din-bold;
}

.help-block {
	font-size: 16px;
	color:#000;
	font-family: din-regular;
}

.contenedor-principal {
	background-color: #F8F8F8;
	overflow: hidden;
}

.contenedor-principal.login {
	background: url(../images/mi-cuenta/fondo-montanas-baja.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.hide {
	display: none !important;
}

.avatar-top.barra-menu {
	display: none;
}

.menu li a {
	text-decoration: none;
}

.form-group {
  display: block;
  margin-bottom: 20px;
}

.form-group label{
  font-family:"din-regular";
  font-size: 12px;
  line-height:17.14px;
  text-transform:uppercase;
  
}



/*
=============================
Resumen Offcanvas
=================================================*/
.secundaria,
.menu,
.avatar-menu {
	position: relative;
}
.menu .resumen-offcanvas,
.avatar-menu .resumen-offcanvas {
	overflow: hidden;
  width: 300px;
  position: absolute;
	right: 0;
	top:56px;
  z-index: 999;
  background: #fff;
  box-shadow: 0px 4px 15px 0px #dcdcdc;
	color: #000;
	padding-bottom: 20px;
}
.resumen-offcanvas .avatar {
	padding: 0px 15px
}
.resumen-offcanvas h4,
.menu .resumen-offcanvas h4,
.avatar-menu .resumen-offcanvas h4{
	margin-bottom: 15px;
	margin-top: 0;
}

.menu .ir-contanier,
.avatar-menu .ir-contanier {
	padding-top: 9px;
}
.mi-cuenta .resumen-offcanvas .content-center.block,
.menu .resumen-offcanvas .content-center.block,
.avatar-menu .resumen-offcanvas .content-center.block {
	padding: 20px 15px 0 15px;
	margin-bottom: 0;
	border: none;
}

.menu .resumen-offcanvas .content-center.block:nth-child(2n),
.avatar-menu .resumen-offcanvas .content-center.block:nth-child(2n){
	padding-top: 20px;
}

.resumen-offcanvas .form-group,
.menu .resumen-offcanvas .form-group,
.avatar-menu .resumen-offcanvas .form-group {
	margin-bottom: 10px;
}

.mi-cuenta .resumen-offcanvas .content-center.first-block {
	background: #303030;
	padding-top: 20px;
}
.menu .resumen-offcanvas .content-center.first-block,
.avatar-menu .resumen-offcanvas .content-center.first-block{
	background: #303030;
	padding: 20px 5px 0 5px;
}
.mi-cuenta .resumen-offcanvas .content-center .content,
.menu .resumen-offcanvas .content-center .content,
.avatar-menu .resumen-offcanvas .content-center .content  {
	overflow: hidden;
	margin-bottom: 10px;
}
.resumen-offcanvas .user-name,
.menu .resumen-offcanvas .user-name,
.avatar-menu .resumen-offcanvas .user-name {
	padding-left: 0;
	padding-top: inherit;

}
.resumen-offcanvas .user-name p,
.menu .resumen-offcanvas .user-name p,
.avatar-menu .resumen-offcanvas .user-name p {
	font-size: 16px;
  font-family: "din-medium";
	color:#fff;
	margin-bottom: 7px;
}

.resumen-offcanvas .first-block .text,
.menu .resumen-offcanvas .first-block .text,
.avatar-menu .resumen-offcanvas .first-block .text {
	color: #d1d1d1;
	margin-bottom: 0px;
	font-size: 12px;
	font-family: din-regular;
}
.resumen-offcanvas .cerrar-sesion,
.menu .resumen-offcanvas .cerrar-sesion,
.avatar-menu .resumen-offcanvas .cerrar-sesion {
	margin-top: 10px;
  display: block;
  color: #A0A0A0;
  text-decoration: underline;
	font-family: din-bold;
}
.resumen-offcanvas .likes,
.resumen-offcanvas .turno,
.menu .resumen-offcanvas .likes,
.menu .resumen-offcanvas .turno,
.avatar-menu .resumen-offcanvas .likes,
.avatar-menu .resumen-offcanvas .turno  {
	margin-bottom: 0;
}

.resumen-offcanvas .enviar {
	padding: 10px 12px 6px 12px;
}


/*
=============================
Columna izquierda de menu
=================================================*/
.menu-mobile-container {
	display: none;
}

.destacado {
	box-shadow: 0 0 20px 0 #999;
  min-height: 130px;
  height: auto;
  background: url(../images/mi-cuenta/cuenta.png) center center repeat-x;
  background-size: cover;
	z-index: 900;
}
.login .destacado {
	display: none;
}

.container .principal-aside {
	margin-top: 27px;
}

aside .user-info {
	overflow: hidden;
	margin-bottom: 17px;
}

.user-name {
	color: #000;
	font-size: 16px;
	padding-top: 6px;
	padding-left: 65px;
	font-family: "din-medium";
}

.mi-cuenta .menu-aside {
	border-top: 4px solid #216DC0;
	margin-bottom: 30px;
  padding-top: 12px;
}

.mi-cuenta .menu-aside h3 {
	text-transform: uppercase;
	color: #216DC0;
	font-size: 13px;
	margin: 0;
	/*padding: 4px 0;*/
	font-family: din-bold;
	line-height: 22px;
	margin-bottom: 5px;
}

.mi-cuenta .menu-aside li a:hover {
	text-decoration: none;
}

.mi-cuenta .menu-aside li{
  font-family: din-regular;
}

ul.options-left li span,
ul.options-left li:hover span {
	background: none;
}

ul.options-left .multinivel .expandable:after {
	background: none;
	font-family: FontAwesome;
	content:"\f105";
	float: right;
}

ul.options-left .multinivel:hover .expandable:after {
	background: none;
	font-family: FontAwesome;
	content:"\f107";
	float: right;
}




/* Form derecha
================================*/
.right-container {
 	/*float: right;
	width: 650px; bootstrap*/
	margin-bottom: 60px;
	overflow: hidden;
}
.content-center {
	background: #fff;
	padding: 15px 15px 25px 15px;
  margin-bottom: 25px;
	overflow: hidden;
	position: relative;
	border: 1px solid #EFEFEF;
}

h3.generictit,
select.generictit {
  font-family: "din-regular";
  font-size: 22px;
  line-height: 35px;
  text-transform: capitalize;
  margin-bottom: 25px;
	margin-top: 0;
  font-weight: 400;
	color: initial;
}

.mi-cuenta .generictit {
	border-bottom: 1px solid #E0E0E0;
  /* padding-left: 0; */
  padding-bottom: 15px;
  /*float: right;*/
  width:100%;
}

.form-mi-cuenta {
	font-family: din-regular;
}

.form-user-data {
	margin-top: 10px;
}

.user-info-container {
	padding-right: 0;
}

.form-mi-cuenta .user-name {
	padding-top: 11px;
	font-family: "din-medium";
	padding-left: 85px;
	/*width: 45%;*/
}
.cambiar-foto {
	display: block;
	clear: both;
	padding-top: 5px;
}

fieldset.campos {
	margin-top: 30px;
	overflow: hidden;
}

.form-mi-cuenta label,
.mi-serviclub .mobile .remplazar-tarjeta label {
	color: #3D3D3D;
	text-transform: uppercase;
	font-size: 12px;
}
.legales label{
	text-transform: inherit;
	font-size: 14px;
}
.legales label a {
	color: #226EC1;
	text-decoration: underline;
}

.form-mi-cuenta .form-control,
select.generictit {
	color: #434343;
  border: none;
  border-radius: 0;
  box-shadow: none;
  border-bottom: 1px solid #979797;
	padding-left: 0;
	-moz-appearance: none;
	-webkit-appearance: none;
}
/* Quita borde redondeado en Chrome*/
 .form-mi-cuenta select {
	-webkit-appearance: none;
  -webkit-border-radius: 0px;
	position: relative;
}

.menu-mobile-container{
	position: relative;
}

.form-mi-cuenta .select-icon,
.menu-mobile-container .select-icon,
.remplazar-tarjeta .select-icon {
	position: absolute;
	right: 15px;
	bottom: 11px;
}

.menu-mobile-container .select-icon,
.remplazar-tarjeta .select-icon {
	bottom: 42px;
	font-size: 15px;
	color: #717171;
}

.remplazar-tarjeta .select-icon {
	bottom: 11px;
	right: 0;
}

input.form-check-input,
.checkbox .form-check-input {
 margin: -2px 2px 0px 0;
}

.form-mi-cuenta input,
label a {
	font-size: 14px;
	text-transform: none;
}

.form-mi-cuenta .form-group {
	margin-bottom: 30px;
	position: relative;
}

.cambiar-password {
	text-transform: capitalize;
	text-decoration: underline;
	font-size: 14px;
	margin-top: 34px;
}
.cambiar-password a {
	color: #C34958;
}
.cambiar-password a:hover {
	color: #AB3F4C;
	cursor: pointer;
}

.cambiar-password-container h4{
	color: #226EC1;
	font-size: 16px;
}

.checkbox {
	display: block !important;
	vertical-align: inherit !important;
	padding: 0 !important;
	margin-top: 0;
  margin-bottom: 44px;
}

.campos-titulo {
	color: #000;
	margin-top: 5px;
}

.subtitulos {
	color: #226EC1;
}

.button-container {
	overflow: hidden;
	margin-bottom: 15px;
}

.enviar,
.resetear {
	background: none;
	border-radius: 0;
	color: #0063be;
	border-color: #0063be;
	border-width: 2px;
	font-family: din-bold;
	padding-top: 10px;
	text-transform: uppercase;
	width: 100%;
	
}
.resetear {
	color: #999;
	border: none;
	font-family: din-bold;
	border-width: 2px;
	width: 100%;
	position: relative;
	margin-top: 10px;

}
.resetear:hover,
.resetear:hover:active,
.resetear:focus,
.enviar:active:focus,
.resetear:active:focus,
.resetear:active {
	background-color: #999;
	border-color: #999;
}
.enviar:hover,
.enviar:hover:active,
.enviar:focus,
.enviar:active:focus,
.enviar:active {
	background-color: #0063be;
	border-color: #0063be;
}

/* VISTA GENERAL
=============================
=================================================*/

.general {
	/*float: left;
	min-width: 314px;
	width: 48.4%;*/
	background-color: #fff;
	color: #000;
	position: relative;
}
.vista-general .content-center {
	background: none;
	padding-top: 0;
	padding-bottom: 0;
	border: none;
}
.vista-general .content-center:nth-child(even){
	padding-right: 0
}
.vista-general .content-center:nth-child(odd){
	padding-left: 0
}
.vista-general .column-container {
	border: 1px solid #EFEFEF;
}
.general.boxes,
.general.guia {
	height: 340px;
}
.general h4,
.general a,
.resumen-offcanvas h4,
.resumen-offcanvas a {
	color: #226EC1;
}
.general h4,
.resumen-offcanvas h4 {
	text-transform: uppercase;
	font-size: 16px;
}

.general label {
	font-size: 12px;
	text-transform: uppercase;
}

.general .text,
.resumen-offcanvas .text {
	font-family: din-regular;
	font-size: 14px;
}

.vista-general .column-container {
	padding-top: 20px;
	min-height: 444px;
}

.vista-general .boxes .column-container,
.vista-general .guia .column-container {
	min-height: 344px;
}

.vista-general .serviclub .inner {
	min-height: 347px;
}
.vista-general .guia .inner,
.vista-general .boxes .inner {
	min-height: 248px;
}

.first .column-container,
.first .column-container h4 {
	/*background-color: #303030; Original sketch*/
	background-color: #999; /*Por pedido cliente*/
	color:#fff;
}
.general .enviar-container {
	padding-top: 10px;
	margin-bottom: 20px;
}
.general .enviar {
	color: #0063be;
	border-color: #0063be;
	font-family: din-medium;
	padding-top: 6px;
}

.general .enviar:hover {
	color: #fff;
	background-color: #0063be;
}

.first .general .enviar,
.resumen-offcanvas .enviar {
	color: #fff;
	border-color: #fff;
}

.first .general .enviar:hover,
.resumen-offcanvas .enviar:hover {
	color: #000;
	background-color: #fff;
}
.small {
	font-size: 12px;
	font-family: din-regular;
}
.serviclub .ir-container,
.boxes .ir-container,
.guia .ir-container {
	margin-bottom: 0;
  padding-top: 8px;
}
.ir-serviclub {
	text-decoration: underline;
}
.kms {
	text-decoration: none;
	font-size: 18px;
	text-transform: uppercase;
}
.likes .small {
	text-transform: none;
	margin-right: 5px;
}
.regular {
	font-size: 13px;
	font-family: din-regular;
	text-decoration: underline;
}

.me-gusta:before {
	font-family: FontAwesome;
	content: "\f004";
	color: #226EC1;
	margin-right: 3px;
	font-size: 16px;
}

.fav:before {
	font-family: FontAwesome;
	content: "\f005";
	color: #226EC1;
	margin-right: 3px;
	font-size: 16px;
}
.mi-cuenta .mapa:before {
	/*font-family: FontAwesome;
	content: "\f041";*/
	content: url(../../images/mi-cuenta/mapa-ico.png);
	color: #226EC1;
	margin-right: 7px;
	font-size: 16px;
}
.prox-turno:before {
	/*font-family: FontAwesome;
	content: "\f1b9";*/
	content: url(../../images/mi-cuenta/bidon-ico.png);
	color: #226EC1;
	margin-right: 3px;
	font-size: 16px;
}


/* MI SERVICLUB
=============================
=================================================*/
.mi-serviclub .destacado {
	box-shadow: 0 0 20px 0 #999;
  min-height: 130px;
  height: auto;
  background: url(../../images/mi-cuenta/header.png) center center repeat-x;
  background-size: cover;
}
.mi-serviclub {
	color: #226EC1;
	font-family: din-regular;
}
.banner-top,
.corporativo .right-container .banner-top {
	padding: 0;
}
.banner-img {
	width: 100%;
}
.tarjetas th {
	padding-left: 0;
}
.tarjetas td.nro-tarjeta,
.tarjetas td.fecha {
    line-height: 36px;
		color: #000;
}

.nro-tarjeta:before {
	font-family: FontAwesome;
	content: "\f09d";
	color:#881F81;
	margin-right: 10px;
	font-size: 16px;
}

.kilometros {
	font-size: 26px;
}

.links {
	text-decoration: underline;
}

.links a {
	color: #226EC1;
	cursor: pointer;
}

.tarjeta-estado th,
.mi-serviclub .seguimiento .mobile .resumen-item {
	background: #881F81;
	color: #fff;
	border-radius: 0;
}

.tarjeta-estado > tbody > tr > td {
	border-top: 0;
}

.tarjeta-estado > thead > tr > th {
	border-bottom: 0;
}

.tarjeta-estado th:nth-child(2),
.tarjeta-estado th:nth-child(3) {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

.tarjeta-estado .fecha {
	color: #881F81;
}
.cantidad {
	color: #999;
}
.favoritos {
	padding: 0;

}
.favoritos h4,
.favoritos .button-container {
    padding: 20px 0 20px;
}
.favoritos h4:before {
	font-family: FontAwesome;
	content: "\f005";
	margin-right: 10px;
	color: #F5D887;
}
.likes h4:before {
	font-family: FontAwesome;
	content: "\f004";
	margin-right: 10px;
	color: #E9623C;
}
.favoritos .enviar,
.viajes .enviar {
	font-family: din-medium;
	padding-top: 6px;
	/*padding: 6px 20px;
	position: absolute;
  right: 0;
  top: 0;
  margin: 20px;*/
}

.favoritos .list-group {
	font-family: din-regular;
	margin-bottom: 0;
}
.favoritos li:first-child,
.favoritos li:last-child {
	border-radius: 0;
}
.favoritos li:first-child{
	/*border-top: none;*/
}

.favoritos li:last-child {
	border-bottom: 0;
}
.favoritos li {
	border-left: 0;
	border-right: 0;
	overflow: hidden;
	padding-right: 45px;
	border-top: 1px solid #EFEFEF;
}
.favoritos li img {
	float: left;
	margin-right: 20px;
}
.favoritos .premio-titulo {
	text-transform: uppercase;
	font-size: 16px;
}
.condicion {
	font-size: 16px;
	color: #9B9B9B;
}
.eliminar {
	color: #9B9B9B;
	font-size: 20px;
	position: absolute;
	right: 30px;
	top: 40%;
}
.eliminar:hover {
	text-decoration: none;
}

.mi-serviclub .mobile {
	display: none;
}

/* Reemplazar Tarjeta */
.tus-tarjetas .remplazar-container {
	padding-bottom: 0;
	padding-top: 0;
}
.remplazar-tarjeta {
	margin-top: -1px;
}
.remplazar-tarjeta .content-center {
	border: none;
	background-color: #fafafa;
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	margin-bottom: -1px;
	padding: 20px 20px 4px 20px;
}
.remplazar-tarjeta .form-group {
	margin-bottom: 24px;
}
.remplazar-tarjeta .form-control {
	background-color: #fafafa;
}
.remplazar-tarjeta select,
.form-group select {
	cursor: pointer;
}
.remplazar-tarjeta .form-check-label {
	text-transform: inherit;
	font-size: 14px;
	font-weight: 400;
}
.remplazar-tarjeta .button-container.enviar,
.remplazar-tarjeta .button-container.resetear {
	padding-top: 0;
	margin-bottom: 4px;
}

.remplazar-tarjeta .enviar {
	font-family: din-medium;
}


/* ASIGNACIONES
=============================
=================================================*/
.title-container {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}

.tabla-container {
	padding: 0;
	border-top: none;
}

.asignaciones-kms {
	color: #000;
	margin-bottom: 0;
}
.asignaciones-kms > thead > tr > th {
	background: #eee;
	border-bottom: 0;
	padding: 16px 8px;
}

.asignaciones-kms > tbody > tr > td {
	padding: 20px 8px 27px;
}

.asignaciones-kms > tbody > tr:first-child > td {
	border-top: 0;
}

.asignaciones-kms > thead > tr > th:first-child,
.asignaciones-kms > tbody > tr > td:first-child {
	padding-left: 30px;
}

.asignaciones-kms > thead > tr > th:last-child,
.asignaciones-kms > tbody > tr > td:last-child {
	padding-right: 30px;
}

.asignaciones-kms .nro-tarjeta:before {
	content:none;
}

.asignaciones-kms .fa-file-pdf-o:before {
	content: url(../../images/mi-cuenta/pdf-ico.png);
}

/* CANJES
=============================
=================================================*/
.estado {
	color: #417505;
	font-size: 16px;
}

.pendiente {
	color: #F6A623;
}

.ver-pdf a{
	color:#226EC1;
}
.canjes .mobile {
	display: none;
}

/* SERVICLUB CORPORATIVO
=============================
=================================================*/
.corporativo .destacado {
	box-shadow: 0 0 20px 0 #999;
  min-height: 130px;
  height: auto;
  background: url(../../images/mi-cuenta/corp.png) center center repeat-x;
  background-size: cover;
}
.corporativo .content-center {
	padding-bottom: 12px;
}

.corporativo h4,
.imprimiendo {
	margin-bottom: 20px;
	line-height: 1.5;
}
.imprimiendo {
	margin-top: 16px;
	color: #999;
}
.vence-el,
.tarjeta-nro {
	text-transform: uppercase;
	color: #3d3d3d;
}

.corporativo .kilometros {
	font-size: 30px;
	line-height: 1.5;
	font-family: din-regular;
	font-weight: 700;
}

.corporativo .enviar,
.mi-pass .enviar,
.ypf-boxes .enviar {
	font-family: din-medium;
	padding-top: 6px;
}

/* MI PASS
=============================
=================================================*/
.mi-pass .destacado {
	box-shadow: 0 0 20px 0 #999;
  min-height: 130px;
  height: auto;
  background: url(../../images/mi-cuenta/pass.png) center center repeat-x;
  background-size: cover;
}

.mi-pass .asignaciones-kms > tbody > tr > td {
	padding-top: 18px;
	padding-bottom: 14px;
}

.mi-pass .cancelada,
.mi-pass .no-cancelada {
	color: #EF585E;
}

.mi-pass .no-cancelada {
	color: #226EC1;
}

.asignaciones-kms > tbody > tr > td {
    font-size: 14px;
}
.mi-pass .pass-eliminar,
.ypf-boxes .pass-eliminar,
.guia-ypf .pass-eliminar,
.encontrar-pass .pass-mapa {
	font-size: 19px;
  padding-top: 15px;
}
.encontrar-pass .pass-mapa {
	font-size: 26px;
}
.mi-pass .pass-eliminar a,
.ypf-boxes .pass-eliminar a,
.guia-ypf .pass-eliminar a,
.encontrar-pass .pass-mapa a {
	color: #216DC0;
}
.mi-pass .pass-eliminar a:hover,
.ypf-boxes .pass-eliminar a:hover,
.guia-ypf .pass-eliminar a:hover,
.encontrar-pass .pass-mapa a:hover {
	text-decoration: none;
}
.mi-pass .pass-eliminar .first,
.guia-ypf .pass-eliminar .first,
.ypf-boxes .pass-eliminar .first {
	margin-right: 10px;
	background: none;
}


/* ENCONTRAR PASS
=============================
=================================================*/
.encontrar-pass .asignaciones-kms > tbody > tr > td {
	padding-bottom: 23px;
}


/* FAQS PASS
=============================
=================================================*/
.faqs-pass .tabla-container ul {
	margin-bottom: 0;
}

.mi-pass.faqs-pass .tabla-container ul {
	/*margin-bottom: 40px;*/
}

.mi-pass.faqs-pass .list-group-item {
	border-radius: 0;
  border-top: 1px solid #efefef;
  border-left: 0;
  border-right: 0;
  border-bottom: none;
}

.faqs-pass .tabla-container li:first-child .pregunta-container{
	padding: 20px 15px 0 15px;
}
.faqs-pass .tabla-container .pregunta-container {
	padding: 10px 15px 0 15px;
	position: relative;

}
.faqs-pass .tabla-container .respuesta-container {
	padding: 0 30px;
  background: #fff;
}
.faqs-pass .pregunta {
	font-family: din-medium;
	color: #000;
	font-size: 16px;
	cursor: pointer;
}

.faqs-pass .respuesta {
	font-family: din-regular;
	color: #999;
	font-size: 14px;
}



/* BOXES
=============================
=================================================*/
.ypf-boxes .destacado {
	box-shadow: 0 0 20px 0 #999;
  min-height: 130px;
  height: auto;
  background: url(../../images/mi-cuenta/boxes.png) center center repeat-x;
  background-size: cover;
}
.ypf-boxes label {
	color: #3D3D3D;
	font-size: 12px;
	font-family: din-regular;
	text-transform: uppercase;
}
.ypf-boxes .text {
	color: #000;
	font-size: 14px;
	font-family: din-regular;
}
.ypf-boxes .button-container {
	margin-bottom: 0;
	border: none;
}
.ypf-boxes .mobile {
	display: none;
}

/* GUIA
=============================
=================================================*/
.guia-ypf .destacado {
	box-shadow: 0 0 20px 0 #999;
  min-height: 130px;
  height: auto;
  background: url(../../images/mi-cuenta/guia.png) center center repeat-x;
  background-size: cover;
}

.viajes h4:before {
	font-family: FontAwesome;
  content: "\f0f2";
  margin-right: 10px;
  color: #226EC1;
}


/* LOGIN/ REGISTRATE/ REGSITRATE PLUS
=============================
=================================================*/
.registro .destacado,
.registrate-plus .destacado,
.recuperar-password .destacado {
	box-shadow: 0 0 20px 0 #999;
  min-height: 230px;
  height: auto;
  background: url(../images/mi-cuenta/register.jpg) center center no-repeat;
  background-size: cover;
}

.menu .secundaria .lock .fa,
.menu .secundaria .lock img,
.menu .secundaria .avatar-top {
	font-size: 19px;
  color: #777;
  /*padding: 17px 13px;*/
	padding: 12px 3px;
	border-right: 1px solid #cbcbcb;
}
.menu .secundaria .avatar-top {
	padding: 9px 13px;
	cursor: pointer;
}
.menu .secundaria .avatar-top:hover {
	background-color: #dcdcdc;
}
.menu .secundaria .avatar-top img,
.avatar-top.barra-menu img {
	margin-right: 5px;
}
.avatar-top .lock {
	width: 100%;
}
.menu .secundaria .avatar-top i {
	margin-top: 3px;
	color: #aaa;
}
.contenedor-principal.registro {
	background-color: #fff;
}
.login .right-container {
	margin-top: 20px;
}
/*.login .content-center {
	box-shadow: 0 0 20px 0 #dcdcdc;
}*/
.login h4,
.registrate h3,
.recuperar-password h4,
.registrate-plus h4 {
	margin: 25px 0;
}

.registrate h3,
.registrate-plus h5,
.recuperar-password h4,
.bienvenido h5 {
	color: #000;
	font-size: 22px;
}
.registrate-plus h5,
.bienvenido h5 {
	font-size: 18px;
}
.bienvenido h5,
.recuperar-password h4 {
	margin-bottom: 20px;
}
.bienvenido .button-container {
	margin-top: 30px;
}
.social-img {
	text-align: center;
}

.facebook .btn-primary{
	background-color: #3b5998;
}

.gplus .btn-primary {
	background-color: #db4437;
	border-color: #C34958;
}

.login .cambiar-password.olvido,
.registrate .cambiar-password.olvido,
.registrate-plus .cambiar-password.olvido {
	margin-top: -15px;
	margin-bottom: 10px;
}
.login .cambiar-password.olvido a,
.text-a-registro a,
.registrate .cambiar-password.olvido a,
.registrate-plus .cambiar-password.olvido a {
	color: #226EC1;
	text-decoration: underline;
}
.login .sesion,
.login .text-a-registro,
.registrate .sesion,
.registrate .text-a-registro,
.registrate-plus .sesion,
.registrate-plus .text-a-registro {
	color: #3d3d3d;
}
.login .sesion,
.registrate .sesion,
.registrate-plus .sesion {
	text-transform: none;
	font-size: 14px;
}
.login .button-container,
.registrate .button-container,
.registrate-plus .button-container {
	margin-top: 20px;
	margin-bottom: 10px;
}
.login .text-a-registro,
.registrate .text-a-registro,
.registrate-plus .text-a-registro {
	font-size: 14px;
}
.login .a-registro,
.registrate .a-registro,
.registrate-plus .a-registro {
	margin-bottom: 10px;
}
 .contrasenia-repe .help-block {
	font-size: 12px;
	display: none;
}
.red,
label.red {
	color: #C34958;
	display: block !important;
}
/*.registrate .contrasenia-repe .form-control {
	border-bottom: 1px solid #C34958;
}*/

/* REGISTRATE PLUS
=============================
=================================================*/
.registrate-plus .destacado,
.bienvenido .destacado {
	background: url(../images/mi-cuenta/register-plus.jpg) center center no-repeat;
	background-size: cover;
}
.registrate-plus .select-icon {
	right: 0;
}
.registrate-plus h4.campos-titulo {
	margin-bottom: 0;
}

/* BIENVENIDO
=============================
=================================================*/
.bienvenido .right-container {
	min-height: 400px;
}
.bienvenido .content-center,
.registro .content-center {
	border: none;
}




/* RESPONSIVE
=============================
=================================================*/
@media (max-width: 1060px) {
	/*.headerYPF .openmenu {
		background: url("../../images/mi-cuenta/open-menu.png") no-repeat center center !important;
	} Es el boceto. No el de YPF real*/
	.headerYPF .menu > ul.secundaria .avatar-top,
	.headerYPF .menu .secundaria .lock {
		display: none;
	}
	.openmenu {
		position: static;
	}
	.menu .resumen-offcanvas,
	.avatar-menu.resumen-offcanvas {
		position: fixed;
	}
	.avatar-top.barra-menu {
		display: block;
		background: 0 !important;
    width: auto;
    margin: 10px 10px 0 0;
    float: right;
    position: relative;
		cursor: pointer;
	}

	.avatar-top.barra-menu i {
		font-size: 16px;
    padding-top: 5px;
	}
	.avatar-top.barra-menu .fa-lock{
		font-size: 27px;
		margin-right: 10px;
	}
	.menu section.content,
	.avatar-menu section.content {
		margin-top: 0;
	}
}

@media (max-width: 991px) {
	.menu-mobile-container{
		display: block;
	}
	/*.mi-cuenta .generictit,*/
	select.generictit {
		background-color: #fff;
		border: 1px solid #efefef;
		color: #226EC1;
		font-size: 12px;
		text-transform: capitalize;
		padding-top: 2px;
		padding-bottom: 2px;
		padding-left: 15px;
		position: relative;
		font-family: din-medium;
	}
	select.generictit {
		height: 41px;
		padding-right: 30px;
	}

	.principal-aside {
		display: none !important;
	}
	.vista-general .content-center:nth-child(even) {
    padding-left: 0;
	}
	.vista-general .content-center:nth-child(odd) {
    padding-right: 0;
	}
	.vista-general .column-container,
	.vista-general .serviclub .inner,
	.vista-general .guia .inner,
	.vista-general .guia .column-container {
		min-height: auto;
	}
	.general .enviar-container {
		padding-bottom: 30px;
	}
	.favoritos h4 {
		padding-bottom: 0;
	}
	.favoritos .button-container {
		padding: 0;
	}
	.datos-completos,
	.datos-completos .list-group-item {
		background-color: #fafafa;
	}
	.datos-completos .list-group-item {
		padding-top: 0;
		padding-bottom: 0;
		border: none;
	}
	.datos-completos label {
		font-size: 14px;
    font-family: din-medium;
		text-transform: inherit;
	}
	.datos-completos .estado:after {
    font-family: FontAwesome;
    content: "\f017";
    color: #F6A623;
    margin-left: 10px;
    font-size: 16px;
	}
	.datos-completos .ver-pdf a:after {
    /*font-family: FontAwesome;
    content: "\f1c1";*/
		content: url(../../images/mi-cuenta/pdf-ico.png);
    margin-left: 10px;
    font-size: 16px;
	}
	.datos-completos .nro-tarjeta:before {
    font-family: FontAwesome;
    content: none;
    margin-left: 10px;
    font-size: 16px;
	}

}

@media (max-width: 768px) {

	.login .destacado,
	.registrate-plus .destacado,
	.bienvenido .destacado,
	.registro .destacado,
	.registrate-plus .destacado,
	.recuperar-password .destacado,
	.mi-serviclub .destacado {
		display: block;
		min-height: 100px;
	}
	.contenedor-principal.login {
		background: none;
		background-color: #fff;
	}
	.contenedor-principal.login section.container,
	.login .right-container,
	.contenedor-principal.registro section.container,
	.registro .right-container {
		margin-top: 0;
	}
	.contenedor-principal.login .content-center {
		border: none;
	}

	.favoritos.mobile li {
		padding-right: 15px;
		cursor: pointer;
	}
	.favoritos.mobile p {
		color: #000;
		font-size: 14px;
	}
	.ypf-boxes .mobile p {
		margin-left: -15px;
	}
	.favoritos.mobile .ver-detalle {
		color: #226EC1;
		text-decoration: underline;
		font-size: 12px;
	}
	.ver-detalle:after {
		font-family: FontAwesome;
		content: "\f0dd";
		position: absolute;
		font-size: 15px;
		right: 0;
		bottom: 12px;
	}
	.canjes .title-container,
	.canjes .tabla-container {
		display: none;
	}
	.canjes .mobile {
		display: block;
	}
	.title-container,
	.tabla-container {
		margin-left: -15px;
		margin-right: -15px;
		padding-left: 0;
		padding-right: 0;
	}
	.asignaciones-kms > thead > tr > th:first-child,
	.asignaciones-kms > tbody > tr > td:first-child {
		padding-left: 15px;
	}
	.asignaciones-kms > thead > tr > th:last-child,
	.asignaciones-kms > tbody > tr > td:last-child {
		padding-right: 15px;
	}
	.ypf-boxes .historia {
		display: none;
	}
	.ypf-boxes .mobile {
		display: block;
	}
	.ypf-boxes .favoritos.mobile h4:before,
	.ypf-boxes .likes.mobile h4:before {
		content: "";
	}
	.tus-tarjetas {
		display: none;
	}
	.mi-serviclub .mobile {
		display: block;
	}
	.mi-serviclub .mobile .list-group {
		margin-bottom: 0;
	}
	.mi-serviclub .tus-tarjetas-mobile .list-group-item {
		border: none;
		padding-bottom: 0px;
		margin-bottom: 0;
	}
	.mi-serviclub .mobile .detalles-tarjeta .links {
		margin-bottom: 0;
		padding-bottom: 20px;
	}

	.mi-serviclub .seguimiento .mobile .resumen-item {
		margin-bottom: 2px;
	}
	.mi-serviclub .seguimiento .mobile .list-group-item p {
		margin: 0;
	}
	.mi-serviclub .mobile .list-group-item .fecha,
	.mi-serviclub .mobile .list-group-item img {
		/*margin-top: 20px;
    margin-bottom: 20px;*/
	}
	.mi-serviclub .mobile label {
		font-size: 16px;
		font-weight: 400;
	}
	.mi-serviclub .mobile .help-block {
		font-size: 14px;
	}
	.mi-serviclub .mobile .remplazar-tarjeta .content-center {
		margin-bottom: 0;
	}
	.mi-serviclub .mobile .form-group {
		margin-bottom: 27px;
	}
	.mi-serviclub .mobile .form-group:first-child {
    margin-top: 20px;
	}
	.mi-serviclub .mobile .list-group-item:first-child .form-group:first-child{
		margin-top: 0;
	}

	.mi-serviclub .mobile .form-group:last-child {
		border-bottom: 1px solid #EBEBEB;
	}
	.mi-serviclub .mobile .remplazar-tarjeta .form-group {
		margin-bottom: 27px;
	}
	.mi-serviclub .tarjeta-estado {
		display: none;
	}
	.mi-serviclub .seguimiento .mobile .datos-completos {
		background: #fff;
		border: none;
	}

}

@media (max-width: 720px) {
	.avatar-menu .resumen-offcanvas {
		position: fixed;
		right: 0;
		overflow-y: auto;
		max-height: 613px;
    bottom: 0;
	}
}

@media (min-width: 480px) {
	.form-mi-cuenta .user-name {
		width: 300px;
	}

}