/*-----------------------------------------------------
    Site-specific customisations
------------------------------------------------------*/

/*-----------------------------------------------------
   Default template uses platform brand logo by default
------------------------------------------------------*/

.brand-logo {
  display:none;
}

.platform-brand-logo {
  display:block;
}

/*-----------------------------------------------------
   Property info
------------------------------------------------------*/
div[role="gcp-property"] h2 {
  font-weight:bold;
  font-size:16px;
  text-align:right;
  margin:0;
}
div[role="gcp-property"] address {
  font-size:12px;
  color:#2a9fcb;
  text-align:right;
  margin-bottom:0px;
}
div[role="gcp-property"] address {
  color:#7dba00;
}
/*-----------------------------------------------------
    GCP data presentation customisations
------------------------------------------------------*/

.gcp-data .current_device_session {
  border:2px solid #2a9fcb;
}

div[role="gcp-content"] {
  padding:0;
}
@media screen and (max-width:768px) {
  div[role="gcp-content"] {
    padding:0;
  }
}
/* END FX DEFAULT */

/* CUSTOM */

/* gcp tools style tweak */
[role=gcp-tools] .btn {
    font-size:14px;
    padding:0;
    min-height:0;
}

[role=gcp-tools] {
  overflow:scroll;
  height:100%;
  background:#fff!important;
  color:#000;
}

/* general content*/
html {
  height:100%;
}
body {
  background:#fff url(./images/container-bg.jpg) no-repeat center center;
  background-size:cover;
  background-attachment:fixed;
  font-family:Gotham, Tahoma,Verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
  color:#fff;
  min-width:320px;
}
div[role="gcp-container"] {
  background:none;
  font-family:Gotham, Tahoma,Verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
div[role="gcp-container"] > .container-fluid {
  height:100%;
}
div[role="gcp-content"], .content {
  min-height:100vh;
  min-height:-webkit-fill-available;
  position:relative;
}
div[role="gcp-form-content"] {
    min-height:0;
}
div[role="content"] {
  padding:100px 50px 50px;
}
@media screen and (max-width:768px) {
  div[role="content"] {
    padding:50px 10px 10px;
  }
}
div[role="content"] h2 {
  font-size:30px;
  margin-top:0px;
}
.btn {
  width:160px;
  height:34px;
  word-break:break-word;
  white-space:normal;
}
form button.btn {
  text-transform:uppercase;
}
a, a:hover, a:visited, a:focus {
  color:#e6a508;
}
a.btn, a.btn:hover, a.btn:visited, a.btn:focus {
  color:#fff;
}
button.form-control {
  word-break:break-word;
  border-radius:0;
  height:auto;
}

/* main header */
div[role="main-header"] {
  margin-top:15px;
}
.accor-brand-logo {
  display:block;
  background:url(./images/brand-logo.png) no-repeat top center;
  background-size:contain;
  min-width:270px;
  max-width:350px;
  height:130px;
  width:100%;
  margin:0 auto;
}
.text-wifi {
  font-size:50px;
  line-height:36px;
  height:36px;
  font-family:Gotham, Tahoma,Verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.text-header {
  font-size:18px;
  font-weight:400;
  font-family:Gotham, Tahoma,Verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
#languageLabel, #help {
  background:transparent;
  border:0;
  outline:0;
}
button#help {
  color:#3689C7;
  margin-bottom:25px;
}

/* terms */
.terms {
  font-size:10px;
  color:#777;
}
.terms a {
    text-decoration:underline;
    color:#777;
}

/* marketing */
.marketing-field input {
  width:100%;
}
.marketing-email {
  display:block!important;
}
.marketing-optin-checkbox  label{
  font-size:12px;
  line-height:20px;
}

.marketing-field input {
  margin-bottom:0;
}

/* dash form */
[role="plan-select-page"], #access_code_select.access-code-multi {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
}
.dash-form {
    border:2px dashed rgba(255, 255, 255, .2);
    border-radius:8px;
    padding:10px 20px;
    width:230px;
    min-width:230px;
    min-height:285px;
    margin:5px;
    -webkit-box-flex:1;
        -ms-flex-positive:1;
            flex-grow:1;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
}
.dash-form.access-code-form {
  padding:20px 20px 10px;
  margin:0 auto;
  width:auto;
  min-width:230px;
  max-width:500px;
  min-height:0;
}
.flex-space {
  -webkit-box-flex:1;
      -ms-flex-positive:1;
          flex-grow:1;
}
.set-max-width {
  max-width:350px;
}
@media only screen and (max-width:768px) {
  [role="plan-select-page"] {
    display:block;
  }
  .dash-form {
    margin:10px auto;
    width:auto;
    max-width:350px;
  }
}

