/* OB Form Styles */
.fna_ob_form #edit-guests-primary,
.fna_ob_form #edit-guests-additional,
.fna_ob_form #edit-further-info,
.fna_ob_form #edit-ins-confirm,
.fna_ob_form #edit-confirm,
.fna_ob_form #edit-guest-action,
.fna_ob_form #edit-actions,
.fna_ob_form #edit-pricing,
.fna_ob_form #edit-mop,
.fna_ob_form #edit-mop-action,
.fna_ob_form #edit-payment,
.fna_ob_form #uplift-container
{
  display: none;
}

.fna_ob_form fieldset {
  border: none;
}

.fna_ob_form select {
  font-size: 17px;
  height: 2.2em;
}

.fna_ob_form .form-submit.disabled {
	background:url('/sites/all/themes/frontiersnorth/i/button-form-disabled.png') top right no-repeat;
}

.side-by-side {
  overflow: hidden;
}

.side-by-side .form-item {
    float: left;
    margin-right: .5em;
}

.fna_ob_form fieldset#edit-setup {
  overflow: hidden;
}

.fna_ob_form fieldset#edit-setup .form-item-adults,
.fna_ob_form fieldset#edit-setup .form-item-child {
  float: left;
}

.fna_ob_form fieldset#edit-setup .form-item-child {
  margin-left: 20px;
}

.fna_ob_form #edit-confirm div.form-item-agree label {
  font-size: 0.9em;
}

.fna_ob_form .form-type-checkbox input, 
.fna_ob_form .form-type-radio input {
  float: left;
}

.fna_ob_form .form-type-checkbox label, 
.fna_ob_form .form-type-radio label {
  margin-left: 30px;
  display: block;
}

div.notice {
  margin: 1em 0 0.6em 0;
  background: lightyellow;
  padding: 0.9em;
  font-size: 0.9em;
  line-height: 1.5em;
  width: 80%;
}
#security-message {
  width: 25em;
}
#security-message img {
  width: 1.3em;
  position: relative;
  top: -0.1em;
  margin-right: 0.3em;
}

#depositToggle {
  display: inline-block;
  margin-left: .7em;
  font-size: .45em;
  font-family: 'proxima nova', sans-serif;
  font-weight: bold;
  cursor: pointer;
  position: relative;
  top: -3px;
  padding: 5px 20px;
  background-color: #bbb;
}
#depositToggle:hover {
	background:#1379BD;
	color:#fff;
	text-decoration:none;
}

.fna_ob_form label[for=edit-billing-card-exp-year],
.fna_ob_form label[for=edit-billing-card-exp-month] {
  display:none;
}

.fna_ob_form legend {
  font-size: 1.2em;
  margin-bottom: 0.4em;
}

.fna_ob_form fieldset {
  margin: 2em 0 0 0;
}

.fna_ob_form fieldset#edit-pricing {
  margin-top: 0;
}

.fna_ob_form .add-wrapper {
  overflow: hidden;
  margin-top: .5em;
}
.fna_ob_form .add-wrapper .form-item {
  float: left;
  margin: 0 .5em 0 0;
}

.fna_ob_form #edit-guest-action,
.fna_ob_form #edit-mop-action { 
  margin-top: 1em; 
}

.ajax-progress-throbber { display: none; }

#mop-select { 
  overflow: hidden;
  margin: 1em 0 1em 0; 
}

.mop-selection {
  border: 1px solid #999;
  border-radius: 4pt;
  float: left;
  padding: 1em;
  width: 14em;
  min-height: 5.5em;
  margin-right: 1em;
  cursor: pointer;
  font-size: 0.9em;
  font-weight: bold;
  line-height: 1.3;
  color: #444;
}

.mop-selection:hover,
.mop-selection.selected {
  background-color: #cfecff;
}

.mop-selection.selected {
  border-width: 2px;
}

.mop-selection.disabled {
  border: 1px solid #ccc;
  background-color: #f5f5f5;
  color: #999;
  cursor: default; 
}


