/*-----------------------------------------------------
    bootstrap customisations
------------------------------------------------------*/

body {
  background: #727876 none repeat scroll 0 0;
  height: 100%;
}
@media screen and (max-width: 767px) {
  body {
    background-color: #fff;
  }
}

.navbar-default {
  background-color: transparent;
  border-color: transparent;
  padding-top: 15px;
}

.progress-bar {
  /* override bootstrap default transition */
  transition: none;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  color: #2a9fcb;
}

/*-----------------------------------------------------
    Template main container
------------------------------------------------------*/

div[role="gcp-container"] {
  max-width: 1024px;
  font-family: Tahoma,Verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
  height: 100%;
  margin: 0 auto;
  position: relative;
  background: #fff url("./images/container-bg.jpg") no-repeat local center bottom / cover;
}

.preloading-interstitial {
  min-height: 640px;
  padding: 10%;
}

.product-logo {
  background-image: url("./images/product-logo.png");
  display: block;
  max-width: 100%;
  height: 34px;
  background-size: contain;
  background-repeat: no-repeat;
}

.brand-logo {
  background-image: url("./images/brand-logo.png");
  display: block;
  max-width: 100%;
  width: 172px;
  height: 35px;
  background-size: contain;
  background-repeat: no-repeat;
}

.platform-brand-logo {
  background-image: url("./images/platform-brand-logo.png");
  display: none;
  max-width: 100%;
  width: 172px;
  height: 35px;
  background-size: contain;
  background-repeat: no-repeat;
}

.loading-animation {
  background-image: url("./images/loader.gif");
  display: block;
  max-width: 100%;
  width: 65px;
  height: 65px;
  background-size: contain;
  background-repeat: no-repeat;
}

/*-----------------------------------------------------
    buttons
------------------------------------------------------*/

.btn-centered {
  display: block;
  width: 200px;
  margin-left: auto;
  margin-right: auto;
}

.pull-left .btn {
    margin-right: 5px;
}

.btn-wechat {
    border-color: #7bb32e;
    color: #ffffff;
    background-size: 2.2em 2.2em;
    background-color: #7bb32e;
    background-repeat: no-repeat;
    background-image: url("./images/weixing.png");
}

.btn-facebook {
    border-color: #4F71A8;
    color: #ffffff;
    padding-left: 2.9em;
    background-color: #4F71A8;
    background-size: 2.2em 2.2em;
    background-repeat: no-repeat;
    background-image: url("./images/facebook.png");
}

/*-----------------------------------------------------
    Template content area
------------------------------------------------------*/

div[role="gcp-content"] {
  padding: 50px;
}
@media screen and (max-width: 767px) {
  div[role="gcp-content"] {
    padding: unset;
  }
}

div[role="gcp-content"] h2 {
  font-size: 24px;
  margin-top: 0px;
}


/*-----------------------------------------------------
    Template primary form content area
------------------------------------------------------*/

div[role="gcp-form-content"] {
  min-height: 300px;
}

/*-----------------------------------------------------
    Language selector
------------------------------------------------------*/

div[role="gcp-languages"] {
}

/*-----------------------------------------------------
   Property info
------------------------------------------------------*/

div[role="gcp-property"] {
}

/*-----------------------------------------------------
    Terms of Use
------------------------------------------------------*/

#termsModal .modal-dialog {
  width: 50%;
}

#termsModal .modal-body {
  font-size: smaller;
}

@media screen and (max-width: 767px) {
  #termsModal .modal-dialog {
    width: auto;
  }
}

/*-----------------------------------------------------
    GCP data presentation customisations
------------------------------------------------------*/

.gcp-data  {
}

/*-----------------------------------------------------
    Form customisations
------------------------------------------------------*/

.input-error {
    color: #a94442;
}

.marketing-field {
    display: none;
}

.marketing-field input {
    width: 250px;
    display: inline;
    margin-bottom: 5px;
}