/* plan select*/
.plan-title .plan-subtitle {
  text-transform:uppercase;
  font-size:18px;
  letter-spacing:-0.5px;
}
.plan-price-amount {
  color:#e6a508;
}
select[name="quantity"], select[name="payment_adapter"] {
  padding-left:8px;
  padding-right:20px;
}
.arrow-down {
  width:0;
  height:0;
  border-left:4px solid transparent;
  border-right:4px solid transparent;
  border-top:4px solid #e6a508;
  display:inline-block;
}
.quantity-div {
  width:190px;
  margin:0 auto;
}
.quantity-select{
  width:190px;
  max-height:200px;
  overflow-y:auto;
}
.quantity-content{
  position:absolute;
  margin:0px auto;
  border-radius:8px;
  background:#fff;
  max-height:210px;
  padding:5px 0;
  z-index:2;
}

.quantity-select>li:hover{
  background:#e6a508;
  color:#fff;
}

/* access code */
[role="access-code"] {
  margin:30px auto;
  max-width:250px;
  width:100%;
}

[role="access-code-sms"], [role="access-code-sms"] ~ [role="access-code"], [role="access-code-sms"] ~ .access-code-container > [role="access-code"] {
  margin:20px auto;
  max-width:250px;
  width:100%;
}

.text-subtitle {
  font-size:10px;
}
@media only screen and (min-width:1000px) {
  #phone.text-smaller::-webkit-input-placeholder{
    font-size:10px;
  }
  #phone.text-smaller::-moz-placeholder{
    font-size:10px;
  }
  #phone.text-smaller:-ms-input-placeholder{
    font-size:10px;
  }
  #phone.text-smaller::-ms-input-placeholder{
    font-size:10px;
  }
  #phone.text-smaller::placeholder{
    font-size:10px;
  }
}
input#phone.long-text::-webkit-input-placeholder {
  font-size:10px;
  white-space:pre-wrap;
  position:relative;
}
input#phone.long-text::-moz-placeholder {
  font-size:10px;
  white-space:pre-wrap;
  position:relative;
}
input#phone.long-text:-ms-input-placeholder {
  font-size:10px;
  white-space:pre-wrap;
  position:relative;
}
input#phone.long-text::-ms-input-placeholder {
  font-size:10px;
  white-space:pre-wrap;
  position:relative;
}
input#phone.long-text::placeholder {
  font-size:10px;
  white-space:pre-wrap;
  position:relative;
}
@media only screen and (max-width:1000px) {
  input#phone.long-text::-webkit-input-placeholder {
    top:0px;
  }
  input#phone.long-text::-moz-placeholder {
    top:0px;
  }
  input#phone.long-text:-ms-input-placeholder {
    top:0px;
  }
  input#phone.long-text::-ms-input-placeholder {
    top:0px;
  }
  input#phone.long-text::placeholder {
    top:0px;
  }
}

input#phone.long-text.extra::-webkit-input-placeholder {
}
input#phone.long-text.extra::-moz-placeholder {
  font-size:8px;
  white-space: nowrap;
}
input#phone.long-text.extra:-ms-input-placeholder {
  font-size:8px;
}
input#phone.long-text.extra::-ms-input-placeholder {
  top:-7px;
}
input#phone.long-text.extra::placeholder {
  top:-7px;
}

.access-code-multi > .dash-form{
  padding:20px 20px 10px 20px;
}

/* iti */
.intl-tel-input {
  width:100%;
  display:block;
}
.country-list {
  color:#000;
  width:250px;
}
ul#country-listbox li {
  word-break:break-word;
  white-space:normal;
}
.selected-dial-code{
  color:#000;
}
.intl-tel-input .selected-flag .iti-arrow {
    left:35px;
    margin:0;
    right:0;
    top:40%;
    font-size:12px;
    color:#D9D9D9;
}
.intl-tel-input.separate-dial-code.allow-dropdown .selected-flag:hover, .intl-tel-input.separate-dial-code.allow-dropdown .selected-flag:focus {
  background:transparent;
  outline:0;
}

.iti-mobile .intl-tel-input.iti-container {
    top:0;
    bottom:0;
    left:0;
    right:0;
    width:80%;
    margin:20px auto;
}

