/**
 *	Master Variables File
 *	This file holds all the includes that can be the included into other files.
 *	It is imperative that all files under the variable banner do not contain any
 *	code.
 */
/**
 *	Defaults
 */
/*
 *	These are the variables taken from screen.scss.
 */
/**
 *	Just for the Focus Area. A very simple mixin that's all frivolous.
 *  It's no longer frivolous Liam, it has a purpose now, leave it alone.
 */
/**
 *	Button
 */
/**
 *	Form Button Mixin
 */
/**
 *	Screen Width
 */
/**
 *	Mixin's defined for the whole project.
 */
/**
 *	Accordion Style
 */
/* line 5, ../../sass/parts/_accordion.scss */
.version {
  content: "#3";
}

/* line 16, ../../sass/parts/_accordion.scss */
.accordion-wrapper {
  font-family: "Open Sans", sans-serif;
  width: 100%;
}
/* line 21, ../../sass/parts/_accordion.scss */
.accordion-wrapper .panel {
  margin-bottom: 10px;
}
/* line 26, ../../sass/parts/_accordion.scss */
.accordion-wrapper .panel-edit {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  border: none;
}
/* line 32, ../../sass/parts/_accordion.scss */
.accordion-wrapper .icon {
  float: right;
  margin-right: -5px;
  margin-left: 10px;
}
/* line 39, ../../sass/parts/_accordion.scss */
.accordion-wrapper .panel-title a {
  display: block;
  padding: 10px 15px;
  margin: -10px -15px;
  background: #e6e6e6;
  color: black;
}
/* line 48, ../../sass/parts/_accordion.scss */
.accordion-wrapper .panel-content {
  background: #e6e6e6;
  color: black;
}

/**
 *	Register Form
 */