#overlay .terms-box {
    width: 80%;
    border: 1px solid silver;
    max-height: 20em;
    padding: 0 1.5em;
    min-height: 10em;
    overflow: scroll;
    font-size: 0.7em;
    line-height: 1.1;
    margin: .5em 0 1em 0;
}

#overlay .terms-box p {
  padding-left: 0;
}

#agent-terms-text {
  padding: .75em;
  background: lightyellow;
  margin-bottom: 2em;
  font-size: 0.9em;
}

.singles-restricted-msg,
.deposit-not-allowed {
  margin: 0 0 1em 0;
  font-size: 0.8em;
  padding: 1em;
  background-color: lightyellow;
}

.fna_ob_form div#pricing-terms {
  font-size: 0.8em;
  line-height: 1.4;
  margin: 0.6em 0 1.5em 0;
  font-style: italic;
}
.fna_ob_form div#pricing-terms p {
  padding: 0;
}

.fna_ob_form div#pricing-totals {
  margin: 0 0 1em 0;
}

.fna_ob_form_error {
  color: red;
  font-size: 0.8em;
}

div#ob-trip-summary { text-align:center; }
div#ob-trip-summary h3 {
    font-family: "din-condensed-web", sans-serif;
    font-size: 1.3em;
    margin: 0;
    font-weight: normal;
    line-height: 1.1;
    color: #0E6AAB;
}
div#ob-trip-summary #summary-text {
    font-size: 0.7em;
    line-height: 1.3;
    margin-top: .8em;
}

#confirm-pricing {
  overflow: hidden;
  margin-bottom: 0.9em;
}

#confirm-pricing .totals {
  font-size: 1.3em;
}

#confirm-pricing .totals span.value.total:after {
  content: "";
}

#pricing-totals table, #confirm-pricing table {
  border-collapse: inherit;
}

#pricing-totals td {
  vertical-align: top;
}

.form-item.form-type-select.form-item-billing-card-exp-month, 
.form-item.form-type-select.form-item-billing-card-exp-year {
  float: left;
  overflow: hidden;
}

.form-item.form-type-select.form-item-billing-card-exp-year {
  margin-left: 0.6em;
}

.fna_ob_form fieldset.appear-as-field {
  margin: 0;
}

.fna_ob_form fieldset.appear-as-field legend {
  color: #444444;
  font-family: 'proxima-nova', sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin: 0;
}
.form-item.form-type-textfield.form-item-billing-card-cvv {
  float: left;
}
.form-item.form-type-checkbox.form-item-use-billing-address label {
  position: relative;
  top: -4px;
  margin-left: 0.4em;
}
#edit-cvv-container {
  overflow: hidden;
}
#cvv-help {
  float: left;
  margin-left: 1em;
  top: 1.6em;
  position: relative;  
}
#cvv-help img {
  width: 7.5em;
}

#edit-card-container {
  overflow: hidden;
}
#edit-card-container .form-item {
  float: left;
}

#card-image {
  margin-left: .5em;
  float: left;
  width: 3.55em;
  top: 1.5em;
  position: relative;
}
.fna_ob_form #edit-actions .form-submit {
  float: none;
  background-position: top left;
  padding-left: 14px;
}

.totals {
  font-family: "din-condensed-web", sans-serif;
  font-size: 1.2em;
  line-height: 1.3;
}

.totals span.value.total:after {
  content: "*";
}
.totals span.value.total.noterms:after {
  content: "";
}

.totals span.value {
  color: #8A8A8C;
  display: inline-block;
  margin-left: 0.3em;
}
.totals span.value.strike { text-decoration: line-through; }
.totals span.value.hilite {
  color: #019457;
}

/** process messages **/
#overlay .process-message {
  padding-left: 1.2em;
}