/* input box */
.form-control:focus {
    border-color:rgb(230, 165, 24);
    outline:0;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(230, 165, 24, .6);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(230, 165, 24, .6);
}
.form-control {
	border-radius:0px;
}
.form-control::-webkit-input-placeholder {
	font-weight:400;
  text-transform:uppercase;
}
.form-control::-moz-placeholder {
	font-weight:400;
  text-transform:uppercase;
}
.form-control:-ms-input-placeholder {
	font-weight:400;
  text-transform:uppercase;
}
.form-control::-ms-input-placeholder {
	font-weight:400;
  text-transform:uppercase;
}
.form-control::placeholder {
	font-weight:400;
  text-transform:uppercase;
}

/* rtl case */
.rtl {
  direction:rtl;
}
.rtl .text-left, .rtl th, .rtl .dropdown-menu {
  text-align:right;
}
.rtl .radio label, .rtl .checkbox label {
  padding-right:20px;
}
.rtl .checkbox input {
  margin-right:-20px;
}

/* rtl iti */
.rtl .intl-tel-input.allow-dropdown .flag-container, .rtl  .intl-tel-input.separate-dial-code .flag-container {
  right:0;
}
.rtl .intl-tel-input .selected-flag {
  padding:0 8px 0 0;
}
.rtl .intl-tel-input.separate-dial-code .selected-dial-code {
  padding-left:0;
  padding-right:28px;
}
.rtl .intl-tel-input .selected-flag .iti-arrow {
  left:0;
  right:35px;
}
.rtl .intl-tel-input .country-list {
  left:1px;
  text-align:right;
}
.rtl .intl-tel-input .country-list .flag-box, .rtl .intl-tel-input .country-list .country-name {
  margin-right:0;
  margin-left:6px;
}
.rtl .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input, .rtl .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text], .rtl .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] {
  padding-right:84px;
  padding-left:0;
}
.rtl .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input, .rtl .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text], .rtl .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel] {
  padding-right:76px;
  padding-left:0;
}
.rtl .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input, .rtl .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text], .rtl .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel] {
  padding-left:0;
  padding-right:92px;
}
.rtl .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input, .rtl .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text], .rtl .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel] {
  padding-left:0;
  padding-right:100px;
}
.rtl span.dial-code::before {
  content:"\200f";
  }

/* connected */
.dash-form-gcp{
  border:2px dashed rgba(255,255,255,.2);
  border-radius:8px;
  padding:20px;
}
.progress {
  border-radius:0;
}
.progress-bar-success {
  background-color:#e6a508;
}
a[role="gcp-autoredirect"] {
  color:#e6a508;
  word-break:break-word;
}
.list-item {
  border-bottom:1px solid #fff;
  padding:5px 0;
}
.list-item.last {
  border-bottom:0;
}

.dash-form-gcp button {
  width:100%;
  margin-bottom:5px;
}

/* gcp */
.panel-info {
  border-color:#e6a508;
  background:transparent;
}
.panel-info>.panel-heading {
  color:#fff;
  background-color:#e6a508;
  border-color:#e6a508;
}
.panel-body {
  padding:15px;
  background:transparent;
  color:#fff;
}

.receipt[role=tabpanel], .receipt[role=tablist] {
  padding:0 15px;
}

[role="gcp-connect-block"] select {
  color:#000;
}

/* footer */
.footer-divider {
    margin-top:100px;
}
.footer {
    position:absolute;
    bottom:0;
}
.brand-footer {
    background:transparent url(./images/brand-footer.png) no-repeat center center;
    background-size:contain;
    height:80px;
}

/* button */
.btn {
	border-radius:8px;
	text-transform:uppercase;
  font-weight:bold;
  font-family:Gotham, Tahoma,Verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.btn-success, .btn-default, .btn-primary {
	color:#fff;
    background-color:#e6a508;
    border-color:#e6a508;
}
.btn-secondary {
	color:#000;
}
.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success {
	color:#fff;
    background-color:#e6a508;
    border-color:#e6a508;
}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default {
	color:#fff;
    background-color:#e6a508;
    border-color:#e6a508;
}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
	color:#fff;
    background-color:#e6a508;
    border-color:#e6a508;
}
.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active {
	color:#fff;
    background-color:#e6a508;
    border-color:#e6a508;
}
.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active{
	color:#fff;
    background-color:#e6a508;
    border-color:#e6a508;
}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
	outline:0;
}

@media only screen and (max-width:809px) {
  button[role="back-btn"],   button[role="back-btn"] + button {
    margin-bottom:5px;
  }
}