/* line 21, ../../sass/imports/registerform.scss */
#RegisterForm_RegisterForm label, #OnboardingRegisterForm_RegisterForm label {
  font-size: 14px !important;
}
/* line 25, ../../sass/imports/registerform.scss */
#RegisterForm_RegisterForm .terms-and-conditions, #OnboardingRegisterForm_RegisterForm .terms-and-conditions {
  line-height: 20px;
}
/* line 29, ../../sass/imports/registerform.scss */
#RegisterForm_RegisterForm .privacy-policy, #OnboardingRegisterForm_RegisterForm .privacy-policy {
  line-height: 20px;
  margin-top: 10px;
}
/* line 34, ../../sass/imports/registerform.scss */
#RegisterForm_RegisterForm .version, #OnboardingRegisterForm_RegisterForm .version {
  content: "#2";
}
/* line 36, ../../sass/imports/registerform.scss */
#RegisterForm_RegisterForm input:not([type=checkbox]):not([type=submit]), #RegisterForm_RegisterForm select:not(.dateselectorfield), #OnboardingRegisterForm_RegisterForm input:not([type=checkbox]):not([type=submit]), #OnboardingRegisterForm_RegisterForm select:not(.dateselectorfield) {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  width: 260px;
  height: 35px;
  margin-bottom: 10px;
  border: none;
  color: #90959b;
  padding-left: 10px;
  padding-right: 10px;
  width: calc(100% - 17px) !important;
}
/* line 51, ../../sass/imports/registerform.scss */
#RegisterForm_RegisterForm .field.InternationalPhoneNumberField, #OnboardingRegisterForm_RegisterForm .field.InternationalPhoneNumberField {
  width: calc(100% - 17px) !important;
  display: inline-block !important;
}
/* line 54, ../../sass/imports/registerform.scss */
#RegisterForm_RegisterForm .field.InternationalPhoneNumberField input, #OnboardingRegisterForm_RegisterForm .field.InternationalPhoneNumberField input {
  width: 100% !important;
}
@media screen and (max-width: 960px) {
  /* line 60, ../../sass/imports/registerform.scss */
  #RegisterForm_RegisterForm #termsAndConditions .label-edit, #RegisterForm_RegisterForm #competitionTermsAndConditions .label-edit, #OnboardingRegisterForm_RegisterForm #termsAndConditions .label-edit, #OnboardingRegisterForm_RegisterForm #competitionTermsAndConditions .label-edit {
    display: none;
  }
}
/* line 67, ../../sass/imports/registerform.scss */
#RegisterForm_RegisterForm .terms-and-conditions div, #OnboardingRegisterForm_RegisterForm .terms-and-conditions div {
  font-size: 14px;
  line-height: 20px;
}
/* line 73, ../../sass/imports/registerform.scss */
#RegisterForm_RegisterForm .field, #OnboardingRegisterForm_RegisterForm .field {
  width: 100%;
  display: inline-block;
}
/* line 75, ../../sass/imports/registerform.scss */
#RegisterForm_RegisterForm .field.Eighteen, #OnboardingRegisterForm_RegisterForm .field.Eighteen {
  margin-bottom: 10px;
}
/* line 81, ../../sass/imports/registerform.scss */
#RegisterForm_RegisterForm .field .checkbox-labels, #OnboardingRegisterForm_RegisterForm .field .checkbox-labels {
  font-family: "Open Sans", sans-serif;
}
@media screen and (max-width: 768px) {
  /* line 86, ../../sass/imports/registerform.scss */
  #RegisterForm_RegisterForm .field.Eighteen, #OnboardingRegisterForm_RegisterForm .field.Eighteen {
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 960px) {
  /* line 73, ../../sass/imports/registerform.scss */
  #RegisterForm_RegisterForm .field, #OnboardingRegisterForm_RegisterForm .field {
    display: block;
  }
}
/* line 98, ../../sass/imports/registerform.scss */
#RegisterForm_RegisterForm .field .field-holder, #OnboardingRegisterForm_RegisterForm .field .field-holder {
  display: inline-block;
}
@media screen and (max-width: 960px) {
  /* line 98, ../../sass/imports/registerform.scss */
  #RegisterForm_RegisterForm .field .field-holder, #OnboardingRegisterForm_RegisterForm .field .field-holder {
    width: 100%;
  }
}
/* line 106, ../../sass/imports/registerform.scss */
#RegisterForm_RegisterForm .field .label-edit, #OnboardingRegisterForm_RegisterForm .field .label-edit {
  display: inline-block;
  width: 140px;
  text-align: right;
  margin-right: 10px;
  color: white;
}
@media screen and (max-width: 960px) {
  /* line 106, ../../sass/imports/registerform.scss */
  #RegisterForm_RegisterForm .field .label-edit, #OnboardingRegisterForm_RegisterForm .field .label-edit {
    text-align: left;
    margin-bottom: 10px;
  }
}
/* line 121, ../../sass/imports/registerform.scss */
#RegisterForm_RegisterForm .icon, #OnboardingRegisterForm_RegisterForm .icon {
  position: relative;
  display: inline-block;
  color: white;
  width: 4%;
  text-align: center;
}
/* line 131, ../../sass/imports/registerform.scss */
#RegisterForm_RegisterForm .dateselector, #OnboardingRegisterForm_RegisterForm .dateselector {
  display: inline-block;
  margin-bottom: 10px;
  width: calc(100% - 17px) !important;
}
/* line 137, ../../sass/imports/registerform.scss */
#RegisterForm_RegisterForm .dateselectorfield, #OnboardingRegisterForm_RegisterForm .dateselectorfield {
  width: 32.3%;
  height: 35px;
  color: black;
  display: inline-block;
}
/* line 145, ../../sass/imports/registerform.scss */
#RegisterForm_RegisterForm .checkbox-labels, #OnboardingRegisterForm_RegisterForm .checkbox-labels {
  display: inline-block;
  position: relative;
  font-weight: normal;
  margin-left: 5px;
  color: white;
}
/* line 153, ../../sass/imports/registerform.scss */
#RegisterForm_RegisterForm input[type=checkbox], #OnboardingRegisterForm_RegisterForm input[type=checkbox] {
  display: inline-block;
  height: auto;
  width: auto;
}
/* line 159, ../../sass/imports/registerform.scss */
#RegisterForm_RegisterForm .checkbox, #OnboardingRegisterForm_RegisterForm .checkbox {
  margin: 0;
  padding: 0;
}
/* line 165, ../../sass/imports/registerform.scss */
#RegisterForm_RegisterForm .action, #OnboardingRegisterForm_RegisterForm .action {
  margin-top: 10px;
  margin-left: 153px;
  margin-bottom: 20px;
}
@media screen and (max-width: 960px) {
  /* line 165, ../../sass/imports/registerform.scss */
  #RegisterForm_RegisterForm .action, #OnboardingRegisterForm_RegisterForm .action {
    margin-left: 0;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  /* line 176, ../../sass/imports/registerform.scss */
  #RegisterForm_RegisterForm .submit.button, #OnboardingRegisterForm_RegisterForm .submit.button {
    margin: 10px 0px;
    display: block;
  }
}
/* line 182, ../../sass/imports/registerform.scss */
#RegisterForm_RegisterForm .required-fields, #OnboardingRegisterForm_RegisterForm .required-fields {
  margin-top: 10px;
  margin-left: 163px;
  font-family: "Open Sans", sans-serif;
}
@media screen and (max-width: 768px) {
  /* line 182, ../../sass/imports/registerform.scss */
  #RegisterForm_RegisterForm .required-fields, #OnboardingRegisterForm_RegisterForm .required-fields {
    margin-left: 0;
  }
}
@media screen and (max-width: 960px) {
  /* line 182, ../../sass/imports/registerform.scss */
  #RegisterForm_RegisterForm .required-fields, #OnboardingRegisterForm_RegisterForm .required-fields {
    margin-left: 0;
  }
}
/* line 195, ../../sass/imports/registerform.scss */
#RegisterForm_RegisterForm #RegisterForm_RegisterForm_TermsAndConditions, #RegisterForm_RegisterForm #OnboardingRegisterForm_RegisterForm_TermsAndConditions, #OnboardingRegisterForm_RegisterForm #RegisterForm_RegisterForm_TermsAndConditions, #OnboardingRegisterForm_RegisterForm #OnboardingRegisterForm_RegisterForm_TermsAndConditions {
  font-family: "Open Sans", sans-serif;
}
/* line 199, ../../sass/imports/registerform.scss */
#RegisterForm_RegisterForm #depositPromotionTermsAccepted, #RegisterForm_RegisterForm #receiveEmailDrawRemindersAccepted, #RegisterForm_RegisterForm #receiveEmailPromotionalMessagesAccepted, #RegisterForm_RegisterForm #receiveSMSDrawRemindersAccepted, #RegisterForm_RegisterForm #receiveSMSPromotionalMessagesAccepted, #OnboardingRegisterForm_RegisterForm #depositPromotionTermsAccepted, #OnboardingRegisterForm_RegisterForm #receiveEmailDrawRemindersAccepted, #OnboardingRegisterForm_RegisterForm #receiveEmailPromotionalMessagesAccepted, #OnboardingRegisterForm_RegisterForm #receiveSMSDrawRemindersAccepted, #OnboardingRegisterForm_RegisterForm #receiveSMSPromotionalMessagesAccepted {
  display: none !important;
}
/* line 204, ../../sass/imports/registerform.scss */
#RegisterForm_RegisterForm .checkbox-field input, #OnboardingRegisterForm_RegisterForm .checkbox-field input {
  float: left;
  margin-right: 5px;
  width: 18px;
}
/* line 209, ../../sass/imports/registerform.scss */
#RegisterForm_RegisterForm .checkbox-field label, #OnboardingRegisterForm_RegisterForm .checkbox-field label {
  margin-left: 0;
  float: left;
  width: calc(100% - 23px);
}
/* line 214, ../../sass/imports/registerform.scss */
#RegisterForm_RegisterForm .checkbox-field .yes-divider, #OnboardingRegisterForm_RegisterForm .checkbox-field .yes-divider {
  margin-top: -1px;
}
/* line 216, ../../sass/imports/registerform.scss */
#RegisterForm_RegisterForm .checkbox-field .yes-divider div, #OnboardingRegisterForm_RegisterForm .checkbox-field .yes-divider div {
  font-size: 14px;
  line-height: 20px;
}

