body, html {	height: 100%;	}
a, button{	text-decoration: none !important; }
.relative{  position: relative; }
/* recaptcha */
.recaptcha{
  transform-origin: left top;
  -webkit-transform-origin: left top;
}
.recaptcha{ 
  display: inline-block;
  margin: 0 auto;
}
/* background */
.wrapper-page{
	justify-content: center;
  display: flex;
  height: 100vh;
  flex-direction: column;
  margin: 0 auto;
}
.account-pages{
	background-image: url("../img/guest_background.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
/* font-italic */
.fi{  font-style: italic; }
/* font-family */
.ff-Lato{ font-family: 'Lato';  }
.ff-Montserrat{ font-family: 'Montserrat';  }
/* font-size */
.fs-11{ font-size: 11px;  }
.fs-12{ font-size: 12px;  }
.fs-13{ font-size: 13px;  }
.fs-14{ font-size: 14px;  }
.fs-15{ font-size: 15px;  }
.fs-17{ font-size: 17px;  }
.fs-18{ font-size: 18px;  }
.fs-20{ font-size: 20px;  }
.fs-25{ font-size: 25px;  }
.fs-35{ font-size: 35px;  }
.fs-38{ font-size: 38px;  }
.fs-66{ font-size: 66px;  }
/* font-weight */
.fw-300{  font-weight: 300; }
.fw-400{  font-weight: 400; }
.fw-500{  font-weight: 500; }
.fw-600{  font-weight: 600; }
.fw-700{  font-weight: 700; }
.fw-900{  font-weight: 900; }
/* color */
.fc-ee343e{ color: #ee343e; }
.fc-999999{ color: #999999; }
.fc-969ea6{ color: #969ea6; }
.fc-788189{ color: #788189; }
.fc-848484{ color: #848484; }
.fc-212121{ color: #212121; }
.fc-4285e0{ color: #4285e0; }
.fc-0e71b8{ color: #0e71b8; }
.fc-a2a5a9i{  color: #a2a5a9 !important;  }
.fc-ec4349i{  color: #ec4349 !important;  }
.fc-cd7d29i{  color: #cd7d29 !important;  }
.fc-ffffffi{  color: #ffffff !important;  }
.fc-212121i{  color: #212121 !important;  }
/* background */
.bg-ffffff{  background-color: #fff; }
.bg-ebeff2{ background-color: #ebeff2; }
.fc-transparenti{  background-color: transparent !important;  }
/* padding y margin */
.p-l-r-15{  padding: 15px;  }
.p-t-0{  padding-top: 0;  }
.p-b-0{  padding-bottom: 0;  }
.p-b-20i{  padding-bottom: 20px !important;  }
.m-0-auto{ margin:  0 auto; }
/* height */
.l-h-i{ line-height: inherit; }
.l-h-normal{ line-height: normal; }
.l-h-50{ line-height: 50px; }
/* padding */
.p-t-b-20{
  padding: 20px 0;
}
.p-t-30{
  padding-top: 30px;
}
/* border */
.b-s-n{
  box-shadow: none;
}
/* width */

/* navbar */
.navbar-default .navbar-toggle{
  background-color: #ffffff;
}
.topbar-guest .topbar-left{ padding-top: 18px;  }
.topbar-guest .navbar-nav{  padding-top: 5px; }
.topbar-guest .navbar-nav li{ display: inline-block;  }
.topbar-guest .navbar-nav a{
  color: #a2a5a9 !important;
  background-color: transparent !important;
  font-size: 11px;
}
/* titulos */
.page-title-login{
  position: relative;
  height: 140px;
}
.page-title-login h1{
  position: absolute;
  top: 0;
  left: -40px;
  right: -40px;
}
.page-title-login h1::after{
  content:  "";
  border-bottom: 4px solid #ee343e;
  display: block;
  margin: 10px auto;
  width: 45px; 
}

/* media querie */
@media (max-width: 767px) and (max-height: 698px) {
  .formCrearCuenta .panel-body{
    max-height: 55vh;
    overflow-y: scroll;
    padding-bottom: 0;
  }
}
@media (max-width: 452px) and (max-height: 847px) {
  .topbar-guest .navbar-nav a{ line-height: inherit !important; }
  .hidden-h-xxs{ display: none; }
  .text-center-xxs{ text-align: center; }
}
@media (min-width: 767px){
  .w-375{ width: 375px; }
  .w-420{ width: 420px; }
  .w-445{ width: 445px; }
  .w-660{ width: 660px; }
}
@media (max-width: 600px){
  .col-xxs-12{ width: 100%; }
  .hidden-w-xxs{ display: none; }
  .formCrearCuenta{ width: 100%; }
}
@media (max-width: 419px){
  .topbar-left{
    width: auto !important;
    float: none !important;
  }
  .topbar-left img{ margin: 0 auto; }
  .topbar-guest .navbar-nav{  float: none !important; }
  .page-title-login{
    height: initial;
    padding-top: 20px;
  }
  .page-title-login h1{
    position: relative;
    left: initial;
    right: initial;
  }
}
@media (max-width: 360px){
  .content-recaptcha{
    max-width: 272px;
  }
  .recaptcha, #rc-imageselect   {
    -webkit-transform: scale(0.84);
    -moz-transform:    scale(0.84);
    -ms-transform:     scale(0.84);
    -o-transform:      scale(0.84);
    transform:         scale(0.84);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
   }
}