.navbar-button, .add-drivers-button, .checkin-button {
  margin: 0;
  padding: 0 5px;
  background: none;
  border: 4px solid #109dd9 !important;
  height: 100%;
  color: #109dd9;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
}

::-webkit-scrollbar {
  display: none;
}

.vertical-spaced {
  margin: 20px 0;
}

.full-width {
  width: 100%;
}

.selectable {
  cursor: pointer;
}

.selected-item {
  background-color: #c0e8f5;
}

.contract-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  width: 100%;
  border: 0px;
  padding: 50px;
  margin: 0px;
  overflow-y: scroll;
}

.checkin-button {
  height: 100%;
  width: 200px;
}

.add-drivers-button {
  height: 100%;
  width: 250px;
}

.centered-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.button-bar {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.button-bar.right-aligned {
  justify-content: right;
}
.button-bar.spaced-evenly {
  justify-content: space-evenly;
}
.button-bar > div {
  display: flex;
  flex-direction: column;
  width: min-content;
}

.navbar-button {
  height: 60px;
  width: 100%;
  max-width: 200px;
}
.navbar-button.online {
  height: auto;
}

/* Fix the overall height to 100% with no border so the grid
   will take up all of the browser client area */
body,
html {
  height: 100%;
  border: 0px;
  padding: 0px;
  margin: 0px;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.42857;
}

/* Define a grid layout for the top level kiosk UI.
  This will layout the logo, progress bar, navigation bar and booking summary.
  The remaining space will be for the checkin component. */
.kiosk-logo {
  grid-area: kiosk-logo;
  align-self: center;
  margin-left: 30px;
}
.kiosk-logo > div {
  display: flex;
  gap: 20px;
  text-wrap: nowrap;
}
.kiosk-logo > div > img {
  width: 140px;
  height: 75px;
  object-fit: contain;
}

.kiosk-progressbar {
  grid-area: kiosk-progressbar;
  background-color: #ffffff;
}

.kiosk-checkinview {
  grid-area: kiosk-checkinview;
  background-color: #ffffff;
  overflow: hidden;
}

.kiosk-navbar {
  grid-area: kiosk-navbar;
  background-color: #ffffff;
  padding: 20px;
}

.kiosk-summary {
  grid-area: kiosk-summary;
  background-color: #109dd9;
}

.kiosk-onscreen-keyboard {
  grid-area: kiosk-onscreen-keyboard;
  background-color: #109dd9;
  height: 275px;
}

.kiosk-container {
  position: fixed;
  height: 100%;
  width: 100%;
  border: 0px;
  padding: 0px;
  margin: 0px;
  display: grid;
  background-color: #109dd9;
  grid-template-columns: 100%;
  grid-template-rows: 130px 100px auto 100px 200px;
  grid-template-areas: "kiosk-logo" "kiosk-progressbar" "kiosk-checkinview" "kiosk-navbar" "kiosk-summary" "kiosk-onscreen-keyboard";
}

.online-content {
  margin-bottom: 20px;
}
.online-content > .online-content-header {
  padding: 10px 0;
  text-align: center;
}
.online-content > .online-content-detail {
  padding: 0 20px;
}
.online-content > .online-content-detail.centered-content {
  display: flex;
  justify-content: center;
}
.online-content > .online-content-detail.centered-content > div {
  width: max-content;
}

.online-form-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.online-form-container > * {
  max-width: 500px;
}

.online-logo {
  grid-area: online-logo;
  display: flex;
  gap: 30px;
  margin: 0px 30px;
  align-items: center;
}
.online-logo > div {
  display: flex;
  gap: 20px;
  text-wrap: nowrap;
}
.online-logo > div > img {
  width: 140px;
  height: 75px;
  object-fit: contain;
}

.online-checkinview {
  grid-area: online-checkinview;
  background-color: #ffffff;
  overflow: scroll;
}

.online-container {
  position: fixed;
  height: 100%;
  width: 100%;
  border: 0px;
  padding: 0px;
  margin: 0px;
  display: grid;
  background-color: #109dd9;
  grid-template-columns: 100%;
  grid-template-rows: 130px auto min-content min-content;
  grid-template-areas: "online-logo" "online-checkinview" "kiosk-navbar" "online-footer";
}

.online-footer {
  display: flex;
  font-size: small;
  background-color: #ffffff;
  justify-content: center;
  align-items: center;
  padding: 5px;
}
.online-footer > i {
  color: green;
}

.items-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.terms {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}
.terms > div:last-child {
  display: flex;
  justify-content: center;
  gap: 30px;
}
.terms > div:last-child > a > img {
  width: 140px;
  height: 75px;
  object-fit: contain;
}
.terms > div:last-child > a:first-child > img {
  filter: invert(54%) sepia(24%) saturate(6709%) hue-rotate(166deg) brightness(94%) contrast(88%);
}

.notification-block {
  background-color: #ffeeee;
  color: red;
  margin: 20px 0;
  padding: 10px;
  border: 1px solid red;
  border-radius: 10px;
  text-align: left;
  max-width: 500px;
}
.notification-block.notification-container {
  margin: 20px;
  padding: 20px;
}
.notification-block.success {
  background-color: #f4fff4;
  color: green;
  margin: 20px 0;
  padding: 10px;
  border: 1px solid green;
}

.payment-processor {
  display: flex;
  align-items: center;
  gap: 20px;
  color: #ff6060;
}
.payment-processor > div > i {
  color: red;
  padding-right: 10px;
}

.content-layout {
  display: flex;
  flex-direction: row;
  height: 100%;
  padding: 10px;
  gap: 10px;
}
.content-layout > div {
  border: solid 1px rgb(141, 141, 141);
  border-radius: 10px;
  overflow: scroll;
}
.content-layout > div:first-child {
  flex-grow: 1;
}
.content-layout > div:first-child > :first-child {
  display: flex;
  justify-content: center;
}
.content-layout > div:last-child {
  flex-shrink: 0;
}

.max-online-width {
  max-width: 600px;
}

.welcome-message {
  grid-area: welcome-message;
  margin: 20px;
  justify-self: center;
  text-align: center;
}

.welcome-form {
  grid-area: welcome-form;
  margin: 20px;
}

.welcome-buttons {
  grid-area: welcome-buttons;
  margin: 20px;
  justify-self: end;
}

.welcome-container {
  height: 100%;
  width: 100%;
  border: 0px;
  padding: 0px;
  margin: 0px;
  display: grid;
  overflow-y: scroll;
  grid-template-columns: 100%;
  grid-template-rows: 100px auto 100px 410px;
  grid-template-areas: "welcome-message" "welcome-form" "welcome-buttons";
}

.container-padding {
  padding: 20px;
}

.info-list {
  display: grid;
  gap: 20px;
  grid-template-columns: auto auto;
}
.info-list > div:first-child {
  font-weight: bold;
}

.form-fields {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.form-fields > div {
  display: flex;
  gap: 20px;
}
.form-fields > div > div.expand {
  flex-grow: 1;
}

.no-input-border {
  border: none;
  box-shadow: none;
}

.video-message {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.video-message > h3 {
  max-width: 600px;
}

/* Bootstrap form style overrides */
.form-control {
  font-size: 16px;
  height: 50px;
}

h2 {
  font-weight: 700;
}

.progress {
  list-style: none;
  margin: 0;
  padding: 20px;
  display: table;
  table-layout: fixed;
  width: 100%;
  color: #9a9a9a;
  background: white;
}
.progress > li {
  position: relative;
  display: table-cell;
  text-align: center;
  font-size: 0.8em;
  font-weight: 700;
  text-transform: uppercase;
}
.progress > li:before {
  content: attr(data-step);
  display: block;
  margin: 0 auto;
  background: #eee;
  border: 4px solid #eee;
  width: 3em;
  height: 3em;
  text-align: center;
  margin-bottom: 0.25em;
  line-height: 2.5em;
  border-radius: 100%;
  position: relative;
  z-index: 10;
}
.progress > li:after {
  content: "";
  position: absolute;
  display: block;
  background: #eee;
  width: 100%;
  height: 0.5em;
  top: 1.25em;
  left: 50%;
  margin-left: 1.5em \9 ;
  z-index: -1;
}
.progress > li:last-child:after {
  display: none;
}
.progress > li.is-complete {
  color: #109dd9;
  cursor: pointer;
}
.progress > li.is-complete:before, .progress > li.is-complete:after {
  color: #fff;
  background: #109dd9;
  border: 4px solid #109dd9;
}
.progress > li.is-active {
  color: #109dd9;
  cursor: pointer;
}
.progress > li.is-active:before {
  color: #109dd9;
  background: white;
  border: 4px solid #109dd9;
}

.passwordless-login {
  display: flex;
  justify-content: center;
  padding: 40px 0;
}
.passwordless-login > div {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 500px;
}
.passwordless-login > div > div:first-child {
  font-weight: bold;
  text-align: center;
}

.validation-error {
  color: #ff3f3f;
}

.required-field {
  color: #ff3f3f;
}

.max-text-width {
  max-width: 500px;
}

/**
 * Needed for IE8
 */
.progress__last:after {
  display: none !important;
}

/**
 * Size Extensions
 */
.progress--medium {
  font-size: 1.5em;
}

.progress--large {
  font-size: 2em;
}

.spinner-container {
  display: flex;
  align-items: center;
  gap: 20px;
}

.spinner {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 4px solid #f3f3f3;
  border-top: 4px solid #109dd9;
  animation: spin 1s linear infinite;
}

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

body{
  background-color: white;
}

.main{
  background-color: #fffafa;
  border-radius: 5px;
}

.btn-space {
  margin-right: 5px;
}
.row-space{
  margin-bottom: 10px;
}

.simple-form-space{
  margin-top: 10%;
}

.item-remove{
  background-image: url("../images/close_red.png");
}

.navbar-default {
    background-color: #109dd9;
    height: 140px;
    margin: 0px;
    padding: 0px;
    border: 0px;
}

.checkin-main{
  margin-top: 140px;
  margin-bottom: 140px;
  background-color: white;
}

.checkin-footer{
  height: 140px;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #109dd9;
}

.button-previous {
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(0%,-50%);
    -ms-transform: translate(-0%,-50%);
}

.accessory-quantity{
  width: 50px;
  display: inline;
}

.no-padding{
  padding: 0 0;
}

.previous-button{
  border: 1px solid #109dd9;
  border-radius: 2px;
  background-color: white;
  cursor: pointer;
  height: 90px;
  padding: 0;
  position: absolute;
  -webkit-touch-callout: none;
  width: 50px;
  z-index: 1;
  top: 50%;
}

.previous-button img{
    bottom: 0;
    height: 30px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 14px;
}

.next-button{
  border: 1px solid #109dd9;
  border-radius: 2px;
  background-color: white;
  cursor: pointer;
  height: 90px;
  padding: 0;
  position: absolute;
  -webkit-touch-callout: none;
  width: 50px;
  z-index: 1;
  top: 50%;
  right: 0;
}

.next-button img{
    bottom: 0;
    height: 30px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 14px;
}


.previous-button div{
    background: url('data:image/png;base64,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') center no-repeat;
    bottom: 0;
    height: 23px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 14px;
}

.button-next {
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
}

.container-top-space{
  padding-top: 50px;
}

#booking-summary-form {
  .payment-item {
    padding: 10px;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: rgba(0,0,0,.03);
    margin-bottom: 5px;
  }
  .selected-payment-item {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
  }
  .payment-list-lable {
    width: 50%;
  }
  .field.CompositeField.fieldgroup {
    padding: 0 0 20px 0;
    margin: 40px 0 5px;
  }
  #Insurance_Holder {
    padding: 20px 0 5px;
    border-top: 1px solid #ddd;
    margin: 0 0 20px 0;
  }
  #AddAccessories_Holder {
    padding: 20px 0 15px;
    border-top: 1px solid #ddd;
    margin: 0 0 20px 0;
  }
  h3 {
    font-weight: 700;
    display: inline-block;
    width: auto;
    color: #109dd9;
  }

  .incl_fees{
    .payment_option{
      clear: both;
      .title{
        display: inline-block;
        float: left;
      }
      .value {
        display: inline-block;
        float: right;
      }
    }
  }

  .quote_price_details{
      span {
      display: inline-block;
      float: right;
      font-weight: 700 !important;
      color: #109dd9;
    }
    .to_pay {
      margin: 20px 0 0;
    }
  }

  .quote_price{
    font-size: 20px;
    border-top: 1px solid #ddd;
    padding: 20px 0 0;
    margin: 20px 0 0;
  }
}
*/