/* line 226, ../../sass/imports/registerform.scss */
#registerRecaptcha {
  height: 70px;
  transform: scale(0.865);
  margin-top: 10px;
  text-align: center;
  margin-left: 110px;
}
/* line 232, ../../sass/imports/registerform.scss */
#registerRecaptcha > div {
  display: inline-block;
}

/* line 236, ../../sass/imports/registerform.scss */
#loginRecaptcha {
  height: 93px;
  transform: scale(0.865);
  text-align: center;
}
/* line 240, ../../sass/imports/registerform.scss */
#loginRecaptcha > div {
  display: inline-block;
}

/* line 244, ../../sass/imports/registerform.scss */
.recaptcha-text {
  margin-bottom: 10px;
}

/* line 248, ../../sass/imports/registerform.scss */
.recaptcha-text-reg {
  margin-bottom: 5px;
  margin-left: 153px;
  margin-top: 10px;
}

/* line 255, ../../sass/imports/registerform.scss */
.login-link, .register-link {
  background: #393939;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: white;
  font-family: "Open Sans", sans-serif;
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 10px !important;
}
/* line 265, ../../sass/imports/registerform.scss */
.login-link a, .register-link a {
  color: #393939 !important;
  text-transform: uppercase;
  font-size: 12px !important;
  padding-left: 10px;
  padding-right: 10px;
}
@media screen and (max-width: 767px) {
  /* line 265, ../../sass/imports/registerform.scss */
  .login-link a, .register-link a {
    margin-bottom: 5px;
  }
}