/* modal */
.close,.close:hover,.close:focus {
  color:#eee;
  opacity:unset;
}
.modal {
  background-color: rgba(0,0,0,0.5);
}
.modal-content {
  background-color:#313131;
  color:#eee;
  text-align:center;
}
.modal-header {
  border-bottom:1px solid #e6a518;
}
.modal-footer {
  border-top:0px;
}
#termsModal .modal-body {
  font-size:smaller;
  max-height:450px;
  overflow-y:scroll;
}

/* loading content*/
.loading-animation {
    background-image:url(./images/loader.gif);
    display:inline-block;
    max-width:100%;
    width:230px;
    height:100px;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
}
/* error content */
.input-error, .custom-error, .text-error {
  color:#a94442;
  text-align:left;
}
.active-error, .active-error input, .active-error .intl-tel-input .selected-dial-code, .input-error {
    border-color:#E60012!important;
}

.list-group-item-danger {
  color:#fff;
  background-color:#e6a508;
}
.list-group-item {
  border:1px solid #e6a508;
}
.list-group-item-warning{
  color:#fff;
  background-color:transparent;
}

.active-error .input-error, .active-error~.custom-error, .text-disclaimer {
    color:#fff;
    background-color:rgba(230, 0, 18, .5);
    padding:5px;
}

/* global class */
.no-padding { /* offset col classes padding*/
  padding-left:0;
  padding-right:0;
}
.no-margin {
  margin-left:0;
  margin-right:0;
}
.h-margin-15 {
  margin-left:15px;
  margin-right:15px;
}
.v-margin-10 {
  margin-top:10px;
  margin-bottom:10px;
}
.v-margin-5 {
  margin-top:5px;
  margin-bottom:5px;
}
.v-padding-10 {
  padding-top:10px;
  padding-bottom:10px;
}
.font-10 {
  font-size:10px;
}
.pointer{
  cursor:pointer;
}
.noselect {
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
.nolist {
  list-style-type:none;
  padding:0;
  margin-bottom:0;
}
.list-border {
  border:1px solid rgba(255, 255, 255, .2);
  width:60px;
  margin:10px auto;
}
.list-border.max-width {
  width:100%;
}

/* fonts */
@font-face{
	font-family:'Gotham';
	src:url("../fonts/gotham/GothamProLight.eot");
	src:url("../fonts/gotham/GothamProLight.eot?#iefix") format("embedded-opentype"),
	url("../fonts/gotham/GothamProLight.woff") format("woff"),
	url("../fonts/gotham/GothamProLight.ttf") format("truetype"),
	url("../fonts/gotham/GothamProLight.svg#GothamProLight") format("svg");
	font-weight:300;
	font-style:normal}
@font-face{
	font-family:'Gotham';
	src:url("../fonts/gotham/GothamProMedium.eot");
	src:url("../fonts/gotham/GothamProMedium.eot?#iefix") format("embedded-opentype"),
	url("../fonts/gotham/GothamProMedium.woff") format("woff"),
	url("../fonts/gotham/GothamProMedium.ttf") format("truetype"),
	url("../fonts/gotham/GothamProMedium.svg#GothamProMedium") format("svg");
	font-weight:500;
	font-style:normal}
@font-face{
	font-family:'Gotham';
	src:url("../fonts/gotham/GothamProRegular.eot");
	src:url("../fonts/gotham/GothamProRegular.eot?#iefix") format("embedded-opentype"),
	url("../fonts/gotham/GothamProRegular.woff") format("woff"),
	url("../fonts/gotham/GothamProRegular.ttf") format("truetype"),
	url("../fonts/gotham/GothamProRegular.svg#GothamProRegular") format("svg");
	font-weight:400;
	font-style:normal}
@font-face{
	font-family:'Gotham';
	src:url("../fonts/gotham/GothamProBlack.eot");
	src:url("../fonts/gotham/GothamProBlack.eot?#iefix") format("embedded-opentype"),
	url("../fonts/gotham/GothamProBlack.woff") format("woff"),
	url("../fonts/gotham/GothamProBlack.ttf") format("truetype"),
	url("../fonts/gotham/GothamProBlack.svg#GothamProBlack") format("svg");
	font-weight:900;
	font-style:normal}
@font-face{
	font-family:'Gotham';
	src:url("../fonts/gotham/GothamProBold.eot");
	src:url("../fonts/gotham/GothamProBold.eot?#iefix") format("embedded-opentype"),
	url("../fonts/gotham/GothamProBold.woff") format("woff"),
	url("../fonts/gotham/GothamProBold.ttf") format("truetype"),
	url("../fonts/gotham/GothamProBold.svg#GothamProBold") format("svg");
	font-weight:bold;
	font-style:normal}