#overlay .process-message p {
  padding-left: 0;
  padding-right: 0;
}
#overlay .process-message h2,
#overlay .process-message h3 {
  text-align: left;
  font-size: 1.5em;
  color: #0E6AAB;
}
#overlay .process-message h3 {
  font-size: 1.2em;
}
#overlay .process-error {
  padding: 1em;
  background-color: lightyellow;
  border-radius: .5em;
}
.process-success {
  background-color: #f3f0f0;
  padding: .5em 1em;
  border-radius: .5em;
}

#client-notice {
  background-color: lightpink;
  padding: 1em;
  display: none;
}

/* #up-pay-monthly-container iframe {
   border: 0;
   height: 100vh;
   width: 100%;
} */

@media screen and (max-width:450px) {
  .fna_ob_form,
  .fna_ob_form input.form-text,
  .fna_ob_form select
  .fna_ob_form textarea.form-textarea {
    width: 91%;
  }
  
  .fna_ob_form div.add-wrapper input.form-text {
    width: 80%;
  }
  .fna_ob_form .add-wrapper .form-item {
    width: 47%;
  }
  
  #card-image { 
    top: 2em;
  }
  
  #cvv-help {
    top: 2em;
  }

  #security-message { width: 95%; }

  .form-type-checkbox label, .form-type-radio label {
    width: 91%;
    
  }
  #overlay .terms-box { width: 100%; }
  div.notice { width: 100%; } 
  .fna_ob_form .side-by-side .form-item {
    width: 46%;
  }
  .fna_ob_form .form-item label {
    line-height: 1.4;
    margin: 0 0 0.7em 0;
  }
  #edit-card-container .form-item {
      width: 79%;
  }
  #pricing-totals td.colcategory {
    width: 50%;
  }

  .mop-selection {
    margin-bottom: .5em;
  }
}

.booking-transition {
  display: none;
}

.spinner {
  width: 40px;
  height: 40px;

  position: relative;
  margin: 100px auto;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #032c47;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;

  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
  color: #22ADFD;
}

table.day-tour-el {
  width: 100%;
  margin: 0 auto;
}

table.day-tour-el tbody { border: 0; }
table.day-tour-el td {
  width: 30%;
  border: none !important;
}

.helper-text {
  color: #93998b;
  font-family: din-condensed-web, sans-serif;
  font-size: 0.8em;
  position: relative;
  text-transform: uppercase;
  top: 0.1em;
  left: 0.5em;}

div.dt-table-head-wrapper {
  padding: 0;
  overflow: hidden;
  cursor: pointer;
  margin: 2.5em 0 0 0;
}

div.dt-table-head-wrapper * {
  float: left;
}

h3.dt-table-head {
  background-color: transparent;
  color: #0069ad;
  font-family: din-condensed-web, sans-serif !important;
  font-size: 1.2em;
  text-transform: uppercase;
  margin:0;
}

table.day-tour-el,
table.day-tour-el td,
table.day-tour-el tr {
  border: 0;
  background-color: transparent;
}

table.day-tour-el {
  border-top: 1px dashed #c8d1d1;
  margin-top: 1em;
}

table.day-tour-el td:first-child {
  width: 31%;
  font-size: 0.9em;
  padding-left: 0.8em;  
}
table.day-tour-el td:nth-child(2n) {
  width:40%;
  text-align: left;
  font-size: 0.9em;
}
tr.date-row a.button-book::before {
  border-left-color: #fff;
}
tr.date-row a.button-book {
  font-size: 0.9em;
}
tr.date-row.weekend { background-color: #f8f8f8; }
tr.date-row.weekend a.button-book::before {
  border-left-color: #f8f8f8;
}

div.day-tour-dates-wrapper {
    padding-bottom: 1.1em;
}

td.availability a
button-book.status {
  display:inline-block;
  margin-left: .5em;
}



@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}


/** CHOSEN SELECTION BOX STYLING **/
#edit_country_chosen, #edit_billing_country_chosen {
  font-size: 17px;
}

/* .uplift-from-node.checkout-pricing .up-promo {
  display: inline-block !important;
} */

.uplift-from-node .up-promo {
  color: #00A49A;
}