/* line 277, ../../sass/imports/registerform.scss */
.heading.create-my-account {
  margin-bottom: 20px !important;
}

@media screen and (max-width: 950px) {
  /* line 282, ../../sass/imports/registerform.scss */
  #loginRecaptcha {
    margin-bottom: 10px;
    height: 70px;
  }

  /* line 286, ../../sass/imports/registerform.scss */
  .recaptcha-text-reg {
    margin-left: 0px;
  }

  /* line 289, ../../sass/imports/registerform.scss */
  #registerRecaptcha {
    float: left;
    margin-left: 0;
    transform-origin: 0 0;
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  /* line 298, ../../sass/imports/registerform.scss */
  #loginRecaptcha {
    transform: scale(1);
    height: 76px;
  }

  /* line 302, ../../sass/imports/registerform.scss */
  #registerRecaptcha {
    margin-left: 0;
    width: 100%;
    transform: scale(1);
    text-align: -webkit-center;
    height: 76px;
  }
}
/* line 311, ../../sass/imports/registerform.scss */
#OnboardingRegisterForm_RegisterForm hr {
  margin-top: 10px;
  border-color: white !important;
}

@media (max-width: 960px) {
  /* line 317, ../../sass/imports/registerform.scss */
  .field.termsAndConditions .label-edit, .field.privacyPolicy .label-edit, .field.unsubscribeFromMarketing .label-edit {
    display: none !important;
  }
}
/* line 322, ../../sass/imports/registerform.scss */
#marketing_panel {
  border: solid 2px white;
  padding: 15px;
  margin-top: 10px;
}
/* line 327, ../../sass/imports/registerform.scss */
#marketing_panel .marketing-warning .notifies {
  width: 100% !important;
  display: inline-block !important;
  padding: 0 !important;
}
/* line 332, ../../sass/imports/registerform.scss */
#marketing_panel .marketing-warning .standard-notification {
  background: orange;
  color: #393939 !important;
}
/* line 335, ../../sass/imports/registerform.scss */
#marketing_panel .marketing-warning .standard-notification .notification-text {
  font-size: 12px;
  line-height: 18px;
}
/* line 338, ../../sass/imports/registerform.scss */
#marketing_panel .marketing-warning .standard-notification .notification-text .glyphicon-warning-sign {
  color: white;
}
/* line 344, ../../sass/imports/registerform.scss */
#marketing_panel > .label-edit {
  margin-bottom: 10px;
}
@media (min-width: 961px) {
  /* line 348, ../../sass/imports/registerform.scss */
  #marketing_panel .label-edit {
    width: 122px !important;
    text-align: right;
  }
  /* line 352, ../../sass/imports/registerform.scss */
  #marketing_panel .field-holder {
    width: 290px !important;
  }
  /* line 355, ../../sass/imports/registerform.scss */
  #marketing_panel > .label-edit {
    position: absolute;
    line-height: initial;
  }
}
@media (max-width: 960px) {
  /* line 361, ../../sass/imports/registerform.scss */
  #marketing_panel .field-group .label-edit {
    display: none;
  }
}
/* line 365, ../../sass/imports/registerform.scss */
#marketing_panel .field-group.receive-email {
  margin-bottom: 10px;
}

@media (min-width: 961px) {
  /* line 373, ../../sass/imports/registerform.scss */
  #OnboardingRegisterForm_RegisterForm #marketing_panel .label-edit {
    width: 112px !important;
  }
  /* line 376, ../../sass/imports/registerform.scss */
  #OnboardingRegisterForm_RegisterForm #marketing_panel .field-holder {
    width: 270px !important;
  }
}

