/**
 * Entityforms: Site-wide basic styles.
 */

/*@todo: consider using these form styles site-wide instead of just entityforms. */

.field-type-file > div > .alert-block {
  display: none;
}

.entityform label { float: left; margin-top: 7px; width: 24%; font-size: 20px; }
.entityform input,
.entityform textarea { display: inline; margin-right: 10px; border: none; border-radius: 2px; width: 70%; box-shadow: none; }
.entityform select { display: inline; border: none; border-radius: 2px; width: 100%; box-shadow: none; }

.entityform input:focus,
.entityform select:focus,
.entityform textarea:focus { box-shadow: none; }

.entityform .grippie { display: none; }

.entityform .glyphicon-question-sign { margin-left: 10px; }
.entityform .glyphicon-question-sign:before { color: #767676; }

.entityform .terms-block-link { color: #18bc9c; }
.entityform .terms-block-link:hover { cursor: pointer; text-decoration: underline; }
.entityform .terms-block { display: block; margin-top: 10px; border-top: 1px solid #ecf0f1; padding-top: 10px; }
.entityform .terms-block .terms-block-close-link { float: right; cursor: pointer; opacity: 0.8; }
.entityform .terms-block .terms-block-close-link:hover { opacity: 1; }
.entityform .terms-block ul { margin-bottom: 0; }
.entityform .field-name-field-signatory-name .terms-block .title { display: block; margin: 0 0 5px; }

.entityform .group-transfer .help-block { margin: 0 0 20px; }
.entityform .help-block { font-size: 14px; margin-left: 35%; }
.entityform .help-block p { font-size: 14px; }

.entityform .has-error input,
.entityform .has-error input:focus,
.entityform .has-error textarea,
.entityform .has-error textarea:focus,
.entityform .has-error select,
.entityform .has-error select:focus { box-shadow: 0px 0px 0px 2px #EA6566 inset; }

.entityform .field-group-fieldset { margin-top: 60px; border: none; background-color: transparent; box-shadow: none; }
.entityform .field-group-fieldset .panel-heading,
.entityform .field-group-fieldset .panel-body { padding: 10px 0; }
.entityform .field-group-fieldset .panel-title { font-family: 'YogaWebPro'; font-size: 24px; line-height: 1; }

.entityform .form-group { clear: both; }
.entityform .form-group:last-child { margin: 0; }

.entityform .form-actions { margin: 0; text-align: right; }
.entityform .form-actions button { padding-left: 30px; padding-right: 30px; }
.entityform .form-actions .captcha {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 30px;
}
.entityform div[class*="field-name-field-button-next"] { margin: 20px 0 0; border-top: 1px solid #ddd; padding: 40px 0 0; text-align: right; }
.entityform div[class*="field-name-field-button-next"] p { margin-bottom: 0; }

.dragdropfile-processed,
.dragdropfile-processed.over { outline: 0; background: transparent; }
.dragdropfile-processed:before { display: none; }
.dragdropfile-processed fieldset { border: 0 none; border-radius: 0; background: transparent; box-shadow: none; }
.entityform .group-bank-account-details .dragdropfile-processed fieldset legend,
.dragdropfile-processed fieldset legend { float: left; margin: 0; border: 0 none; width: 35%; font-size: 20px; }
.entityform .dragdropfile-processed fieldset .panel-body { padding: 0; }
.entityform .dragdropfile-processed fieldset legend .fieldset-legend { font-size: 20px; }
.dragdropfile-processed fieldset .help-block { margin-bottom: 40px; font-size: 16.5px; color: #333; }
.dragdropfile-processed .glyphicon-question-sign,
.group-bank-account-details .dragdropfile-processed label,
.dragdropfile-processed label { display: none; }
.dragdropfile-processed .form-managed-file { display: block; padding: 20px; background: #fff; }
.dragdropfile-processed .form-managed-file .input-group-btn { display: block; width: 100%; clear: both; }
.dragdropfile-processed .form-type-managed-file .form-managed-file::before { content: "Drag and drop your files here"; display: block; float: left; border: 2px dashed #ccc; border-radius: 8px; padding: 40px 40px 40px 100px; width: 60%; font-size: 17px; font-weight: 500; background: url("../images/drug_drop_bg.png") 25px center no-repeat transparent; color: #333; }
.dragdropfile-processed.over .form-type-managed-file .form-managed-file::before { border-color: #82B240; color: #82B240; background-color: #F2FFE0; }
.dragdropfile-processed .form-type-managed-file .help-block.with-errors { margin: 0; }
.dragdropfile-processed .form-type-managed-file .help-block.with-errors .list-unstyled { padding: 0 20px 20px; background: #fff; }
.dragdropfile-processed .form-managed-file .image-widget-data { float: none; }
.dragdropfile-processed .ajax-progress-bar { margin: 20px 0 0; width: 100%; clear: both; }
.dragdropfile-processed .ajax-progress-bar .progress-striped { margin-bottom: 0; height: 15px; }
.dragdropfile-processed .ajax-progress-bar .progress-bar { background-color: #659033; }
.dragdropfile-processed .ajax-progress-bar .percentage,
.dragdropfile-processed .ajax-progress-bar .message { padding: 0; font-size: 14px; }
.dragdropfile-processed .ajax-progress-throbber .glyphicon-refresh { margin-left: 10px; top: 1px; -webkit-animation: spin 1s linear infinite; -moz-animation: spin 1s linear infinite;  animation: spin 1s linear infinite; }
.field-name-field-verify-bank span.ajax-new-content,
.field-name-field-verify-identity span.ajax-new-content { display: inline !important; }
.dragdropfile-processed .error.file-upload-js-error { padding-top: 10px; clear: both; color: #e74c3c; font-size: 14px; }

.dragdropfile-processed .tabledrag-toggle-weight,
.dragdropfile-processed .sticky-header,
.dragdropfile-processed table thead,
.dragdropfile-processed table .tabledrag-hide,
.dragdropfile-processed table .tabledrag-handle { display: none; }
.dragdropfile-processed table { margin-bottom: 10px; }
.dragdropfile-processed table.table-striped tr { background: transparent }
.dragdropfile-processed table tr td { border: 0; padding: 0;}
.dragdropfile-processed table tr td:last-child { text-align: right; }
.dragdropfile-processed table tr td:last-child button { margin-bottom: 10px; transition: none; padding: 6px 12px 4px; font-size: 16px; }
.dragdropfile-processed table tr td:last-child button.disabled { cursor: pointer; background-color: #ed7171; opacity: 1; }
.dragdropfile-processed table tr td:last-child button:hover { background-color: #e74444; }
.dragdropfile-processed table tr td .image-widget { margin-bottom: 10px; padding: 0; background: transparent; }
.dragdropfile-processed table tr td .file-widget { padding: 0; background: transparent; }

.dragdropfile-processed .btn-file { position: relative; margin: 30px 0 0 130px; float: left;  width: 124px; height: 50px; z-index: 2; }
.dragdropfile-processed .btn-file::before { content: 'or'; position: absolute; left: -70px; top: 10px; }
.dragdropfile-processed .btn-file .file-name { position: absolute; border-radius: 2px; padding: 12px 22px; background: #767676; color: #fff; }
form .dragdropfile-processed .btn-file input { width: 124px; height: 50px; }
.dragdropfile-processed .btn-file .form-file { display: inline; float: none; margin: -1px; font-size: 100px; text-align: right; filter: alpha(opacity=0); opacity: 0; outline: none; background: transparent; cursor: inherit; }

.dragdropfile-processed fieldset { margin-bottom: 0; }
.dragdropfile-processed .i-am-dragdropfile { display: none; }

.file-validate { position: absolute; padding: 0; height: 0; overflow: hidden; opacity: 0; }
.field-name-field-verify-identity .help-block.with-errors,
.field-name-field-verify-address .help-block.with-errors,
.field-name-field-verify-bank .help-block.with-errors { margin: 15px 0 15px 20px; }

.entitytype-withdraw_leaving-form .field-name-field-last-day-at-acc { margin-bottom: 0; overflow: hidden; }
.field-name-field-verify-identity .alert-block.alert-danger, .field-name-field-verify-address .alert-block.alert-danger { margin: 25px 0 10px; }

/* responsive */
@media (max-width: 1200px) {
  .entityform .group-bank-account-details .dragdropfile-processed fieldset legend,
  .dragdropfile-processed fieldset legend { width: 100%; }
  .dragdropfile-processed fieldset .help-block { margin-left: 0; }
  .dragdropfile-processed .btn-file { margin-left: 100px; }
  .dragdropfile-processed .btn-file::before { left: -55px; }
}
@media (max-width: 991px) {
  .dragdropfile-processed .form-type-managed-file .form-managed-file::before { width: 100%; }
  .dragdropfile-processed .btn-file { margin: 0; padding-top: 50px; width: 100%; height: 100px; overflow: hidden; text-align: center; }
  .dragdropfile-processed .btn-file::before { left: 50%; margin-left: -10px; }
}
@media (max-width: 480px) {
  .dragdropfile-processed .image-widget-data .file,
  .dragdropfile-processed .image-widget-data .file-size { display: none; }
}

@-ms-keyframes spin {
  from { -ms-transform: rotate(0deg); }
  to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
  from { -moz-transform: rotate(0deg); }
  to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  from {
    transform:rotate(0deg);
  }
  to {
    transform:rotate(360deg);
  }
}

@media (max-width: 1199px) {
  .entityform label { width: 32%; }
  .entityform input { width: 60%; }
  .entityform textarea { width: 100%; }

  .entityform .help-block { margin-left: 32%; }
}

@media (max-width: 991px) {
  .entityform label { width: 100%; }
  .entityform input { width: 88%; }

  .entityform .help-block { margin-left: 0; }

  .entityform .field-group-fieldset .form-group label { float: none; }
}

@media (max-width: 767px) {
  .entityform .field-group-fieldset { margin-top: 40px; }
}

@media (max-width: 480px){
  .entityform input { width: 80%; }
}

/**
 * Entityforms: page-specific styles.
 */

/* Page Insurance. */

.entitytype-insurance_add_on-form .pre-instructions h3 { margin-bottom: 0; }
.entitytype-insurance_add_on-form .pre-instructions .help-block { margin-left: 0; margin-bottom: 20px; }
.entitytype-insurance_add_on-form .pre-instructions .insurance-message { position: relative; margin-bottom: 30px; border-radius: 8px; padding: 20px; background-color: #999; color: #fff; }
.entitytype-insurance_add_on-form .well-wrapper { margin-bottom: 30px; }

.entitytype-insurance_add_on-form .field-name-field-calculation-button { margin-bottom: 0; }
.entitytype-insurance_add_on-form .btn-calculate .calculate-wrapper { text-align: right; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; padding-top: 20px; padding-bottom: 20px; background: #636466; }
.entitytype-insurance_add_on-form .group-calculation { display: none; }
.entitytype-insurance_add_on-form .group-insurance-result-annually { border-bottom: 2px dotted #565656; background: #636466; color: #fff; overflow: hidden; }
.entitytype-insurance_add_on-form .group-insurance-result-annually h3 { margin: 0 0 30px 0; border-bottom: 2px dotted #565656; padding: 22px 30px; font-family: YogaWebPro; font-size: 24px; line-height: 1; font-weight: bold; }
.entitytype-insurance_add_on-form .group-insurance-result-annually .field-name-field-insurance-result-income { margin-bottom: 25px; }

.entitytype-insurance_add_on-form .group-insurance-result-annually .form-type-textfield { margin: 0 30px; text-align: right; overflow: hidden; color: #ccc; line-height: 1; }
.entitytype-insurance_add_on-form .group-insurance-result-annually .form-type-textfield label { float: left; margin: 0; width: inherit; font-family: YogaWebPro; color: #999; font-size: 15px; font-weight: normal; text-align: left; clear: both; }

.entitytype-insurance_add_on-form .group-how-much-cost { background: #636466; color: #fff; overflow: hidden; margin-bottom: 90px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; }
.entitytype-insurance_add_on-form .group-how-much-cost h3 { margin: 0 0 30px 0; border-bottom: 2px dotted #565656; padding: 22px 30px; font-family: YogaWebPro; font-size: 24px; line-height: 1; font-weight: bold; }

.entitytype-insurance_add_on-form .group-how-much-cost .field-name-field-annually-cost { margin-bottom: 25px; }

.entitytype-insurance_add_on-form .group-how-much-cost .form-type-textfield { margin: 0 30px; text-align: right; overflow: hidden; color: #ccc; line-height: 1; }
.entitytype-insurance_add_on-form .group-how-much-cost .form-type-textfield label { float: left; margin: 0; width: inherit; font-family: YogaWebPro; color: #999; font-size: 15px; font-weight: normal; text-align: left; clear: both; }

.entitytype-insurance_add_on-form .field-name-field-calculation-results { margin-bottom: 45px; border-bottom: 1px solid #c6c6c6; }

.entityform.entitytype-insurance_add_on-form .form-actions.form-group { margin-top: 45px; margin-bottom: 5px; }

.entitytype-insurance_add_on-form .result-well button { margin: 25px 0 10px; padding: 16px 20px 14px; white-space: normal; }

.entitytype-insurance_add_on-form .gray-bg { margin-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; padding: 30px 30px 15px; background: #D9D9D9; }
.entitytype-insurance_add_on-form .calculate-wrapper .btn { position: relative; margin-right: 45px; padding: 7px 30px 9px 10px; }

.entitytype-insurance_add_on-form .calculate-wrapper .btn:after { content: "\e258"; position: absolute; top: 8px; right: 14px; font-size: 12px; font-family: 'Glyphicons Halflings'; }

.entitytype-insurance_add_on-form .field-name-field-working-part-full { margin-bottom: 0; }

.entitytype-insurance_add_on-form .field-name-field-dob,
.entitytype-insurance_add_on-form .field-name-field-were-your-working { margin-bottom: 0; overflow: hidden; }
/**/
.entityform.entitytype-insurance_add_on-form .field-name-field-annual-salary { position: relative; }
.entityform.entitytype-insurance_add_on-form .field-name-field-annual-salary label.dollar::after { content: '$'; position: absolute; left: 61.5%; font-size: 18px; font-family: 'freightsansbook'; color: #555555; }
.entityform.entitytype-insurance_add_on-form .field-name-field-annual-salary .dollar+input { padding-left: 22px; }

@media (max-width: 1199px) {
  .entityform.entitytype-insurance_add_on-form .field-name-field-annual-salary label.dollar::after { left: 34%; }
}
@media (max-width: 991px) {
  .entityform.entitytype-insurance_add_on-form .field-name-field-annual-salary label.dollar::after { top: 47px; left: 12px; }
}

/* Hidden */
.entitytype-insurance_add_on-form .field-name-field-insurance-result-life .form-text { display: none; }
.entitytype-insurance_add_on-form .field-name-field-insurance-result-income .form-text { display: none; }
.entitytype-insurance_add_on-form .field-name-field-insurance-result-cost .form-text { display: none; }
.entitytype-insurance_add_on-form .field-name-field-annually-cost .form-text { display: none; }

@media (min-width: 1200px) {
  form.entitytype-insurance_add_on-form .gray-bg .form-item.form-group > label { width: 60%; }
  form.entitytype-insurance_add_on-form .gray-bg .help-block { margin-left: 60%; }
  form.entitytype-insurance_add_on-form .gray-bg .form-item.form-group .form-type-select:last-child { margin-right: 0; }
  form.entitytype-insurance_add_on-form .gray-bg .date-form-element-content { width: 40%; }
  form.entitytype-insurance_add_on-form .gray-bg .field-name-field-annual-salary .form-control { margin-right: 0; width: 40%; }
  form.entitytype-insurance_add_on-form .gray-bg .field-name-field-joined-acc.form-group .form-type-radio,
  form.entitytype-insurance_add_on-form .gray-bg .field-name-field-mysuper-member.form-group .form-type-radio { float: none; margin: 0 0.7em 0.7em 0; }
}

@media (min-width: 992px) and (max-width: 1199px) {
  form.entitytype-insurance_add_on-form .gray-bg .field-name-field-were-your-working label,
  form.entitytype-insurance_add_on-form .gray-bg .field-name-field-working-part-full label { width: 100%; }

}


/*body.node-type-landing-page-choose a { font-family: FreightSans, proxima-nova, "Helvetica Neue", helvetica, sans-serif; font-size: 19px; line-height: 1.5; }
body.node-type-landing-page-choose a { border: none; outline: 0; color: #09f; }
body.node-type-landing-page-choose a:focus,
body.node-type-landing-page-choose a:hover { border: none; color: #007acc; }*/
/*body.node-type-landing-page-choose a.btn-success  { border-radius: 0; padding: 0 16px; font-size: 17px; font-family: proxima-nova, "Helvetica Neue", sans-serif; background-color: #79b643; color: #fff; line-height: 40px; }
body.node-type-landing-page-choose a.btn-success:hover { background-color: #619135; color: #fff; }

body.node-type-landing-page-choose .field-name-field-useful-links { margin: 50px 0; }
body.node-type-landing-page-choose a.btn-success.btn-back { position: relative; border-radius: 3px; padding: 2px 16px 0 36px; font-family: ff-yoga-pro, Georgia, serif; font-size: 15px; line-height: 38px; }
body.node-type-landing-page-choose a.btn-success.btn-back:before { content: "\e257"; position: absolute; top: 0; left: 14px; font-size: 12px; font-family: 'Glyphicons Halflings'; }*/

@media (max-width: 991px) {
  .entitytype-insurance_add_on-form .group-insurance-result-annually .form-type-textfield { text-align: left; }
  .entitytype-insurance_add_on-form .group-insurance-result-annually .form-type-textfield label { margin-bottom: 10px; width: 100%; }
  .entitytype-insurance_add_on-form .group-how-much-cost .form-type-textfield { text-align: left; }
  .entitytype-insurance_add_on-form .group-how-much-cost .form-type-textfield label { margin-bottom: 10px; width: 100%; }

/*  .entityform.entitytype-insurance_add_on-form .result-well .group-light-gray p { float: none; display: block; margin-bottom: 15px; }
  .entityform.entitytype-insurance_add_on-form .result-well .group-light-gray p.label { float: none; display: block; text-align: left; margin-bottom: 5px; }*/
}

@media (max-width: 430px){
  .entitytype-insurance_add_on-form .group-insurance-result-annually .form-type-textfield label,
  .entitytype-insurance_add_on-form .group-how-much-cost .form-type-textfield label { font-size: 11px; }
}

/* Page Change your contributions. */

.entitytype-contributions-form .pre-instructions { margin-bottom: 20px; }
.entitytype-contributions-form .pre-instructions ul { margin: 0; padding-left: 19px; }
.entitytype-contributions-form .pre-instructions ul li { padding-bottom: 20px; padding-left: 17px; }
.entitytype-contributions-form .field-name-field-contribution-percentage input { width: 100px; }

/* Page Withdraw: left. */

.entitytype-withdraw_left-form .pre-instructions { margin-bottom: 60px; }
.entitytype-withdraw_left-form .pre-instructions > p { margin: 10px 0 40px; }
.entitytype-withdraw_left-form .field-name-field-transfer-to-kiwisaver { margin-left: 20px; }
.entitytype-withdraw_left-form .field-name-field-transfer-to-kiwisaver > div > label { display: none; }
.entitytype-withdraw_left-form div.field-name-field-button-next-second { margin-top: 15px; }
.entitytype-withdraw_left-form div.field-name-field-button-next-third { margin-top: 0; }
/*.entitytype-withdraw_left-form .field-name-field-amount-to-withdraw .form-group label { width: 100%; }*/
.entitytype-withdraw_left-form .group-verify .field-name-field-verify-desc .panel-body { padding: 24px 35px; }
.entitytype-withdraw_left-form .group-verify .field-name-field-verify-desc .panel-heading { padding: 16px 42px; }
.entitytype-withdraw_left-form .group-verify .field-name-field-verify-desc .description { position: relative; border: none; border-radius: 0; padding: 0 42px 16px; background: #3da3a3; line-height: 1.2; color: #fff; font-size: 16.5px; }
.entitytype-withdraw_left-form .group-verify .help-block { margin-bottom: 0; margin-left: 0; }
.entitytype-withdraw_left-form .group-verify .dragdropfile-processed fieldset legend,
.entitytype-withdraw_left-form .field-name-field-verify-address-type .form-type-radios > label,
.entitytype-withdraw_left-form .field-name-field-verify-identity-type .form-type-radios > label { width: 100%; }


/* responsive */
@media (max-width: 1199px){
  .entitytype-withdraw_leaving-form .group-verify ul.help-block { margin-left: 10px; }
}


/* Page Withdraw: leaving. */

.entitytype-withdraw_leaving-form #edit-field-account-type-und { float: left; }
.entitytype-withdraw_leaving-form .group-account-options i { margin-top: 10px; }
.entitytype-withdraw_leaving-form .field-name-field-keep-unlocked-percentage label { padding-right: 20px; width: 49%;}
.entitytype-withdraw_leaving-form .field-name-field-keep-unlocked-percentage input { width: 45%; }
.entitytype-withdraw_leaving-form .field-name-field-keep-unlocked-percentage label { position: relative; }
.entitytype-withdraw_leaving-form .field-name-field-keep-unlocked-percentage label.dollar::after { content: '$'; position: absolute; top: 0; right: -20px; font-size: 18px; font-family: 'freightsansbook'; color: #555555; }
.entitytype-withdraw_leaving-form .field-name-field-keep-unlocked-percentage .dollar+input { padding-left: 22px; }
.entitytype-withdraw_leaving-form .alert-message { margin-bottom: 25px; padding: 30px; color: #fff; background-color: #f1af4a; }
.entitytype-withdraw_leaving-form .group-verify .field-name-field-verify-desc .panel-body { padding: 24px 35px; }
.entitytype-withdraw_leaving-form .group-verify .field-name-field-verify-desc .panel-heading { padding: 16px 42px; }
.entitytype-withdraw_leaving-form .group-verify .field-name-field-verify-desc .description { position: relative; border: none; border-radius: 0; padding: 0 42px 16px; background: #3da3a3; line-height: 1.2; color: #fff; font-size: 16.5px; }
.entitytype-withdraw_leaving-form .group-verify .help-block { margin-bottom: 0; margin-left: 0; font-size: 18px; }
.entitytype-withdraw_leaving-form .group-verify .dragdropfile-processed fieldset legend,
.entitytype-withdraw_leaving-form .field-name-field-verify-address-type .form-type-radios > label,
.entitytype-withdraw_leaving-form .field-name-field-verify-identity-type .form-type-radios > label { width: 100%; }
.entitytype-withdraw_leaving-form .group-verify .help-block.with-errors { font-size: 14px; }

/* responsive */
@media (max-width: 1199px){
  .entitytype-withdraw_leaving-form .field-name-field-keep-unlocked-percentage label { width: 32%; }
  .entitytype-withdraw_leaving-form .field-name-field-keep-unlocked-percentage input { width: 60%; }
  .entitytype-withdraw_leaving-form .group-verify ul.help-block { margin-left: 10px; }
}
@media (max-width: 991px){
  .entitytype-withdraw_leaving-form .field-name-field-keep-unlocked-percentage label { width: 100%; }
  .entitytype-withdraw_leaving-form .field-name-field-keep-unlocked-percentage input { width: 88%; }
  .entitytype-withdraw_leaving-form .field-name-field-keep-unlocked-percentage label.dollar::after { top: inherit; left: 12px; bottom: -36px; width: 0.5em; }
}
@media (max-width: 480px){
  .entitytype-withdraw_leaving-form .field-name-field-keep-unlocked-percentage input { width: 80%; }
}

/* Page First or ‘second-chance’. */

.entitytype-first_or_second_chance_homebuyer-form #edit-field-account-type-und { float: left; }
.entitytype-first_or_second_chance_homebuyer-form .group-questions i { margin-top: 10px; }
.entitytype-first_or_second_chance_homebuyer-form .field-name-field-only-members { margin-bottom: 40px; border-bottom: 1px solid #ddd; padding-bottom: 25px;}
.entitytype-first_or_second_chance_homebuyer-form .field-name-field-all-unlocked-message { margin-bottom: 40px; border-bottom: 1px solid #ddd; padding-top: 10px; padding-bottom: 25px;}

/**
 * Entityforms: Site-wide field styles.
 */

.entityform .panel-default > .panel-heading { background-color: transparent; }

/* Field address, AddressFinder list style. */

.page-eform  ul.af_list { margin: 0; border: solid 1px #ccc; border-radius: 2px; padding: 0; list-style: none; background: #fff; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15); }
.page-eform  ul.af_list li.af_item { border: 0 none; padding: 5px 15px; font-size: 18.5px; cursor: pointer; overflow: hidden; white-space: normal; text-overflow: ellipsis; }
.page-eform  li.af_item { cursor: pointer; }
.page-eform  li.af_hover { background-color: #4682B4; color: white; }

/* Field Agree. */

.entityform .field-name-field-agree { position: relative; float: left; margin: 0; clear: none; }
.entityform .field-name-field-important-agree { margin: 0; height: 0; overflow: hidden; font-size: 0; }
.entityform .pre-instructions .field-name-field-important-agree { height: inherit; overflow: inherit; font-size: 0; }
.entityform .field-name-field-agree .form-type-checkbox { margin: 0; padding-left: 0; }

.pre-instructions .field-name-field-important-agree .form-type-checkbox .help-block.with-errors,
.pre-instructions .field-name-field-important-agree .form-type-checkbox .help-block.with-errors ul,
.pre-instructions .field-name-field-important-agree .form-type-checkbox .help-block.with-errors ul li { margin: 0; padding: 0; }
.pre-instructions .field-name-field-important-agree .form-type-checkbox .help-block.with-errors ul li { font-size: 14px; }
.pre-instructions .field-name-field-important-agree input { float: left; width: 40px; }
.pre-instructions .field-name-field-important-agree label { display: none; }
.pre-instructions .field-name-field-important-agree .help-block:not(.with-errors) { margin: 0; padding-top: 8px; }
.pre-instructions .field-name-field-important-agree .help-block:not(.with-errors) p { margin: -2px 0 0 50px; color: #333333; }
.pre-instructions .field-name-field-important-agree .form-type-checkbox .help-block.with-errors ul li { margin-left: 50px; }
.pre-instructions ul { margin: 0; padding-left: 17px; }
.pre-instructions ul li { padding-bottom: 20px; padding-left: 17px; }

@media (max-width: 480px){
  .pre-instructions ul li { padding-left: 0; }
}

.entityform .field-name-field-agree .form-type-checkbox input,
.entityform .field-name-field-important-agree .form-type-checkbox input { position: absolute; left: 0; vertical-align: top; width: 17px; height: 17px; margin: 7px 0 0 0; opacity: 0; }
.entityform .field-name-field-agree .form-type-checkbox input + label,
.entityform .field-name-field-important-agree .form-type-checkbox input + label { display: block; cursor: pointer; }
.entityform .field-name-field-agree .form-type-checkbox input:not(checked) + label,
.entityform .field-name-field-important-agree .form-type-checkbox input:not(checked) + label { position: relative; margin-top: 7px; padding: 0; max-width: 25px; width: 25px; height: 25px; overflow: hidden; text-indent: 10000px; white-space: nowrap; clip: auto; }
.entityform .field-name-field-agree .form-type-checkbox input:not(checked) + label:before,
.entityform .field-name-field-important-agree .form-type-checkbox input:not(checked) + label:before { content: ''; border-radius: 5px; border: 1px solid #ccc; width: 25px; height: 25px; display: block; position: absolute; top: 0; left: 0; background: #fff; z-index: 5; cursor: pointer; }
.entityform .field-name-field-agree .form-type-checkbox input:checked + label:before,
.entityform .field-name-field-important-agree .form-type-checkbox input:checked + label:before { box-shadow: inset 0px 0px 0px 4px #fff; border: 1px solid #ccc; background: #3da3a3; }
.entityform .field-name-field-important-agree.has-error .form-type-checkbox input + label:before,
.entityform .field-name-field-agree.has-error .form-type-checkbox input + label:before { border: none; box-shadow: 0px 0px 0px 2px #EA6566 inset; }

/* Field Unfortunately, you can’t */
.entityform .field-name-field-unfortunately-you-can-t ul { margin: 0; padding-left: 17px; }
.entityform .field-name-field-unfortunately-you-can-t ul li { padding-bottom: 20px; padding-left: 17px; }

/* Field Customer info locked */
.entityform .field-name-field-customer-info-locked ul { margin: 0; padding-left: 17px; }
.entityform .field-name-field-customer-info-locked ul li { padding-bottom: 20px; padding-left: 17px; }

/* Field Customer info locked */
.entityform .field-name-field-over-65-second-message ul { margin: 0; padding-left: 17px; }
.entityform .field-name-field-over-65-second-message ul li { padding-bottom: 20px; padding-left: 17px; }

/* Field Signatory name. */

.entityform .field-name-field-signatory-name .help-block { margin-top: 20px; margin-bottom: 0; margin-left: 0; color: #2c3e50; }
.entityform .field-name-field-signatory-name .help-block.with-errors { margin-top: 0; color: #e74c3c; }
.entityform .field-name-field-signatory-name .help-block p { font-size: 16.5px; margin-bottom: 0; }

.entityform .field-name-field-signatory-name .help-block p .terms-block-link { border-bottom: 1px solid #c6c6c6; color: #333333; transition: 0.3s; }
.entityform .field-name-field-signatory-name .help-block p .terms-block-link:hover,
.entityform .field-name-field-signatory-name .help-block p .terms-block-link:focus { border-color: #333333; color: #333333; text-decoration: none; }

@media (max-width: 991px) {
  .entityform .group-declaration .signatory-name-prefix { left: -20px; }
  .entityform .group-declaration .field-name-field-signatory-name { margin-left: 14%; }
}

@media (max-width: 530px) {
  .entityform .group-declaration .signatory-name-prefix { left: 0; }
  .entityform .group-declaration .field-name-field-signatory-name { clear: both; margin-left: 0; }
  /*.entityform .group-declaration .field-name-field-signatory-name .form-group input { width: 90% }*/
}

/* Account Type. */

.entityform .field-name-field-account-type label { display: none; }
.entityform .field-name-field-account-type .help-block { display: none; clear: both; margin: 0; width: 100%; }
.entityform .field-name-field-account-type .help-block.show { display: block; }

/* Field IRD number. */

.entityform:not(.entitytype-account_structure_change_form-form) .field-group-fieldset .field-name-field-ird-number.form-group input { width: 150px; }

/**
 * Entityforms: Site-wide field type styles.
 */

.entityform .well-wrapper { background: #fff; }
.entityform .well-wrapper .help-link-wrapper { display: block; position: relative; margin-bottom: 0 !important; border: none; border-radius: 0; padding: 16px 25px; color: #3da3a3; font-size: 16.5px; line-height: 1.2; }
.entityform .well-wrapper .well { margin-bottom: 0; padding: 0 56px 5px; background: #fff; box-shadow: none; border: none; }

/* Field type Date. */

.container-inline-date .form-item input,
.container-inline-date .form-item select,
.container-inline-date .form-item option { margin-right: 0; }

.entityform .form-type-date-combo .form-type-select { margin: 0 0.8em 0.3em 0; }
.entityform .form-type-date-combo .form-type-select .help-block { margin-left: 0; }

.entityform .date-form-element-content { float: left; width: 60%; }
.entityform .date-padding .form-group { clear: none; }

@media (max-width: 1199px) {
  .entityform .date-form-element-content { width: 60%; }
}

@media (max-width: 991px) {
  .entityform .date-form-element-content { width: 100%; }
}

/* Field type Radio */

.entityform .form-type-radio { padding: 0; display: inline-block; margin: 0 0.5em 0.6em 0; }
.entityform .form-type-radio:last-child { padding: 0; display: inline-block; margin: 0 0 0.6em 0; }
.entityform .form-type-radio label:hover { background: #ccc; }
.entityform .form-type-radio .form-radio:checked + label { background: #3da3a3; }
.entityform .form-type-radio .form-radio { position: absolute; top: 0.5em; left: 2em; z-index: -1; }

.entityform .form-type-radio label { display: inline-block; margin-top: 0; padding: 9px 15px; border-radius: 3px; width: auto; background: #767676; color: #fff; font: 18.5px/24px 'freightsansbook'; transition: 0.3s; }
.entityform .form-type-radio label.disabled { background: #ccc; cursor: default; }

.entityform .field-name-field-joined-acc.form-group,
.entityform .field-name-field-mysuper-member.form-group,
.entityform .field-name-field-joined-acc.form-group .form-item,
.entityform .field-name-field-mysuper-member.form-group .form-item { overflow: hidden; }
.entityform .field-name-field-joined-acc.form-group label,
.entityform .field-name-field-mysuper-member.form-group label { width: auto; }
.entityform .field-name-field-joined-acc.form-group .form-type-radio,
.entityform .field-name-field-mysuper-member.form-group .form-type-radio { float: right;margin: 0 0 0.7em 0.7em; }

.entityform .group-personal-details .field-name-field-gender.form-group { margin: 0; }

@media (max-width: 1199px) {
  .entityform .field-name-field-joined-acc.form-group .form-type-radio,
  .entityform .field-name-field-mysuper-member.form-group .form-type-radio { float: left; margin: 0 0.7em 0.7em 0; }
  .entityform .field-name-field-joined-acc.form-group .form-radios,
  .entityform .field-name-field-mysuper-member.form-group .form-radios { clear: both; }
}

/* Group Declaration. */

.entityform .group-declaration { margin-bottom: 40px; border-bottom: 1px solid #ddd; padding-bottom: 25px; }
.entityform .group-declaration .form-group { clear: none; }
.entityform .group-declaration label { display: none; }
.entityform .group-declaration input { width: 100%; }
.entityform .group-declaration .form-type-textfield { position: relative; }

.entityform .group-declaration .signatory-name-prefix { position: absolute; left: -30px; top: 5px; font: 20px/36px 'YogaWebPro'; }
.entityform .group-declaration .field-name-field-signatory-name { margin-left: 80px; }

/* Groups Contribution rate, Contribution holiday. */

.entityform .group-contribution-rate .panel-heading,
.entityform .group-holiday .panel-heading { margin: 0; }
.entityform .group-holiday .field-name-field-contrib-holiday-length .form-type-radios > label { width: 100%; }
.entityform .group-holiday .field-name-field-contrib-holiday-length .form-type-radios .form-required { display: none; }

.entityform .group-contribution-rate .panel-body .help-block { margin-bottom: 20px; margin-left: 0; }
.entityform .group-contribution-rate .panel-body .help-block.with-errors { margin-left: 35%; }
.entityform .group-holiday .panel-body .help-block { margin-bottom: 20px; margin-left: 0; }

/*.entityform .group-contribution-rate .field-type-number-integer label { width: auto; margin-right: 10px; }*/
.entityform .group-contribution-rate .field-type-number-integer input { width: 50px; }

.entityform .group-holiday .field-type-datetime .help-block { clear: both; margin-left: 0; }

@media (max-width: 1199px) {
  .entityform .group-contribution-rate .panel-body .help-block.with-errors { margin-left: 32%; }
}

@media (max-width: 991px) {
  .entityform .group-contribution-rate .field-type-number-integer label { width: 100%; }
  .entityform .group-contribution-rate .panel-body .help-block.with-errors { margin-left: 0; }
}

@media (max-width: 480px){
  .entityform .group-holiday .form-type-radio { display: block; }
}

/* Group Personal details. */

.entityform .group-personal-details .field-name-field-joined-acc,
.entityform .group-personal-details .field-name-field-mysuper-member { margin: 0; }
.entityform .group-personal-details .multipage-controls-list { margin-top: 20px;  /* border-top: 1px solid #dddddd; padding-top: 20px; */}
.entityform .group-personal-details .field-name-field-hours-per-week { display: none; }
.entityform .group-personal-details .field-name-field-hours-per-week input#edit-field-hours-per-week-und-0-value { width: 60px; }
.entityform.entitytype-join_mysuper-form .group-personal-details .field-name-field-hours-per-week input#edit-field-hours-per-week-und-0-value { margin-left: 0;}

/* Group Transfer. */

.entityform .group-transfer .panel-heading { margin: 0; }

/* Groups Account options, Duration of mysuper, Customer information, Withdrawal method. */

.entityform .group-account-options .panel-heading,
.entityform .group-over-65-second .panel-heading,
.entityform .group-over-65 .panel-heading,
.entityform .group-customer-information .panel-heading,
.entityform .group-duration-of-mysuper .panel-heading,
.entityform .group-customer-information .panel-heading,
.entityform .group-customer-info-second .panel-heading,
.entityform .group-customer-info-locked .panel-heading,
.entityform .group-withdrawal-method .panel-heading { margin: 0; }
.entityform .group-amount-to-keep .panel-heading { margin: 0 0 15px 0; }
.entityform .group-account-options .field-name-field-account-type .form-type-radios > label,
.entityform .group-duration-of-mysuper .field-name-field-when-did-you-join-mysuper .form-type-radios > label,
.entityform .group-customer-info-second .field-name-field-sadly-all-funds .form-type-radios > label,
.entityform .group-customer-info-locked .field-name-field-customer-locked .form-type-radios > label,
.entityform .group-withdrawal-method .field-name-field-withdrawal-flexisuper .form-type-radios > label,
.entityform .group-withdrawal-method .field-name-field-withdrawal-futuresuper .form-type-radios > label,
.entityform .group-withdrawal-method .field-name-field-withdrawal-locked .form-type-radios > label,
.entityform .group-amount-to-keep .field-name-field-keep-unlocked-percentage .form-type-radios > label,
.entityform .group-questions .field-name-field-account-type .form-type-radios > label,
.entityform .group-customer-information .field-name-field-customer-info-message .form-type-radios > label,
.entityform .group-questions .field-name-field-are-you-applying-to-housin .form-type-radios > label { width: 100%; }

/* Entity forms. Group Amount to keep. */

.entityform .group-amount-to-keep .help-block { margin-left: 49%; }

/* responsive */
@media (max-width: 1199px){
  .entityform .group-amount-to-keep .help-block { margin-left: 32%; }
}
@media (max-width: 991px){
  .entityform .group-amount-to-keep .help-block { margin-left: 0; }
}

/* Entity forms. Big list text. */

.entitytype-withdraw_leaving-form .field-name-field-withdrawal-flexisuper .form-type-radio,
.entitytype-withdraw_leaving-form .field-name-field-customer-info-message .form-type-radio,
.entitytype-withdraw_left-form .field-name-field-amount-to-withdraw .form-type-radio { width: 100%; }

/* Entity forms. IP. */
.entityform .field-name-field-ip-address { display: none; }

/* Entity forms. Join. */

.join-mysuper .page-header strong { font-family: 'YogaWebPro'; }

input.form-submit.multipage-link-previous { margin-right: 2em; }
input.form-submit.multipage-link-next[disabled="disabled"] { border-color: rgba(0, 0, 0, 0.1); box-shadow: none; color: #ccc; }

.entitytype-join_mysuper-form .multipage-panes { position: relative; }
/*.entitytype-join_mysuper-form .field-group-multipage { position: relative; }*/
.entitytype-join_mysuper-form ul.multipage-counter { position: absolute; right: 0; top: -70px; margin: 0; padding: 0; height: 50px; }
.entitytype-join_mysuper-form ul.multipage-counter li { position: relative; list-style: none; display: inline-block; margin-right: 17px; border-radius: 50%; padding-bottom: 4px; width: 32px; background: #666; font: 16.5px/28px 'freightsansbook'; text-align: center; color: #fff; }
.entitytype-join_mysuper-form ul.multipage-counter li::after { position: absolute; right: -13px; content: '›'; color: #666; }
.entitytype-join_mysuper-form ul.multipage-counter li:last-child::after { display: none; }
/*.entitytype-join_mysuper-form ul.multipage-counter li:last-child { display: none; }*/
.entitytype-join_mysuper-form ul.multipage-counter li:nth-child(6)::after { display: none; }
.entitytype-join_mysuper-form ul.multipage-counter li.active { background: #80b640; }
.entitytype-join_mysuper-form ul.multipage-counter li.back-link { background: #000; cursor: pointer; opacity: 0.7;  transition: 0.3s; }
.entitytype-join_mysuper-form ul.multipage-counter li.back-link::after { opacity: 1 }
.entitytype-join_mysuper-form ul.multipage-counter li.back-link:hover { opacity: 1; }

.entityform.entitytype-join_mysuper-form .multipage-pane-title { margin-bottom: 10px; padding: 10px 0; border-bottom: 1px solid #dddddd; line-height: 1; }
.entityform.entitytype-join_mysuper-form .field-name-field-suburb.form-group input,
.entityform.entitytype-join_mysuper-form .field-name-field-city.form-group input,
.entityform.entitytype-join_mysuper-form .field-name-field-postcode.form-group input,
.entityform.entitytype-join_mysuper-form .field-type-number-integer.form-group input { margin-left: 35%; }
.entityform.entitytype-join_mysuper-form .field-name-field-gender.form-group { margin-bottom: 35px; border-bottom: 1px solid #dddddd; padding-bottom: 10px; line-height: 1; }
.entityform.entitytype-join_mysuper-form .field-name-field-were-your-working.form-group { margin-top: 40px; margin-bottom: 0; border-top: 1px solid #dddddd; padding-top: 32px; line-height: 1; }
.entityform.entitytype-join_mysuper-form .field-name-field-were-your-working.form-group .form-type-radios { margin: 0; }
.entityform.entitytype-join_mysuper-form .field-name-field-working-part-full.form-group { line-height: 1; }
.entityform.entitytype-join_mysuper-form .field-name-field-were-your-working.form-group,
.entityform.entitytype-join_mysuper-form .field-name-field-working-part-full.form-group,
.entityform.entitytype-join_mysuper-form .field-name-field-were-your-working.form-group .form-item,
.entityform.entitytype-join_mysuper-form .field-name-field-working-part-full.form-group .form-item { overflow: hidden; }
.entityform.entitytype-join_mysuper-form .field-name-field-were-your-working.form-group label,
.entityform.entitytype-join_mysuper-form .field-name-field-working-part-full.form-group label { width: auto; }
.entityform.entitytype-join_mysuper-form .field-name-field-working-part-full.form-group { margin-bottom: 0; }
.entityform.entitytype-join_mysuper-form .field-name-field-were-your-working.form-group .form-radios,
.entityform.entitytype-join_mysuper-form .field-name-field-working-part-full.form-group .form-radios { float: right; }
.entityform.entitytype-account_structure_change_form-form .field-name-field-annual-salary,
.entityform.entitytype-join_mysuper-form .field-name-field-annual-salary { position: relative; }
.entityform.entitytype-account_structure_change_form-form .field-name-field-annual-salary label.dollar::after,
.entityform.entitytype-join_mysuper-form .field-name-field-annual-salary label.dollar::after { content: '$'; position: absolute; left: 36.5%; font-size: 18px; font-family: 'freightsansbook'; color: #555555; }
.entityform.entitytype-account_structure_change_form-form .field-name-field-annual-salary .dollar+input,
.entityform.entitytype-join_mysuper-form .field-name-field-annual-salary .dollar+input { padding-left: 22px; }

.entityform.entitytype-join_mysuper-form .multipage-controls-list { margin-top: 36px; text-align: right; clear: both; }
.entityform.entitytype-join_mysuper-form .multipage-controls-list .multipage-button { float: right; margin-bottom: 0; }
.entityform.entitytype-join_mysuper-form .multipage-controls-list .summary-back-skip-btn,
.entityform.entitytype-join_mysuper-form .multipage-controls-list .investment-back-skip-btn,
.entityform.entitytype-join_mysuper-form .multipage-controls-list .multipage-link-previous { margin-left: 0; margin-right: 15px; border: 1px solid #999999; padding: 15px 50px 12px 40px; width: auto; border-radius: 6px; background-image: none; color: #636466; background-color: transparent; font: 18px/20px 'YogaWebPro'; transition: 0.3s; }
.entityform.entitytype-join_mysuper-form .multipage-controls-list .summary-back-skip-btn:hover,
.entityform.entitytype-join_mysuper-form .multipage-controls-list .investment-back-skip-btn:hover,
.entityform.entitytype-join_mysuper-form .multipage-controls-list .multipage-link-previous:hover { background: #636466; color: #fff; }
.entityform.entitytype-join_mysuper-form .multipage-controls-list .investment-skip-btn,
.entityform.entitytype-join_mysuper-form .multipage-controls-list .multipage-link-next { margin-left: 0; margin-right: 0; border: 0; padding: 15px 24px 14px 27px; width: auto; min-width: 165px; text-align: center; border-radius: 6px; background-image: none; color: #ffffff; background-color: #80b640; font: 18px/20px 'YogaWebPro'; transition: 0.3s; }
.entityform.entitytype-join_mysuper-form .multipage-controls-list .investment-skip-btn:hover,
.entityform.entitytype-join_mysuper-form .multipage-controls-list .multipage-link-next:hover { background-color: #659033; }
.entityform.entitytype-join_mysuper-form .multipage-controls-list .investment-skip-btn[disabled=disabled],
.entityform.entitytype-join_mysuper-form .multipage-controls-list .multipage-link-next[disabled=disabled] { background-color: #ccc; }
.entityform.entitytype-join_mysuper-form .multipage-controls-list .investment-skip-btn[disabled=disabled]:hover,
.entityform.entitytype-join_mysuper-form .multipage-controls-list .multipage-link-next[disabled=disabled]:hover { background-color: #ccc; }

.entityform.entitytype-join_mysuper-form #edit-submit { display: none; }
.entityform.entitytype-join_mysuper-form .field-name-field-dob .help-block.dob-error-message { color: #e74c3c; clear: both; }


@media (max-width: 1199px) {
  .entityform.entitytype-account_structure_change_form-form .field-name-field-annual-salary label.dollar::after,
  .entityform.entitytype-join_mysuper-form .field-name-field-annual-salary label.dollar::after { left: 34%; }
}
@media (max-width: 991px) {
  .entityform.entitytype-account_structure_change_form-form .field-name-field-annual-salary label.dollar::after,
  .entityform.entitytype-join_mysuper-form .field-name-field-annual-salary label.dollar::after { top: 47px; left: 12px; }
  /*.entitytype-join_mysuper-form ul.multipage-counter { position: static; float: none; }*/
  .entitytype-join_mysuper-form ul.multipage-counter { left: 0; right: initial; top: -55px; }
  .entityform.entitytype-join_mysuper-form .field-name-field-intro {margin: 50px 0 0;}
}
@media (max-width: 480px){
  .entityform.entitytype-join_mysuper-form .multipage-controls-list .summary-back-skip-btn, .entityform.entitytype-join_mysuper-form .multipage-controls-list .investment-back-skip-btn, .entityform.entitytype-join_mysuper-form .multipage-controls-list .multipage-link-previous { margin-bottom: 10px;}
}
@media (max-width: 360px) {
  .entitytype-join_mysuper-form ul.multipage-counter li { margin-right: 10px; }
  .entitytype-join_mysuper-form ul.multipage-counter li::after { right: -9px; }
}

/* Join mysuper: Field info. */

.entityform.entitytype-join_mysuper-form .field-name-field-investment-mix-intro,
.entityform.entitytype-join_mysuper-form .field-name-field-locking-info,
.entityform.entitytype-join_mysuper-form .field-name-field-fortnightly-info { margin: -20px 0 0; }

.entityform.entitytype-join_mysuper-form .field-name-field-locking-info ul { margin: 0; padding-left: 17px; }
.entityform.entitytype-join_mysuper-form .field-name-field-locking-info ul li { padding-bottom: 20px; padding-left: 17px; font: 16.5px/26px 'freightsansbook'; }

@media (max-width: 480px){
  .entityform.entitytype-join_mysuper-form .field-name-field-locking-info ul li { padding-left: 0; }
}

.entityform.entitytype-join_mysuper-form .well-wrapper { background: #fff; }
.entityform.entitytype-join_mysuper-form .well-wrapper .well { margin-bottom: 0; padding: 0 56px 5px; background: #fff; box-shadow: none; border: none; }
.entityform.entitytype-join_mysuper-form .well-wrapper .well p { font-size: 16.5px; }
.entityform.entitytype-join_mysuper-form .well-wrapper .well .help-block { margin-left: 0; }

.entityform.entitytype-join_mysuper-form .field-name-field-investment-mix-intro div > p,
.entityform.entitytype-join_mysuper-form .field-name-field-locking-info div > p,
.entityform.entitytype-join_mysuper-form .field-name-field-fortnightly-info div > p { font-size: 16.5px; margin-bottom: 25px; }

/* Join mysuper: Fortnightly contributions step. */

.entitytype-join_mysuper-form .group-fortnightly-contributions .description-box { display: none; margin-top: 50px; }
.entitytype-join_mysuper-form .group-fortnightly-contributions .field-name-field-fortnightly-salary .form-group { clear: both; }
.entitytype-join_mysuper-form .group-fortnightly-contributions .field-name-field-fortnightly-salary label,
.entitytype-join_mysuper-form .group-fortnightly-contributions .field-name-field-fortnightly-salary .form-slider,
.entitytype-join_mysuper-form .group-fortnightly-contributions .field-name-field-fortnightly-salary .help-block,
.entitytype-join_mysuper-form .group-fortnightly-contributions .form-text { display: none; }
.entitytype-join_mysuper-form .group-fortnightly-contributions .control-label-description { margin: 7px 31px; }
.entitytype-join_mysuper-form .group-fortnightly-contributions .well-wrapper { margin-bottom: 50px; }
.entitytype-join_mysuper-form .group-fortnightly-contributions .slider-header { display: none; }
.entityform.entitytype-join_mysuper-form .group-fortnightly-contributions .has-error input { box-shadow: 0 0 0 2px #EA6566 inset; }

.entityform.entitytype-join_mysuper-form .field-name-field-fortnightly-salary { border-radius: 10px 10px 0 0; background: #379393; color: #fff; margin-bottom: 0; padding: 20px 0 38px 0; }
.entityform.entitytype-join_mysuper-form .field-name-field-fortnightly-salary .form-item { margin: 0; padding: 0; }
.entityform.entitytype-join_mysuper-form .field-name-field-fortnightly-salary .form-item .control-label { display: block; padding: 7px 0 0 31px; line-height: 1; text-align: left; font-family: YogaWebPro; font-weight: normal; font-style: normal; font-size: 24px; }
.entityform.entitytype-join_mysuper-form .field-name-field-fortnightly-salary .form-item .slider-horizontal { margin: 40px 30px 30px 30px; width: calc(100% - 60px); }
.entityform.entitytype-join_mysuper-form .field-name-field-fortnightly-salary .form-item .slider-horizontal .slider-track { background: #fff !important; box-shadow: none !important; }
.entityform.entitytype-join_mysuper-form .field-name-field-fortnightly-salary .form-item .slider-horizontal .slider-track .slider-range-high { left: 90%; width: 10%; background: #ffd18b !important; border-top-left-radius: 0; border-bottom-left-radius: 0; }
.entityform.entitytype-join_mysuper-form .field-name-field-fortnightly-salary .form-item .slider-horizontal .slider-track .slider-range-low { left: 0; width: 10%; background: #a8a9a9 !important; border-top-right-radius: 0; border-bottom-right-radius: 0; }
.entityform.entitytype-join_mysuper-form .field-name-field-fortnightly-salary .form-item .slider-horizontal .slider-tick { display: none; }
.entityform.entitytype-join_mysuper-form .field-name-field-fortnightly-salary .form-item .slider-horizontal .slider-tick-label { padding-top: 10px; width: 87px !important; margin-left: -43.5px!important; font-size: 14px; }
.entityform.entitytype-join_mysuper-form .field-name-field-fortnightly-salary .form-item .slider-horizontal .slider-tick-label:nth-child(2):after { content: "(Minimum)*"; position: absolute; margin-left: 5px; }
.entityform.entitytype-join_mysuper-form .field-name-field-fortnightly-salary .form-item .slider-horizontal .slider-tick-label-container .slider-tick-label:before { content: "|"; display: block; font-weight: bold; opacity: 0.5; font-size: 10px; line-height: 2; }

.entityform.entitytype-join_mysuper-form .field-name-field-fortnightly-salary .form-item .tooltip.top { margin-left: -20px !important; margin-top: -12px; cursor: pointer; }
.entityform.entitytype-join_mysuper-form .field-name-field-fortnightly-salary .form-item .margin-left .tooltip.tooltip-main { margin-left: -20px !important; }
.entityform.entitytype-join_mysuper-form .field-name-field-fortnightly-salary .form-item .tooltip.tooltip-main .tooltip-arrow { display: none; }
.entityform.entitytype-join_mysuper-form .field-name-field-fortnightly-salary .form-item .tooltip.tooltip-main .tooltip-inner { background: transparent; font-size: 18.5px; color: #585858; }

.entitytype-account_structure_change_form-form .field-name-field-slider-extra,
.entitytype-contributions-form .field-name-field-slider-extra,
.entityform.entitytype-join_mysuper-form .field-name-field-slider-extra { display: none; margin: 0; padding: 15px 30px; overflow: hidden; background: #FFD186; }
.entitytype-account_structure_change_form-form .field-name-field-slider-extra .input-wrapper,
.entitytype-contributions-form .field-name-field-slider-extra .input-wrapper,
.entityform.entitytype-join_mysuper-form .field-name-field-slider-extra .input-wrapper { float: right; position: relative; }
.entitytype-account_structure_change_form-form .field-name-field-slider-extra .input-wrapper .suffix,
.entitytype-contributions-form .field-name-field-slider-extra .input-wrapper .suffix,
.entityform.entitytype-join_mysuper-form .field-name-field-slider-extra .input-wrapper .suffix { position: absolute; top: 12%; right: 25%; font-size: 20px; }
.entitytype-account_structure_change_form-form .field-name-field-slider-extra label,
.entitytype-contributions-form .field-name-field-slider-extra label,
.entityform.entitytype-join_mysuper-form .field-name-field-slider-extra label { margin: 0; padding: 7px 0; width: inherit; font-size: 20px; font-family: 'freightsansbook'; }
.entitytype-account_structure_change_form-form .field-name-field-slider-extra input,
.entitytype-contributions-form .field-name-field-slider-extra input,
.entityform.entitytype-join_mysuper-form .field-name-field-slider-extra input { display: inline-block; position: relative; left: -4px; border: 0 none; border-radius: 2px; padding: 0 30px 5px 15px; width: 70px !important; height: 42px; font-size: 20px; background: #f7f7f7; color: #555; outline: none; box-shadow: none; text-align: center; }
.entitytype-account_structure_change_form-form .form-group.field-type-number-integer.field-name-field-slider-extra input,
.entitytype-contributions-form .form-group.field-type-number-integer.field-name-field-slider-extra input,
.entityform.entitytype-join_mysuper-form .form-group.field-type-number-integer.field-name-field-slider-extra input { margin: 0; text-align: right; }

.entityform.entitytype-join_mysuper-form .group-fortnightly-result h3 { margin: 0; border-bottom: 2px dotted #414143; padding: 30px 31px 26px; background: #59595B; color: #8E8E8E; font-family: YogaWebPro; font-size: 20px; line-height: 1; }
.entityform.entitytype-join_mysuper-form .group-fortnightly-result { border-radius: 0 0 10px 10px; background: #3c3c3c; }
.entityform.entitytype-join_mysuper-form .group-fortnightly-result .form-wrapper { margin: 0; padding: 10px 30px 10px 70px; background: #4d4d4d; }
.entityform.entitytype-join_mysuper-form .group-fortnightly-result label { width: 70% }
.entityform.entitytype-join_mysuper-form .group-fortnightly-result .result-value { width: 28%; }
.entityform.entitytype-join_mysuper-form .group-fortnightly-result .field-name-field-fortnightly-result-contrib { padding-top: 25px; }
.entityform.entitytype-join_mysuper-form .group-fortnightly-result .form-wrapper.field-name-field-fortnightly-result-esct { padding-bottom: 25px; font-size: 20px; }
.entityform.entitytype-join_mysuper-form .group-fortnightly-result .form-wrapper.field-name-field-fortnightly-result-esct .white { position: absolute; left: 69%; }
.entityform.entitytype-join_mysuper-form .group-fortnightly-result .form-wrapper,
.entityform.entitytype-join_mysuper-form .group-fortnightly-result .form-wrapper label { margin: 0; font-size: 16.5px; line-height: 1; color: #fff; }
.entityform.entitytype-join_mysuper-form .group-fortnightly-result .field-name-field-fortnightly-result-total { border-top: 2px dotted #414143; padding: 30px 30px 25px; background: transparent; }
.entityform.entitytype-join_mysuper-form .group-fortnightly-result .field-name-field-fortnightly-result-total,
.entityform.entitytype-join_mysuper-form .group-fortnightly-result .field-name-field-fortnightly-result-total label { font-size: 24px; font-family: 'FontFontYogaPro'; color: #fff; white-space: normal; }
.entityform.entitytype-join_mysuper-form .group-fortnightly-result .field-name-field-fortnightly-result-annual,
.entityform.entitytype-join_mysuper-form .group-fortnightly-result .field-name-field-fortnightly-result-total .help-block,
.entityform.entitytype-join_mysuper-form .field-name-field-fortnightly-help { display: none; }

/* [mysuper.co.nz] Join Form 0518 - Step 1. Contributions */
.entityform.entitytype-join_mysuper-form .fieldset-wrapper label {
  font-size: 20px; }

.entityform.entitytype-join_mysuper-form .fieldset-wrapper .form-type-radio label {
  font-size: 18px; }

.entityform.entitytype-join_mysuper-form .fieldset-wrapper .field-name-field-intro {
  margin-bottom: 70px; }

.entityform.entitytype-join_mysuper-form .fieldset-wrapper .field-name-field-annual-salary.form-group,
.entityform.entitytype-join_mysuper-form .fieldset-wrapper .field-name-field-gender.form-group,
.entityform.entitytype-join_mysuper-form .fieldset-wrapper .field-name-field-dob.form-group,
.entityform.entitytype-join_mysuper-form .fieldset-wrapper .field-name-field-were-your-working.form-group,
.entityform.entitytype-join_mysuper-form .fieldset-wrapper .field-name-field-working-part-full.form-group,
.entityform.entitytype-join_mysuper-form .fieldset-wrapper .field-name-field-hours-per-week.form-group {
  padding: 14px 11px 24px 16px;
  background-color: transparent;
  border-bottom: 1px solid #ccc; }

.entityform.entitytype-join_mysuper-form .fieldset-wrapper .field-name-field-annual-salary.form-group .glyphicon-question-sign::before {
  color: #333; }

.entityform.entitytype-join_mysuper-form .fieldset-wrapper .field-name-field-were-your-working .form-type-radio label {
  min-width: 86px;
  text-align: center; }

.entityform.entitytype-join_mysuper-form .fieldset-wrapper .field-name-field-were-your-working.form-group,
.entityform.entitytype-join_mysuper-form .fieldset-wrapper .field-name-field-working-part-full.form-group {
  position: relative;
  padding-right: 60px;
  overflow: visible; }
.entityform.entitytype-join_mysuper-form .fieldset-wrapper .field-name-field-were-your-working.form-group .glyphicon-question-sign,
.entityform.entitytype-join_mysuper-form .fieldset-wrapper .field-name-field-working-part-full.form-group .glyphicon-question-sign {
  position: absolute;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 45%;
  right: 17px; }
@media (min-width: 992px) {
  .entityform.entitytype-join_mysuper-form .fieldset-wrapper .field-name-field-were-your-working.form-group,
  .entityform.entitytype-join_mysuper-form .fieldset-wrapper .field-name-field-working-part-full.form-group {
    padding-right: 11px; }
  .entityform.entitytype-join_mysuper-form .fieldset-wrapper .field-name-field-were-your-working.form-group .glyphicon-question-sign,
  .entityform.entitytype-join_mysuper-form .fieldset-wrapper .field-name-field-working-part-full.form-group .glyphicon-question-sign {
    right: -24px; } }

.entityform.entitytype-join_mysuper-form .fieldset-wrapper .field-name-field-slider-extra.form-group label {
  margin-top: 0; }

.entityform.entitytype-join_mysuper-form .fieldset-wrapper .field-name-field-fortnightly-result-esct .form-group {
  margin-bottom: 0; }

.entityform.entitytype-join_mysuper-form .fieldset-wrapper .field-name-field-fortnightly-result-esct .help-info {
  font-size: 14px;
  color: #fff;
  border-bottom-color: #fff; }
.entityform.entitytype-join_mysuper-form .fieldset-wrapper .field-name-field-fortnightly-result-esct .help-info:hover {
  border-bottom-color: #fff; }

@media (min-width: 992px) {
  .entityform.entitytype-join_mysuper-form .fieldset-wrapper .field-name-field-annual-salary {
    margin-right: 0; } }

.entityform.entitytype-join_mysuper-form .group-fortnightly-result .form-wrapper.field-name-field-fortnightly-result-esct {
  padding-bottom: 15px; }

@media (max-width: 991px) {
  .entityform.entitytype-join_mysuper-form .group-fortnightly-result label { width: 100%; }
  .entityform.entitytype-join_mysuper-form .group-fortnightly-result .field-name-field-fortnightly-result-contrib,
  .entityform.entitytype-join_mysuper-form .group-fortnightly-result .field-name-field-fortnightly-result-acc,
  .entityform.entitytype-join_mysuper-form .group-fortnightly-result .form-wrapper.field-name-field-fortnightly-result-esct { padding-left: 30px; }
  .entityform.entitytype-join_mysuper-form .group-fortnightly-result .form-wrapper.field-name-field-fortnightly-result-esct .white { position: static; }
  .entitytype-account_structure_change_form-form .field-name-field-slider-extra .input-wrapper,
  .entitytype-contributions-form .field-name-field-slider-extra .input-wrapper,
  .entityform.entitytype-join_mysuper-form .field-name-field-slider-extra .input-wrapper { float: none; }
  .entitytype-account_structure_change_form-form .field-name-field-slider-extra label,
  .entitytype-contributions-form .field-name-field-slider-extra label,
  .entityform.entitytype-join_mysuper-form .field-name-field-slider-extra label { margin-bottom: 5px; width: 100%; }
  .entitytype-account_structure_change_form-form .field-name-field-slider-extra .input-wrapper .suffix,
  .entitytype-contributions-form .field-name-field-slider-extra .input-wrapper .suffix,
  .entityform.entitytype-join_mysuper-form .field-name-field-slider-extra .input-wrapper .suffix { top: 0; }
}

/* Join mysuper: Locking contributions step. */

.entitytype-join_mysuper-form .group-locking-contributions .field-name-field-locking-type { background: #ececec; }
.entitytype-join_mysuper-form .group-locking-contributions .field-name-field-locking-type .form-radios { position: relative; font-size: 0;}
.entitytype-join_mysuper-form .group-locking-contributions .field-name-field-locking-type { margin: 0; padding: 40px 0 30px; text-align: center; }
.entitytype-join_mysuper-form .group-locking-contributions .field-name-field-locking-type .form-radios .form-type-radio { margin-right: 15px; margin-bottom: 10px; }
.entitytype-join_mysuper-form .group-locking-contributions .field-name-field-locking-type .form-radios .form-type-radio i { position: relative; top: 3px; margin-right: 10px; }
.entitytype-join_mysuper-form .group-locking-contributions .field-name-field-locking-type .form-radios .form-type-radio label { padding: 9px 30px }

.entitytype-join_mysuper-form .group-confirmation { background: #ececec; }
.entitytype-join_mysuper-form .group-confirmation .panel-heading { font-size: 16px; font-family: 'freightsansbook'; }

.entitytype-join_mysuper-form .group-locking-contributions .field-name-field-locking-unlocked { margin: 0; background: #ffffff; font: 16.5px/1 'YogaWebPro'; }
.entitytype-join_mysuper-form .group-locking-contributions .field-name-field-locking-locked { margin: 0; }
.entitytype-join_mysuper-form .group-locking-contributions .field-name-field-locking-unlocked { padding: 30px 30px 30px 80px; }
/*.entitytype-join_mysuper-form .group-locking-contributions .field-name-field-locking-locked { padding: 30px 30px 30px 80px; }*/
.entitytype-join_mysuper-form .group-locking-contributions .field-name-field-locking-unlocked i,
.entitytype-join_mysuper-form .group-locking-contributions .field-name-field-locking-locked i { display: inline-block; font-family: 'freightsansbook'; font-weight: bold; font-style: normal; color: #5A5A5A; }
.entitytype-join_mysuper-form .group-locking-contributions .field-name-field-locking-unlocked i::before,
.entitytype-join_mysuper-form .group-locking-contributions .field-name-field-locking-locked i::before { position: relative; top: 3px; margin: 0 15px 0 5px; font-family: 'super-icons'; font-style: normal; }
.entitytype-join_mysuper-form .group-locking-contributions .field-name-field-locking-unlocked span,
.entitytype-join_mysuper-form .group-locking-contributions .field-name-field-locking-locked span { float: right; margin-top: 3px; width: 20%; font-family: 'freightsansbook'; color: #333333; }
.entitytype-join_mysuper-form .group-locking-contributions .field-name-field-locking-unlocked span::before,
.entitytype-join_mysuper-form .group-locking-contributions .field-name-field-locking-locked span::before { content: '$'; }
.entitytype-join_mysuper-form .group-locking-contributions input { display: none; }
.entitytype-join_mysuper-form .group-locking-contributions .multipage-controls-list input { display: inline-block; }
.entitytype-join_mysuper-form .group-locking-contributions i::before { position: relative; top: 3px; margin: 0 5px 0; }

/*.entitytype-join_mysuper-form .group-locking-contributions .group-bg-gray h3,*/
.entitytype-join_mysuper-form .group-locking-contributions .group-bg-gray { padding: 30px 30px 30px 80px; background: #ececec; }
.entitytype-join_mysuper-form .group-locking-contributions .group-bg-gray .field-name-field-locking-result-acc,
.entitytype-join_mysuper-form .group-locking-contributions .group-bg-gray .field-name-field-locking-result-retirement { display: none; }
.entitytype-join_mysuper-form .group-locking-contributions .group-locking-result { font-weight: bold; clear: both; background: #fff; }

.entitytype-join_mysuper-form .group-locking-contributions .group-locking-result .form-wrapper { margin: 0; }
.entitytype-join_mysuper-form .group-locking-contributions .group-locking-result .form-item { font: 16.5px/1 'YogaWebPro'; }
.entitytype-join_mysuper-form .group-locking-contributions .group-locking-result label { float: none; display: inline-block; margin: 0; width: 80%; font: 16.5px/1 'YogaWebPro'; }
.entitytype-join_mysuper-form .group-locking-contributions .group-locking-result .result-value { display: inline-block; font-family: 'freightsansbook'; }
.entitytype-join_mysuper-form .group-locking-contributions .group-locking-result .field-name-field-locking-result-tax { padding: 15px 30px; font-weight: normal; }
.entitytype-join_mysuper-form .group-locking-contributions .group-locking-result .field-name-field-locking-result-total { display: none; }
/*.entitytype-join_mysuper-form .group-locking-contributions .group-locking-result .field-name-field-locking-result-total { padding: 30px 30px; font-weight: normal; }
.entitytype-join_mysuper-form .group-locking-contributions .group-locking-result .field-name-field-locking-result-total label,
.entitytype-join_mysuper-form .group-locking-contributions .group-locking-result .field-name-field-locking-result-total .form-item { font-size: 24px; }*/

.entitytype-join_mysuper-form .group-locking-contributions .field-name-field-locking-locked-some { display: none; }

.entitytype-join_mysuper-form .group-locking-contributions { font: 16.5px/1 'YogaWebPro'; }
.entitytype-join_mysuper-form .group-locking-contributions .result-wrapper { padding: 30px 30px; font-weight: normal; }
.entitytype-join_mysuper-form .group-locking-contributions .result-wrapper .description,
.entitytype-join_mysuper-form .group-locking-contributions .result-wrapper .result-value { display: inline-block; font-size: 24px; }
.entitytype-join_mysuper-form .group-locking-contributions .result-wrapper .description { width: 80.5%; }
.entitytype-join_mysuper-form .group-locking-contributions .result-wrapper .result-value::before { content: '$'; }


/*.entitytype-join_mysuper-form .group-locking-contributions .result-wrapper { padding: 20px 0 0 6%; color: #8E8E8E; }

.entitytype-join_mysuper-form .group-locking-contributions .result-wrapper .description,
.entitytype-join_mysuper-form .group-locking-contributions .result-wrapper .result-value { display: inline-block; }
.entitytype-join_mysuper-form .group-locking-contributions .result-wrapper .description { width: 78%; }
.entitytype-join_mysuper-form .group-locking-contributions .result-wrapper .result-value { width: 18%; font-family: 'freightsansbook'; }
.entitytype-join_mysuper-form .group-locking-contributions .result-wrapper .result-value::before { content: '$'; }*/

.entitytype-join_mysuper-form .group-locking-contributions .slider-tick { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.entitytype-join_mysuper-form .group-locking-contributions .slider-tick.in-selection { border-radius: 0; border-top-left-radius: 50%; border-bottom-left-radius: 50%; }
.entitytype-join_mysuper-form .group-locking-contributions .slider-track,
.entitytype-join_mysuper-form .group-locking-contributions .slider-track-high { background: #767676; }

.entitytype-join_mysuper-form .group-locking-contributions .multipage-controls-list { margin-top: 0; padding-top: 40px; }

.entitytype-join_mysuper-form .group-locking-contributions .field-name-field-total-fort-contrib { margin: 0; }
.entitytype-join_mysuper-form .group-locking-contributions .field-name-field-locking-result-tax { padding: 20px 0 0 6%; color: #8E8E8E; font-family: 'freightsansbook'; }
.entitytype-join_mysuper-form .group-locking-contributions .field-name-field-locking-result-tax label { margin: 0; width: 78.5%; font: 16.5px/1 'YogaWebPro'; }

@media (max-width: 991px) {
  .entitytype-join_mysuper-form .group-locking-contributions .result-wrapper .result-value,
  .entitytype-join_mysuper-form .group-locking-contributions .group-locking-result label { width: 100%; }
  .entitytype-join_mysuper-form .group-locking-contributions .field-name-field-locking-unlocked span,
  .entitytype-join_mysuper-form .group-locking-contributions .field-name-field-locking-locked span { display: inline-block; float: none; width: 100%; }
  .entitytype-join_mysuper-form .group-locking-contributions .field-name-field-locking-unlocked { padding: 30px; }
  .entitytype-join_mysuper-form .group-locking-contributions .group-bg-gray { padding: 30px; }
  .entitytype-join_mysuper-form .group-locking-contributions .field-name-field-locking-unlocked i::before,
  .entitytype-join_mysuper-form .group-locking-contributions .field-name-field-locking-locked i::before { margin: 0 5px 0 0; }
  .entitytype-join_mysuper-form .group-locking-contributions .field-name-field-locking-result-tax { padding: 20px 0 0 0; }
  .entitytype-join_mysuper-form .group-locking-contributions .field-name-field-locking-result-tax label { width: 100%; }
  .entitytype-join_mysuper-form .group-locking-contributions .result-wrapper .description { margin: 10px 0 0 0; width: 100%; }
}

/* Join mysuper: Investment mix step. */

.entitytype-join_mysuper-form .group-investment .field-name-field-investment-option { margin: 0; }
.entitytype-join_mysuper-form .group-investment .field-name-field-investment-option .form-type-radio { margin: 40px 0 0 0; padding: 15px 0 15px 15px; width: 100%; background: #ececec; }
.entitytype-join_mysuper-form .group-investment .field-name-field-investment-option .form-type-radio .form-radio { position: relative; }
.entitytype-join_mysuper-form .group-investment .field-name-field-investment-option .automatic-description { background: #ececec; }

.entitytype-join_mysuper-form .group-investment .form-type-radios.form-item-field-investment-option-und > label { display: none; }

.entitytype-join_mysuper-form .group-investment .field-type-markup.field-name-field-investment-sliders p { padding: 0 15px 15px; font-size: 16.5px; line-height: 24px; background: #ececec; }
.entitytype-join_mysuper-form .group-investment .form-type-radios.form-item-field-investment-option-und .automatic-description > p { padding: 0 15px; font-size: 16.5px; line-height: 24px; }
.entitytype-join_mysuper-form .group-investment .field-type-markup.field-name-field-investment-mix-bottom { margin-top: 25px !important; }
.entitytype-join_mysuper-form .group-investment .help-block { display: none; }
.entitytype-join_mysuper-form .group-investment .form-type-radios.form-item-field-investment-option-und .automatic-description .well .right { float: right; }

.entitytype-join_mysuper-form .group-investment .form-type-radios.form-item-field-investment-option-und .automatic-description .help-link { background: #fff; }

.entitytype-join_mysuper-form .group-investment .group-manual-sliders { margin-top: -20px; padding-bottom: 10px; background: #ececec; }
.entitytype-join_mysuper-form .group-investment .group-manual-sliders .field-name-field-investment-sliders { margin: 0 15px; }
.entitytype-join_mysuper-form .group-investment .group-manual-sliders .field-name-field-investment-sliders div p { font-size: 16.5px; }

.entityform.entitytype-join_mysuper-form .field-name-field-investment-mix-intro div > p,
.entityform.entitytype-join_mysuper-form .field-name-field-locking-info div > p,
.entityform.entitytype-join_mysuper-form .field-name-field-fortnightly-info div > p { font-size: 17px; margin-bottom: 10px; }

.entitytype-join_mysuper-form .group-investment .form-type-radios.form-item-field-investment-option-und .manual-description { padding: 15px; }
.entitytype-join_mysuper-form .group-investment .form-type-radios.form-item-field-investment-option-und .manual-description p { font-size: 16.5px; }

.entitytype-join_mysuper-form .group-investment .field-name-field-cash-fund,
.entitytype-join_mysuper-form .group-investment .field-name-field-conservative-fund,
.entitytype-join_mysuper-form .group-investment .field-name-field-balanced-fund,
.entitytype-join_mysuper-form .group-investment .field-name-field-growth-fund .form-item { padding: 20px 30px 0; background: #ececec;
  /*border-top: 1px solid #c2c2c2; */
}

.entitytype-join_mysuper-form .group-investment .form-item .slider.slider-horizontal { margin-bottom: 64px !important; margin-top: 20px !important; }
.entitytype-join_mysuper-form .group-investment .form-item .slider-track .slider-handle { background: #80b640; }
.entitytype-join_mysuper-form .group-investment .form-item .slider-tick-label-container { margin-left: 0 !important; }
.entitytype-join_mysuper-form .group-investment .form-item .slider-tick-label:first-child { position: absolute; left: 1%; padding-top: 10px; width: 87px !important; margin-left: -43.5px!important; font-size: 16.5px; }
.entitytype-join_mysuper-form .group-investment .form-item .slider-tick-label:last-child { position: absolute; left: 99%; padding-top: 10px; width: 87px !important; margin-left: -43.5px!important; font-size: 16.5px; }
.entitytype-join_mysuper-form .group-investment .form-item .slider-tick-label:before { content: "|"; display: block; font-weight: bold; opacity: 0.5; font-size: 10px; line-height: 2; }

.entitytype-join_mysuper-form .group-investment .field-name-field-cash-fund label,
.entitytype-join_mysuper-form .group-investment .field-name-field-conservative-fund label,
.entitytype-join_mysuper-form .group-investment .field-name-field-balanced-fund label,
.entitytype-join_mysuper-form .group-investment .field-name-field-growth-fund label { float: left; }

.entitytype-join_mysuper-form .group-investment .field-type-number-integer.field-name-field-cash-fund .form-type-textfield > span,
.entitytype-join_mysuper-form .group-investment .field-type-number-integer.field-name-field-conservative-fund .form-type-textfield > span,
.entitytype-join_mysuper-form .group-investment .field-type-number-integer.field-name-field-balanced-fund .form-type-textfield > span,
.entitytype-join_mysuper-form .group-investment .field-type-number-integer.field-name-field-growth-fund .form-type-textfield > span { display: block; text-align: right; }
.entitytype-join_mysuper-form .group-investment .slider.slider-horizontal { margin-bottom: 25px !important;  }
.entitytype-join_mysuper-form .group-investment .slider-tick-label { width: 40px !important; margin-left: -10px !important; }
.entitytype-join_mysuper-form .group-investment .slider-tick-label:last-child { left: 100% !important; margin-left: -40px !important; }
.entitytype-join_mysuper-form .group-investment .slider-tick.round { background: transparent; box-shadow: none; }
.entitytype-join_mysuper-form .group-investment .slider-range { left: 0% !important; }
.entitytype-join_mysuper-form .group-investment .slider-tick { display: none; }
.entitytype-join_mysuper-form .group-investment .slider .tooltip.top { display: none; }

/* Join mysuper: Insurance step. */

.entitytype-join_mysuper-form .group-insurance label { margin: 0; width: inherit; text-align: left; }
.entitytype-join_mysuper-form .group-insurance .field-name-field-insurance-add label:first-child,
.entitytype-join_mysuper-form .group-insurance .form-text { display: none !important; }
.entitytype-join_mysuper-form .group-insurance .group-insurance-result { overflow: hidden; background: #ececec; }
.entitytype-join_mysuper-form .group-insurance .group-insurance-result .field-group-div { overflow: hidden; border-bottom: 1px solid #dddddd; }
.entitytype-join_mysuper-form .group-insurance .group-insurance-result .form-item { margin: 0 30px; text-align: right; overflow: hidden; }
.entitytype-join_mysuper-form .group-insurance .group-insurance-result .form-wrapper { margin-bottom: 20px; }
.entitytype-join_mysuper-form .group-insurance .group-insurance-result h3 { margin: 0 0 20px; border-bottom: 1px solid #dddddd; padding:20px 30px 15px; font-family: YogaWebPro; }
.entitytype-join_mysuper-form .group-insurance .field-name-field-insurance-info { margin-bottom: 0; }
.entitytype-join_mysuper-form .group-insurance .field-name-field-insurance-add { margin: 0; padding: 30px 0 25px; text-align: center; background: #ececec; }
.entitytype-join_mysuper-form .group-insurance .field-name-field-no-insurance { display: none; }

.description-box,
.description-box-more-60,
.entitytype-join_mysuper-form .group-insurance .field-name-field-insurance-add-description .description,
.field-name-field-kiwisaver-holidaytext .description,
#field-kiwisaver-text-add-more-wrapper .description { position: relative; display: none; border: none; border-radius: 0; padding: 20px 42px; background: #3da3a3; line-height: 1.2; color: #fff; font-size: 16.5px; }
.entitytype-join_mysuper-form .group-insurance .field-name-field-insurance-add-description .description a { color: #fff; }
.entitytype-join_mysuper-form .group-insurance .field-name-field-insurance-add-description .description a:hover,
.entitytype-join_mysuper-form .group-insurance .field-name-field-insurance-add-description .description a:focus { border-color: #fff; }
.description-box.investment-mix { display: block; padding-top: 0;.automatic-description}
.description-box.investment-mix:before { display: none;}

.description-box:before,
.description-box-more-60:before,
.entitytype-join_mysuper-form .group-insurance .field-name-field-insurance-add-description .description:before,
.field-name-field-kiwisaver-holidaytext .description:before,
#field-kiwisaver-text-add-more-wrapper .description:before { content: "\e101"; position: absolute; margin-top: -2px; margin-left: -32px; font-size: 24px; line-height: 1; font-family: 'Glyphicons Halflings'; }
.entitytype-join_mysuper-form .group-insurance .field-name-field-insurance-add-description { margin-bottom: 15px; }

.description-box-more-60 ul { margin: 0; padding-left: 17px; }
.description-box-more-60 ul li { padding-bottom: 5px; padding-left: 17px; font: 16.5px/26px 'freightsansbook'; }

.field-name-field-locking-contributions-mess .description-box-more-60 p { margin-bottom: 5px; font-size: 16.5px; line-height: 1.2; }

@media (max-width: 991px) {
  .entitytype-join_mysuper-form .group-insurance label { float: none; width: 100%; }
  .entitytype-join_mysuper-form .group-insurance .group-insurance-result .form-item { text-align: left; }
}

@media (max-width: 480px){
  .description-box-more-60 ul li { padding-left: 0; }
}

/* Join mysuper: Summary step. */

.entitytype-join_mysuper-form .group-summary .print-link { position: relative; float: right; margin: 30px 0 18px; padding: 11px 10px 13px 50px; color: #fff; font-family: 'freightsansbook'; font-size: 16px; }
.entitytype-join_mysuper-form .group-summary .print-link i:before { position: absolute; top: 6px; left: 8px; font-size: 24px; }
.entitytype-join_mysuper-form .group-summary .multipage-pane-title { overflow: hidden; }
.entitytype-join_mysuper-form .group-summary .multipage-pane-title span { float: left; margin-top: 10px; font-size: 30px; line-height: 30px; }
.entitytype-join_mysuper-form .group-summary .multipage-pane-title .btn-print-move { float: right; margin: 0; }
.entitytype-join_mysuper-form .group-summary .multipage-pane-title .btn-print-move .print-link { margin: 0; }
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text { padding-bottom: 20px; }
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .title-wrapper { margin-top: 35px; overflow: hidden; }
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .title-wrapper h3 { float: left; }
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .title-wrapper .goto-step-link.btn-default { position: relative; float: right; margin: 18px 0; border-radius: 5px; padding: 7px 10px 9px 40px; color: #ffffff; background-color: #3da3a3; border-color: #369090; }
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .title-wrapper .goto-step-link.btn-default:hover { color: #ffffff; background-color: #256464; border-color: #133434;}
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .title-wrapper .goto-step-link.btn-default i:before { position: absolute; top: 6px; left: 8px; font-size: 20px; }
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .summary-wrapper { border-radius: 15px; background: #fff; overflow: hidden; }
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .summary-wrapper p { margin: 0; padding: 13px 30px 13px 70px; clear: both; }
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .personal-details-wrapper .summary-wrapper p { border-bottom: 1px solid #ccc; padding: 16px 30px 16px 70px; overflow: hidden; }
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .personal-details-wrapper .summary-wrapper p:last-child { border-bottom: 0; }
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .summary-wrapper.insurance-disabled h4,
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .summary-wrapper.insurance-disabled p { color: #ccc; }
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .summary-wrapper .investment-option-automatic { padding: 20px 0; }
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .summary-wrapper .investment-option-manual .line-wrapper { border-bottom: 1px solid #ccc; }
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .summary-wrapper .investment-option-manual .line-wrapper:last-child { border-bottom: 0; }
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .summary-wrapper .investment-option-manual p { border-width: 10px; padding: 25px 30px 25px 70px; background: transparent; }
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .summary-wrapper .investment-option-manual p .text-left { font-size: 22px; }
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .summary-wrapper p.group-bg-green { margin-bottom: 0; padding: 26px 36px 26px 31px; background: #379393; color: #fff; display: block; text-align: left; font-family: YogaWebPro; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1.3; }
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .summary-wrapper p.group-bg-green strong { font-size: 28px; }
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .summary-wrapper p.group-bg-green.you-chose > span { float: right; font: 18.5px/26px 'freightsansbook'; }
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .summary-wrapper p.group-bg-green.you-chose > span strong { float: none; font: 18.5px/26px 'freightsansbook'; font-weight: bold; }
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .summary-wrapper p.group-bg-green.you-chose > span i { position: relative; top: 3px; margin-right: 10px; }
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .summary-wrapper p.group-bg-green.you-chose > span i:before { position: relative; top: 1px; }
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .summary-wrapper p.group-bg-green.investment-option > span { float: right; font: 18.5px/26px 'freightsansbook'; }
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .summary-wrapper p.group-bg-green.investment-option > span strong { float: none; font: 18.5px/26px 'freightsansbook'; font-weight: bold; }
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .summary-wrapper p.group-bg-green.investment-option > span i { position: relative; top: 3px; margin-right: 10px; }
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .summary-wrapper p.group-bg-green.investment-option > span i:before { position: relative; top: 1px; }
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .summary-wrapper p.group-bg-gray { margin: 0; padding: 40px 36px 42px 31px; font-size: 24px; font-family: 'FontFontYogaPro'; color: #333; white-space: normal; background: #e4e4e4; line-height: 1.3; }
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .summary-wrapper p.group-bg-dark { margin: 0; padding: 40px 36px 42px 31px; font-size: 24px; font-family: 'FontFontYogaPro'; color: #fff; white-space: normal; background: #666; line-height: 1.3; }
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .summary-wrapper .unlocked-wrapper p { position: relative; padding: 27px 30px 27px 70px; }
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .summary-wrapper .unlocked-wrapper p.border-bottom { border-bottom: 1px solid #ccc; }
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .summary-wrapper .unlocked-wrapper p i:before { position: absolute; top: 32px; left: 28px; }
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .summary-wrapper .locked-wrapper p i:before { position: absolute; top: 29px; left: 28px; }
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .summary-wrapper .locked-wrapper p { position: relative; }
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .summary-wrapper .locked-wrapper p:first-child { padding: 24px 30px 24px 70px; }
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .summary-wrapper .locked-wrapper p:last-child { padding: 24px 30px 24px 70px; }
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text hr { display: none; }
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text h3,
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text h4 { margin: 0 0 14px; border-bottom: 1px solid #ccc; padding: 26px 31px 24px; font-weight: bold; }
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .insurance-wrapper h4 { margin: 0; border-bottom: 0; padding-bottom: 10px; font-size: 18px; }
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .insurance-wrapper h4.border-top { margin-top: 0; border-top: 1px solid #ccc; }
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text h3 { margin: 0; border-bottom: 0; padding: 20px 31px 20px; font: 20px/36px 'freightsansbook'; font-weight: bold; }
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text a { cursor: pointer; }
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text p.help-block { margin: -10px 0 0; padding: 0 30px 0 70px; font-size: 14px; }
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text h4 strong { float: right; text-align: right; }
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text p strong.text-left,
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text p span.text-left { float: right; text-align: right; }
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .panel-info { margin: 0; padding: 0; }
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .panel-info .panel-heading { font: 16.5px/1.2 'freightsansbook'; }
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .panel-info .panel-heading::before { margin-top: -2px; }
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .insurance-skip-message { display: none; }
.entitytype-join_mysuper-form.skip-insurance .group-summary .field-name-field-summary-text .insurance-skip-message { display: block; }

.entitytype-join_mysuper-form.skip-insurance .group-summary .insurance-wrapper .goto-step-link { display: none; }
.entitytype-join_mysuper-form .group-summary .multipage-controls-list .multipage-button .button-wrapper { float: right; }
.entitytype-join_mysuper-form .group-declaration { clear: both; }

.entitytype-join_mysuper-form .btn-return { margin-top: 40px; }

@media (max-width: 1199px) {
  .entityform.entitytype-join_mysuper-form .field-name-field-suburb.form-group input,
  .entityform.entitytype-join_mysuper-form .field-name-field-city.form-group input,
  .entityform.entitytype-join_mysuper-form .field-name-field-postcode.form-group input,
  .entityform.entitytype-join_mysuper-form .field-type-number-integer.form-group input { margin-left: 32%; }
  .entityform.entitytype-join_mysuper-form .field-name-field-were-your-working.form-group .form-radios,
  .entityform.entitytype-join_mysuper-form .field-name-field-working-part-full.form-group .form-radios { float: left; }
  .entityform.entitytype-join_mysuper-form .field-name-field-were-your-working.form-group .form-radios,
  .entityform.entitytype-join_mysuper-form .field-name-field-working-part-full.form-group .form-radios { clear: both; }

  .entitytype-join_mysuper-form .group-locking-contributions .field-name-field-locking-type .form-radios .form-type-radio label { padding: 9px 10px; }
}

@media (max-width: 991px) {
  .entitytype-join_mysuper-form .group-summary .field-name-field-summary-text p strong.text-left,
  .entitytype-join_mysuper-form .group-summary .field-name-field-summary-text p span.text-left { display: block; float: none; text-align: left; }
  .entityform.entitytype-join_mysuper-form .group-fortnightly-result .field-name-field-fortnightly-result-contrib { padding-right: 20px; }
  .entityform.entitytype-join_mysuper-form .group-fortnightly-result .field-name-field-fortnightly-result-acc { padding-right: 20px; padding-bottom: 10px; }
  .entityform.entitytype-join_mysuper-form .group-fortnightly-result .field-name-field-fortnightly-result-annual { font-size: 30px; }
  .entityform.entitytype-join_mysuper-form .group-left,
  .entityform.entitytype-join_mysuper-form .group-fortnightly-result .field-name-field-fortnightly-result-annual label { width: 100%; margin: 0; }
  .entityform.entitytype-join_mysuper-form .group-fortnightly-result .field-name-field-fortnightly-result-annual { width: 100%; float: left; text-align: left; }
  .entityform.entitytype-join_mysuper-form .field-name-field-suburb.form-group input,
  .entityform.entitytype-join_mysuper-form .field-name-field-city.form-group input,
  .entityform.entitytype-join_mysuper-form .field-name-field-postcode.form-group input,
  .entityform.entitytype-join_mysuper-form .field-type-number-integer.form-group input { margin-left: 0; }
  .entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .title-wrapper .goto-step-link.btn-default { float: left; margin: 0 0 18px; clear: both; }
  .entitytype-join_mysuper-form .group-summary .field-name-field-summary-text h3 { padding: 20px 0 20px; }
  .entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .summary-wrapper p { padding: 10px 30px 10px 30px; }
  .entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .summary-wrapper .investment-option-manual p { padding: 25px 30px 25px 30px; }
  .entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .summary-wrapper .unlocked-wrapper p { padding: 27px 30px 27px 30px; }
  .entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .summary-wrapper .locked-wrapper p:first-child { padding: 24px 30px 19px 30px; }
  .entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .summary-wrapper .locked-wrapper p:last-child { padding: 19px 30px 24px 30px; }
  .entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .summary-wrapper .unlocked-wrapper p i:before { position: relative; top: 3px; left: -2px; margin-right: 8px; }
  .entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .summary-wrapper .locked-wrapper p i:before { position: relative; top: 3px; left: -2px; margin-right: 8px; }
  .entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .summary-wrapper p.group-bg-green.investment-option > span { display: block; float: none; }
  .entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .personal-details-wrapper .summary-wrapper p { padding: 16px 30px 16px 30px; }
}

@media (max-width: 767px) {
  .entitytype-join_mysuper-form .group-summary .field-name-field-summary-text p strong.text-left,
  .entitytype-join_mysuper-form .group-summary .field-name-field-summary-text p span.text-left { display: inline; float: right; text-align: right; }
  .entityform.entitytype-join_mysuper-form .field-name-field-fortnightly-salary .form-item .slider-horizontal .slider-tick-label:nth-child(2):after,
  .entityform.entitytype-join_mysuper-form .field-name-field-fortnightly-salary .form-item .slider-horizontal .slider-tick-label:first-child,
  .entityform.entitytype-join_mysuper-form .field-name-field-fortnightly-salary .form-item .slider-horizontal .slider-tick-label:last-child { display: none; }
  .entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .summary-wrapper p.group-bg-green.you-chose > span { float: none; display: block; }
}

@media (max-width: 540px) {
  .entitytype-join_mysuper-form .group-summary .field-name-field-summary-text p strong.text-left,
  .entitytype-join_mysuper-form .group-summary .field-name-field-summary-text p span.text-left { display: block; float: none; text-align: left; }
  .entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .insurance-wrapper p strong.text-left { height: 22px; }
}

@media (max-width: 400px) {
  .entitytype-join_mysuper-form .group-investment .form-type-radios.form-item-field-investment-option-und .automatic-description .well .right { float: none; display: block; }
  .entitytype-join_mysuper-form .group-locking-contributions .field-name-field-locking-type .form-radios .form-type-radio label { min-width: 190px; }

  .entitytype-join_mysuper-form .group-insurance .group-insurance-result .field-name-field-insurance-result-cost .form-item { text-align: left; }
  .entitytype-join_mysuper-form .group-insurance .group-insurance-result .field-name-field-insurance-result-cost .form-item label { width: 100%; }

  .entitytype-join_mysuper-form .group-insurance .group-insurance-result .group-insurance-result-annually .field-name-field-insurance-result-life { text-align: left; }
  .entitytype-join_mysuper-form .group-insurance .group-insurance-result .group-insurance-result-annually .field-name-field-insurance-result-life label { width: 100%; }

  .entitytype-join_mysuper-form .group-insurance .group-insurance-result .group-insurance-result-annually .field-name-field-insurance-result-income { text-align: left; }
  .entitytype-join_mysuper-form .group-insurance .group-insurance-result .group-insurance-result-annually .field-name-field-insurance-result-income label { width: 100%; }
}

/* Join mysuper: skip pages. */

.entitytype-join_mysuper-form.skip-locking-contributions .investment-back-btn,
.entitytype-join_mysuper-form .investment-back-skip-btn,
.entitytype-join_mysuper-form.skip-insurance .investment-next-btn,
.entitytype-join_mysuper-form .investment-skip-btn,
.entitytype-join_mysuper-form .summary-back-skip-btn,
.entitytype-join_mysuper-form.skip-insurance .summary-back-btn,
.entitytype-join_mysuper-form.skip-locking-contributions .group-summary a[data-goto="3"],
.entitytype-join_mysuper-form .contrib-skip-btn,
.entitytype-join_mysuper-form.skip-locking-contributions .contrib-next-btn { display: none; }
.entitytype-join_mysuper-form .investment-back-btn,
.entitytype-join_mysuper-form.skip-locking-contributions .investment-back-skip-btn,
.entitytype-join_mysuper-form.skip-insurance .investment-skip-btn,
.entitytype-join_mysuper-form .investment-next-btn,
.entitytype-join_mysuper-form.skip-insurance .summary-back-skip-btn,
.entitytype-join_mysuper-form .summary-back-btn,
.entitytype-join_mysuper-form .contrib-next-btn,
.entitytype-join_mysuper-form.skip-locking-contributions .contrib-skip-btn { display: inline-block; }

/* Join mysuper: leave page confirmation modal */
.entitytype-join_mysuper-form .field-name-field-leave-page-confirm .modal .modal-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.entitytype-join_mysuper-form .field-name-field-leave-page-confirm .modal .modal-header .modal-title {
  font-size: 1.4em;
}
.entitytype-join_mysuper-form .field-name-field-leave-page-confirm .modal .modal-header .close {
  margin-left: auto;
}

.entitytype-join_mysuper-form .multipage-controls-list #edit-actions {
  float: none;
}

  /* Entityforms. Contact us. */

form.entitytype-contact_us-form .pre-instructions { margin-bottom: 30px; }
form.entitytype-contact_us-form .form-group label { width: 25%; }
form.entitytype-contact_us-form .form-group input,
form.entitytype-contact_us-form .form-group textarea { margin-right: 0; width: 74%; resize: vertical; }
form.entitytype-contact_us-form .form-group.field-name-field-first-name { border-top: 1px solid #ddd; padding-top: 30px; }
form.entitytype-contact_us-form .help-block { margin-left: 25%; }
form.entitytype-contact_us-form .form-group button[type="submit"] { margin-right: 1%; }
form.entitytype-contact_us-form .g-recaptcha { display: inline-block; margin-right: 5px; margin-bottom: 20px; }

@media (max-width: 1200px) {
  form.entitytype-contact_us-form .form-group input,
  form.entitytype-contact_us-form .form-group textarea { width: 67%; }
  form.entitytype-contact_us-form .form-actions { width: 93%; }
}
@media (max-width: 991px) {
  form.entitytype-contact_us-form .form-group label,
  form.entitytype-contact_us-form .form-group input,
  form.entitytype-contact_us-form .form-group textarea { width: 100%; }
  form.entitytype-contact_us-form .form-group button[type="submit"] { margin-right: 0; }
  form.entitytype-contact_us-form .help-block { margin-left: 0; }
  form.entitytype-contact_us-form .form-actions { width: 100%; }
  form.entitytype-contact_us-form .g-recaptcha { margin-right: 0; }
}

/* Entityforms. Contributions holiday. */
.entityform.entitytype-contributions_holiday-form .group-declaration { margin-bottom: 0; border-bottom: 0 none; }

/* Entityforms. Change your account structure. */

form.entitytype-account_structure_change_form-form .box-calculate-result { font: 16.5px/1 'YogaWebPro'; background: #ffffff; }
form.entitytype-account_structure_change_form-form .box-calculate-result .result-wrapper { padding: 30px; }
form.entitytype-account_structure_change_form-form .box-calculate-result .result-wrapper.total-contributions { padding-left: 80px; }
form.entitytype-account_structure_change_form-form .box-calculate-result .result-wrapper.tax-credit { padding: 20px 0 0 6%; color: #8E8E8E; }
form.entitytype-account_structure_change_form-form .box-calculate-result .result-wrapper .description,
form.entitytype-account_structure_change_form-form .box-calculate-result .result-wrapper .result-value { display: inline-block; }
form.entitytype-account_structure_change_form-form .box-calculate-result .result-wrapper .description { width: 78%; }
form.entitytype-account_structure_change_form-form .box-calculate-result .result-wrapper.tax-credit .description { width: 76.5%; }
form.entitytype-account_structure_change_form-form .box-calculate-result .result-wrapper.total-fortnightly-contribution .description { width: 81%; }
form.entitytype-account_structure_change_form-form .box-calculate-result .result-wrapper .result-value { width: 17%; font-family: 'freightsansbook'; }
form.entitytype-account_structure_change_form-form .box-calculate-result .result-wrapper .description i { display: inline-block; font-family: 'freightsansbook'; font-weight: bold; font-style: normal; color: #5A5A5A; }
form.entitytype-account_structure_change_form-form .box-calculate-result .result-wrapper .description i::before { position: relative; top: 3px; margin: 0 15px 0 5px; font-family: 'super-icons'; font-style: normal; }
form.entitytype-account_structure_change_form-form .box-calculate-result .result-wrapper .total-contributions-unlocked .description i::before { content: '\62'; }
form.entitytype-account_structure_change_form-form .box-calculate-result .result-wrapper .total-contributions-locked .description i::before { content: '\61'; }
form.entitytype-account_structure_change_form-form .box-calculate-result .result-wrapper .result-value::before { content: '$'; }
form.entitytype-account_structure_change_form-form .box-calculate-result .total-fortnightly-contribution { padding: 30px 50px; font-size: 24px; }
form.entitytype-account_structure_change_form-form .box-calculate-result .bg-gray { background: #ececec; }

form.entitytype-account_structure_change_form-form .field-name-field-working-part-full .form-type-radios > label { width: 67%; }
form.entitytype-account_structure_change_form-form .has-error input { box-shadow: 0 0 0 2px #EA6566 inset; }

form.entitytype-account_structure_change_form-form .help-link-wrapper { background: #fff; }
form.entitytype-account_structure_change_form-form .well { margin-bottom: 0; border: none; padding: 0 56px 5px; background: #fff;  box-shadow: none; }
form.entitytype-account_structure_change_form-form .slider-header { overflow: hidden; margin: 0; padding: 0 30px 10px; background: #379393; color: #fff; }
form.entitytype-account_structure_change_form-form .field-name-field-contrib-rate-result { font-family: YogaWebPro; }
form.entitytype-account_structure_change_form-form .field-name-field-contrib-rate-result h3,
form.entitytype-account_structure_change_form-form .slider-header h3 { font: 24px/1 YogaWebPro; }

form.entitytype-account_structure_change_form-form .result .group-light-gray { background: #59595B; color: #fff; margin-bottom: 0; }
form.entitytype-account_structure_change_form-form .result .group-light-gray:first-child { border-bottom: 2px dotted #414143; }
form.entitytype-account_structure_change_form-form .result .group-light-gray:first-child h4 { font-family: YogaWebPro; font-size: 20px; padding: 30px 31px 26px; line-height: 1; margin: 0; color: #8E8E8E; }
form.entitytype-account_structure_change_form-form .result p { margin-bottom: 0; font-size: 16.5px; line-height: 1; color: #ffffff; }
form.entitytype-account_structure_change_form-form .result .label { display: inline-block; margin: 0; padding: 0; width: 70%; text-align: left; font-weight: normal; }
form.entitytype-account_structure_change_form-form .result .result-wrapper { display: inline-block; }
form.entitytype-account_structure_change_form-form .result .result-wrapper .white { position: absolute; left: 69.5%; }
form.entitytype-account_structure_change_form-form .result .group-your { padding: 25px 30px 5px 70px; }
form.entitytype-account_structure_change_form-form .result .group-acc { padding: 5px 30px 5px 70px; }
form.entitytype-account_structure_change_form-form .result .group-tax { padding: 5px 30px 25px 70px; }
form.entitytype-account_structure_change_form-form .result .group-total p { font-size: 24px; font-family: 'FontFontYogaPro'; color: #C5C5C5; white-space: normal; }
form.entitytype-account_structure_change_form-form .result .group-dark-gray { margin-bottom: 0; border-top: 2px dotted #414143; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; padding: 30px; background: #505051; color: #fff; }
form.entitytype-account_structure_change_form-form .result .group-dark-gray h4 p { font-size: 24px; font-family: YogaWebPro; margin: 24px 0 0 0; }

form.entitytype-account_structure_change_form-form .contrib-rate-result-container { overflow: hidden; border-radius: 0 0 8px 8px; background: #636466; color: #fff; }
form.entitytype-account_structure_change_form-form .contrib-rate-result-container h3 { margin: 0; border-bottom: 2px dotted #565656; padding: 25px 30px 20px; }
form.entitytype-account_structure_change_form-form .contrib-rate-result-container .result-body { overflow: hidden; margin: 30px 0 20px; font-size: 15px; color: #999; }
form.entitytype-account_structure_change_form-form .contrib-rate-result-container .result-body .result-body-left { float: left; width: 50%; }
form.entitytype-account_structure_change_form-form .contrib-rate-result-container .result-body .result-body-right { float: right; width: 50%; }
form.entitytype-account_structure_change_form-form .contrib-rate-result-container .title { float: left; margin-left: 30px; }
form.entitytype-account_structure_change_form-form .contrib-rate-result-container .value { float: right; margin-right: 30px; }
form.entitytype-account_structure_change_form-form .contrib-rate-result-container .title,
form.entitytype-account_structure_change_form-form .contrib-rate-result-container .value { margin-bottom: 10px; font-family: FontFontYogaPro; }
form.entitytype-account_structure_change_form-form .contrib-rate-result-container .value::before { content: '$'; font-family: YogaWebPro; }
form.entitytype-account_structure_change_form-form .contrib-rate-result-container .result-body .result-body-left .value { font-size: 18.5px; color: #ccc; }
form.entitytype-account_structure_change_form-form .contrib-rate-result-container .result-body-right .title { margin-top: 20px; font-size: 18.5px; }
form.entitytype-account_structure_change_form-form .contrib-rate-result-container .result-body-right .value { margin-top: 20px; font-size: 26px; color: #ccc; }
form.entitytype-account_structure_change_form-form .contrib-rate-result-container .result-footer { clear: both; padding: 30px 0 20px; overflow: hidden; background: #595a5b; }
form.entitytype-account_structure_change_form-form .contrib-rate-result-container .result-footer .title { margin-top: 15px; font-size: 24px; }
form.entitytype-account_structure_change_form-form .contrib-rate-result-container .result-footer .value { font-size: 46px; }

form.entitytype-account_structure_change_form-form .field-name-field-contrib-rate-result .slider-desc { padding: 30px 0 0; }
form.entitytype-account_structure_change_form-form .field-name-field-contrib-rate-result .slider-desc p { margin-bottom: 10px; font-size: 14px; line-height: 1.3; }

form.entitytype-account_structure_change_form-form .field-name-field-fortnightly-info { margin-bottom: 0; }
form.entitytype-account_structure_change_form-form .field-name-field-percent-slider { margin: 0; padding: 0 30px 15px; background: #379393; color: #fff; }
form.entitytype-account_structure_change_form-form .field-name-field-percent-slider label { display: none; }
form.entitytype-account_structure_change_form-form .slider { margin: 20px 0 50px !important; }
form.entitytype-account_structure_change_form-form .slider .slider-tick-label { padding-top: 10px; font-size: 14px; }
form.entitytype-account_structure_change_form-form .slider .slider-tick-label:before { content: "|"; display: block; font-weight: bold; opacity: 0.5; font-size: 10px; line-height: 2; }
form.entitytype-account_structure_change_form-form .slider .tooltip.top { margin-top: -12px; cursor: pointer; }
form.entitytype-account_structure_change_form-form .slider .tooltip.tooltip-main .tooltip-inner { background: transparent; font-size: 18.5px; color: #585858; }
form.entitytype-account_structure_change_form-form .slider .tooltip.top .tooltip-arrow { border-color: transparent; }
form.entitytype-account_structure_change_form-form .slider .slider-tick-label:nth-child(2):after { content: "(Minimum)"; position: absolute; margin-left: 5px; }
form.entitytype-account_structure_change_form-form .slider .slider-track::after { content: ''; position: absolute; width: 12.5%; height: 100%; z-index: 1; }
form.entitytype-account_structure_change_form-form .slider .slider-track::after { right: 0; border-radius: 0 4px 4px 0; background: #ffd18b; }
form.entitytype-account_structure_change_form-form .slider .slider-handle { z-index: 5; }

form.entitytype-account_structure_change_form-form .field-name-field-locking-type label[for="edit-field-locking-type-und"] { display: none; }

form.entitytype-account_structure_change_form-form .field-name-field-locking-info,
form.entitytype-account_structure_change_form-form .field-name-field-locking-type,
form.entitytype-account_structure_change_form-form .field-name-field-locking-contrib-result { margin-bottom: 0; }
form.entitytype-account_structure_change_form-form .field-name-field-locking-type,
form.entitytype-account_structure_change_form-form .field-name-field-locking-contrib-result { background: #ececec; }
form.entitytype-account_structure_change_form-form .field-name-field-locking-type { padding: 30px 0 10px; text-align: center; }
form.entitytype-account_structure_change_form-form .field-name-field-locking-type .form-radios .form-type-radio label { padding: 9px 30px; }
form.entitytype-account_structure_change_form-form .field-name-field-locking-type .form-radios .form-type-radio i { position: relative; top: 3px; margin-right: 10px; }
form.entitytype-account_structure_change_form-form .field-name-field-locking-type .form-radios .form-type-radio { margin-right: 15px; margin-bottom: 15px; }
form.entitytype-account_structure_change_form-form .field-name-field-member-choose .has-error label,
form.entitytype-account_structure_change_form-form .field-name-field-transfer-balance .has-error label,
form.entitytype-account_structure_change_form-form .field-name-field-locking-type .has-error label { color: #FD7171; }
form.entitytype-account_structure_change_form-form .field-name-field-locking-info ul { margin: 0; padding-left: 17px; }
form.entitytype-account_structure_change_form-form .field-name-field-locking-info ul li { padding-bottom: 20px; padding-left: 17px; }

form.entitytype-account_structure_change_form-form .field-name-field-working-part-full .radio { margin-bottom: 0; }
form.entitytype-account_structure_change_form-form .field-name-field-fortnightly-info .well-wrapper { margin-bottom: 50px; }
form.entitytype-account_structure_change_form-form .slider-header { border-radius: 8px 8px 0 0; }
form.entitytype-account_structure_change_form-form .form-group.field-name-field-transfer-balance { margin-top: 40px; }
form.entitytype-account_structure_change_form-form .field-name-field-member-choose .form-type-radios > label,
form.entitytype-account_structure_change_form-form .field-name-field-transfer-balance .form-type-radios > label,
form.entitytype-account_structure_change_form-form .field-name-field-locking-type .form-radios .radio:first-child { display: none; }
form.entitytype-account_structure_change_form-form .field-name-field-member-choose .help-block { margin-left: 0; }
form.entitytype-account_structure_change_form-form .field-name-field-member-choose .form-radios .radio:last-child label::after { content: '*'; }
form.entitytype-account_structure_change_form-form .group-member-choose .panel-title { display: none; }

.entityform.entitytype-account_structure_change_form-form .group-declaration { margin-bottom: 0; border-bottom: 0 none; }

@media (max-width: 1199px){
  form.entitytype-account_structure_change_form-form .field-name-field-locking-type .form-radios .form-type-radio label { padding: 9px 10px; }
  form.entitytype-account_structure_change_form-form .field-name-field-working-part-full .form-type-radios > label { width: 59%; }
}
@media (max-width: 991px){
  form.entitytype-account_structure_change_form-form .contrib-rate-result-container .result-body .result-body-left,
  form.entitytype-account_structure_change_form-form .contrib-rate-result-container .result-body .result-body-right { width: 100%; }
  form.entitytype-account_structure_change_form-form .contrib-rate-result-container .result-body-right .title,
  form.entitytype-account_structure_change_form-form .contrib-rate-result-container .result-body-right .value { margin-top: 0; margin-bottom: 0; }
  form.entitytype-account_structure_change_form-form .contrib-rate-result-container .result-footer .title,
  form.entitytype-account_structure_change_form-form .contrib-rate-result-container .result-footer .value { float: none; margin: 0 30px; }
  form.entitytype-account_structure_change_form-form .field-name-field-working-part-full .form-type-radios > label { width: 100%; }
  form.entitytype-account_structure_change_form-form .result .label { width: 100%; }
  form.entitytype-account_structure_change_form-form .result .result-wrapper .white { position: relative; left: 0; }
  form.entitytype-account_structure_change_form-form .box-calculate-result .result-wrapper.total-fortnightly-contribution .description,
  form.entitytype-account_structure_change_form-form .box-calculate-result .result-wrapper .description,
  form.entitytype-account_structure_change_form-form .box-calculate-result .result-wrapper .result-value { width: 100%; }
  form.entitytype-account_structure_change_form-form .box-calculate-result .result-wrapper .result-value { margin: 10px 0 0 0; }
  form.entitytype-account_structure_change_form-form .box-calculate-result .result-wrapper .description i::before { margin: 0 5px 0 0; }
  form.entitytype-account_structure_change_form-form .box-calculate-result .result-wrapper .total-contributions-locked .result-value { float: none; }
  form.entitytype-account_structure_change_form-form .result .group-your { padding: 20px 30px 5px; }
  form.entitytype-account_structure_change_form-form .result .group-acc { padding: 5px 30px 5px; }
  form.entitytype-account_structure_change_form-form .result .group-tax { padding: 5px 30px 20px; }
  form.entitytype-account_structure_change_form-form .box-calculate-result .total-fortnightly-contribution,
  form.entitytype-account_structure_change_form-form .box-calculate-result .result-wrapper.total-contributions { padding: 30px; }
  form.entitytype-account_structure_change_form-form .box-calculate-result .result-wrapper.tax-credit { padding-left: 0; }
}
@media (max-width: 480px){
  form.entitytype-account_structure_change_form-form .contrib-rate-result-container .clearfix { font-size: 0; }
  form.entitytype-account_structure_change_form-form .contrib-rate-result-container .title,
  form.entitytype-account_structure_change_form-form .contrib-rate-result-container .value { float: none; clear: both; margin: 0 30px; }
  form.entitytype-account_structure_change_form-form .slider .slider-tick-label:first-child,
  form.entitytype-account_structure_change_form-form .slider .slider-tick-label:nth-child(2):after,
  form.entitytype-account_structure_change_form-form .slider .slider-tick-label:last-child { display: none; }
  form.entitytype-account_structure_change_form-form .field-name-field-locking-info ul li { padding-left: 0; }
}

.help-link-wrapper { display: block; position: relative; margin-bottom: 0; border: none; border-radius: 0; padding: 16px 25px; color: #3da3a3; font-size: 16.5px; line-height: 1.2; }
.help-link-wrapper .help-link { border-bottom: 1px solid #ADD2D2; color: #3da3a3; cursor: pointer; }
.help-link-wrapper .help-link:before { float: left; margin-top: -2px; margin-right: 13px; margin-left: -5px; content: "\e085"; font-family: 'Glyphicons Halflings'; font-size: 24px; line-height: 1; }
.help-link-wrapper .help-link:after { position: absolute; right: 0; top: 8px; margin-right: 12px; content: "×"; font-family: 'Glyphicons Halflings'; font-size: 26px; line-height: 1; color: #ccc; }
.help-link-wrapper .help-link[aria-expanded=false]:after { top: 20px; margin-right: 12px; content: "\e252"; font-size: 14px; }
.help-link-wrapper .help-link:hover { border-bottom: 1px solid #3da3a3; }

/* Entityforms. Change your contribution rate. */
form.entitytype-contributions-form .has-error input { box-shadow: 0 0 0 2px #EA6566 inset; }

form.entitytype-contributions-form .slider-header { overflow: hidden; margin: 0; padding: 0 30px 10px; background: #379393; color: #fff; }
form.entitytype-contributions-form .slider-header h3 { font: 24px/1 YogaWebPro; }

form.entitytype-contributions-form .field-name-field-fortnightly-info { margin-bottom: 0; }
form.entitytype-contributions-form .field-name-field-percent-slider { margin: 0; padding: 30px 30px 15px; background: #ECECEC; }
form.entitytype-contributions-form .field-name-field-percent-slider label { display: none; }
form.entitytype-contributions-form .slider { margin: 20px 0 50px !important; }
form.entitytype-contributions-form .slider .slider-tick-label { padding-top: 10px; font-size: 14px; }
form.entitytype-contributions-form .slider .slider-tick-label:before { content: "|"; display: block; font-weight: bold; opacity: 0.5; font-size: 10px; line-height: 2; }
form.entitytype-contributions-form .slider .tooltip.top { margin-top: -12px; cursor: pointer; }
form.entitytype-contributions-form .slider .tooltip.tooltip-main .tooltip-inner { background: transparent; font-size: 18.5px; color: #fff; }
form.entitytype-contributions-form .slider .tooltip.top .tooltip-arrow { border-color: transparent; }
form.entitytype-contributions-form .slider .slider-tick-label:nth-child(2):after { content: "(Minimum)"; position: absolute; margin-left: 5px; }
form.entitytype-contributions-form .slider .slider-track { background: #666666; }
form.entitytype-contributions-form .slider .slider-track::after { content: ''; position: absolute; width: 12.5%; height: 100%; z-index: 1; }
form.entitytype-contributions-form .slider .slider-track::after { right: 0; border-radius: 0 4px 4px 0; background: #ffd18b; }
form.entitytype-contributions-form .slider .slider-handle { z-index: 5; background: #77B140; }

form.entitytype-contributions-form .slider-header { border-radius: 8px 8px 0 0; }

form.entitytype-contributions-form .field-name-field-submission-comments-.form-group { margin-top: 50px; }

form.entitytype-contributions-form .group-declaration { margin-bottom: 0; border-bottom: 0 none; }

@media (max-width: 480px){
  form.entitytype-contributions-form .slider .slider-tick-label:first-child,
  form.entitytype-contributions-form .slider .slider-tick-label:nth-child(2):after,
  form.entitytype-contributions-form .slider .slider-tick-label:last-child { display: none; }
}

/**
 * Entityforms: Site-wide media styles.
 */

/**
 * Login form
 */

form .form-group label { float: left; margin-top: 7px; width: 35%; font-size: 21px; }
form .form-group input,
form .form-group textarea  { display: inline; margin-right: 10px; border: none; border-radius: 2px; width: 59%; box-shadow: none; }
form .form-group select { display: inline; border: none; border-radius: 2px; width: 100%; box-shadow: none; }
form .form-group input:focus,
form .form-group select:focus,
form .form-group textarea:focus { box-shadow: none; }
form .form-group .glyphicon-question-sign { margin-left: 10px; }
form .form-group .glyphicon-question-sign:before { color: #767676; }

@media (max-width: 1199px) {
  form .form-group label { width: 32%; }
  form .form-group input { width: 60%; }
  form .form-group textarea { width: 100%; }
}

@media (max-width: 991px) {
  form .form-group label { width: 100%; }
  form .form-group input { width: calc(100% - 50px); }
}

@media (max-width: 480px){
  /*form .form-group input { width: 80%; }*/
}

/**
 * Webform.
 */
/* Webform: client form */

.webform-client-form label { margin: 10px 0 0; }
.webform-client-form button.webform-submit { margin-top: 20px; }

/**
 * Sidebar
 */

.region-sidebar { margin-bottom: 40px; }

/**
 * Entityforms. Full Submissions.
 */

.entity .content .field-label-inline .field-items { float: right; text-align: right; }

/* Groups Bank account details. */

.entityform .group-bank-account-details .panel-heading { margin: 0; }
.entityform .group-bank-account-details > .panel-body > .help-block { margin-bottom: 15px; margin-left: 0; }
.entityform .group-questions .field-name-field-mysuper-account-type label { width: 100%; }
.entityform .group-questions .field-name-field-mysuper-account-type .help-block { margin-left: 0; }

form .group-bank-account-details label { display: block; float: none; width: inherit; }
form .group-bank-account-details .field-name-field-bank-account-name label { display: inline-block; float: left; width: 35%; }

form .group-bank-account-details .field-name-field-bank-id,
form .group-bank-account-details .field-name-field-bank-branch,
form .group-bank-account-details .field-name-field-bank-account,
form .group-bank-account-details .field-name-field-bank-suffix { display: inline-block; margin-bottom: 0; vertical-align: top; }
form .group-bank-account-details .field-name-field-bank-id .form-item::after,
form .group-bank-account-details .field-name-field-bank-branch .form-item::after,
form .group-bank-account-details .field-name-field-bank-account .form-item::after { content: '-'; margin-right: 12px; }
form .group-bank-account-details .field-name-field-bank-id input,
form .group-bank-account-details .field-name-field-bank-suffix input { width: 50px }
form .group-bank-account-details .field-name-field-bank-branch input { width: 70px; }
form .group-bank-account-details .field-name-field-bank-account input { width: 100px; }
form .group-bank-account-details .field-name-field-bank-help-text .help-block { margin-left: 0; }
.entityform .group-account-number .panel-body .field-name-field-bank-error-message .help-block { margin-left: 35%; }

form.entityform .group-account-number { margin: 0; }
form.entityform .group-account-number legend { display: inline-block; float: left;  border: 0 none; padding: 0; width: 35%; }
form.entityform .group-account-number legend.panel-heading { margin: 10px 0; padding: 0; }
form.entityform .group-account-number legend .panel-title { font-family: FFYogaWebPro; font-size: 20px; }
form.entityform .group-account-number .panel-body { padding: 0; }
form .group-bank-account-details .field-name-field-bank-id .help-block,
form .group-bank-account-details .field-name-field-bank-branch .help-block,
form .group-bank-account-details .field-name-field-bank-account .help-block,
form .group-bank-account-details .field-name-field-bank-suffix .help-block,
form.entityform .group-account-number .help-block { display: none; }
form.entityform .group-account-number .field-name-field-bank-help-text .help-block { display: block; margin-left: 35%; width: inherit; }

form.entityform .group-account-number .bank-error-message { color: #e74c3c; }

@media (max-width: 1199px){
  form.entityform .group-account-number legend,
  form .group-bank-account-details .field-name-field-bank-account-name label { width: 32%; }
  .entityform .group-account-number .panel-body .field-name-field-bank-error-message .help-block,
  form.entityform .group-account-number .panel-body .help-block { margin-left: 32%; }
}
@media (max-width: 991px){
  form.entityform .group-account-number legend,
  form .group-bank-account-details .field-name-field-bank-account-name label { width: 100%; }
  .entityform .group-account-number .panel-body .field-name-field-bank-error-message .help-block,
  form.entityform .group-account-number .panel-body .help-block { margin-left: 0; }

}
@media (max-width: 480px){
  form .group-bank-account-details .field-name-field-bank-id .form-item::after,
  form .group-bank-account-details .field-name-field-bank-branch .form-item::after,
  form .group-bank-account-details .field-name-field-bank-account .form-item::after { display: none; }
}

/**
 * Mollom
 */
form .form-item-mollom-captcha label[for="edit-mollom-captcha"] { margin: 0 0 25px; border-bottom: 1px solid #dddddd; padding: 10px 0; width: 100%; background-color: transparent; font-size: 24px; line-height: 1em; color: #333333; }
.form-item-mollom-captcha { position: relative; }
.form-item-mollom-captcha .mollom-captcha-container .mollom-refresh-captcha { left: 120px; }
.form-item-mollom-captcha .mollom-captcha-container .mollom-captcha-content { float: left; margin-left: 120px; }
.form-item-mollom-captcha .mollom-captcha-container .mollom-image-captcha-instructions { font-size: 16.5px; }
form .form-item-mollom-captcha input[name="mollom[captcha]"] { position: absolute; top: 75px; left: 0; width: 110px; }

/* Mollom: entitytype-contact_us-form */
.entitytype-contact_us-form .form-item-mollom-captcha label[for="edit-mollom-captcha"] { font-size: 20px; }

/* Step 5: Summary changes */
.entitytype-join_mysuper-form .group-summary .summary-pane-title { font-size: 36px; margin-bottom: 50px; }
.entitytype-join_mysuper-form .group-summary .form-type-radio { margin: 0 0 5px; }
.entitytype-join_mysuper-form .group-summary .form-type-radio:last-child { margin: 0 0 5px 5px;}
.entitytype-join_mysuper-form .group-summary .form-type-radio label { padding: 10px 30px; }
.entitytype-join_mysuper-form .form-group .glyphicon-question-sign:before { color: #363636; font-size: 24px; }
.entitytype-join_mysuper-form .glyphicon { top: 5px }
.entitytype-join_mysuper-form .group-summary .multipage-pane-wrapper .field-name-field-summary-text { padding-top: 65px; }
.entitytype-join_mysuper-form .group-summary .multipage-pane-title .btn-print-move .print-link { border-radius: 3px}
.entitytype-join_mysuper-form .group-summary .multipage-pane-wrapper .field-name-field-summary-text h3 { font-size: 24px; padding-left: 0 }
.entitytype-join_mysuper-form .group-summary .multipage-pane-wrapper .field-name-field-summary-text h3 span {font-weight: normal;}
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .title-wrapper .goto-step-link.btn-default.rounded-circle { border-radius: 50%; padding: 24px; }
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .title-wrapper .goto-step-link.btn-default.rounded-circle[disabled="disabled"] {cursor: not-allowed}
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .title-wrapper .goto-step-link.btn-default.rounded-circle i:before {top: 14px; left: 14px; }
.entitytype-join_mysuper-form.skip-locking-contributions .group-summary a[data-goto="3"], .entitytype-join_mysuper-form.skip-insurance .group-summary .insurance-wrapper .goto-step-link { display: inline }
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .summary-wrapper p.group-bg-green { background-color: #dbdbdb; color: #333333; padding: 20px 40px; font-size: 20px; }
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text h4 { font-size: 18px; padding: 20px 35px 15px; font-weight: normal; margin: 0; background-color: #f2f2f2 }
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .summary-wrapper p.group-bg-gray { background: #666666; color: #fff; padding: 20px 40px;}
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .help-block a { color: #999999;}
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .summary-wrapper p.group-bg-dark { background: #333333; padding: 20px 40px; }
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .summary-wrapper p { color: #010101; }
.entitytype-join_mysuper-form .group-summary .field-name-field-summary-text .full-locked-skip-message { display: none; }
.entitytype-join_mysuper-form.skip-full-locked .group-summary .field-name-field-summary-text .insurance-skip-message { display: none; }
.entitytype-join_mysuper-form.skip-full-locked .group-summary .field-name-field-summary-text .full-locked-skip-message { display: block; }
/*.entityform.entitytype-join_mysuper-form .group-fortnightly-result .form-wrapper {background-color: #4d4d4d}*/

/* [mysuper.co.nz] First Home Withdrawal Form */
/* [mysuper.co.nz] First or ‘second-chance’ homebuyer withdrawal quote Form */
.entitytype-first_or_second_chance_homebuyer-form .group-bank-account-details .dragdropfile-processed fieldset legend, .entitytype-first_or_second_chance_homebuyer-form .dragdropfile-processed fieldset legend, .entityform.entitytype-first_home_withdrawal-form .group-bank-account-details .dragdropfile-processed fieldset legend, .entityform.entitytype-first_home_withdrawal-form .dragdropfile-processed fieldset legend {
  float: left;
  margin: 0;
  border: 0 none;
  width: 85% !important;
  font-size: 20px; }

.entitytype-first_or_second_chance_homebuyer-form #group-1095-days-before-today,
.entitytype-first_or_second_chance_homebuyer-form #group-min-1095-days-before-today, .entityform.entitytype-first_home_withdrawal-form #group-1095-days-before-today, .entityform.entitytype-first_home_withdrawal-form #group-min-1095-days-before-today {
  margin-top: 25px;
  width: 100%;
  clear: both; }

.entitytype-first_or_second_chance_homebuyer-form .field-name-field-date-of-settlement:after, .entityform.entitytype-first_home_withdrawal-form .field-name-field-date-of-settlement:after {
  content: "";
  display: table;
  clear: both; }

.entitytype-first_or_second_chance_homebuyer-form .field-name-field-date-start-info p,
.entitytype-first_or_second_chance_homebuyer-form .field-name-field-fosw-date-start-info p, .entityform.entitytype-first_home_withdrawal-form .field-name-field-date-start-info p,
.entityform.entitytype-first_home_withdrawal-form .field-name-field-fosw-date-start-info p {
  font-size: 14px;
  line-height: 1.3;
  color: #737373; }

.entitytype-first_or_second_chance_homebuyer-form .field-name-field-pre-printed-bank-deposit > .glyphicon-question-sign, .entityform.entitytype-first_home_withdrawal-form .field-name-field-pre-printed-bank-deposit > .glyphicon-question-sign {
  position: absolute;
  top: 10px;
  right: 9px; }

.entitytype-first_or_second_chance_homebuyer-form .field-group-fieldset {
  clear: both !important;
  width: 100%; }

.entitytype-first_or_second_chance_homebuyer-form #group-declaration {
  clear: both;
  width: 100%; }

.entitytype-first_or_second_chance_homebuyer-form .help-block {
  clear: both; }
.entitytype-first_or_second_chance_homebuyer-form .help-block .field-type-file {
  margin-left: 0 !important; }

.entitytype-first_or_second_chance_homebuyer-form .field-type-file.form-group {
  overflow: hidden; }

.entitytype-first_or_second_chance_homebuyer-form .field-type-file .help-block.with-errors {
  margin-left: 0; }

.entitytype-first_or_second_chance_homebuyer-form .field-name-field-date-start label {
  padding-right: 10px; }

.entitytype-first_or_second_chance_homebuyer-form .field-name-field-date-start .form-type-date-combo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.entitytype-first_or_second_chance_homebuyer-form .field-name-field-date-start .glyphicon-question-sign {
  margin: 13px 7px auto auto; }

.entitytype-first_or_second_chance_homebuyer-form .field-name-field-date-start .help-block {
  margin-left: 0 !important; }

.entitytype-first_or_second_chance_homebuyer-form .field-name-field-pre-printed-bank-deposit {
  position: relative; }
.entitytype-first_or_second_chance_homebuyer-form .field-name-field-pre-printed-bank-deposit .panel-body > .help-block {
  display: none; }

.entitytype-first_or_second_chance_homebuyer-form .group-personal-details {
  margin-bottom: 0; }
.entitytype-first_or_second_chance_homebuyer-form .group-personal-details .panel-body {
  padding-bottom: 5px; }

.entitytype-first_or_second_chance_homebuyer-form .group-questions {
  margin-top: 0; }

.entitytype-first_or_second_chance_homebuyer-form .date-form-element-content .form-group {
  margin-bottom: 0; }

.entitytype-first_or_second_chance_homebuyer-form .panel-info .panel-heading {
  padding-left: 42px; }

.entitytype-first_or_second_chance_homebuyer-form .field-name-field-fosw-message .panel-info > .panel-heading,
.entitytype-first_or_second_chance_homebuyer-form .field-name-field-message .panel-info > .panel-heading {
  font-size: 16px; }

.entitytype-first_or_second_chance_homebuyer-form .group-greather-or-equal .field-group-fieldset:first-child {
  margin-top: 0; }

.entitytype-first_or_second_chance_homebuyer-form .group-greather-or-equal .field-group-fieldset:last-child {
  margin-bottom: 0; }

.entitytype-first_or_second_chance_homebuyer-form .field-name-field-important-agree .help-block {
  clear: none; }

@media (min-width: 768px) and (max-width: 991px) {
  .entityform.entitytype-first_home_withdrawal-form .field-name-field-pre-printed-bank-deposit > .glyphicon-question-sign {
    top: 30px; }
  .entitytype-first_or_second_chance_homebuyer-form .field-name-field-pre-printed-bank-deposit > .glyphicon-question-sign {
    top: 30px; } }

@media (max-width: 440px) {
  .entityform.entitytype-first_home_withdrawal-form .field-name-field-pre-printed-bank-deposit > .glyphicon-question-sign {
    top: 30px; }
  .entitytype-first_or_second_chance_homebuyer-form .field-name-field-pre-printed-bank-deposit > .glyphicon-question-sign {
    top: 30px; } }

@media (max-width: 991px) {
  .entityform.entitytype-first_home_withdrawal-form .field-name-field-date-start .form-type-date-combo {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .entityform.entitytype-first_home_withdrawal-form .field-name-field-date-start .date-form-element-content {
    width: 90%; }
  .entitytype-first_or_second_chance_homebuyer-form .field-name-field-date-start .form-type-date-combo {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .entitytype-first_or_second_chance_homebuyer-form .field-name-field-date-start .date-form-element-content {
    width: 90%; } }

.entityform.entitytype-first_home_withdrawal-form .field-group-fieldset {
  clear: both !important;
  width: 100%; }

.entityform.entitytype-first_home_withdrawal-form #group-declaration {
  clear: both;
  width: 100%; }

.entityform.entitytype-first_home_withdrawal-form .help-block {
  clear: both; }
.entityform.entitytype-first_home_withdrawal-form .help-block .field-type-file {
  margin-left: 0 !important; }

.entityform.entitytype-first_home_withdrawal-form .field-type-file.form-group {
  overflow: hidden; }

.entityform.entitytype-first_home_withdrawal-form .field-type-file .help-block.with-errors {
  margin-left: 0; }

.entityform.entitytype-first_home_withdrawal-form .field-name-field-date-start label {
  padding-right: 10px; }

.entityform.entitytype-first_home_withdrawal-form .field-name-field-date-start .form-type-date-combo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.entityform.entitytype-first_home_withdrawal-form .field-name-field-date-start .glyphicon-question-sign {
  margin: 13px 7px auto auto; }

.entityform.entitytype-first_home_withdrawal-form .field-name-field-date-start .help-block {
  margin-left: 0 !important; }

.entityform.entitytype-first_home_withdrawal-form .field-name-field-date-start-info,
.entityform.entitytype-first_home_withdrawal-form .field-name-field-fosw-date-start-info {
  display: none; }

.entityform.entitytype-first_home_withdrawal-form .field-name-field-pre-printed-bank-deposit {
  position: relative; }
.entityform.entitytype-first_home_withdrawal-form .field-name-field-pre-printed-bank-deposit .panel-body > .help-block {
  display: none; }

.entityform.entitytype-first_home_withdrawal-form .date-form-element-content .form-group {
  margin-bottom: 0; }

.entityform.entitytype-first_home_withdrawal-form .panel-info .panel-heading {
  padding-left: 42px; }

.entityform.entitytype-first_home_withdrawal-form .field-name-field-fosw-message .panel-info > .panel-heading,
.entityform.entitytype-first_home_withdrawal-form .field-name-field-message .panel-info > .panel-heading {
  font-size: 16px; }

/* Event Booking entityform */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.entitytype-event_booking-form {
  position: relative; }
.entitytype-event_booking-form .group-submitter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 63%; }
.entitytype-event_booking-form .group-submitter .form-wrapper {
  width: 50%; }
.entitytype-event_booking-form .form-group label {
  width: auto;
  font-size: 1.05em; }
.entitytype-event_booking-form .form-group input[type="text"],
.entitytype-event_booking-form .form-group input[type="email"],
.entitytype-event_booking-form .form-group select,
.entitytype-event_booking-form .form-group .select2-container {
  width: 100%;
  border: 1px solid #cbcbcb; }
.entitytype-event_booking-form .form-group .form-control {
  height: 43px;
  padding-top: 7px;
  padding-bottom: 7px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }
.entitytype-event_booking-form .form-group .help-block {
  margin-left: 0; }
.entitytype-event_booking-form .form-wrapper,
.entitytype-event_booking-form .form-item-choose-time {
  width: 63%;
  margin-bottom: 12px;
  padding-right: 15px; }
.entitytype-event_booking-form .field-type-text label,
.entitytype-event_booking-form .field-type-email label,
.entitytype-event_booking-form .field-type-telephone label {
  display: none; }
.entitytype-event_booking-form .form-item-choose-time .select2-container {
  -webkit-border-radius: 3px;
  border-radius: 3px; }
.entitytype-event_booking-form .field-name-field-event-entf-acc-employee .form-type-radios {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
.entitytype-event_booking-form .field-name-field-event-entf-acc-employee .form-type-radios label {
  margin: 0;
  font-family: "freightsansbook", "Helvetica Neue", Helvetica, sans-serif; }
.entitytype-event_booking-form .field-name-field-event-entf-acc-employee .form-type-radios .form-radios {
  margin-left: auto; }
.entitytype-event_booking-form .field-name-field-event-entf-acc-employee .form-type-radios .form-radios .form-type-radio {
  margin-bottom: 0; }
.entitytype-event_booking-form .field-name-field-event-entf-session-time,
.entitytype-event_booking-form .field-name-field-event-entf-entity {
  display: none; }
.entitytype-event_booking-form .form-actions {
  position: absolute;
  width: 37%;
  padding: 0 0 0 15px;
  right: 0;
  bottom: 0; }
.entitytype-event_booking-form .form-actions .btn-event-booking {
  position: relative;
  font-family: "freightsansbook", "Helvetica Neue", Helvetica, sans-serif;
  color: #fff;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #ff6766;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
  width: 100%;
  padding: 1.08em 1em 1em;
  font: 1.3em "YogaWebPro", Helvetica, Arial, sans-serif;
  text-transform: capitalize; }
.entitytype-event_booking-form .form-actions .btn-event-booking:hover {
  background-color: #df3d3b; }
.entitytype-event_booking-form .form-actions .btn-event-booking.disabled {
  background-color: #a9acac; }
.entitytype-event_booking-form .form-actions .btn-event-booking .ajax-progress-throbber {
  position: absolute;
  margin-left: 8px;
  font-size: .8em; }
.entitytype-event_booking-form .form-actions .btn-event-booking .ajax-progress-throbber .glyphicon {
  -webkit-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear; }
.entitytype-event_booking-form .modal .modal-dialog {
  width: 790px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 40%; }
.entitytype-event_booking-form .modal .modal-content {
  position: relative;
  padding: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none; }
.entitytype-event_booking-form .modal .modal-header {
  position: static;
  padding: 0 1.67em;
  border-bottom: none; }
.entitytype-event_booking-form .modal .modal-header .modal-title {
  margin: 0 0 2em;
  padding: 2em 0.8em 0.83em;
  border-bottom: 1px solid #cbcbcb;
  font: 1.33em "YogaWebPro", Helvetica, Arial, sans-serif;
  text-align: center; }
.entitytype-event_booking-form .modal .modal-header .close {
  position: absolute;
  font-size: 32px;
  opacity: 1;
  top: 5px;
  right: 15px; }
.entitytype-event_booking-form .modal .modal-body {
  width: 82%;
  margin: 0 auto 2.22em;
  padding: 0 1.67em;
  text-align: center; }
.entitytype-event_booking-form .modal .modal-body p {
  font: 1.11em/1.5 "YogaWebPro", Helvetica, Arial, sans-serif; }
.entitytype-event_booking-form .modal .modal-footer {
  padding: 0 1.67em 3.33em;
  border-top: none;
  text-align: center; }
.entitytype-event_booking-form .modal .modal-footer .btn-primary {
  padding: 10px 25px;
  font: 16px "freightsansbook", "Helvetica Neue", Helvetica, sans-serif;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #ff6766;
  color: #fff; }
.entitytype-event_booking-form .modal .modal-footer .btn-primary:hover {
  background-color: #df3d3b; }
.entitytype-event_booking-form #booking-success .modal-dialog {
  width: 800px;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  top: 10px; }
.entitytype-event_booking-form #booking-success .modal-header {
  padding-top: 1.11em;
  padding-bottom: 1.11em;
  font-size: .9em;
  line-height: 1.88;
  text-align: center;
  background-color: #E6E6E6; }
.entitytype-event_booking-form #booking-success .modal-header .modal-title {
  margin: 0 10px;
  padding: 0;
  font: 1.5em "YogaWebPro", Helvetica, Arial, sans-serif;
  border: none; }
.entitytype-event_booking-form #booking-success .modal-body {
  width: 100%;
  padding-top: 1.67em; }
.entitytype-event_booking-form #booking-success .modal-body .group-info-table {
  width: 80%;
  margin: 0 auto 20px; }
.entitytype-event_booking-form #booking-success .modal-body .group-info-table > .field,
.entitytype-event_booking-form #booking-success .modal-body .group-info-table > .field-group-div {
  width: 33.33%; }
.entitytype-event_booking-form #booking-success .modal-body .group-info-table .field-name-field-event-session-time .period span {
  display: block; }
.entitytype-event_booking-form #booking-success .modal-body .field-name-field-event-office .field-label {
  display: none; }
.entitytype-event_booking-form #booking-success .modal-body .field-name-field-event-address {
  margin-bottom: 2.37em;
  padding-bottom: 1.31em;
  font: 19px "freightsansbold", "Helvetica Neue", Helvetica, sans-serif;
  border-bottom: 1px solid #cbcbcb; }
.entitytype-event_booking-form #booking-success .modal-body .field-name-field-event-address .field-label {
  display: none; }
.entitytype-event_booking-form #booking-success .modal-body .info-body {
  width: 70%;
  margin: 0 auto 2.26em;
  font: 1.05em/1.58 "YogaWebPro", Helvetica, Arial, sans-serif; }
.entitytype-event_booking-form #booking-success .modal-body .info-body .field-name-field-even-extra-info {
  font: 0.95em "freightsansbook", "Helvetica Neue", Helvetica, sans-serif; }
.entitytype-event_booking-form #booking-success .modal-body .info-body .field-name-field-even-extra-info .field-label {
  display: none; }
.entitytype-event_booking-form #booking-success .modal-body .info-body .field-name-field-even-extra-info ul, .entitytype-event_booking-form #booking-success .modal-body .info-body .field-name-field-even-extra-info li {
  text-align: center;
  list-style: inside; }
@media (max-width: 1199px) {
  .entitytype-event_booking-form .group-submitter {
    width: 100%; }
  .entitytype-event_booking-form .group-submitter .form-wrapper:first-child {
    padding-right: 6px; }
  .entitytype-event_booking-form .group-submitter .form-wrapper:last-child {
    padding-left: 6px; }
  .entitytype-event_booking-form .form-wrapper,
  .entitytype-event_booking-form .form-item-choose-time {
    width: 100%;
    padding-right: 0; }
  .entitytype-event_booking-form .form-actions {
    position: static;
    width: 100%;
    padding: 0; } }
@media (min-width: 769px) and (max-width: 991px) {
  .entitytype-event_booking-form .group-submitter .form-wrapper {
    width: 100%; }
  .entitytype-event_booking-form .group-submitter .form-wrapper:first-child {
    margin-bottom: 0;
    padding-right: 0; }
  .entitytype-event_booking-form .group-submitter .form-wrapper:last-child {
    padding-left: 0; }
  .entitytype-event_booking-form .field-name-field-event-entf-acc-employee .form-type-radios {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .entitytype-event_booking-form .field-name-field-event-entf-acc-employee .form-type-radios label {
    width: 100%;
    margin-bottom: 5px; }
  .entitytype-event_booking-form .field-name-field-event-entf-acc-employee .form-type-radios .form-radios {
    margin-left: 0; }
  .entitytype-event_booking-form #booking-success .modal-body .group-info-table {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; } }
@media (max-width: 768px) {
  .entitytype-event_booking-form .modal .modal-dialog {
    width: auto;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    top: auto; }
  .entitytype-event_booking-form #booking-success .modal-dialog {
    width: auto;
    top: auto; } }
@media (max-width: 640px) {
  .entitytype-event_booking-form .group-submitter .form-wrapper {
    width: 100%; }
  .entitytype-event_booking-form .group-submitter .form-wrapper:first-child {
    margin-bottom: 0;
    padding-right: 0; }
  .entitytype-event_booking-form .group-submitter .form-wrapper:last-child {
    padding-left: 0; }
  .entitytype-event_booking-form #booking-success .modal-body .group-info-table {
    width: 100%; } }
@media (max-width: 480px) {
  .entitytype-event_booking-form .field-name-field-event-entf-acc-employee .form-type-radios {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .entitytype-event_booking-form .field-name-field-event-entf-acc-employee .form-type-radios label {
    width: 100%;
    margin-bottom: 5px; }
  .entitytype-event_booking-form .field-name-field-event-entf-acc-employee .form-type-radios .form-radios {
    margin-left: 0; }
  .entitytype-event_booking-form #booking-success .modal-body {
    padding: 1em; }
  .entitytype-event_booking-form #booking-success .modal-body .group-info-table > .field,
  .entitytype-event_booking-form #booking-success .modal-body .group-info-table > .field-group-div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-right: 0;
    margin-bottom: 1px; }
  .entitytype-event_booking-form #booking-success .modal-body .group-info-table > .field > .field-label, .entitytype-event_booking-form #booking-success .modal-body .group-info-table > .field h3,
  .entitytype-event_booking-form #booking-success .modal-body .group-info-table > .field-group-div > .field-label,
  .entitytype-event_booking-form #booking-success .modal-body .group-info-table > .field-group-div h3 {
    width: 40%;
    padding-top: 3.33em; }
  .entitytype-event_booking-form #booking-success .modal-body .group-info-table > .field > .field-items,
  .entitytype-event_booking-form #booking-success .modal-body .group-info-table > .field > [class*="inner"],
  .entitytype-event_booking-form #booking-success .modal-body .group-info-table > .field-group-div > .field-items,
  .entitytype-event_booking-form #booking-success .modal-body .group-info-table > .field-group-div > [class*="inner"] {
    width: 60%;
    margin-left: auto;
    margin-right: auto; }
  .entitytype-event_booking-form #booking-success .modal-body .info-body {
    width: 100%; } }

/* File upload field */
.field-type-file.field-name-field-verify-bank .help-block {
  margin-top: 0;
  margin-bottom: 40px;
  font-size: 16.5px;
  color: #333; }

.field-type-file.field-name-field-verify-bank .panel-body {
  padding: 0; }

.field-type-file.field-name-field-verify-bank label {
  display: none; }

.field-type-file.field-name-field-verify-bank .panel-heading {
  float: left;
  margin: 0;
  border: 0 none;
  width: 35%; }

.field-type-file .form-type-managed-file .btn-file {
  display: block;
  float: left;
  border: 2px dashed #ccc;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  padding: 38px 40px 38px 130px;
  width: 64%;
  font-size: 17px;
  font-weight: 500;
  background: url("../images/upload.png") 25px center no-repeat transparent;
  color: #333;
  position: relative; }

.field-type-file .form-type-managed-file .form-managed-file::before {
  display: none; }

.field-type-file .panel {
  -webkit-box-shadow: none;
  box-shadow: none; }

.field-type-file legend .panel-title {
  font-size: 21px !important; }

.field-type-file .panel-body {
  background-color: #f2f2f2; }
.field-type-file .panel-body:after, .field-type-file .panel-body:before {
  display: none; }

.field-type-file legend.panel-heading {
  border: none; }

.field-type-file .form-managed-file {
  background-color: #fff; }

.field-type-file .glyphicon {
  display: none; }

.field-type-file .form-type-managed-file .btn-file:after {
  content: '';
  display: table;
  clear: both; }

.field-type-file .tabledrag-toggle-weight-wrapper {
  display: none; }

.field-type-file fieldset {
  border: none; }

.field-type-file .table-striped {
  border: none;
  margin-bottom: 0;
  background: #f2f2f2; }
.field-type-file .table-striped thead {
  display: none; }
.field-type-file .table-striped .tabledrag-handle {
  display: none; }
.field-type-file .table-striped .file-widget {
  padding: 3px 0;
  margin: 0;
  background-color: #f2f2f2; }
.field-type-file .table-striped tr {
  border: none; }
.field-type-file .table-striped tr td {
  border: none; }
.field-type-file .table-striped tr td:nth-child(3) {
  text-align: right; }
.field-type-file .table-striped td {
  padding: 0;
  background: #f2f2f2; }
.field-type-file .table-striped .btn {
  padding: 7px 10px 4px; }

.field-type-file label {
  display: none; }

.field-type-file .btn-file .file-name {
  position: absolute;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  padding: 12px 22px;
  background: #f0f0f0;
  color: #333;
  border: 1px solid #333;
  left: 130px;
  top: 50%;
  margin-top: -25px;
  z-index: 5;
  pointer-events: none; }

.field-type-file .input-group-btn {
  text-align: center; }
.field-type-file .input-group-btn .btn {
  background-color: #80b640;
  color: #fff;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  padding: 17px 20px 15px;
  margin-top: 35px;
  cursor: pointer;
  opacity: 1;
  display: inline-block !important; }
.field-type-file .input-group-btn .btn:hover {
  color: #ffffff;
  background-color: #659033;
  border-color: #537629; }

.field-type-file .panel-default > .panel-heading {
  background-color: #f2f2f2;
  margin: 0; }

.field-type-file .file-widget {
  display: block;
  padding: 20px;
  margin-top: 10px;
  text-align: left; }

.field-type-file .btn-file .form-file {
  display: inline;
  margin: -1px;
  font-size: 100%;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: transparent;
  cursor: inherit;
  width: 123px;
  overflow: hidden;
  margin-right: 20px; }

.field-type-file .label-file {
  display: block;
  line-height: 40px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

@media (max-width: 1199px) {
  .field-type-file.field-name-field-verify-bank .panel-heading {
    width: 100%; }
  .field-type-file.field-name-field-verify-bank .help-block {
    margin-left: 0; }
  .field-type-file .form-type-managed-file .btn-file {
    padding: 40px 10px 40px 85px;
    background-size: 35px;
    width: 66%; }
  .field-type-file .btn-file .file-name {
    left: 85px; } }

@media (max-width: 991px) {
  .field-type-file .form-type-managed-file .btn-file {
    padding: 25px 40px 25px 40px;
    width: 100%;
    background: url("../images/upload.png") 15px center no-repeat transparent;
    text-align: center; }
  .field-type-file .btn-file .form-file {
    display: inline-block;
    font-size: 100%;
    text-align: right;
    float: none;
    width: 123px;
    overflow: hidden;
    margin-right: 0;
    margin-bottom: 10px; }
  .field-type-file .btn-file .file-name {
    left: 50%;
    margin-left: -61px;
    top: 43px; }
  .field-type-file .label-file {
    line-height: 24px; }
  .field-type-file .input-group-btn {
    text-align: center; }
  .field-type-file .input-group-btn .btn {
    margin-top: 25px; } }