/**
 *	Login Form
 */
/* line 17, ../../sass/imports/apiloginform.scss */
#APILoginForm_APILoginForm .field, #OnboardingLoginForm_APILoginForm .field {
  width: 100%;
}
/* line 22, ../../sass/imports/apiloginform.scss */
#APILoginForm_APILoginForm input:not([type=checkbox]):not([type=submit]), #OnboardingLoginForm_APILoginForm input:not([type=checkbox]):not([type=submit]) {
  width: 100%;
  line-height: 35px;
  height: 35px;
  margin-bottom: 10px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  border: none;
  color: #90959b;
  padding-left: 10px;
  padding-right: 10px;
  font-family: "Open Sans", sans-serif;
}
/* line 38, ../../sass/imports/apiloginform.scss */
#APILoginForm_APILoginForm input[type=password], #OnboardingLoginForm_APILoginForm input[type=password] {
  margin: 0;
}
/* line 43, ../../sass/imports/apiloginform.scss */
#APILoginForm_APILoginForm .RememberMe label, #OnboardingLoginForm_APILoginForm .RememberMe label {
  font-size: 10px;
  padding-left: 5px;
  font-size: 12px;
  color: white;
  font-family: "Open Sans", sans-serif;
  font-weight: normal;
  position: absolute;
  margin-top: 5px;
  font-family: "Open Sans", sans-serif;
}
/* line 55, ../../sass/imports/apiloginform.scss */
#APILoginForm_APILoginForm .RememberMe input[type=checkbox], #OnboardingLoginForm_APILoginForm .RememberMe input[type=checkbox] {
  display: inline-block;
  margin-top: 5px;
}
/* line 61, ../../sass/imports/apiloginform.scss */
#APILoginForm_APILoginForm .forgot-password-link, #OnboardingLoginForm_APILoginForm .forgot-password-link {
  float: right;
  font-size: 14px;
  color: white;
  font-family: "Open Sans", sans-serif;
  font-family: "Open Sans", sans-serif;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  /* line 69, ../../sass/imports/apiloginform.scss */
  #APILoginForm_APILoginForm .forgot-password-link, #APILoginForm_APILoginForm .login-link, #APILoginForm_APILoginForm .register-link, #OnboardingLoginForm_APILoginForm .forgot-password-link, #OnboardingLoginForm_APILoginForm .login-link, #OnboardingLoginForm_APILoginForm .register-link {
    float: left;
    width: 100%;
  }
}
/* line 76, ../../sass/imports/apiloginform.scss */
#APILoginForm_APILoginForm .action, #OnboardingLoginForm_APILoginForm .action {
  width: 100px;
  margin-top: 10px;
}
@media screen and (max-width: 960px) {
  /* line 76, ../../sass/imports/apiloginform.scss */
  #APILoginForm_APILoginForm .action, #OnboardingLoginForm_APILoginForm .action {
    width: 100%;
  }
}

/* line 86, ../../sass/imports/apiloginform.scss */
.login-link, .register-link {
  background: #393939;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: white;
  font-family: "Open Sans", sans-serif;
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 10px !important;
}
/* line 96, ../../sass/imports/apiloginform.scss */
.login-link a, .register-link a {
  color: #393939 !important;
  text-transform: uppercase;
  font-size: 12px !important;
  padding-left: 10px;
  padding-right: 10px;
}
@media screen and (max-width: 767px) {
  /* line 96, ../../sass/imports/apiloginform.scss */
  .login-link a, .register-link a {
    margin-bottom: 5px;
  }
}

/* line 108, ../../sass/imports/apiloginform.scss */
.heading.login {
  margin-bottom: 20px !important;
}

/* line 19, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage {
  font-family: "Open Sans", sans-serif;
  font-family: "Open Sans", sans-serif;
}
@media (max-width: 768px) {
  /* line 22, ../../sass/pages/TopUpOnboardingPage.scss */
  .TopUpOnboardingPage .field.termsAndConditions {
    margin-top: 0px;
  }
}
/* line 27, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage .form_error__holder {
  float: none;
  width: 100%;
}
/* line 32, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage .form__field.form__field--date {
  border: 0 !important;
}
/* line 35, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage .spinner-holder {
  margin: 30px 0;
  color: white;
}
/* line 38, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage .spinner-holder i {
  margin-bottom: 15px;
}
/* line 43, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage .form-area hr {
  border-color: white;
}
/* line 46, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage .focus-area .box {
  margin-bottom: 0;
}
/* line 48, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage .focus-area .box .subbox-focus {
  background-color: white;
  border: 1px solid darkgray;
  border-radius: 3px;
  padding: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
  min-height: 94px;
}
@media (max-width: 767px) {
  /* line 59, ../../sass/pages/TopUpOnboardingPage.scss */
  .TopUpOnboardingPage .focus-area .box .subbox-focus.pool {
    min-height: inherit;
  }
}
/* line 65, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage .focus-area .box .subbox-focus h1, .TopUpOnboardingPage .focus-area .box .subbox-focus h2, .TopUpOnboardingPage .focus-area .box .subbox-focus p {
  color: black;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}
/* line 72, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage .focus-area .box .subbox-focus h1 {
  font-size: 150%;
}
/* line 76, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage .focus-area .box .subbox-focus p {
  margin-top: 10px;
}
/* line 81, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage .focus-area .box .inner-focus {
  background-color: #d1d1d1;
  border: 1px solid darkgray;
  border-radius: 3px;
  padding: 10px;
  display: inline-block;
  width: 100%;
}
/* line 89, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage .focus-area .box .inner-focus h2 {
  color: black;
}
/* line 94, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage .focus-area .box .inner-title-padding {
  font-size: 20px;
}
/* line 98, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage .focus-area .box .funds__message {
  line-height: 32px;
}
@media (max-width: 767px) {
  /* line 98, ../../sass/pages/TopUpOnboardingPage.scss */
  .TopUpOnboardingPage .focus-area .box .funds__message {
    line-height: inherit;
    text-align: center;
  }
}
/* line 106, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage .focus-area {
  margin-bottom: 0 !important;
}
/* line 109, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage hr {
  border-color: darkgrey;
}
/* line 112, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage .picker-clock {
  margin: 0 !important;
}
/* line 115, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage .panel-registration, .TopUpOnboardingPage .panel-login {
  background-color: #4aa0e7;
  border: 2px solid white;
  border-radius: 3px;
  padding: 15px 15px 0 15px;
  margin-bottom: 20px;
}
/* line 121, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage .panel-registration .col-left, .TopUpOnboardingPage .panel-login .col-left {
  padding-right: 7.5px;
}
@media (max-width: 767px) {
  /* line 121, ../../sass/pages/TopUpOnboardingPage.scss */
  .TopUpOnboardingPage .panel-registration .col-left, .TopUpOnboardingPage .panel-login .col-left {
    padding: 0;
  }
}
/* line 127, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage .panel-registration .col-right, .TopUpOnboardingPage .panel-login .col-right {
  padding-left: 7.5px;
}
@media (max-width: 767px) {
  /* line 127, ../../sass/pages/TopUpOnboardingPage.scss */
  .TopUpOnboardingPage .panel-registration .col-right, .TopUpOnboardingPage .panel-login .col-right {
    padding: 0;
  }
}
/* line 133, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage .panel-registration .label-edit, .TopUpOnboardingPage .panel-login .label-edit {
  width: 130px !important;
}
@media (max-width: 767px) {
  /* line 133, ../../sass/pages/TopUpOnboardingPage.scss */
  .TopUpOnboardingPage .panel-registration .label-edit, .TopUpOnboardingPage .panel-login .label-edit {
    width: 100% !important;
  }
}
/* line 140, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage .currency-field input {
  width: 80% !important;
  border: 1px solid #ccc !important;
  border-top-right-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
}
/* line 146, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage .enter-amount {
  font-size: 18px !important;
  line-height: 30px;
  color: white;
}
@media (max-width: 767px) {
  /* line 146, ../../sass/pages/TopUpOnboardingPage.scss */
  .TopUpOnboardingPage .enter-amount {
    text-align: left;
  }
}
/* line 154, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage #ForgottenPasswordForm_ForgottenPasswordForm {
  padding: 0 15px;
}
/* line 157, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage #ForgottenPasswordForm_ForgottenPasswordForm, .TopUpOnboardingPage #ForgottenPasswordForm_ForgottenPasswordForm .field.text {
  font-size: 16px;
}
/* line 160, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage #ForgottenPasswordForm_ForgottenPasswordForm_email {
  margin-bottom: 10px;
}
/* line 163, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage #ForgottenPasswordForm_ForgottenPasswordForm_email {
  margin-top: 10px;
}
/* line 166, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage #ForgottenPasswordForm_ForgottenPasswordForm_action_process {
  background-color: #2ABB9B;
  color: white;
}
/* line 170, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage #ForgottenPasswordForm_ForgottenPasswordForm .button {
  width: 100%;
}
/* line 173, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage #OnboardingTopUpForm_TopUpForm_amount {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  background-color: white;
  padding: 0 12px;
  width: 80%;
  display: inline-block;
  height: 35px;
  line-height: 35px;
}
/* line 183, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage .message.error.form_error {
  display: inline-block;
}
@media screen and (max-width: 960px) {
  /* line 183, ../../sass/pages/TopUpOnboardingPage.scss */
  .TopUpOnboardingPage .message.error.form_error {
    padding: 0;
  }
}
/* line 189, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage .register-info p {
  font-size: 14px !important;
  line-height: 20px;
}
/* line 193, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage .btn-facebook {
  margin-bottom: 20px;
}
/* line 196, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage .caption.desktop p {
  font-size: 14px !important;
}
/* line 199, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage .form-area.step-one {
  margin-bottom: 20px;
}
/* line 202, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage .form-area.step-two {
  margin-bottom: 20px;
}
/* line 205, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage #TopUpForm .col-sm-8.control-label {
  padding-top: 4px;
}
/* line 208, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage .version {
  content: "#2";
}
/* line 211, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage .focus-area {
  padding: 0;
  margin-bottom: 20px;
}
/* line 215, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage .focus-area .register-form {
  font-size: 12px;
  color: white;
  font-family: "Open Sans", sans-serif;
  margin: 0;
  padding: 0px 0px;
}
/* line 221, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage .focus-area .register-form h3 {
  font-size: 20px;
  color: white;
  font-family: "Open Sans", sans-serif;
}
/* line 226, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage .focus-area .login-form {
  font-size: 12px;
  color: white;
  font-family: "Open Sans", sans-serif;
}
/* line 229, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage .focus-area .login-form h3 {
  font-size: 20px;
  color: white;
  font-family: "Open Sans", sans-serif;
}
/* line 234, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage .focus-area .heading {
  font-size: 36px;
  color: white;
  font-family: "Open Sans", sans-serif;
}
/* line 238, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage .focus-area .subheading {
  font-size: 24px;
  color: #adadad;
  font-family: "Open Sans", sans-serif;
}
/* line 242, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage .focus-area .hr-separator {
  border: 1px solid white;
  margin: 20px 0px 40px 0px;
  display: none;
}
@media screen and (max-width: 768px) {
  /* line 242, ../../sass/pages/TopUpOnboardingPage.scss */
  .TopUpOnboardingPage .focus-area .hr-separator {
    display: block;
    margin-bottom: 20px;
    margin-right: 0;
  }
}
/* line 253, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage .focus-area .field.eighteen .field-holder {
  vertical-align: top;
}
/* line 260, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage .focus-area .padding-text {
  margin-bottom: 20px;
}
/* line 264, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage .caption {
  font-size: 14px;
  color: white;
  font-family: "Open Sans", sans-serif;
  border: 1px solid white;
}
/* line 268, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage .complete.caption.desktop {
  padding: 10px;
  margin-top: 0;
}
/* line 272, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage .caption.mobile {
  margin-top: 20px;
  padding-bottom: 10px;
}
/* line 276, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage .focus-area h1.heading {
  font-size: 40px;
}
/* line 279, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage .summary-margin {
  margin-bottom: 20px;
}
/* line 282, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage .summary.summary-margin {
  padding-left: 20px;
}
@media screen and (max-width: 767px) {
  /* line 282, ../../sass/pages/TopUpOnboardingPage.scss */
  .TopUpOnboardingPage .summary.summary-margin {
    padding: 0;
  }
}
/* line 288, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage .focus-area h3 {
  font-size: 22px;
}
/* line 291, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage .focus-area .content h3 {
  font-size: 18px;
  margin-bottom: 20px;
}
/* line 295, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage .focus-area .caption.register-info h3 {
  margin: 10px 0;
}
/* line 299, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage .account-balance h3 span {
  font-size: 30px;
}
/* line 303, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage .gl-text {
  margin-top: 30px;
}
/* line 307, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage .whats-next-action .button {
  display: table-cell;
  vertical-align: middle;
  line-height: inherit;
}
/* line 313, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage #Onboarding_register_submit, .TopUpOnboardingPage #Onboarding_login_submit {
  margin-bottom: 20px;
}
/* line 316, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage .facebook-message {
  display: inline-block;
  color: white !important;
  text-decoration: underline;
  font-size: 14px !important;
  margin-bottom: 40px;
  width: 100%;
}
/* line 325, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage .facebook-sign-in-padding {
  margin-bottom: 10px;
}
/* line 329, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage #OnboardingTopUpForm_TopUpForm {
  background-color: #4aa0e7;
  border: 2px solid white;
  border-radius: 3px;
  padding: 15px 15px 0 15px;
  margin-bottom: 20px;
}
/* line 337, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage #TermsAndConditions {
  background-color: #fff;
  border-radius: 3px;
  padding: 20px;
  margin-bottom: 20px;
}
/* line 343, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage #TermsAndConditions h3 {
  font-size: 26px !important;
  color: #828282 !important;
}
/* line 348, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage #TermsAndConditions p {
  font-size: 14px !important;
  color: #242424 !important;
}
/* line 353, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage #TermsAndConditions .button-container {
  display: flex;
  justify-content: space-between;
}
/* line 356, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage #TermsAndConditions .button-container button {
  padding: 0 12px;
  border: none;
}
@media (max-width: 768px) {
  /* line 363, ../../sass/pages/TopUpOnboardingPage.scss */
  .TopUpOnboardingPage #TermsAndConditions .button-container {
    flex-direction: column;
    align-items: flex-start;
  }
  /* line 366, ../../sass/pages/TopUpOnboardingPage.scss */
  .TopUpOnboardingPage #TermsAndConditions .button-container button {
    width: 100%;
  }
  /* line 371, ../../sass/pages/TopUpOnboardingPage.scss */
  .TopUpOnboardingPage #TermsAndConditions .right-btn {
    order: -1;
  }
  /* line 375, ../../sass/pages/TopUpOnboardingPage.scss */
  .TopUpOnboardingPage #TermsAndConditions .left-btn {
    margin-top: 15px;
  }
}
/* line 381, ../../sass/pages/TopUpOnboardingPage.scss */
.TopUpOnboardingPage .problem-data {
  background-color: #4aa0e7;
  border: 2px solid white;
  border-radius: 3px;
  padding: 15px 15px 0 15px;
  margin-bottom: 20px;
  color: white;
}
/* line 6, ../../sass/imports/TopUpForm.scss */
.TopUpOnboardingPage #TopUpForm_TopUpForm label {
  font-size: 32px;
  margin-bottom: 10px;
}
/* line 12, ../../sass/imports/TopUpForm.scss */
.TopUpOnboardingPage .focus-area h1, .TopUpOnboardingPage .focus-area h2, .TopUpOnboardingPage .focus-area h3 {
  padding: 0;
}
/* line 16, ../../sass/imports/TopUpForm.scss */
.TopUpOnboardingPage .focus-area h2.balance-info {
  font-size: 22px;
  color: white;
  font-family: "Open Sans", sans-serif;
  margin-bottom: 20px;
}
/* line 21, ../../sass/imports/TopUpForm.scss */
.TopUpOnboardingPage .focus-area h2.balance-info .balance, .TopUpOnboardingPage .focus-area h2.balance-info .amount_currency, .TopUpOnboardingPage .focus-area h2.balance-info .amount {
  font-size: 32px;
  color: white;
  font-family: "Open Sans", sans-serif;
}
/* line 28, ../../sass/imports/TopUpForm.scss */
.TopUpOnboardingPage .what-next .entry {
  margin-top: 10px;
  padding-bottom: 15px;
}
/* line 32, ../../sass/imports/TopUpForm.scss */
.TopUpOnboardingPage .what-next .entry h3 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
/* line 38, ../../sass/imports/TopUpForm.scss */
.TopUpOnboardingPage .what-next .entry .border {
  margin-top: 15px;
  border-bottom: 1px solid black;
}
/* line 46, ../../sass/imports/TopUpForm.scss */
.TopUpOnboardingPage .what-next .whats-next-action .button {
  display: table-cell;
  vertical-align: middle;
  line-height: inherit;
}