/*** Global elements
Keep these files in the order defined
as they import components sequentially
*/
/* Device widths */
/* Show / Hide on different devices */
@import url("https://use.typekit.net/nch7qnc.css");
@import url("https://use.typekit.net/nch7qnc.css");
@media (max-width: 320px) {
  .hide-on-iphone {
    display: none;
  }
}

@media (max-width: 320px) {
  .show-on-iphone {
    display: block;
  }
}
@media (max-width: 767px) {
  .show-on-iphone {
    display: none;
  }
}
@media (min-width: 769px) {
  .show-on-iphone {
    display: none;
  }
}

@media (max-width: 767px) {
  .hide-on-mobile {
    display: none;
  }
}

@media (max-width: 767px) {
  .show-on-mobile {
    display: block;
  }
}
@media (min-width: 769px) {
  .show-on-mobile {
    display: none;
  }
}

@media (min-width: 0px) and (max-width: 1023px) {
  .hide-on-tablet-and-mobile {
    display: none;
  }
}

@media (min-width: 0px) and (max-width: 1023px) {
  .show-on-tablet-and-mobile {
    display: block;
  }
}
@media (min-width: 1024px) {
  .show-on-tablet-and-mobile {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .hide-on-tablet {
    display: none;
  }
}

@media (max-width: 767px) {
  .show-on-tablet {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .show-on-tablet {
    display: block;
  }
}
@media (min-width: 1024px) {
  .show-on-tablet {
    display: none;
  }
}

@media (min-width: 769px) {
  .hide-on-desktop-and-tablet {
    display: none;
  }
}

@media (min-width: 769px) {
  .show-on-desktop-and-tablet {
    display: block;
  }
}
@media (max-width: 767px) {
  .show-on-desktop-and-tablet {
    display: none;
  }
}

@media (min-width: 1024px) {
  .hide-on-desktop {
    display: none;
  }
}

@media (min-width: 1024px) {
  .show-on-desktop {
    display: block !important;
  }
}
@media (min-width: 0px) and (max-width: 1023px) {
  .show-on-desktop {
    display: none;
  }
}

/* Toggle certain elements if the user is accessing a web view from an app */
.in-app .hide-in-app {
  display: none !important;
}

.show-in-app {
  display: none;
}

.in-app .show-in-app {
  display: block !important;
}

/* Primitives */
/* Colors */
/* Radiuses */
/* Fonts */
.font-secondary, #instruction-choose-trip h1, #home [class*=WidgetTitle__Header], #how_safety-page .how-safety-item h3, .how-single .how-single-process .how-single-process-column .how-single-process-column-title, .how-single .how-single-process .how-single-process-column .how-single-process-column-icon, #how .how-header .how-header-box .how-header-box-headline, #community-agreement .community-item h2, #community-agreement h1, #sustainability-page #sustainability-banner h1, .text-h1 {
  font-family: "Roca", sans-serif;
}

/* Text sizes */
.text-xsmall {
  font-size: 14px;
  line-height: 16px;
}

.text-small, .verification-item, body, html {
  font-size: 15px;
  line-height: 20px;
}

.text-medium, #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details .trip-date, #payments .payment-box .payment-amount, #payments .payment-box .payment-text, #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .booking-details, #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .trip-details .trip-date, #book .booking-form .trip-form-policies .text-slarge, #book .booking-form .trip-form-policies #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details h2, #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details #book .booking-form .trip-form-policies h2, #book .booking-form .trip-form-policies .instruction-full .instruction-contents .instruction-item .instruction-item-title, .instruction-full .instruction-contents .instruction-item #book .booking-form .trip-form-policies .instruction-item-title, #book .booking-form .trip-form-policies .popular-routes .popular-routes-box, .popular-routes #book .booking-form .trip-form-policies .popular-routes-box, #book .booking-form .trip-form-policies #community-agreement .community-item p, #community-agreement .community-item #book .booking-form .trip-form-policies p, #book .booking-form .trip-form-policies .trip-form-section-header, #book .booking-form .trip-form-policies .policy-title {
  font-size: 16px !important;
  line-height: 18px;
}

.text-slarge, #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details h2, .instruction-full .instruction-contents .instruction-item .instruction-item-title, .popular-routes .popular-routes-box, #community-agreement .community-item p, #book .booking-form .trip-form-policies .trip-form-section-header {
  font-size: 18px;
  line-height: 24px;
}

.text-large, .testimonials .testimonial-links a {
  font-size: 20px !important;
  line-height: 26px !important;
}

.text-xlarge, #how_safety-page .how-safety-item h3 {
  font-size: 28px !important;
  line-height: 32px !important;
}
.text-xxlarge {
  font-size: 36px !important;
  line-height: 48px !important;
}

.text-xxxlarge {
  font-size: 52px !important;
  line-height: 64px !important;
}

.indented {
  padding-left: 20px;
  border-left: 2px solid #456682;
}

/* Font weights */
body, html {
  font-family: "proxima-soft", sans-serif;
  margin: 0px;
  padding: 0px;
  height: 100%;
  width: 100%;
  color: #456682;
  font-weight: 400;
}

.primary-color {
  color: #ff4f02;
}

.secondary-color {
  color: #0099ff;
}

.text-white {
  color: #ffffff;
}

.text-h1 {
  font-size: 48px;
  line-height: 52px;
  font-weight: 700;
  color: #183154;
  margin: 0px 0px 16px 0px;
}
@media (max-width: 767px) {
  .text-h1 {
    font-size: 32px;
    line-height: 36px;
  }
}

.text-h2 {
  font-size: 24px;
  line-height: 30px;
}
@media (max-width: 767px) {
  .text-h2 {
    font-size: 20px;
    line-height: 26px;
  }
}

a img {
  border: none;
}

.error {
  color: #FF3532;
}

.p-small {
  font-size: 14px;
}

.p-medium {
  font-size: 18px;
}

.p-large {
  font-size: 24px;
}

.line-height-s {
  line-height: 20px;
}

.image-responsive {
  width: 100%;
}

@media (max-width: 767px) {
  .image-responsive-mobile {
    width: 100%;
  }
}

.image-rounded {
  border-radius: 5px;
}

.image-border {
  border: 1px solid #dfdbdb;
}

.underline {
  text-decoration: underline;
}

.no-border {
  border: none !important;
}

.inline-block {
  display: inline-block;
}

.google-maps-labels {
  color: #ff4f02;
}

a {
  text-decoration: none;
  color: #183154;
  text-decoration-color: #ff5400;
}

a.underlined {
  text-decoration: underline;
  text-decoration-color: #ff5400;
  text-underline-offset: 5px;
}

a:hover {
  color: #30475d;
}

a:active {
  color: #183154;
}

a.secondary-color:hover {
  color: #0077c6;
}

a.white {
  color: #ffffff;
}

.a-div {
  display: block;
}

.orange {
  color: #ff5400;
}

.blue {
  color: #0099ff;
}

a.blue:hover {
  color: #44b4ff;
}

.pink, a.pink {
  color: #F3046E;
}

a.pink:hover {
  color: #dd006a;
}

a.grey {
  color: #456682;
}

a.grey:hover {
  color: #456682;
}

.p-grey {
  color: #999;
}

.font-weight-400 {
  font-weight: 400 !important;
}

.font-weight-600 {
  font-weight: 600 !important;
}

.font-weight-700 {
  font-weight: 700 !important;
}

.font-weight-800 {
  font-weight: 800 !important;
}

.gradient-orange {
  background: rgb(255, 174, 136);
  background: linear-gradient(340deg, rgb(255, 174, 136) 12%, rgb(255, 195, 140) 100%);
}

.gradient-blue, #business .business-top {
  background: rgb(146, 211, 255);
  background: linear-gradient(340deg, rgb(146, 211, 255) 12%, rgb(205, 240, 255) 100%);
}

.gradient-yellow {
  background: rgb(255, 217, 151);
  background: linear-gradient(340deg, rgb(255, 217, 151) 12%, rgb(255, 246, 212) 100%);
}

.gradient-green {
  background: rgb(188, 244, 174);
  background: linear-gradient(340deg, rgb(188, 244, 174) 12%, rgb(223, 255, 218) 100%);
}

.gradient-purple {
  background: rgb(255, 180, 255);
  background: linear-gradient(340deg, rgb(255, 180, 255) 12%, rgb(244, 220, 255) 100%);
}

.header-anchor {
  display: inline-block;
  margin-left: 7px;
  height: 20px;
  width: 20px;
  outline: 0;
}

.header-anchor:hover {
  display: inline-block;
  margin-left: 7px;
  background: #ccc;
  height: 20px;
  width: 20px;
  background: url("../images/icons/icon-anchor.dfe31862021e.png") no-repeat center center #ececec;
  background-size: 15px 15px;
  border-radius: 2px;
  outline: 0;
}

.header-anchor:focus {
  outline: 0;
}

.red:not(.deer) {
  color: #FF3532 !important;
}

.lightred {
  color: #ff6060 !important;
}

.color-heading {
  color: #183154 !important;
}

.color-body {
  color: #456682;
}

.color-orange-500 {
  color: #ED784A;
}

.color-blue-500 {
  color: #4AA6DB;
}

.color-green-500 {
  color: #61B061;
}

.color-purple-500 {
  color: #A678B0;
}

.color-gold-500 {
  color: #F2B569;
}

.color-white {
  color: #ffffff;
}

.lightgrey {
  color: #dfdbdb;
}

.green {
  color: #05AC09;
}

.greyed {
  color: #dfdbdb !important;
}

.greyed {
  color: #456682 !important;
}

.lightergrey {
  color: #f8f8f8;
}

.grey {
  color: #666;
}

.box {
  border: 1px solid #dfdbdb;
  background: #ffffff;
  padding: 20px;
  border-radius: 15px;
}
.box .box-header {
  padding: 10px;
}
.box .box-header.blue {
  background: #0099ff;
  color: #ffffff;
}
.box .box-header.grey {
  background: #dfdbdb;
}
.box .box-container {
  padding: 10px;
}

.box.orange {
  background: #ff4f02;
  color: #ffffff;
  border: none;
}

.box.blue {
  background: #0099ff;
  color: #ffffff;
  border: none;
}

.space-between {
  display: flex;
  justify-content: space-between;
}

.gap-sm {
  gap: 20px;
}

.gap-md {
  gap: 50px;
}

.gap-lg {
  gap: 80px;
}

.gap-xl {
  gap: 120px;
}

@media (max-width: 767px) {
  .no-gap-mobile {
    gap: 0px;
  }
}

.flex {
  display: flex;
}

.flex-1 {
  display: flex;
}

.flex-1 > * {
  flex: 1;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 767px) {
  .flex-column-mobile {
    flex-direction: column;
  }
}

.faded {
  opacity: 0.3;
}

.border-box, #manage .trip .right-section, #manage .trip, #manage .trip-types .trip-type, .trip-requests-results .trip-requests-results-picture-container .trip-requests-results-picture, #trip-form #buttons .button-common, #trip-form #buttons #button-offer, #trip-form #buttons #button-find, #trip-form .dropdown-trigger, #trip-form .dropdown-list .dropdown-item, #trip-form .dropdown-list dropdown-item.info, #trip-form .dropdown-search .dropdown-item, #trip-form .dropdown-search dropdown-item.info, #trip-form .trip-types .trip-type, #user .user-left .profile-details, #payments .trip-types .trip-type, .modal .modal-box, .social-logins .social-login, #sustainability #sustainability-box, #sustainability, #home #home-post #home-post-box, #how_safety-page .how-safety-item.questions a.question-box, #how_safety-page .how-safety-support, #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item, .container-wide, .container, #business .business-container, #header-mobile #header-mobile-contents, #menu .menu-item-dropdown, .button, .vehicle-form [type=submit], .trip-search .trip-search-button, #book .booking-form .booking-send-button, .input-line, .input-common, #welcome #id_code, #welcome #id_phone_number, #modal-phone #id_code, #modal-phone #id_phone_number, #add-bank-account #id_code, #add-bank-account #id_phone_number, #welcome #names-form input[type=text], #welcome #id_description, #welcome .welcome-common #no_pending_email_form [name=email], .select2-container--default .select2-search--dropdown .select2-search__field, .vehicle-form .select2-container .select2-selection--single, .vehicle-form .select2-container--default .select2-selection--single, #add-trip-request input[type=text], #add-trip-request textarea, #trip-form .input-edit, #trip-form #id_departure_date, #trip-form #id_return_date, #trip-form input[type=text], #trip-form input[type=number], #trip-form textarea, #verification input[type=text], #settings input[type=text], #settings input[type=password], #settings input[type=email], #settings textarea, #login-form input[type=email], #login-form input[type=password], #register input[type=text], #register input[type=email], #register input[type=password], #trip-form #trip-form-pricing .segment-price-input .segment-price-input-amount input, .credit-card-form .input, #modal-verification-network-email input[name=email], #modal-close-account input[type=text], #modal-close-account textarea, #modal-description textarea, .message-form-row textarea, #searchbar .new-search, #stripe-elements-input, #book .booking-form #id_message, #book .booking-form #id_code, #book .booking-form .input, .search-common [type=text], .referral-search [type=text], #network-search [type=text], .event-search [type=text], .search-common-grey [type=text], #help-search [type=text], #password input[type=password], #password input[type=email], .select-custom, .vehicle-form #id_type, .vehicle-form #id_colour, #settings #language select, #add-bank-account select, #payments select, #payouts select, #book .booking-form #id_valid_until, #book .booking-form #id_seats, #footer #lang-select, .birthday-selectors select, #id_gender, textarea, input[type=text], input[type=password], input[type=date], input[type=time], input[type=email], input[type=number], input[type=tel], .input-common-date, #add-trip-request #id_departure_date, .trip-search #id_departing, #id_departure_datetime, #id_departure_date, #id_departing, .input-common-location, .modal-location .modal-location-result-item, .modal-location #id_destination-modal-location-input.modal-location-input, .modal-location #id_destination-modal-location-input.modal-location-input:hover,
.modal-location #id_vias-0-location-modal-location-input, .modal-location #id_vias-0-location-modal-location-input:hover,
.modal-location #id_vias-1-location-modal-location-input, .modal-location #id_vias-1-location-modal-location-input:hover,
.modal-location #id_vias-2-location-modal-location-input, .modal-location #id_vias-2-location-modal-location-input:hover,
.modal-location #id_vias-3-location-modal-location-input, .modal-location #id_vias-3-location-modal-location-input:hover,
.modal-location #id_vias-4-location-modal-location-input, .modal-location #id_vias-4-location-modal-location-input:hover, .modal-location #id_origin-modal-location-input.modal-location-input, .modal-location #id_origin-modal-location-input.modal-location-input:hover, .location-chooser .location-input-vanity, .spacious, .common-msg-small, .grey-msg-small, .tip-msg-small, .common-msg, .upsell-msg, .white-msg, .tip-msg, .success-msg, .info-msg, #incident-corona-notice, .error-msg, #book .booking-form .booking-version .error, .warning-msg {
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.lower {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}

.capitalize-first-letter::first-letter {
  text-transform: uppercase;
}

.uppercase {
  text-transform: uppercase;
}

.link-white {
  color: #ffffff;
  text-decoration: underline;
}

.link-white:hover {
  color: #dfdbdb;
}

a.link-underline, .link-underline, #terms a, #privacy a, .link-orange, #locations ul li a:not(h2 > a) {
  color: #183154;
  text-decoration: underline;
}

a.link-underline:hover, #terms a:hover, #privacy a:hover, .link-underline:hover, .link-orange:hover, #locations ul li a:hover:not(h2 > a) {
  color: #0b1625;
}

a.link-underline:active, #terms a:active, #privacy a:active, a.link-orange:active, #locations ul li a:active:not(h2 > a), .link-underline:hover, #terms a:hover, #privacy a:hover, .link-orange:hover, #locations ul li a:hover:not(h2 > a) {
  color: #456682;
}

.link-orange, #locations ul li a:not(h2 > a) {
  text-decoration: none !important;
  color: #183154;
  border-bottom: 1px solid #ff5400;
}

a.link-black {
  color: #183154;
}

a.link-black:hover {
  color: #456682;
}

a.link-black:active {
  color: #456682;
}

a.link-new-window {
  background: url("../images/icons/icon-new-window.1ff942fdce75.png") no-repeat right center;
  padding-right: 22px;
  background-size: 16px 16px;
}

.link-group {
  padding: 10px 0px;
}
.link-group a:first-child, .link-group button:first-child {
  border-top: none;
}
.link-group .link-group-heading {
  font-size: 20px;
  font-weight: 700;
  color: #456682;
  margin: 20px 0px;
}

a.link-block, button.link-block {
  border: none;
  border-top: 1px solid #D7E6ED;
  background: url("../images/icons/icon-triangle-right-black.14ae5b23146b.png") no-repeat right center;
  background-size: 10px auto;
  padding: 18px 18px 18px 0px;
  color: #183154;
  width: 100%;
  display: block;
  cursor: pointer;
  font-size: 16px;
  opacity: 0.8;
  box-sizing: border-box;
  text-align: left;
}

a.link-block.link-block-small {
  padding: 12px 0px;
  font-size: 14px;
}

a.link-block:hover, button.link-block:hover {
  opacity: 0.9;
  outline: none;
}

a.link-block:active, button.link-block:active {
  opacity: 1;
  outline: none;
}

a.link-block.no-arrow {
  background: none;
  padding: 18px 0px;
}

a.link-block.large {
  padding: 30px 0px;
}

a.link-block.red, button.link-block.red {
  color: #ff6060;
  background: url("../images/icons/icon-triangle-right-red.b06a5edd1783.png") no-repeat right center;
  background-size: 10px auto;
}

.zoom-animate, #how_safety-page .how-safety-item.questions a.question-box:hover {
  transition: transform 0.2s;
}

.zoom-animate:hover, #how_safety-page .how-safety-item.questions a.question-box:hover {
  transform: scale(1.03, 1.03);
}

.clear {
  clear: both;
}

.inline {
  display: inline;
}

.row {
  clear: both;
  width: 90%;
  padding: 20px;
}

.no-padding {
  padding: 0px;
}

.no-padding-vertical {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

@media (max-width: 767px) {
  .no-padding-mobile {
    padding: 0px !important;
  }
}

.no-margin {
  margin: 0px !important;
}

.no-margin-top {
  margin-top: 0px !important;
}

.hidden {
  display: none;
}

.container-global {
  background: #ffffff;
  margin: 25px 20px 20px 20px;
  border: 1px solid #e0dfdf;
}

.tertiary-container-global {
  padding: 80px 20px 10px 20px;
}

.new-feature {
  vertical-align: super;
  font-size: 10px;
  line-height: 0px;
}

.new-box {
  padding: 0px 7px;
  background: #ff4f02;
  color: #ffffff;
  border-radius: 20px;
  font-size: 11px;
  margin-left: 5px;
}

.default-box, .vehicle .vehicle-primary, #payout-settings .payout-method .payout-status.default, #settings .payment-method .payment-method-default {
  border: 2px solid #183154;
  font-weight: 600;
  padding: 2px 6px 2px 6px;
  border-radius: 5px;
  color: #183154;
  font-size: 15px;
  box-sizing: border-box;
  display: inline-block;
}

.with-border {
  border: 1px solid #dfdbdb;
}

.poparide-icon {
  background-image: url("../images/brand/poparide-icon.58e46f0d1d59.svg");
  background-repeat: no-repeat;
}

.picture-edit, .vehicle-form .vehicle-picture .vehicle-picture-edit, #user .user-left .profile-picture-edit {
  cursor: pointer;
  background-image: url("../images/icons/icon-camera.144f0a919f27.svg");
  background-color: #ffffff;
  background-size: 42px 42px;
  background-position: center center;
  width: 42px;
  height: 42px;
  border: 2px solid #D7E6ED;
  border-radius: 100px;
  z-index: 500;
}
@media (max-width: 767px) {
  .picture-edit, .vehicle-form .vehicle-picture .vehicle-picture-edit, #user .user-left .profile-picture-edit {
    width: 32px;
    height: 32px;
    background-size: 32px 32px;
  }
}

.picture-round, .picture-round-large, .picture-round-medium, #dashboard #trip-notifications .trip-notification-item .trip-request .profile-pic, .picture-round-small, #trip #trip-bookings #trip-bookings-tabs .booking-tab-trigger .profile-pic {
  border-radius: 500px;
  border: 1px solid #dfdbdb;
  background: #f1f1f1;
  background-size: contain;
  background-position: center center;
}

.picture-round-small, #trip #trip-bookings #trip-bookings-tabs .booking-tab-trigger .profile-pic {
  width: 40px;
  height: 40px;
}

.picture-round-medium, #dashboard #trip-notifications .trip-notification-item .trip-request .profile-pic {
  width: 60px;
  height: 60px;
}

.picture-round-large {
  width: 100px;
  height: 100px;
}

.profile-pic {
  cursor: pointer;
}

.profile-picture {
  border: 1px solid #D7E6ED;
  border-radius: 1000px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 48px;
  height: 48px;
  display: block;
  position: relative;
  overflow: visible;
  cursor: pointer !important;
}

.profile-picture.clickable {
  cursor: pointer;
}

.profile-picture.xs {
  width: 40px;
  height: 40px;
}
.profile-picture.xs .badge-verified {
  position: absolute;
  top: -8px;
  right: -8px;
  width: 20px;
  height: 20px;
  background-size: 24px 24px;
}

.profile-picture.sm {
  width: 48px;
  height: 48px;
}
.profile-picture.sm .badge-verified {
  position: absolute;
  top: -8px;
  right: -8px;
  width: 24px;
  height: 24px;
  background-size: 28px 28px;
}

.profile-picture.md {
  width: 82px;
  height: 82px;
}
.profile-picture.md .badge-verified {
  position: absolute;
  top: -8px;
  right: -8px;
  width: 36px;
  height: 36px;
  background-size: contain;
}

.profile-picture.lg {
  width: 160px;
  height: 160px;
}
@media (max-width: 767px) {
  .profile-picture.lg {
    width: 120px;
    height: 120px;
  }
}
.profile-picture.lg .badge-verified {
  position: absolute;
  top: -8px;
  right: -8px;
  width: 62px;
  height: 62px;
  background-size: contain;
}

.profile-picture.clickable:hover {
  opacity: 0.9;
}

.profile-picture.clickable:active, .profile-picture.clickable:focus {
  opacity: 1;
}

.position-relative {
  position: relative;
}

.float-left {
  float: left;
}

@media (max-width: 767px) {
  .break-on-mobile {
    float: none !important;
  }
}

.float-right {
  float: right;
}

a.float-right {
  font-size: 15px;
}

.link-right {
  float: right;
  text-align: right;
}

.link-right.heading {
  margin-top: -23px;
}

.no-border {
  border: none;
}

.active {
  display: block;
}

.inactive {
  display: none !important;
}

.strong, #book .booking-form .trip-form-policies .trip-form-section-header {
  font-weight: 700 !important;
  font-size: auto;
}

.semi-strong {
  font-weight: 600 !important;
}

.normal {
  font-weight: 400 !important;
}

.padding-small {
  padding: 10px;
}

.padding-medium {
  padding: 20px;
}

.padding-large {
  padding: 40px;
}

.orange-gradient, .button.orange, .vehicle-form .orange[type=submit], .trip-search .orange.trip-search-button, #book .booking-form .orange.booking-send-button {
  /* fallback/image non-cover color */
  background-color: #ff8534;
  /* Firefox 3.6+ */
  background-image: -moz-linear-gradient(#ff8534, #ff5400);
  /* Safari 4+, Chrome 1+ */
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff8534), to(#ff5400));
  /* Safari 5.1+, Chrome 10+ */
  background-image: -webkit-linear-gradient(#ff8534, #ff5400);
  /* Opera 11.10+ */
  background-image: -o-linear-gradient(#ff8534, #ff5400);
}

.blue-gradient, .button.blue, .vehicle-form .blue[type=submit], .trip-search .blue.trip-search-button, #book .booking-form .blue.booking-send-button {
  /* fallback/image non-cover color */
  background-color: #7ccdff;
  /* Firefox 3.6+ */
  background-image: -moz-linear-gradient(#7ccdff, #5cc0ff);
  /* Safari 4+, Chrome 1+ */
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7ccdff), to(#5cc0ff));
  /* Safari 5.1+, Chrome 10+ */
  background-image: -webkit-linear-gradient(#7ccdff, #5cc0ff);
  /* Opera 11.10+ */
  background-image: -o-linear-gradient(#7ccdff, #5cc0ff);
}

.primary {
  background: #ff4f02;
}

.primary:hover {
  background: #ff7430;
}

.primary:active {
  background: #dd4900;
}

.button-full {
  width: 100%;
}

.button.secondary, .vehicle-form .secondary[type=submit], .trip-search .secondary.trip-search-button, #book .booking-form .secondary.booking-send-button {
  background: #0099ff;
}

.button.secondary:hover, .vehicle-form .secondary[type=submit]:hover, .trip-search .secondary.trip-search-button:hover, #book .booking-form .secondary.booking-send-button:hover {
  background: #44b4ff;
}

.button.secondary:secondarycoloraactive, .vehicle-form .secondary[type=submit]:secondarycoloraactive, .trip-search .secondary.trip-search-button:secondarycoloraactive, #book .booking-form .secondary.booking-send-button:secondarycoloraactive {
  background: #0077c6;
}

.button.secondary.with-plus, .vehicle-form .secondary.with-plus[type=submit], .trip-search .secondary.with-plus.trip-search-button, #book .booking-form .secondary.with-plus.booking-send-button {
  background: url("../images/icons/icon-plus-circle-blue-h.64e5f8ece0b7.png") #0099ff no-repeat;
  background-size: 30px 30px;
  background-position: 7px 8px;
}

.button.secondary.with-plus:hover, .vehicle-form .secondary.with-plus[type=submit]:hover, .trip-search .secondary.with-plus.trip-search-button:hover, #book .booking-form .secondary.with-plus.booking-send-button:hover {
  background: url("../images/icons/icon-plus-circle-blue-h.64e5f8ece0b7.png") #44b4ff no-repeat;
  background-size: 30px 30px;
  background-position: 7px 8px;
}

.button.secondary.with-plus:active, .vehicle-form .secondary.with-plus[type=submit]:active, .trip-search .secondary.with-plus.trip-search-button:active, #book .booking-form .secondary.with-plus.booking-send-button:active {
  background: url("../images/icons/icon-plus-circle-blue-h.64e5f8ece0b7.png") #0077c6 no-repeat;
  background-size: 30px 30px;
  background-position: 7px 8px;
}

a.button-back {
  background: url("../images/icons/arrow_left_grey.64907b162ccb.svg") no-repeat center left;
  background-size: 32px 32px;
  color: #183154;
  padding: 15px 0px 15px 32px;
  display: inline-block;
}

a.button-back:hover {
  opacity: 0.9;
}

a.button-back:active {
  opacity: 1;
}

.margin-right-xs {
  margin-right: 6px;
}

.margin-right-s {
  margin-right: 16px;
}

.margin-right-lg {
  margin-right: 32px;
}

@media (max-width: 767px) {
  .no-margin-mobile {
    margin: 0px;
  }
}

.round {
  border-radius: 3px;
}

.round-full {
  border-radius: 100px !important;
}

/* In app buttons */
@media (max-width: 767px) {
  .in-app .button-fixed-bottom {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    margin: 0px;
    max-width: none !important;
    border-radius: 0px !important;
    padding: 20px 0px;
    background: #ffffff !important;
    color: #456682 !important;
    font-weight: 600;
    border-top: 1px solid #dfdbdb;
  }
  .in-app .button-fixed-bottom:active {
    color: #183154;
    background: #ffffff !important;
  }
  .in-app .button-fixed-bottom:focus {
    color: #456682 !important;
    background: #ffffff !important;
  }
}

/* New buttons */
.btn {
  display: inline-block;
  padding: 20px 40px;
  margin: 10px 0px;
  font-size: 20px;
  font-weight: 700;
}

.btn.small {
  padding: 10px 25px;
  font-size: 18px;
}

@media (max-width: 767px) {
  .full-on-mobile {
    width: 100% !important;
    display: block !important;
    text-align: center !important;
    box-sizing: border-box;
  }
}

.btn.round {
  border-radius: 100px;
}

.btn.white {
  background: #ffffff;
  color: #456682;
}

.btn.white:hover {
  color: #183154;
}

.btn.white:active {
  color: #183154;
  background: #F1FAFF;
}

.btn.black {
  color: #ffffff !important;
  background: #183154;
  color: #456682;
}

.btn.black:hover {
  opacity: 0.8;
}

.btn.black:active {
  opacity: 1;
}

.btn.stroke-black {
  color: #456682;
  border: 3px solid #456682;
}

.btn.stroke-black:hover {
  color: #183154;
  border: 3px solid #183154;
}

.btn.stroke-black:active {
  color: #183154;
  border: 3px solid #183154;
  background: #F1FAFF;
}

.loading {
  clear: both;
  margin-top: 10px;
  margin-left: 0px;
  background: url("../images/animations/ajax-loader.12d4c449a15f.gif") no-repeat left center;
  display: block;
  height: 20px;
  width: 40px;
}

.loading-logo {
  background: url("../images/animations/loading-logo.b24dc254af82.gif") no-repeat center center;
  background-size: contain;
  width: 35px;
  height: 35px;
}

.loading-dot {
  background: url("../images/animations/loading-dot.e8c994b88b4d.gif") no-repeat left center;
  height: 20px;
  width: 20px;
  background-size: contain;
  float: left;
  position: relative;
  right: 0px;
  margin-top: 2px;
}

.loading-facebook {
  background: url("../images/common/loading-facebook.cf43f0cdc3cf.png") no-repeat;
  width: 200px;
  height: 100px;
}

.loading-google {
  background: url("../images/common/loading-google.05f2759a60d7.png") no-repeat;
  width: 200px;
  height: 100px;
}

.crossed {
  text-decoration: line-through;
}

.clickable {
  cursor: pointer;
}

.superscript {
  vertical-align: super;
  font-size: 12px;
}

/* Tooltip */
.tooltip {
  cursor: pointer !important;
}

.ui-helper-hidden-accessible {
  display: none;
}

.ui-tooltip {
  position: absolute;
  background: #456682;
  color: #ffffff;
  padding: 5px 7px;
  font-size: 14px;
  border-radius: 5px;
  top: -5px;
  z-index: 1000;
}

.video-container {
  position: relative;
  padding-bottom: 52.65%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Dividers & spacers*/
.divider {
  height: 1px;
  width: 100%;
  background: #456682;
  margin: 10px 0px 10px;
}

.divider.grey {
  background: #ccc;
}

.divider.white {
  background: #ffffff;
}

.divider.light {
  background: #D7E6ED;
}

.divider.light.dashed {
  background: none;
  border-top: 1px dashed #dfdbdb;
}

.divider.narrow {
  background: #dfdbdb;
  max-width: 350px;
}

.divider.short {
  max-width: 60px;
}

.divider.center {
  margin: 0px auto;
}

.divider.thick {
  height: 3px;
  background: #456682;
}

.divider.thick.light {
  height: 3px;
  background: #dfdbdb;
  border-radius: 3px;
}

.xxs-spacer {
  height: 5px;
  clear: both;
}

.xs-spacer {
  height: 10px;
  clear: both;
}

.s-spacer {
  height: 20px;
  clear: both;
}

.m-spacer {
  height: 40px;
  clear: both;
}

.sl-spacer {
  height: 50px;
  clear: both;
}

.l-spacer {
  height: 60px;
  clear: both;
}

.xl-spacer {
  height: 200px;
  clear: both;
}

/* Alignment */
.align-right {
  text-align: right;
}

.align-left {
  text-align: left;
}

.align-center {
  text-align: center !important;
}

.align-block-center {
  margin-left: auto;
  margin-right: auto;
}

.card-shadow, .request-exists, .request-add:active, .request-add:hover, .request-add, #requests .request, #trip-list .trip-request, #payments_history-page .ui-tooltip, #payouts_future-page .ui-tooltip, #landing-page #landing-page-contents .landing-page-destinations, #event_view-page #event-actions .event-action, #impact-page .page-grey .box {
  box-shadow: none;
}

.card-shadow-hover, .request-exists:hover, #trip-list .trip:hover, #trip-list .trip-request:hover, #trip-list .trip.large:hover, .review-cta:hover, #payout-settings .payout-method .schedule-box:hover {
  box-shadow: none;
}

.card-shadow-active, .request-exists:active, #trip-list .trip-request:active, #trip-list .trip:active, #trip-list trip-request:active, #trip-list .trip.large:active, .review-cta:active {
  box-shadow: none;
}

.box-shadow, #register .box, #trip-find-form {
  box-shadow: 0px 8px 24px 0px rgba(24, 49, 84, 0.2);
  -webkit-box-shadow: 0px 8px 24px 0px rgba(24, 49, 84, 0.2);
  -moz-box-shadow: 0px 8px 24px 0px rgba(24, 49, 84, 0.2);
}

/* Error messages */
.common-msg, .upsell-msg, .white-msg, .tip-msg, .success-msg, .info-msg, #incident-corona-notice, .error-msg, #book .booking-form .booking-version .error, .warning-msg {
  padding: 10px 14px;
  width: auto;
  margin: 10px 0px 10px;
  border-radius: 10px;
  color: #456682;
  font-size: 16px;
}

.common-msg-small, .grey-msg-small, .tip-msg-small {
  padding: 5px 10px 5px 10px;
  width: auto;
  margin: 5px 0px 5px;
  border-radius: 5px;
  color: #456682;
  font-size: 15px;
}

.spacious {
  padding: 16px;
}

#ie-warning {
  display: none;
  background: #ffcccc;
  border-bottom: 1px solid #ff0000;
}
#ie-warning .container, #ie-warning #business .business-container, #business #ie-warning .business-container {
  padding: 15px 10px 15px 10px;
}
#ie-warning .container a, #ie-warning #business .business-container a, #business #ie-warning .business-container a {
  color: #456682;
  text-decoration: underline;
}

.error-msg, #book .booking-form .booking-version .error, .warning-msg {
  background: #ffcccc;
  border: 1px solid #ff9d9d;
}

.info-msg, #incident-corona-notice {
  border: 1px solid #CDECFC;
  background: #F1FAFF;
}

.success-msg {
  border: 1px solid #9AD89C;
  background: #EEFDF0;
}

.tip-msg {
  background: #FFF6D4;
  border: 1px solid #F9CB82;
}

.tip-msg-small {
  background: #e5f7ff;
  border: 1px solid #0076a3;
}

.white-msg {
  border: 1px solid #D7E6ED;
  background: #ffffff;
}

.white-msg.warning {
  padding-left: 100px;
  background: url("../images/icons/icon-alert-orange-l.dd4a40a6a93b.png") no-repeat left center;
  background-position: 25px;
}

.white-msg.no-border {
  border: none;
}

.grey-msg-small {
  background: #eaeaea;
}

.upsell-msg {
  border: 1px solid #0076a3;
  background: url("../images/icons/icon-cashless.9fb3f3ecaa15.png") no-repeat #e5f7ff;
  background-size: 20px 20px;
  background-position: 10px 12px;
  padding-left: 35px;
}

#system-msg {
  width: 100%;
  height: auto;
}
#system-msg .container, #system-msg #business .business-container, #business #system-msg .business-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0px 20px 0px 20px;
}
#system-msg .error-msg, #system-msg #book .booking-form .booking-version .error, #book .booking-form .booking-version #system-msg .error, #system-msg .info-msg, #system-msg #incident-corona-notice, #system-msg .success-msg, #system-msg .tip-msg, #system-msg .warning-msg {
  border-radius: 0px !important;
  margin: 0px;
  padding: 10px 0px 10px;
  border-left: none;
  border-right: none;
  border-top: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
#system-msg .success-msg {
  border-bottom: 1px solid #aeff9b;
}
#system-msg .error-msg, #system-msg #book .booking-form .booking-version .error, #book .booking-form .booking-version #system-msg .error, #system-msg .warning-msg {
  border-bottom: 1px solid #ff9d9d;
}
#system-msg .tip-msg {
  border-bottom: 1px solid #fff390;
}

.info-circle {
  text-align: center;
  border-radius: 20px;
  height: 18px;
  width: 18px;
  cursor: default;
  margin-top: 1px;
  font-weight: 500;
  background: #456682;
  color: #ffffff;
  line-height: 18px;
  font-size: 15px;
}

.info-circle.red {
  background: #FF3532;
  border: none;
  color: #ffffff !important;
  font-weight: 400;
  border-radius: 22px;
  height: 22px;
  width: 22px;
  line-height: 18px;
}

.info-circle.blue {
  background: #0099ff;
  border: none;
  color: #ffffff !important;
  font-weight: 400;
  border-radius: 22px;
  height: 22px;
  width: 22px;
  line-height: 18px;
}

.info-circle.space-left {
  margin-left: 10px;
}

/* Page specific message hiding (framework limitation) */
#welcome_step_email-page .success-msg {
  display: none;
}

#welcome_step_phone-page .success-msg, #welcome_step_phone-page .info-msg, #welcome_step_phone-page #incident-corona-notice {
  display: none;
}

.triangle-right {
  position: relative;
  padding: 20px;
  color: #ffffff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.triangle-right:after {
  content: "";
  position: absolute;
  bottom: -20px; /* value = - border-top-width - border-bottom-width */
  left: 50px;
  border-width: 20px 20px 0 20px;
  border-style: solid;
  /* reduce the damage in FF3.0 */
  display: block;
  width: 0;
}

.triangle-border {
  position: relative;
  padding: 20px;
  margin: 1em 0 2em;
  border: 1px solid #dfdbdb;
  color: #456682;
  background: #ffffff;
  /* css3 */
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.triangle-border:before {
  content: "";
  position: absolute;
  bottom: -20px; /* value = - border-top-width - border-bottom-width */
  right: 50px; /* controls horizontal position */
  border-width: 20px 20px 0;
  border-style: solid;
  border-color: #dfdbdb transparent;
  /* reduce the damage in FF3.0 */
  display: block;
  width: 0;
}

/* creates the smaller  triangle */
.triangle-border:after {
  content: "";
  position: absolute;
  bottom: -18px;
  right: 50px;
  border-width: 20px 20px 0;
  border-style: solid;
  border-color: #ffffff transparent;
  /* reduce the damage in FF3.0 */
  display: block;
  width: 0;
}

.arrow-down:after, .arrow-down:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.arrow-down {
  position: relative;
}

.arrow-down:after {
  border-color: rgba(136, 183, 213, 0);
  border-top-color: #ffffff;
  border-width: 10px;
  margin-left: -10px;
  margin-top: -30px;
}

.arrow-down:before {
  border-color: rgba(194, 225, 245, 0);
  border-top-color: #456682;
  border-width: 12px;
  margin-left: -12px;
  margin-top: -30px;
}

/* modal */
#modal {
  display: none;
  position: fixed;
  margin: 0px;
  width: 100%;
  height: 100%;
  z-index: 1000;
}
#modal #modal-background {
  position: fixed;
  margin: 0px;
  width: 100%;
  height: 100%;
  background: #183154;
  opacity: 0.8;
  cursor: pointer;
}
#modal #modal-box {
  position: relative;
  background: #ffffff;
  width: 400px;
  height: 400px;
  margin: 10% auto;
  padding: 30px;
}
#modal .modal-close {
  background: url("../images/icons/icon-close.d75f0875d4f6.png") no-repeat center center #dfdfdf;
  border-radius: 50px;
  width: 50px;
  height: 50px;
  cursor: pointer;
  position: absolute;
  top: -15px;
  right: -15px;
}

/* Images */
.image-round-common, .image-round-large, .image-round-medium, .message-initial-cta .message-initial-cta-picture, .image-round-small, .message .profile-pic {
  border-radius: 300px;
  display: block;
  border: 1px solid #dfdbdb;
  display: block;
  background-size: contain;
  background-position: center center;
}

.image-round-small, .message .profile-pic {
  width: 60px;
  height: 60px;
}

.image-round-medium, .message-initial-cta .message-initial-cta-picture {
  width: 100px;
  height: 100px;
}

.image-round-large {
  width: 150px;
  height: 150px;
}

/* Booking statuses */
.booking-status-small, #trip #trip-bookings #trip-bookings-tabs .booking-tab-trigger .booking-status {
  padding: 2px 4px;
  border-radius: 100px;
  font-size: 10px;
  color: #ffffff;
  text-align: center;
  min-width: 16px;
}

.booking-status-large, #manage .request-item .booking-status, #trip #trip-bookings #trip-bookings-tabs-contents .booking-tab .booking-status-container .booking-status, #trip #trip-bookings #trip-bookings-tabs .booking-tab-trigger.active .booking-status, #dashboard #trip-notifications .trip-notification-item .trip-request .profile-pic .booking-status, #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .picture .booking-status {
  padding: 3px 5px;
  box-sizing: border-box;
  border-radius: 100px;
  text-align: center;
  color: #ffffff;
  font-size: 14px;
  min-width: 27px;
}

/* New booking status icon */
.booking-status-approved {
  background: #05AC09;
}

.booking-status-cancelled {
  background: #ff6060;
}

.booking-status-requested {
  background: #0099ff;
}

.booking-status-question {
  background: #456682;
}

.booking-status-refund-request {
  background: url("../images/icons/icon-warning.c8c0e1cb9433.svg") no-repeat #FFCC00 top 3px center;
  background-size: 18px 18px;
  display: list-item;
}

/* Feedback icons */
.feedback-state-0 {
  background: url("../images/icons/icon-on-time.fe255aa193d7.png") no-repeat left center;
  background-size: contain;
}

.feedback-state-1 {
  background: url("../images/icons/icon-late.9d896344e35d.png") no-repeat left center;
  background-size: contain;
}

.feedback-state-2 {
  background: url("../images/icons/icon-bailed.7376364f45e8.png") no-repeat left center;
  background-size: contain;
}

.feedback-state-3 {
  background: url("../images/icons/icon-no-show.39a495427f54.png") no-repeat left center;
  background-size: contain;
}

/* Icons */
.icon-verified {
  background: url("../images/icons/icon-verified.b65f7774253a.svg") no-repeat;
}

.badge-verified {
  background-image: url("../images/icons/badge-verified.83e71fd7cf6c.svg");
  background-repeat: no-repeat;
}

.icon-commercial {
  background: url("../images/icons/icon_commercial.a985655498f9.svg") no-repeat;
}

.icon-ambassador, #trip-list .badges .ambassador {
  background: url("../images/icons/icon-member-ambassador.dfa17b40d1ca.png") no-repeat;
}

.icon-community {
  background: url("../images/icons/icon-community-agreement.d8c30b49ae06.png") no-repeat;
}

.icon-cashless {
  background: url("../images/icons/icon-cashless.9fb3f3ecaa15.png") no-repeat;
}

.icon-member, #trip-list .badges .member.annual {
  background: url("../images/icons/icon-member.ef0e67fd4752.png") no-repeat;
}

.icon-member-basic, #trip-list .badges .member.basic {
  background: url("../images/icons/icon-member-basic.9359ffd2d0b3.png") no-repeat;
}

.icon-reserved-seat {
  background: url("../images/icons/icon-reserved-seat.0d82759746b6.png") no-repeat;
}

.icon-no-cash {
  background: url("../images/icons/icon-no-cash.a811344c52a6.png") no-repeat;
}

.icon-refund {
  background: url("../images/icons/icon-refund.f528045c5525.png") no-repeat;
}

.icon-paypal {
  background: url("../images/icons/icon-paypal.49bc353bb13a.png") no-repeat;
}

.icon-suspended {
  background: url("../images/icons/icon-suspended.23b5395e62ea.svg") no-repeat;
}

.icon-50 {
  width: 50px;
  height: 50px;
  display: block;
}

/* Seats for trip listings */
.seat-common, #requests .request .seat {
  float: left;
  color: #ffffff;
  text-align: center;
  width: 40px;
  height: 50px;
  margin-right: 10px;
}
.seat-common .top, #requests .request .seat .top {
  font-size: 11px;
  height: 6px;
}
.seat-common .middle, #requests .request .seat .middle {
  font-size: 25px;
  height: 27px;
  font-weight: 700;
}
.seat-common .middle.full, #requests .request .seat .middle.full {
  font-size: 16px;
  margin-top: 13px;
}
.seat-common .bottom, #requests .request .seat .bottom {
  font-size: 11px;
  height: 10px;
}

/*
// Note: Hiding this to support IE
#fb-root{
    display: none;
}
*/
/* Date picker */
.datepicker-inline {
  position: absolute;
  background: #ffffff;
  margin-top: 0px;
  border: 1px solid #ccc;
  z-index: 10000;
  padding: 20px;
  font-size: 14px !important;
  border-radius: 15px !important;
}
.datepicker-inline .active.day {
  width: auto;
}

.datepicker-inline {
  display: none;
  padding: 10px;
}
@media (max-width: 767px) {
  .datepicker-inline {
    width: 100%;
  }
}

.datepicker table tr td.today {
  background-color: #FFC38C !important;
  border-color: none !important;
}

.datepicker table tr td.active.active {
  background-color: #456682 !important;
}

.datepicker table tr td.active.day {
  display: table-cell !important;
}

.datepicker table tr td.disabled {
  color: #ccc !important;
}

.datepicker-inline.active {
  display: block;
}

.ui-timepicker-wrapper {
  max-height: 250px !important;
}

/* Sub-menu  */
.sub-nav-toggler {
  color: #456682;
}
.sub-nav-toggler .sub-nav-toggler-icon {
  margin-right: 10px;
}
.sub-nav-toggler .sub-nav-toggler-icon .line {
  height: 2px;
  margin: 4px 0px 4px;
  width: 20px;
  background: #456682;
}
.sub-nav-toggler .sub-nav-toggler-text {
  line-height: 20px;
}

.sub-nav-toggling {
  display: none;
}

.sub-nav-toggling.active {
  display: block;
}

.sub-nav-button {
  color: #456682;
  border: 1px solid #dfdbdb;
  padding: 10px;
  border-radius: 3px;
  display: inline-block;
  font-weight: 600;
  cursor: pointer;
}

.sub-nav-button:hover, .sub-nav-button:active {
  border: 1px solid #456682;
  color: #456682;
}

.clear-cross-circle {
  background: #ccc;
  color: #ffffff;
  border-radius: 100px;
  width: 15px;
  height: 15px;
  text-align: center;
  line-height: 15px;
  cursor: pointer;
}

pre {
  white-space: pre-wrap; /* Since CSS 2.1 */
  white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-wrap: break-word; /* Internet Explorer 5.5+ */
  font-family: "proxima-soft", sans-serif;
}

/* Instant book */
.instant-book {
  background: url("../images/icons/icon_instant_book.2eb4121d74aa.svg") no-repeat center left -3px;
  padding-left: 17px;
  background-size: 18px 18px;
}

/* Intercom widget */
@media (max-width: 767px) {
  #trip_view-page .intercom-lightweight-app-launcher, #booking_create-page .intercom-lightweight-app-launcher, .gad .intercom-lightweight-app-launcher {
    display: none !important;
  }
}

.color-rainbow {
  display: inline-block;
}

.color-rainbow span:nth-child(5n+1) {
  color: #ED784A;
}

.color-rainbow span:nth-child(5n+2) {
  color: #F2B569;
}

.color-rainbow span:nth-child(5n+3) {
  color: #4AA6DB;
}

.color-rainbow span:nth-child(5n+4) {
  color: #61B061;
}

.color-rainbow span:nth-child(5n+5) {
  color: #A678B0;
}

/* Common attributes for all forms */
INPUT[type=text]:focus,
INPUT[type=number]:focus,
INPUT[type=email]:focus,
INPUT[type=search]:focus,
INPUT[type=password]:focus,
INPUT[type=range]:focus,
INPUT[type=textarea]:focus {
  outline: none;
  -webkit-appearance: none;
}

::-webkit-input-placeholder {
  color: #456682;
}

:-moz-placeholder { /* Firefox 18- */
  color: #456682;
}

::-moz-placeholder { /* Firefox 19+ */
  color: #456682;
}

:-ms-input-placeholder {
  color: #456682;
}

.input-common, #welcome #id_code, #welcome #id_phone_number, #modal-phone #id_code, #modal-phone #id_phone_number, #add-bank-account #id_code, #add-bank-account #id_phone_number, #welcome #names-form input[type=text], #welcome #id_description, #welcome .welcome-common #no_pending_email_form [name=email], .select2-container--default .select2-search--dropdown .select2-search__field, .vehicle-form .select2-container .select2-selection--single, .vehicle-form .select2-container--default .select2-selection--single, #add-trip-request input[type=text], #add-trip-request textarea, #trip-form .input-edit, #trip-form #id_departure_date, #trip-form #id_return_date, #trip-form input[type=text], #trip-form input[type=number], #trip-form textarea, #verification input[type=text], #settings input[type=text], #settings input[type=password], #settings input[type=email], #settings textarea, #login-form input[type=email], #login-form input[type=password], #register input[type=text], #register input[type=email], #register input[type=password], #trip-form #trip-form-pricing .segment-price-input .segment-price-input-amount input, .credit-card-form .input, #modal-verification-network-email input[name=email], #modal-close-account input[type=text], #modal-close-account textarea, #modal-description textarea, .message-form-row textarea, #searchbar .new-search, #stripe-elements-input, #book .booking-form #id_message, #book .booking-form #id_code, #book .booking-form .input, .search-common [type=text], .referral-search [type=text], #network-search [type=text], .event-search [type=text], .search-common-grey [type=text], #help-search [type=text], #password input[type=password], #password input[type=email], .select-custom, .vehicle-form #id_type, .vehicle-form #id_colour, #settings #language select, #add-bank-account select, #payments select, #payouts select, #book .booking-form #id_valid_until, #book .booking-form #id_seats, #footer #lang-select, .birthday-selectors select, #id_gender, textarea, input[type=text], input[type=password], input[type=date], input[type=time], input[type=email], input[type=number], input[type=tel], .input-common-date, #add-trip-request #id_departure_date, .trip-search #id_departing, #id_departure_datetime, #id_departure_date, #id_departing, .input-common-location, .modal-location .modal-location-result-item, .modal-location #id_destination-modal-location-input.modal-location-input, .modal-location #id_destination-modal-location-input.modal-location-input:hover,
.modal-location #id_vias-0-location-modal-location-input, .modal-location #id_vias-0-location-modal-location-input:hover,
.modal-location #id_vias-1-location-modal-location-input, .modal-location #id_vias-1-location-modal-location-input:hover,
.modal-location #id_vias-2-location-modal-location-input, .modal-location #id_vias-2-location-modal-location-input:hover,
.modal-location #id_vias-3-location-modal-location-input, .modal-location #id_vias-3-location-modal-location-input:hover,
.modal-location #id_vias-4-location-modal-location-input, .modal-location #id_vias-4-location-modal-location-input:hover, .modal-location #id_origin-modal-location-input.modal-location-input, .modal-location #id_origin-modal-location-input.modal-location-input:hover, .location-chooser .location-input-vanity {
  border-radius: 10px;
  font-family: "proxima-soft", sans-serif;
  width: 100%;
  border: 1px solid #D7E6ED;
  font-size: 16px;
  line-height: 20px;
  color: #183154;
  background-color: #F1FAFF;
  padding: 16px;
  appearance: none;
}

.input-common:hover, #welcome #id_code:hover, #welcome #id_phone_number:hover, #modal-phone #id_code:hover, #modal-phone #id_phone_number:hover, #add-bank-account #id_code:hover, #add-bank-account #id_phone_number:hover, #welcome #names-form input[type=text]:hover, #welcome #id_description:hover, #welcome .welcome-common #no_pending_email_form [name=email]:hover, .select2-container--default .select2-search--dropdown .select2-search__field:hover, .vehicle-form .select2-container .select2-selection--single:hover, .vehicle-form .select2-container--default .select2-selection--single:hover, #add-trip-request input[type=text]:hover, #add-trip-request textarea:hover, #trip-form .input-edit:hover, #trip-form #id_departure_date:hover, #trip-form #id_return_date:hover, #trip-form input[type=text]:hover, #trip-form input[type=number]:hover, #trip-form textarea:hover, #verification input[type=text]:hover, #settings input[type=text]:hover, #settings input[type=password]:hover, #settings input[type=email]:hover, #settings textarea:hover, #login-form input[type=email]:hover, #login-form input[type=password]:hover, #register input[type=text]:hover, #register input[type=email]:hover, #register input[type=password]:hover, #trip-form #trip-form-pricing .segment-price-input .segment-price-input-amount input:hover, .credit-card-form .input:hover, #modal-verification-network-email input[name=email]:hover, #modal-close-account input[type=text]:hover, #modal-close-account textarea:hover, #modal-description textarea:hover, #searchbar .new-search:hover, #stripe-elements-input:hover, #book .booking-form #id_message:hover, #book .booking-form #id_code:hover, #book .booking-form .input:hover, .search-common [type=text]:hover, .referral-search [type=text]:hover, #network-search [type=text]:hover, .event-search [type=text]:hover, .search-common-grey [type=text]:hover, #help-search [type=text]:hover, #password input[type=password]:hover, #password input[type=email]:hover, .select-custom:hover, .vehicle-form #id_type:hover, .vehicle-form #id_colour:hover, #settings #language select:hover, #add-bank-account select:hover, #payments select:hover, #payouts select:hover, #book .booking-form #id_valid_until:hover, #book .booking-form #id_seats:hover, #footer #lang-select:hover, .birthday-selectors select:hover, #id_gender:hover, textarea:hover, input[type=text]:hover, input[type=password]:hover, input[type=date]:hover, input[type=time]:hover, input[type=email]:hover, input[type=number]:hover, input[type=tel]:hover, .input-common-date:hover, #add-trip-request #id_departure_date:hover, #id_departure_datetime:hover, #id_departure_date:hover, #id_departing:hover, .input-common-location:hover, .modal-location .modal-location-result-item:hover, .modal-location #id_destination-modal-location-input.modal-location-input:hover,
.modal-location #id_vias-0-location-modal-location-input:hover,
.modal-location #id_vias-1-location-modal-location-input:hover,
.modal-location #id_vias-2-location-modal-location-input:hover,
.modal-location #id_vias-3-location-modal-location-input:hover,
.modal-location #id_vias-4-location-modal-location-input:hover, .modal-location #id_origin-modal-location-input.modal-location-input:hover, .location-chooser .location-input-vanity:hover {
  border: 1px solid #6798c3;
}

.input-common:active, #welcome #id_code:active, #welcome #id_phone_number:active, #modal-phone #id_code:active, #modal-phone #id_phone_number:active, #add-bank-account #id_code:active, #add-bank-account #id_phone_number:active, #welcome #names-form input[type=text]:active, #welcome #id_description:active, #welcome .welcome-common #no_pending_email_form [name=email]:active, .select2-container--default .select2-search--dropdown .select2-search__field:active, .vehicle-form .select2-container .select2-selection--single:active, .vehicle-form .select2-container--default .select2-selection--single:active, #add-trip-request input[type=text]:active, #add-trip-request textarea:active, #trip-form .input-edit:active, #trip-form #id_departure_date:active, #trip-form #id_return_date:active, #trip-form input[type=text]:active, #trip-form input[type=number]:active, #trip-form textarea:active, #verification input[type=text]:active, #settings input[type=text]:active, #settings input[type=password]:active, #settings input[type=email]:active, #settings textarea:active, #login-form input[type=email]:active, #login-form input[type=password]:active, #register input[type=text]:active, #register input[type=email]:active, #register input[type=password]:active, #trip-form #trip-form-pricing .segment-price-input .segment-price-input-amount input:active, .credit-card-form .input:active, #modal-verification-network-email input[name=email]:active, #modal-close-account input[type=text]:active, #modal-close-account textarea:active, #modal-description textarea:active, #searchbar .new-search:active, #stripe-elements-input:active, #book .booking-form #id_message:active, #book .booking-form #id_code:active, #book .booking-form .input:active, .search-common [type=text]:active, .referral-search [type=text]:active, #network-search [type=text]:active, .event-search [type=text]:active, .search-common-grey [type=text]:active, #help-search [type=text]:active, #password input[type=password]:active, #password input[type=email]:active, .select-custom:active, .vehicle-form #id_type:active, .vehicle-form #id_colour:active, #settings #language select:active, #add-bank-account select:active, #payments select:active, #payouts select:active, #book .booking-form #id_valid_until:active, #book .booking-form #id_seats:active, #footer #lang-select:active, .birthday-selectors select:active, #id_gender:active, textarea:active, input[type=text]:active, input[type=password]:active, input[type=date]:active, input[type=time]:active, input[type=email]:active, input[type=number]:active, input[type=tel]:active, .input-common-date:active, #add-trip-request #id_departure_date:active, #id_departure_datetime:active, #id_departure_date:active, #id_departing:active, .input-common-location:active, .modal-location .modal-location-result-item:active, .modal-location #id_destination-modal-location-input.modal-location-input:active,
.modal-location #id_vias-0-location-modal-location-input:active,
.modal-location #id_vias-1-location-modal-location-input:active,
.modal-location #id_vias-2-location-modal-location-input:active,
.modal-location #id_vias-3-location-modal-location-input:active,
.modal-location #id_vias-4-location-modal-location-input:active, .modal-location #id_origin-modal-location-input.modal-location-input:active, .location-chooser .location-input-vanity:active, .input-common:focus, #welcome #id_code:focus, #welcome #id_phone_number:focus, #modal-phone #id_code:focus, #modal-phone #id_phone_number:focus, #add-bank-account #id_code:focus, #add-bank-account #id_phone_number:focus, #welcome #names-form input[type=text]:focus, #welcome #id_description:focus, #welcome .welcome-common #no_pending_email_form [name=email]:focus, .select2-container--default .select2-search--dropdown .select2-search__field:focus, .vehicle-form .select2-container .select2-selection--single:focus, .vehicle-form .select2-container--default .select2-selection--single:focus, #add-trip-request input[type=text]:focus, #add-trip-request textarea:focus, #trip-form .input-edit:focus, #trip-form #id_departure_date:focus, #trip-form #id_return_date:focus, #trip-form input[type=text]:focus, #trip-form input[type=number]:focus, #trip-form textarea:focus, #verification input[type=text]:focus, #settings input[type=text]:focus, #settings input[type=password]:focus, #settings input[type=email]:focus, #settings textarea:focus, #login-form input[type=email]:focus, #login-form input[type=password]:focus, #register input[type=text]:focus, #register input[type=email]:focus, #register input[type=password]:focus, #trip-form #trip-form-pricing .segment-price-input .segment-price-input-amount input:focus, .credit-card-form .input:focus, #modal-verification-network-email input[name=email]:focus, #modal-close-account input[type=text]:focus, #modal-close-account textarea:focus, #modal-description textarea:focus, #searchbar .new-search:focus, #stripe-elements-input:focus, #book .booking-form #id_message:focus, #book .booking-form #id_code:focus, #book .booking-form .input:focus, .search-common [type=text]:focus, .referral-search [type=text]:focus, #network-search [type=text]:focus, .event-search [type=text]:focus, .search-common-grey [type=text]:focus, #help-search [type=text]:focus, #password input[type=password]:focus, #password input[type=email]:focus, .select-custom:focus, .vehicle-form #id_type:focus, .vehicle-form #id_colour:focus, #settings #language select:focus, #add-bank-account select:focus, #payments select:focus, #payouts select:focus, #book .booking-form #id_valid_until:focus, #book .booking-form #id_seats:focus, #footer #lang-select:focus, .birthday-selectors select:focus, #id_gender:focus, textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=date]:focus, input[type=time]:focus, input[type=email]:focus, input[type=number]:focus, input[type=tel]:focus, .input-common-date:focus, #add-trip-request #id_departure_date:focus, #id_departure_datetime:focus, #id_departure_date:focus, #id_departing:focus, .input-common-location:focus, .modal-location .modal-location-result-item:focus, .modal-location #id_destination-modal-location-input.modal-location-input:focus,
.modal-location #id_vias-0-location-modal-location-input:focus,
.modal-location #id_vias-1-location-modal-location-input:focus,
.modal-location #id_vias-2-location-modal-location-input:focus,
.modal-location #id_vias-3-location-modal-location-input:focus,
.modal-location #id_vias-4-location-modal-location-input:focus, .modal-location #id_origin-modal-location-input.modal-location-input:focus, .location-chooser .location-input-vanity:focus {
  border: 1px solid #456682;
}

.input-common-location, .modal-location .modal-location-result-item, .modal-location #id_destination-modal-location-input.modal-location-input, .modal-location #id_destination-modal-location-input.modal-location-input:hover,
.modal-location #id_vias-0-location-modal-location-input, .modal-location #id_vias-0-location-modal-location-input:hover,
.modal-location #id_vias-1-location-modal-location-input, .modal-location #id_vias-1-location-modal-location-input:hover,
.modal-location #id_vias-2-location-modal-location-input, .modal-location #id_vias-2-location-modal-location-input:hover,
.modal-location #id_vias-3-location-modal-location-input, .modal-location #id_vias-3-location-modal-location-input:hover,
.modal-location #id_vias-4-location-modal-location-input, .modal-location #id_vias-4-location-modal-location-input:hover, .modal-location #id_origin-modal-location-input.modal-location-input, .modal-location #id_origin-modal-location-input.modal-location-input:hover, .location-chooser .location-input-vanity {
  padding-left: 34px;
  background-image: url("../images/icons/location.da7178e2c703.svg");
  background-repeat: no-repeat;
  background-position: center left 6px;
  background-size: 28px;
  width: 100%;
}

.input-common-date, #add-trip-request #id_departure_date, .trip-search #id_departing, #id_departure_datetime, #id_departure_date, #id_departing {
  padding-left: 34px !important;
  background-image: url("../images/icons/calendar.62fb8c90468a.svg");
  background-repeat: no-repeat;
  background-position: center left 6px;
  background-size: 28px;
  cursor: pointer;
}

input[readonly=readonly] {
  cursor: default;
}

input[type=search] {
  -webkit-appearance: textfield;
}

button[type=submit], input[type=submit], input[type=button] {
  font-family: "proxima-soft", sans-serif;
  -webkit-appearance: none;
}

@media (max-width: 767px) {
  input[type=text], input[type=button], input[type=submit], input[type=password], input[type=email], textarea {
    -webkit-appearance: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
  }
}

@media (max-width: 767px) {
  select:focus, textarea:focus, input:focus {
    font-size: 15px;
  }
}

input[type=number] {
  -moz-appearance: textfield;
}

.input-line {
  padding: 15px;
  background: #ffffff;
  margin: 5px 0px 5px 0px;
  width: 100%;
  border-bottom: 1px solid #456682;
  border-top: none;
  border-left: none;
  border-right: none;
}

.input.short {
  width: 45%;
}

.input.tiny {
  width: 80px;
}

.input-phone {
  max-width: 200px;
}

.input-code {
  max-width: 100px;
}

.input-clear, .location-clear {
  position: absolute;
  right: 8px;
  top: 18px;
  border-radius: 30px;
  height: 20px;
  width: 20px;
  color: #456682;
  background: #D7E6ED;
  cursor: pointer;
  text-align: center;
  font-size: 22px;
  line-height: 18px;
  z-index: 1;
  opacity: 0.8;
}

.input-clear:hover, .location-clear:hover {
  opacity: 1;
}

.input-error-simple {
  position: relative;
  font-size: 12px;
  background: none;
  padding: 0px;
  color: #ff6060;
  border-radius: 0px;
  z-index: 100;
}

.input-error-box, #welcome #id_first_name-error, #welcome #id_last_name-error, #add-trip-request label.error, #verification label.error, #review-process.passenger .review-process-box .review-process-item-form label.error, #review-process.driver .placeholder label.error, #review-process.driver .review-process-item-star-container label.error, #review-process.driver .review-process-item-star-container ul.errorlist li, #register label.error, #user-preferences .error, #add-bank-account label.error, .credit-card-form label.error, #modal-verification-network-email #id_email-error, .message-form-row #id_content-error, #instruction-post-trip #tos-error, .trip-search #id_origin-error, .trip-search #id_destination-error, #cancel-process label.error, #elements-errors, #book label.error, #policy-error {
  position: absolute;
  font-size: 15px;
  top: -35px;
  left: 0px;
  background: #4AA6DB;
  padding: 5px 10px 5px 10px;
  color: #ffffff;
  border-radius: 5px;
  z-index: 100;
}

.input-error-box:after, #welcome #id_first_name-error:after, #welcome #id_last_name-error:after, #add-trip-request label.error:after, #verification label.error:after, #review-process.passenger .review-process-box .review-process-item-form label.error:after, #review-process.driver .placeholder label.error:after, #review-process.driver .review-process-item-star-container label.error:after, #review-process.driver .review-process-item-star-container ul.errorlist li:after, #register label.error:after, #user-preferences .error:after, #add-bank-account label.error:after, .credit-card-form label.error:after, #modal-verification-network-email #id_email-error:after, .message-form-row #id_content-error:after, #instruction-post-trip #tos-error:after, .trip-search #id_origin-error:after, .trip-search #id_destination-error:after, #cancel-process label.error:after, #elements-errors:after, #book label.error:after, #policy-error:after {
  top: 100%;
  left: 20px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(51, 51, 51, 0);
  border-top-color: #4AA6DB;
  border-width: 7px;
  margin-left: -7px;
}

.input-error-box-blue, #welcome-extras .error, #welcome #tos-error, .vehicle-form label.error, #trip-form .departure-time-error, #trip-form .departure-date-error, #trip-form label.error, #trip-form #id_compensation-error, #trip-form #modal-compensation-input-error, #trip-form .datetime-type-multiple .errorlist, #trip-form .datetime-type-single .errorlist, #trip-form .return-portion .errorlist {
  position: absolute;
  font-size: 14px;
  top: -35px;
  left: 0px;
  background: #0099ff;
  padding: 5px 10px 5px 10px;
  color: #ffffff;
  border-radius: 5px;
  z-index: 100;
}

.input-error-box-blue:after, #welcome-extras .error:after, #welcome #tos-error:after, .vehicle-form label.error:after, #trip-form .departure-time-error:after, #trip-form .departure-date-error:after, #trip-form label.error:after, #trip-form #id_compensation-error:after, #trip-form #modal-compensation-input-error:after, #trip-form .datetime-type-multiple .errorlist:after, #trip-form .datetime-type-single .errorlist:after, #trip-form .return-portion .errorlist:after {
  top: 100%;
  left: 20px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(51, 51, 51, 0);
  border-top-color: #0099ff;
  border-width: 7px;
  margin-left: -7px;
}

.input-error-box-orange {
  position: absolute;
  font-size: 12px;
  top: -35px;
  left: 0px;
  background: #ff4f02;
  padding: 5px 10px 5px 10px;
  color: #ffffff;
  border-radius: 5px;
  z-index: 100;
}

.input-error-box-orange:after {
  top: 100%;
  left: 20px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(51, 51, 51, 0);
  border-top-color: #ff4f02;
  border-width: 7px;
  margin-left: -7px;
}

.input-error-box-grey {
  position: absolute;
  top: -35px;
  left: 0px;
  background: #456682;
  padding: 5px 10px 5px 10px;
  color: #ffffff;
  border-radius: 5px;
  z-index: 100;
}

.input-error-box-grey:after {
  top: 100%;
  left: 20px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(51, 51, 51, 0);
  border-top-color: #456682;
  border-width: 7px;
  margin-left: -7px;
}

textarea {
  width: 100%;
  padding: 16px;
}

textarea.error {
  color: #456682;
}

textarea, input {
  outline: none;
}

input[type=date]::-webkit-calendar-picker-indicator,
input[type=date]::-webkit-inner-spin-button {
  display: none;
}

.errorlist {
  list-style: none;
  margin: 0px;
  padding: 4px 0px;
  color: #FF3532;
  font-size: 16px;
}

.invalid {
  border: 1px solid #FF3532 !important;
}

.checker-trigger {
  cursor: pointer;
}

.checker, .checker-common {
  float: left;
  display: block;
  width: 25px;
  height: 25px;
  border: 1px solid #D7E6ED;
  margin-right: 10px;
  cursor: pointer;
  background: #ffffff;
}

.checker.active {
  background: url("../images/icons/icon-tick.641c938bc4c2.svg") no-repeat center center #ffffff;
  background-size: 28px 28px;
}

/* File upload */
.fileUpload {
  position: relative;
  overflow: hidden;
}

.fileUpload input#id_profile_image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  padding: 20px;
  width: 100%;
}

.button-upload-pic {
  background: #ffffff;
  padding: 10px 20px;
  display: inline-block;
  border: 2px solid #456682;
  color: #456682;
  border-radius: 50px;
}

.button-upload-pic:hover {
  color: #183154;
  border: 2px solid #183154;
}

.button-upload-pic:active {
  opacity: 0.9;
}

#upload_file {
  margin-top: 10px;
}

#id_profile_image-error {
  margin-left: 10px;
}

/* Registration Form */
#registration-form #id_tos {
  display: none;
}

.bailout-info {
  background: url("../images/icons/icon-benefit-bail.91219899c0c8.png") no-repeat left top;
  background-size: 50px 50px;
  padding-left: 70px;
}

.bailout-info.border {
  border: 1px solid #dfdbdb;
  border-radius: 3px;
  padding: 10px 10px 10px 70px;
  background-position: 10px 10px;
}

#tripofferform .datetime-type-single .form-row.date-only, #tripofferform .return-portion .form-row.date-only, #tripeditform .datetime-type-single .form-row.date-only, #tripeditform .return-portion .form-row.date-only {
  width: 50%;
  float: left;
}
#tripofferform .datetime-type-single .time-only, #tripofferform .return-portion .time-only, #tripeditform .datetime-type-single .time-only, #tripeditform .return-portion .time-only {
  width: 25%;
  float: left;
}
#tripofferform .date-time-at, #tripeditform .date-time-at {
  width: 10%;
  float: left;
  text-align: center;
  padding-top: 25px;
}
#tripofferform .return-remove, #tripeditform .return-remove {
  float: left;
  width: 5%;
  height: 20px;
  background: url("../images/icons/icon-remove-circle.103416d8b36f.svg") no-repeat center center;
  background-size: 34px 34px;
  margin: 22px 0px 0px -10px;
}
@media (max-width: 767px) {
  #tripofferform .return-remove, #tripeditform .return-remove {
    float: left;
    margin-top: 25px;
    margin-left: 10px;
  }
}

#id_return_date {
  pointer-events: none;
}

#id_departure_time {
  border: none;
  padding-bottom: 13px;
  font-family: "proxima-soft", sans-serif;
  font-size: 15px;
}

.date-only {
  cursor: pointer;
}

.datepicker {
  display: none;
}

.datepicker.active {
  display: block;
}

/* Gender selector */
.select-custom, .vehicle-form #id_type, .vehicle-form #id_colour, #settings #language select, #add-bank-account select, #payments select, #payouts select, #book .booking-form #id_valid_until, #book .booking-form #id_seats, #footer #lang-select, .birthday-selectors select, #id_gender {
  background-image: url("../images/icons/arrow-down.7db3ab8436bf.png");
  background-repeat: no-repeat;
  background-position: center right 10px;
  background-size: 10px auto;
  padding-right: 32px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  min-width: 60px;
}

.select-custom:focus, .vehicle-form #id_type:focus, .vehicle-form #id_colour:focus, #settings #language select:focus, #add-bank-account select:focus, #payments select:focus, #payouts select:focus, #book .booking-form #id_valid_until:focus, #book .booking-form #id_seats:focus, #footer #lang-select:focus, .birthday-selectors select:focus, #id_gender:focus {
  box-shadow: none;
  outline: none;
}

#id_gender {
  max-width: 200px;
}

/* Seat selector */
.seat-selector {
  position: relative;
  z-index: 100;
}
.seat-selector .seat-selector-trigger {
  border: 1px solid #D7E6ED;
  border-radius: 10px;
  height: 20px;
  width: 28px;
  background-image: url("../images/icons/arrow-down.7db3ab8436bf.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-color: #F1FAFF;
  background-position: center right 6px;
  padding: 12px;
  cursor: pointer;
}
.seat-selector .seat-selector-dropdown {
  display: none;
  text-align: center;
  position: absolute;
  border: 1px solid #D7E6ED;
  border-radius: 10px;
  background: #F1FAFF;
  overflow: hidden;
}
.seat-selector .seat-selector-dropdown .seat-select {
  padding: 8px 20px;
  background: #ffffff;
  text-align: center;
}
.seat-selector .seat-selector-dropdown .seat-select:hover, .seat-selector .seat-selector-dropdown .seat-select:active {
  background: #F1FAFF;
  cursor: pointer;
  border-radius: 10px;
}
.seat-selector .seat-selector-dropdown .seat-select.active {
  background: #456682;
  color: #ffffff;
  cursor: pointer;
}
.seat-selector .seat-selector-dropdown.active {
  display: block;
}

/* Form row */
.form-row {
  padding: 6px 0px 6px 0px;
  position: relative;
}

.message-send-button {
  max-width: 160px;
  float: right;
}

.message-send-button.greyed {
  background: #ccc !important;
  opacity: 0.8;
}

/* Booking form */
/* Booking Update State */
.booking-update-form {
  display: none;
}

/* Payment form */
.modal-trip-booking .booking-price {
  display: none;
}
.modal-trip-booking .booking-seats.inactive {
  display: none;
}
.modal-trip-booking #payment-form #id_amount {
  display: none;
}

/* Phone verification form */
#form-code {
  display: none;
}

#send-phone-verification-form #send-button {
  margin-top: 0px;
}

#send-code-form #send-code-button {
  margin-top: 0px;
}
#send-code-form #id_code {
  margin-top: 0px;
}
@media (min-width: 1024px) {
  #send-code-form #id_code {
    width: 196px;
  }
}

.country-list .divider {
  margin: 0px 0px 5px 0px;
  padding-bottom: 0px !important;
}

/* Generic birthday UI */
.birthday-box {
  max-width: 400px;
  margin: 0 auto;
}

.birthday-selectors fieldset {
  margin: 0px;
  border: none;
  padding: 0px;
}
.birthday-selectors .birth-month {
  width: 35%;
  margin-right: 5%;
}
.birthday-selectors .birth-day {
  width: 25%;
  margin-right: 5%;
}
.birthday-selectors .birth-year {
  width: 30%;
}

#id_birthday {
  opacity: 0 !important;
  max-height: 1px !important;
  padding: 0px !important;
  margin: 0px !important;
}

/* User type selection */
.user-type-selection {
  margin: 0 auto;
  width: 210px;
}
.user-type-selection .user-type-label {
  font-size: 16px;
  float: left;
  color: #456682;
  margin: 7px 0px 0px 20px;
}
.user-type-selection .user-type-trigger {
  float: left;
  width: 60px;
  height: 34px;
  background: #D7E6ED;
  border-radius: 34px;
  padding: 2px;
  box-sizing: border-box;
  position: relative;
}
.user-type-selection .user-type-trigger .circle {
  height: 30px;
  width: 30px;
  border-radius: 37px;
  background: #ffffff;
}
.user-type-selection .user-type-trigger.on {
  background: #183154;
}
.user-type-selection .user-type-trigger.on .circle {
  position: absolute;
  right: 2px;
  top: 2px;
}
.user-type-selection .notification-error {
  clear: both;
}
.user-type-selection .user-type-driver {
  float: left;
  margin-right: 10px;
}
.user-type-selection .user-type-driver .user-type-icon {
  background: url("../images/icons/icon-driver.9d64cdc30d3c.png") no-repeat center center;
  height: 100px;
  width: 100px;
  border-radius: 50px;
  border: 2px solid #dfdbdb;
  background-size: contain;
}
.user-type-selection .user-type-driver .user-type-icon.active {
  border: 2px solid #0099ff;
}
.user-type-selection .user-type-driver .user-type-label {
  color: #0099ff;
}
.user-type-selection .user-type-passenger {
  float: left;
  margin-left: 10px;
}
.user-type-selection .user-type-passenger .user-type-icon {
  background: url("../images/icons/icon-passenger.791e87d2ed36.png") no-repeat center center;
  height: 100px;
  width: 100px;
  border-radius: 50px;
  border: 2px solid #dfdbdb;
  background-size: contain;
}
.user-type-selection .user-type-passenger .user-type-icon.active {
  border: 2px solid #ff4f02;
}
.user-type-selection .user-type-passenger .user-type-label {
  color: #ff4f02;
}

/* Button definitions */
.button, .vehicle-form [type=submit], .trip-search .trip-search-button, #book .booking-form .booking-send-button {
  padding: 16px 32px 16px 32px;
  font-family: "proxima-soft";
  font-size: 16px;
  background-color: #183154;
  border-radius: 10px;
  color: #ffffff;
  font-weight: 600;
  clear: both;
  display: inline-block;
  text-align: center;
  border: none;
  cursor: pointer;
}

.button:hover, .vehicle-form [type=submit]:hover, .trip-search .trip-search-button:hover, #book .booking-form .booking-send-button:hover {
  color: #ffffff;
  background-color: #30475d;
}

.button:active, .vehicle-form [type=submit]:active, .trip-search .trip-search-button:active, #book .booking-form .booking-send-button:active {
  color: #ffffff;
  background-color: #183154;
}

.button.small, .vehicle-form .small[type=submit], .trip-search .small.trip-search-button, #book .booking-form .small.booking-send-button {
  padding: 6px 12px;
  font-size: 16px;
}

.button.big, .vehicle-form .big[type=submit], .trip-search .big.trip-search-button, #book .booking-form .big.booking-send-button {
  padding: 20px 40px;
  font-size: 20px;
}

.button.transparent, .vehicle-form .transparent[type=submit], .trip-search .transparent.trip-search-button, #book .booking-form .transparent.booking-send-button {
  background: none;
  color: #183154;
  border: 1px solid #183154;
}

.button.grey.transparent, .vehicle-form .grey.transparent[type=submit], .trip-search .grey.transparent.trip-search-button, #book .booking-form .grey.transparent.booking-send-button {
  background: none;
  color: #456682;
  border: 2px solid #456682;
}

.button.red.transparent, .vehicle-form .red.transparent[type=submit], .trip-search .red.transparent.trip-search-button, #book .booking-form .red.transparent.booking-send-button {
  background: none;
  color: #ff6060 !important;
  border: 2px solid #ff6060;
}

.button.transparent:hover, .vehicle-form .transparent[type=submit]:hover, .trip-search .transparent.trip-search-button:hover, #book .booking-form .transparent.booking-send-button:hover {
  opacity: 0.8;
}

.button.transparent:active, .vehicle-form .transparent[type=submit]:active, .trip-search .transparent.trip-search-button:active, #book .booking-form .transparent.booking-send-button:active {
  opacity: 1;
}

.button.grey.transparent:hover, .vehicle-form .grey.transparent[type=submit]:hover, .trip-search .grey.transparent.trip-search-button:hover, #book .booking-form .grey.transparent.booking-send-button:hover {
  background: none;
  color: #456682;
  border: 2px solid #456682;
}

.button.grey.transparent:active, .vehicle-form .grey.transparent[type=submit]:active, .trip-search .grey.transparent.trip-search-button:active, #book .booking-form .grey.transparent.booking-send-button:active {
  background: none;
  color: #183154;
  border: 2px solid #183154;
}

.button.darkgrey, .vehicle-form .darkgrey[type=submit], .trip-search .darkgrey.trip-search-button, #book .booking-form .darkgrey.booking-send-button {
  background: #456682;
  color: #ffffff;
}

.button.darkgrey:hover, .vehicle-form .darkgrey[type=submit]:hover, .trip-search .darkgrey.trip-search-button:hover, #book .booking-form .darkgrey.booking-send-button:hover {
  opacity: 0.9;
  background: #456682;
  color: #ffffff;
}

.button.darkgrey:active, .vehicle-form .darkgrey[type=submit]:active, .trip-search .darkgrey.trip-search-button:active, #book .booking-form .darkgrey.booking-send-button:active {
  background: #183154;
}

.button.download, .vehicle-form .download[type=submit], .trip-search .download.trip-search-button, #book .booking-form .download.booking-send-button {
  background: url("../images/icons/arrow-down-large-white.2bc0977b2c41.png") no-repeat left center #ff4f02;
  background-position-y: 10px;
  background-position-x: 15px;
  background-size: 30px 30px;
}

.button.disabled, .vehicle-form .disabled[type=submit], .trip-search .disabled.trip-search-button, #book .booking-form .disabled.booking-send-button {
  background: #456682;
  color: #ffffff;
}

.button.full, .vehicle-form .full[type=submit], .trip-search .full.trip-search-button, #book .booking-form .full.booking-send-button {
  width: 100%;
}

.button.red, .vehicle-form .red[type=submit], .trip-search .red.trip-search-button, #book .booking-form .red.booking-send-button {
  background: #ff6060;
  color: #ffffff !important;
}

.button.narrow, .vehicle-form .narrow[type=submit], .trip-search .narrow.trip-search-button, #book .booking-form .narrow.booking-send-button {
  max-width: 200px;
  min-width: 200px;
}

.button.narrowest, .vehicle-form .narrowest[type=submit], .trip-search .narrowest.trip-search-button, #book .booking-form .narrowest.booking-send-button {
  max-width: 125px;
  min-width: 125px;
  padding: 13px 20px 13px 20px;
}

.button.align-center, .vehicle-form .align-center[type=submit], .trip-search .align-center.trip-search-button, #book .booking-form .align-center.booking-send-button {
  margin: 0 auto;
}

.button.tiny, .vehicle-form .tiny[type=submit], .trip-search .tiny.trip-search-button, #book .booking-form .tiny.booking-send-button {
  padding: 5px 15px 5px 15px;
  display: inline-block;
}

.button.white, .vehicle-form .white[type=submit], .trip-search .white.trip-search-button, #book .booking-form .white.booking-send-button {
  background: #ffffff;
  color: #456682;
}

.button.white:hover, .vehicle-form .white[type=submit]:hover, .trip-search .white.trip-search-button:hover, #book .booking-form .white.booking-send-button:hover {
  background: #F1FAFF;
}

.button.white:active, .vehicle-form .white[type=submit]:active, .trip-search .white.trip-search-button:active, #book .booking-form .white.booking-send-button:active {
  background: #ffffff;
}

.button.clicked, .vehicle-form .clicked[type=submit], .trip-search .clicked.trip-search-button, #book .booking-form .clicked.booking-send-button, .button.greyed, .vehicle-form .greyed[type=submit], .trip-search .greyed.trip-search-button, #book .booking-form .greyed.booking-send-button {
  background-color: rgba(24, 49, 84, 0.5);
  cursor: default !important;
  color: #ffffff !important;
}

.button-skip {
  background: none;
  border: none;
  font-size: 14px;
  color: #ff4f02;
  padding: 0px;
}

.button-cancel-error {
  margin-top: 15px;
}

/* Loading button */
.button-loader {
  position: relative;
  width: 240px;
}
.button-loader .button, .button-loader .vehicle-form [type=submit], .vehicle-form .button-loader [type=submit], .button-loader .trip-search .trip-search-button, .trip-search .button-loader .trip-search-button, .button-loader #book .booking-form .booking-send-button, #book .booking-form .button-loader .booking-send-button {
  margin: 0px;
  width: 100%;
}
@media (max-width: 767px) {
  .button-loader {
    width: 100%;
  }
}

.button-loader.short {
  width: 160px;
}

.button-loader-full {
  width: 100%;
}

.loader {
  position: absolute;
  right: 16px;
  top: 15px;
  width: 24px;
  height: 24px;
  border: 2px solid #ffffff;
  border-bottom-color: #ff4f02;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Payment policy form */
#payment-policy-form {
  position: relative;
}

/* Hiding form elements */
#id_driver {
  opacity: 0;
  height: 1px !important;
  margin: 0px !important;
  padding: 0px !important;
}

/* Hide the ReCAPTCHA badge globally
    See https://developers.google.com/recaptcha/docs/faq#id-like-to-hide-the-recaptcha-badge.-what-is-allowed
*/
.grecaptcha-badge {
  visibility: hidden;
}

/* Seat Matrix */
.seat-matrix {
  border: 1px solid #dfdbdb;
  border-radius: 15px;
  overflow: hidden;
}
.seat-matrix .destinations-container {
  float: left;
  width: 34.75%;
  padding: 10px;
  box-sizing: border-box;
}
.seat-matrix .destinations-container .segment {
  height: 130px;
}
.seat-matrix .destinations-container .segment .segment-arrow {
  margin-top: 8px;
  height: 70px;
  width: 3px;
  background: #183154;
  border-radius: 10px;
}
.seat-matrix .destinations-container .segment .segment-name {
  font-size: 15px;
  color: #183154;
  font-weight: bold;
}
.seat-matrix .destinations-container .segment .segment-time {
  font-size: 14px;
  color: #666;
}
@media (max-width: 767px) {
  .seat-matrix .destinations-container .segment .segment-time {
    line-height: 15px;
  }
}
.seat-matrix .destinations-container .segment.last {
  height: 50px;
}
.seat-matrix .seats-container {
  float: left;
  width: 65.25%;
  box-sizing: border-box;
  height: 100%;
}
.seat-matrix .seats-container .seat {
  border-left: 1px solid #dfdbdb;
  float: left;
  height: 100%;
  box-sizing: border-box;
  position: relative;
}
.seat-matrix .seats-container .seat .booking {
  padding-top: 10px;
  box-sizing: border-box;
  background: #ffffff;
}
.seat-matrix .seats-container .seat .booking .unassigned {
  text-align: center;
}
.seat-matrix .seats-container .seat .booking.confirmed {
  background: #183154;
  color: #ffffff;
}
.seat-matrix .seats-container .seat .booking:not(:first-child) {
  border-top: 1px solid #dfdbdb;
}
.seat-matrix .seats-container .passenger .passenger-picture {
  width: 35px;
  height: 35px;
  top: 43%;
  display: block;
  border-radius: 35px;
  border: 2px solid #dfdbdb;
  background: #ffffff;
  margin: 0 auto;
}
.seat-matrix .seats-container .passenger .passenger-name {
  color: #ffffff;
  text-align: center;
  margin-top: 10px;
  width: 100%;
}

.matrix_1 {
  height: 200px;
}
.matrix_1 .hops_1 {
  height: 100%;
}

.matrix_2 {
  height: 330px;
}
.matrix_2 .hops_1 {
  height: 50%;
}
.matrix_2 .hops_2 {
  height: 100%;
}

.matrix_3 {
  height: 460px;
}
.matrix_3 .hops_1 {
  height: 33.3333333333%;
}
.matrix_3 .hops_2 {
  height: 66.6666666667%;
}
.matrix_3 .hops_3 {
  height: 100%;
}

.matrix_4 {
  height: 590px;
}
.matrix_4 .hops_1 {
  height: 25%;
}
.matrix_4 .hops_2 {
  height: 50%;
}
.matrix_4 .hops_3 {
  height: 75%;
}
.matrix_4 .hops_4 {
  height: 100%;
}

.matrix_5 {
  height: 720px;
}
.matrix_5 .hops_1 {
  height: 20%;
}
.matrix_5 .hops_2 {
  height: 40%;
}
.matrix_5 .hops_3 {
  height: 60%;
}
.matrix_5 .hops_4 {
  height: 80%;
}
.matrix_5 .hops_5 {
  height: 100%;
}

.matrix_6 {
  height: 850px;
}
.matrix_6 .hops_1 {
  height: 16.6666666667%;
}
.matrix_6 .hops_2 {
  height: 33.3333333333%;
}
.matrix_6 .hops_3 {
  height: 50%;
}
.matrix_6 .hops_4 {
  height: 66.6666666667%;
}
.matrix_6 .hops_5 {
  height: 83.3333333333%;
}
.matrix_6 .hops_6 {
  height: 100%;
}

.matrix_7 {
  height: 980px;
}
.matrix_7 .hops_1 {
  height: 14.2857142857%;
}
.matrix_7 .hops_2 {
  height: 28.5714285714%;
}
.matrix_7 .hops_3 {
  height: 42.8571428571%;
}
.matrix_7 .hops_4 {
  height: 57.1428571429%;
}
.matrix_7 .hops_5 {
  height: 71.4285714286%;
}
.matrix_7 .hops_6 {
  height: 85.7142857143%;
}
.matrix_7 .hops_7 {
  height: 100%;
}

.matrix_8 {
  height: 1110px;
}
.matrix_8 .hops_1 {
  height: 12.5%;
}
.matrix_8 .hops_2 {
  height: 25%;
}
.matrix_8 .hops_3 {
  height: 37.5%;
}
.matrix_8 .hops_4 {
  height: 50%;
}
.matrix_8 .hops_5 {
  height: 62.5%;
}
.matrix_8 .hops_6 {
  height: 75%;
}
.matrix_8 .hops_7 {
  height: 87.5%;
}
.matrix_8 .hops_8 {
  height: 100%;
}

.seats_1 .seat {
  width: 100%;
}

.seats_2 .seat {
  width: 50%;
}

.seats_3 .seat {
  width: 33.3333333333%;
}

.seats_4 .passenger-name {
  display: none;
}

.seats_4 .seat {
  width: 25%;
}

.seats_5 .passenger-name {
  display: none;
}

.seats_5 .seat {
  width: 20%;
}

.seats_6 .passenger-name {
  display: none;
}

.seats_6 .seat {
  width: 16.6666666667%;
}

.seats_7 .passenger-name {
  display: none;
}

.seats_7 .seat {
  width: 14.2857142857%;
}

.seats_8 .passenger-name {
  display: none;
}

/* Pricing Matrix */
.pricing-matrix {
  border: 1px solid #dfdbdb;
  border-radius: 15px;
}
.pricing-matrix .pricing-expand {
  background: url("../images/icons/icon-expand.6ad254b6e958.png") no-repeat;
  background-size: 15px 15px;
  background-position: 63px 13px;
  color: #ff4f02;
}
.pricing-matrix .locations-names {
  width: 30%;
  float: left;
  border-right: 1px solid #dfdbdb;
  box-sizing: border-box;
}
.pricing-matrix .locations-names .location-name:nth-child(even) {
  background: #F1FAFF;
}
.pricing-matrix .locations-names .location-name {
  padding-left: 10px;
}
.pricing-matrix .location-name, .pricing-matrix .location-price {
  height: 35px;
  padding-top: 15px;
  font-size: 15px;
  font-weight: 600;
}
.pricing-matrix .location-price {
  font-weight: 700;
  color: #183154;
}
.pricing-matrix .locations-values {
  float: left;
  width: 70%;
  overflow-x: auto;
  overflow-y: overlay;
}
.pricing-matrix .locations-values .locations-values-container {
  width: 600px;
}
.pricing-matrix .locations-values .location-value {
  float: left;
  width: 100px;
  text-align: center;
}
.pricing-matrix .locations-values .locations-values-container.column_1 {
  width: auto;
}
.pricing-matrix .locations-values .locations-values-container.column_1 .location-value {
  width: 100%;
}
.pricing-matrix .locations-values .locations-values-container.column_2 {
  width: auto;
}
.pricing-matrix .locations-values .locations-values-container.column_2 .location-value {
  width: 50%;
}
.pricing-matrix .locations-values .locations-values-container.column_3 {
  width: auto;
}
.pricing-matrix .locations-values .locations-values-container.column_3 .location-value {
  width: 33.3%;
}
.pricing-matrix .locations-values .location-price:nth-child(even) {
  background: #F1FAFF;
}
.pricing-matrix .locations-values .location-price {
  text-align: center;
}

/* Tabs */
@media (max-width: 767px) {
  .pill-tabs, .pill-tabs-lg, #how .how-header #box-type-tabs {
    display: flex;
    width: 100%;
  }
}
.pill-tabs a, .pill-tabs-lg a, #how .how-header #box-type-tabs a {
  padding: 0px 8px 6px 8px;
  color: #456682;
  display: block;
  font-size: 16px;
  float: left;
  font-weight: 500;
  box-sizing: border-box;
  text-align: center;
}
@media (min-width: 769px) {
  .pill-tabs a, .pill-tabs-lg a, #how .how-header #box-type-tabs a {
    margin-right: 30px;
  }
}
@media (max-width: 767px) {
  .pill-tabs a, .pill-tabs-lg a, #how .how-header #box-type-tabs a {
    padding: 10px 30px;
    flex-basis: 100%;
  }
}
.pill-tabs a:hover, .pill-tabs-lg a:hover, #how .how-header #box-type-tabs a:hover {
  color: #183154;
}
.pill-tabs a.active, .pill-tabs-lg a.active, #how .how-header #box-type-tabs a.active {
  display: inline !important;
  color: #183154;
  font-weight: 700;
  border-bottom: 1px solid #ff5400;
}

.pill-tabs-lg a, #how .how-header #box-type-tabs a {
  font-size: 18px;
  padding: 0px 8px 10px 8px;
}

.line-tabs {
  margin: 0px 0px 0px;
}
.line-tabs a {
  width: 50%;
  float: left;
  color: #456682;
  border-bottom: 1px solid #dfdbdb;
  padding: 15px;
  box-sizing: border-box;
  text-align: center;
}
.line-tabs a.active {
  border-bottom: 3px solid #456682;
  color: #456682;
  font-weight: 600;
}

.tabs-container {
  display: none;
}

.tabs-container.active {
  display: block;
}

/*** Shell
in alphabetical order
*/
/* Footer */
#footer {
  width: 100%;
  clear: both;
  padding: 30px 0px;
  margin: 30px auto 0px;
  color: #999;
}
#footer .col-5 {
  width: 20%;
  float: left;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  #footer .col-5 {
    width: 100%;
  }
}
#footer .copyright {
  font-size: 14px;
  line-height: 22px;
  text-align: left;
}
@media (max-width: 767px) {
  #footer .copyright {
    margin-top: 0px;
    padding-top: 0px;
    background-position: left center;
    text-align: left;
  }
}
#footer .copyright a.logo-bottom {
  width: 150px;
  height: 30px;
  display: block;
  background: url("../images/brand/poparide-logo.bdd890195ea7.svg") no-repeat left top;
  background-size: contain;
  padding-bottom: 13px;
}
@media (min-width: 769px) {
  #footer .copyright a.logo-bottom {
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  #footer .copyright a.logo-bottom {
    width: 140px;
  }
}
#footer a {
  color: #456682;
}
#footer a:hover {
  color: #456682;
}
#footer a:active {
  color: #183154;
}
#footer ul {
  list-style: none;
  margin-left: 0px;
  padding: 0px;
}
#footer ul li {
  margin: 0px 0px 20px;
}
#footer .social-media {
  display: flex;
}
#footer .social-media a {
  color: transparent;
  height: 23px;
  width: 23px;
  display: block;
  margin-right: 15px;
  opacity: 0.8;
}
#footer .social-media a:hover {
  opacity: 1;
}
#footer .social-media .twitter {
  background: url("../images/icons/icon-twitter-footer.f791216baf3e.svg") no-repeat;
  background-size: contain;
}
#footer .social-media .facebook {
  background: url("../images/icons/icon-facebook-footer.3e1a8f8ba128.svg") no-repeat;
  background-size: contain;
}
#footer .social-media .instagram {
  background: url("../images/icons/icon-instagram-footer.ce134eb6f307.svg") no-repeat;
  background-size: contain;
}
#footer .social-media .tiktok {
  background: url("../images/icons/icon-tiktok-footer.19ed267e655b.svg") no-repeat center center;
  background-size: 30px 30px;
}
#footer .social-media .linkedin {
  background: url("../images/icons/icon-linkedin-footer.2cebc6d0b5b3.svg") no-repeat;
  background-size: contain;
}
#footer #lang-select {
  max-width: 140px;
}

#made-in-canada {
  padding-top: 125px;
  background: url("../images/icons/illustration-canada.721a51e0d550.svg") no-repeat left -8px top;
  background-size: 300px 100px;
  max-width: 800px;
}

#welcome_step_email-page #footer, #welcome_step_name-page #footer, #welcome_step_phone-page #footer, #welcome_step_details-page #footer, #welcome_step_description-page #footer, #welcome_step_image-page #footer, #welcome_step_tos-page #footer {
  display: none;
}

/* Header */
.logo-header, #header-flow .logo {
  display: block;
  width: 160px;
  background: url("../images/brand/poparide-logo.bdd890195ea7.svg") no-repeat left center;
  background-size: contain;
}

.logo-header:hover, #header-flow .logo:hover, .logo-header:hover {
  opacity: 0.8;
}

.logo-header:active, #header-flow .logo:active, .logo-header:active {
  opacity: 1;
}

#header-page {
  background: none;
  width: 100%;
  z-index: 500;
}
@media (max-width: 767px) {
  #header-page {
    display: none;
  }
}
#header-page #header-in {
  max-width: 1440px;
  margin: 0px auto;
}
#header-page #header-in #header-in-container {
  padding: 12px;
}
#header-page #header-in .logo-header, #header-page #header-in #header-flow .logo, #header-flow #header-page #header-in .logo {
  height: 30px;
}
#header-page #header-in #menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#header-page #header-in #menu .menu-items {
  display: flex;
  align-items: center;
  gap: 12px;
}
#header-page #header-in #menu .menu-item.no-icon {
  padding: 8px 16px;
}
#header-page #header-in #menu .menu-item.active {
  background: #F1FAFF;
}
#header-page #header-in #menu .menu-item-search, #header-page #header-in #menu .menu-item-post {
  border: 1px solid #D7E6ED;
}
#header-page #header-in #menu .menu-item-dropdown-container {
  float: right;
  position: relative;
}
#header-page #header-in #menu .menu-item-dropdown-container:hover > div {
  display: inherit;
}
#header-page #header-in #menu .menu-item-dropdown {
  display: none;
  z-index: 1000;
  position: absolute;
  top: 60px;
  left: 8px;
  background: #ffffff;
  border-radius: 5px;
  border: 1px solid #D7E6ED;
  -webkit-box-shadow: 18px 19px 45px -23px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 18px 19px 45px -23px rgba(0, 0, 0, 0.75);
  box-shadow: 18px 19px 45px -23px rgba(0, 0, 0, 0.75);
}
#header-page #header-in #menu .menu-item-dropdown a {
  width: 160px;
  padding: 15px 20px;
  border-bottom: 1px solid #D7E6ED;
  display: block;
  color: #456682;
  font-weight: 500;
  font-size: 15px;
}
#header-page #header-in #menu .menu-item-dropdown a:hover {
  color: #456682;
}
#header-page .profile-pic {
  width: 34px;
  height: 34px;
  border-radius: 40px;
  border: 2px solid #183154;
  float: right;
  margin: 0px;
  position: relative;
  background-position: center center;
  cursor: pointer;
}
#header-page .profile-pic-menu-item-dropdown-container {
  position: relative;
}
#header-page .profile-pic-menu-dropdown-container {
  display: flex;
  justify-items: flex-end;
}
#header-page .profile-pic-menu-item-dropdown {
  width: 280px;
  display: none;
  z-index: 1000;
  position: absolute;
  top: 60px;
  right: 5px;
  background: #ffffff;
  border-radius: 15px;
  border: 1px solid #D7E6ED;
  -webkit-box-shadow: 18px 19px 45px -23px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 18px 19px 45px -23px rgba(0, 0, 0, 0.75);
  box-shadow: 18px 19px 45px -23px rgba(0, 0, 0, 0.75);
  opacity: 1;
  padding: 0px;
}

.icon-menu-group {
  padding: 10px;
}

.icon-menu {
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 30px 30px;
  border: none;
  box-sizing: border-box;
  width: 100% !important;
  padding: 10px 10px 10px 35px;
  display: block;
  color: #183154;
  font-size: 16px;
  font-weight: 500;
  text-align: left;
  cursor: pointer;
}
@media (max-width: 767px) {
  .icon-menu {
    padding: 14px 10px 14px 40px;
  }
}

.icon-menu:hover {
  background-color: #F1FAFF;
  border-radius: 10px;
  color: #183154;
}

.icon-menu:active {
  background-color: #E0F5FC;
  border-radius: 10px;
  color: #183154;
}

.icon-dashboard {
  background-image: url("../images/icons/menu/icon-dashboard.2736a6a51c2c.svg");
}

.icon-trips {
  background-image: url("../images/icons/menu/icon-trips.951f7a443aa4.svg");
}

.icon-profile {
  background-image: url("../images/icons/menu/icon-account.485ea4149094.svg");
}

.icon-license {
  background-image: url("../images/icons/menu/icon-license.f43fa8402b74.svg");
}

.icon-payouts {
  background-image: url("../images/icons/menu/icon-payouts.a92b4f605535.svg");
}

.icon-payments {
  background-image: url("../images/icons/menu/icon-payments.536ec16f58d6.svg");
}

.icon-students {
  background-image: url("../images/icons/menu/icon-students.66fa40334ada.svg");
}

.icon-settings {
  background-image: url("../images/icons/menu/icon-settings.981fa940d0d8.svg");
}

.icon-help {
  background-image: url("../images/icons/menu/icon-help.ae84e9c6f658.svg");
}

.icon-cool {
  background-image: url("../images/icons/menu/icon-cool.d4a116cdbb60.svg");
}

.icon-post {
  background-image: url("../images/icons/menu/icon-post.d66628bd2106.svg");
}

.icon-search {
  background-image: url("../images/icons/menu/icon-search.94a74a945dad.svg");
}

.icon-notifications {
  background-image: url("../images/icons/menu/icon-notifications.ae75e559d5fe.svg");
}

.icon-security {
  background-image: url("../images/icons/menu/icon-security.859e36e30a82.svg");
}

.icon-how {
  background-image: url("../images/icons/menu/icon-how.2d133bb2d0d7.svg");
}

.icon-passenger {
  background-image: url("../images/icons/menu/icon-passenger.5628c9b34724.svg");
}

.icon-driver {
  background-image: url("../images/icons/menu/icon-driver.328663274688.svg");
}

.icon-passenger {
  background-image: url("../images/icons/menu/icon-passenger.5628c9b34724.svg");
}

.icon-signup {
  background-image: url("../images/icons/menu/icon-signup.05eb024a6a50.svg");
}

.icon-login {
  background-image: url("../images/icons/menu/icon-login.3c7a1a89ffde.svg");
}

.icon-about {
  background-image: url("../images/icons/menu/icon-about.2721c8614cab.svg");
}

.icon-safety {
  background-image: url("../images/icons/menu/icon-safety.8591e2f02da3.svg");
}

.icon-logout {
  background-image: url("../images/icons/menu/icon-logout.db6099f11f6f.svg");
  background-color: #ffffff;
}

.loggedin #header-page {
  border-bottom: 1px solid #D7E6ED;
}

#menu {
  display: flex;
  justify-content: space-between;
}
#menu .logo:hover {
  opacity: 0.9;
}
#menu .logo:active {
  opacity: 1;
}
#menu .menu-item {
  display: inline-block;
  font-size: 16px;
  color: #183154;
  font-weight: 600;
  padding: 10px 16px 10px 38px;
  border-radius: 10px;
  background-size: 28px 28px;
  background-position: left 4px center;
  background-repeat: no-repeat;
}
#menu .menu-item:hover {
  background-color: #F1FAFF;
}
#menu .menu-item:active {
  background-color: #E0F5FC;
}
#menu .menu-item-search {
  background-image: url("../images/icons/menu/icon-search.94a74a945dad.svg");
}
#menu .menu-item-post {
  background-image: url("../images/icons/menu/icon-post.d66628bd2106.svg");
}
#menu .menu-item-how {
  background-image: url("../images/icons/menu/icon-how.2d133bb2d0d7.svg");
}
#menu .menu-item-sign-in {
  background-image: url("../images/icons/menu/icon-login.3c7a1a89ffde.svg");
}
#menu .menu-item-dropdown-container {
  position: relative;
}
#menu .menu-item-dropdown-container:hover > div {
  display: inherit;
}
#menu .menu-container {
  display: flex;
}
#menu .menu-item-dropdown {
  display: none;
  width: 180px;
  z-index: 1000;
  position: absolute;
  top: 40px;
  left: -16px;
  background: #ffffff;
  border-radius: 10px;
  border: 1px solid #D7E6ED;
  -webkit-box-shadow: 18px 19px 45px -23px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 18px 19px 45px -23px rgba(0, 0, 0, 0.75);
  box-shadow: 18px 19px 45px -23px rgba(0, 0, 0, 0.75);
  opacity: 1;
  padding: 8px;
}

.loggedin #header-mobile {
  border-bottom: 1px solid #dfdbdb;
}

#header-mobile .logo-header, #header-mobile #header-flow .logo, #header-flow #header-mobile .logo {
  height: 30px;
}
#header-mobile #header-mobile-contents {
  background: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
}
#header-mobile #header-mobile-contents .logo-header, #header-mobile #header-mobile-contents #header-flow .logo, #header-flow #header-mobile #header-mobile-contents .logo {
  float: none;
  margin: 0px 0px 0px 4px;
  padding: 0px;
}
#header-mobile #header-mobile-contents .header-mobile-buttons {
  display: flex;
  gap: 8px;
}
#header-mobile #header-mobile-contents #menu {
  flex-direction: row-reverse;
}
#header-mobile #header-mobile-contents .menu-item {
  box-sizing: border-box;
  display: block;
  width: 48px;
  height: 48px;
  padding: 0px;
  margin: 0px;
  background-size: 32px;
  border: 1px solid #E0F5FC;
  background-position: center center;
}
#header-mobile #header-mobile-contents .menu-item-trigger {
  background-image: url("../images/icons/menu/icon-menu.b89eb4e74668.svg");
}
#header-mobile #header-mobile-contents .menu-item-profile {
  display: flex;
  align-items: center;
  justify-content: center;
}
#header-mobile #header-mobile-contents .menu-item-profile .profile-pic {
  display: block;
  border-radius: 40px;
  border: 2px solid #183154;
  width: 28px;
  height: 28px;
}

#header-flow {
  border-bottom: 1px solid #D7E6ED;
  padding: 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#header-flow .logo {
  width: 160px;
  height: 30px;
}
#header-flow .header-progress {
  float: left;
  padding: 23px 23px 27px 23px;
  box-sizing: border-box;
  border-left: 1px solid #dfdbdb;
  /* Override first step such that the progress bar doesn't reduce */
}
@media (max-width: 767px) {
  #header-flow .header-progress {
    padding: 23px 0px 27px 20px;
  }
}
@media (max-width: 767px) {
  #header-flow .header-progress {
    padding: 23px 0px 27px 10px;
  }
}
#header-flow .header-progress .header-progress-step {
  float: left;
}
#header-flow .header-progress .header-progress-indicator {
  width: 250px;
  margin-left: 15px;
  border: 1px solid #dfdbdb;
  height: 20px;
  border-radius: 20px;
  float: left;
}
@media (max-width: 767px) {
  #header-flow .header-progress .header-progress-indicator {
    margin-left: 0px;
    width: 160px;
  }
}
@media (max-width: 320px) {
  #header-flow .header-progress .header-progress-indicator {
    margin-left: 0px;
    width: 120px;
  }
}
#header-flow .header-progress .header-progress-indicator-step {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  background: #05AC09;
  height: 20px;
}
#header-flow .header-progress .header-progress-indicator-4 .header-progress-indicator-step-0 {
  width: 0%;
}
#header-flow .header-progress .header-progress-indicator-4 .header-progress-indicator-step-1 {
  width: 25%;
}
#header-flow .header-progress .header-progress-indicator-4 .header-progress-indicator-step-2 {
  width: 50%;
}
#header-flow .header-progress .header-progress-indicator-4 .header-progress-indicator-step-3 {
  width: 75%;
}
#header-flow .header-progress .header-progress-indicator-4 .header-progress-indicator-step-4 {
  width: 100%;
}
#header-flow .header-progress .header-progress-indicator-4 .header-progress-indicator-step-4 {
  width: 100%;
  border-radius: 20px;
}
#header-flow .header-progress .header-progress-indicator-3 .header-progress-indicator-step-0 {
  width: 0%;
}
#header-flow .header-progress .header-progress-indicator-3 .header-progress-indicator-step-1 {
  width: 33.3333333333%;
}
#header-flow .header-progress .header-progress-indicator-3 .header-progress-indicator-step-2 {
  width: 66.6666666667%;
}
#header-flow .header-progress .header-progress-indicator-3 .header-progress-indicator-step-3 {
  width: 100%;
}
#header-flow .header-progress .header-progress-indicator-3 .header-progress-indicator-step-3 {
  width: 100%;
  border-radius: 20px;
}
#header-flow .header-progress .header-progress-indicator-2 .header-progress-indicator-step-1 {
  width: 25%;
}
#header-flow .header-right .header-flow-button {
  box-sizing: border-box;
  display: inline-block;
}

/* Menu for mobile */
@media (min-width: 769px) {
  #menu-mobile {
    display: none !important;
  }
}
#menu-mobile .modal-close {
  font-size: 32px;
  text-align: center;
  padding-top: 9px;
  box-sizing: border-box;
  top: 8px;
  right: 8px;
  background: #ffffff;
  border-radius: 50px;
  height: 40px;
  width: 40px;
  position: fixed;
  opacity: 1;
  float: none;
}
#menu-mobile .modal-close:active {
  background: #dfdbdb;
}
#menu-mobile .modal-box {
  padding: 0px;
  overflow-y: auto;
  max-width: 300px;
  border: 0px;
  margin-left: 0px;
}
#menu-mobile .modal-background {
  background: rgba(0, 0, 0, 0.75);
}
#menu-mobile .profile-pic {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  border: 1px solid #dfdbdb;
  float: left;
  margin: -10px 14px 0px 0px;
  position: relative;
  background-position: center center;
  cursor: pointer;
}
#menu-mobile .container, #menu-mobile #business .business-container, #business #menu-mobile .business-container {
  max-width: 600px;
}
@media (max-width: 767px) {
  #menu-mobile .container, #menu-mobile #business .business-container, #business #menu-mobile .business-container {
    max-width: 100%;
  }
}
#menu-mobile .app-icons {
  display: flex;
  justify-content: space-evenly;
  margin: 10px auto;
}
#menu-mobile .app-icons .image-ios, #menu-mobile .app-icons .image-android {
  height: 40px;
  width: auto;
}

/* Ads & Landing pages */
.loggedout.supply .menu-item, .loggedout.supply .menu-items-auth, .loggedout.supply .header-mobile-buttons, .loggedout.supply #trip-find-filters-trigger, .loggedout.supply #trip-find-filters, .loggedout.demand .menu-item, .loggedout.demand .menu-items-auth, .loggedout.demand .header-mobile-buttons, .loggedout.demand #trip-find-filters-trigger, .loggedout.demand #trip-find-filters {
  display: none;
}

/* Main attributes for the shell */
@media (max-width: 767px) {
  #wrapper {
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    width: 100%;
    margin: 0px 0px 0px 0px !important;
    top: 0px;
    position: relative;
    z-index: 100;
  }
}

#trip_seo_view-page #wrapper, #trip_processing-page #wrapper, #trip_request_view-page #wrapper, #account_signup-page #wrapper, #account_login-page #wrapper {
  margin-top: 0px;
}
#trip_seo_view-page #footer, #trip_processing-page #footer, #trip_request_view-page #footer, #account_signup-page #footer, #account_login-page #footer {
  background: #ffffff;
}

.page {
  padding-top: 40px;
  padding-bottom: 40px;
}
@media (min-width: 769px) {
  .page {
    min-height: 400px;
  }
}
@media (max-width: 767px) {
  .page {
    padding-top: 20px;
  }
}

.page-grey {
  background: #efefef;
  width: 100%;
}

.page-left {
  width: 45%;
  float: left;
}
@media (max-width: 767px) {
  .page-left {
    width: 100%;
    float: none;
    border: none;
    padding: 0px;
  }
}

.page-left.border {
  border-right: 1px solid #dfdbdb;
  padding-right: 5%;
}
@media (max-width: 767px) {
  .page-left.border {
    padding-right: 0px;
    border: none;
  }
}

.page-right {
  width: 45%;
  float: right;
}
@media (max-width: 767px) {
  .page-right {
    width: 100%;
    float: none;
  }
}

.page-center {
  width: 50%;
  margin: 0 auto;
}

.pre-page {
  background: #ffffff;
}
.pre-page h1 {
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}
.pre-page .container, .pre-page #business .business-container, #business .pre-page .business-container {
  padding-top: 20px;
  padding-bottom: 20px;
}
.pre-page .text-medium.text-white, .pre-page #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details .text-white.trip-date, #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details .pre-page .text-white.trip-date, .pre-page #payments .payment-box .text-white.payment-amount, #payments .payment-box .pre-page .text-white.payment-amount, .pre-page #payments .payment-box .text-white.payment-text, #payments .payment-box .pre-page .text-white.payment-text, .pre-page #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .text-white.booking-details, #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .pre-page .text-white.booking-details, .pre-page #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .trip-details .text-white.trip-date, #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .trip-details .pre-page .text-white.trip-date, .pre-page #book .booking-form .trip-form-policies .text-white.text-slarge, .pre-page #book .booking-form .trip-form-policies #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details h2.text-white, #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details .pre-page #book .booking-form .trip-form-policies h2.text-white, .pre-page #book .booking-form .trip-form-policies .instruction-full .instruction-contents .instruction-item .text-white.instruction-item-title, .instruction-full .instruction-contents .instruction-item .pre-page #book .booking-form .trip-form-policies .text-white.instruction-item-title, .pre-page #book .booking-form .trip-form-policies .popular-routes .text-white.popular-routes-box, .popular-routes .pre-page #book .booking-form .trip-form-policies .text-white.popular-routes-box, .pre-page #book .booking-form .trip-form-policies #community-agreement .community-item p.text-white, #community-agreement .community-item .pre-page #book .booking-form .trip-form-policies p.text-white, #book .booking-form .trip-form-policies .pre-page .text-white.text-slarge, #book .booking-form .trip-form-policies .pre-page #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details h2.text-white, #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details #book .booking-form .trip-form-policies .pre-page h2.text-white, #book .booking-form .trip-form-policies .pre-page .instruction-full .instruction-contents .instruction-item .text-white.instruction-item-title, .instruction-full .instruction-contents .instruction-item #book .booking-form .trip-form-policies .pre-page .text-white.instruction-item-title, #book .booking-form .trip-form-policies .pre-page .popular-routes .text-white.popular-routes-box, .popular-routes #book .booking-form .trip-form-policies .pre-page .text-white.popular-routes-box, #book .booking-form .trip-form-policies .pre-page #community-agreement .community-item p.text-white, #community-agreement .community-item #book .booking-form .trip-form-policies .pre-page p.text-white, .pre-page #book .booking-form .trip-form-policies .text-white.trip-form-section-header, #book .booking-form .trip-form-policies .pre-page .text-white.trip-form-section-header, .pre-page #book .booking-form .trip-form-policies .text-white.policy-title, #book .booking-form .trip-form-policies .pre-page .text-white.policy-title {
  color: #ffffff;
}

@media (max-width: 767px) {
  .left, .right {
    float: left !important;
    width: 100% !important;
    border: none;
    padding: 0px;
  }
}

@media (max-width: 767px) {
  .left.bar {
    border-right: 0px;
  }
}

@media (max-width: 767px) {
  .right {
    margin-top: 30px !important;
  }
}

.col-2 {
  float: left;
  width: 45%;
  padding-right: 2.5%;
}

.col-3 {
  float: left;
  width: 30%;
  padding-left: 1.66%;
  padding-right: 1.66%;
}
@media (max-width: 767px) {
  .col-3 {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

.col-3-2 {
  float: left;
  width: 60%;
  padding-left: 2.5%;
}

.col-4 {
  float: left;
  width: 22.5%;
  padding-right: 2.5%;
}
@media (max-width: 767px) {
  .col-4 {
    width: 100%;
    margin-bottom: 15px;
  }
}

.col-4.center {
  text-align: center;
}

.col-8 {
  float: left;
  width: 72.5%;
  padding-left: 2.5%;
}

@media (max-width: 767px) {
  .mobile-reset {
    width: 100% !important;
    padding: 0px !important;
    margin: 0px !important;
  }
}

@media (max-width: 767px) {
  .full-width-mobile {
    width: 100%;
    margin: 0px;
    padding: 0px;
  }
}

@media (max-width: 767px) {
  .float-break-mobile {
    float: none;
  }
}

.container, #business .business-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}
@media (max-width: 767px) {
  .container, #business .business-container {
    padding: 10px;
  }
}

.container-wide {
  max-width: 1300px;
  margin: 0 auto;
  padding: 20px;
}
@media (max-width: 767px) {
  .container-wide {
    padding: 10px;
  }
}

@media (min-width: 769px) {
  .container-narrow {
    margin: 30px auto;
    max-width: 500px;
  }
}
@media (max-width: 767px) {
  .container-narrow {
    width: 100%;
    padding: 10px 10px;
    box-sizing: border-box;
  }
}

/* Button group */
.button-group {
  border: 1px solid #183154;
  border-radius: 10px;
  display: inline-block;
  box-sizing: border-box;
  overflow: hidden;
}
@media (max-width: 320px) {
  .button-group {
    width: 100%;
  }
}
.button-group .button-item {
  font-size: 16px;
  font-weight: 500;
  padding: 15px 20px 15px 20px;
  float: left;
  text-align: center;
  cursor: pointer;
  box-sizing: border-box;
  color: #183154;
}
.button-group .button-item:hover {
  background: #F1FAFF;
}
.button-group .button-item.border {
  border-right: 1px solid #183154;
  float: left;
}
.button-group .button-item.small {
  width: 150px;
}
@media (max-width: 320px) {
  .button-group .button-item.small {
    width: 50%;
  }
}
.button-group .button-item.modal-close {
  height: auto !important;
  font-size: 16px !important;
}
.button-group .button-updating {
  width: 300px;
  box-sizing: border-box;
  padding: 15px 20px 15px 20px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
}

/* Maintenance page */
#maintenance {
  display: flex;
  align-items: center;
  justify-content: center;
}
#maintenance .maintenance-contents .logo-maintenance {
  width: 300px;
  height: 60px;
  background: url("../images/brand/poparide-logo.8b1c8af8c1ba.png") no-repeat;
  background-size: contain;
}
#maintenance .maintenance-contents h1 {
  line-height: 32px;
}

/* Password */
#password .form-row label {
  display: none;
}
/* Locations page */
#locations ul {
  padding: 0px;
}
@media (min-width: 769px) {
  #locations ul {
    -moz-column-count: 4;
    -moz-column-gap: 20px;
    -webkit-column-count: 4;
    -webkit-column-gap: 20px;
    column-count: 4;
    column-gap: 20px;
  }
}
#locations ul li {
  margin: 10px 0px 10px 0px;
  list-style: none;
}

/* Terms */
#terms OL {
  counter-reset: item;
}
#terms LI {
  display: block;
}
#terms LI:before {
  content: counters(item, ".") " ";
  counter-increment: item;
}
#terms li {
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  #terms .terms-links {
    float: none;
  }
}

.in-app #terms a, .in-app #privacy a {
  color: #4C4C4C;
}

/* Pricing */
#pricing .box-spaceless {
  width: 100%;
  border: 1px solid #dfdbdb;
  background: #ffffff;
}
#pricing .box-spaceless .box-header {
  background: #0099ff;
  color: #ffffff;
  padding: 13px;
}
#pricing .box-spaceless .box-left {
  width: 35%;
  float: left;
  padding: 13px 13px 0px 13px;
  box-sizing: border-box;
}
#pricing .box-spaceless .box-left .maintenance {
  background: url("../images/icons/icon-maintenance.f1ef0c1a1cbd.png") no-repeat bottom left;
  height: 65px;
  background-size: 30px 30px;
}
#pricing .box-spaceless .box-left .insurance {
  background: url("../images/icons/icon-insurance.6873f1350d6d.png") no-repeat bottom left;
  height: 65px;
  background-size: 30px 30px;
}
#pricing .box-spaceless .box-left .gas {
  background: url("../images/icons/icon-gas.340e8ae4de5e.png") no-repeat bottom left;
  height: 65px;
  background-size: 30px 30px;
}
#pricing .box-spaceless .box-right {
  width: 65%;
  float: left;
  padding-top: 8px;
}
#pricing .box-spaceless .box-item {
  clear: both;
  padding: 8px 13px 8px 13px;
  box-sizing: border-box;
}
#pricing .box-spaceless .box-item.total {
  background: #ebebeb;
  font-weight: 600;
}
#pricing .box-spaceless .box-totals {
  background: #0099ff;
  color: #ffffff;
}
#pricing .box-spaceless .box-totals .box-item.total {
  background: #008cbd !important;
}
#pricing .box-spaceless .divider.light {
  margin: 0px;
}
#pricing .box-spaceless.capping .box-item {
  padding: 8px 13px 0px 13px;
}
#pricing .box-spaceless.capping .box-right {
  padding-bottom: 15px;
}

#pagination {
  font-size: 16px;
}
#pagination .pagination-item {
  height: 40px;
  width: 40px;
  border: 1px solid #D7E6ED;
  color: #456682;
  background: #ffffff;
  text-align: center;
  line-height: 40px;
  float: left;
  margin: 5px 10px 5px 0px;
  border-radius: 10px;
}
#pagination .pagination-item:hover {
  border: 1px solid #6798c3;
}
#pagination .pagination-item:active {
  border: 1px solid #456682;
  color: #183154;
}
#pagination .pagination-item.active, #pagination .pagination-item.active:hover {
  border: 1px solid #183154;
  background: #183154;
  color: #ffffff;
}
#pagination .pagination-item.dots {
  border: 1px solid transparent;
}

/* Development bar */
.environment-definition {
  padding: 5px;
  color: #183154;
  background: #FFCAB3;
  text-align: center;
}

/* Unsubscribe page */
#unsubscribe-page h1 {
  font-size: 42px;
  margin: 0px;
  padding: 0px;
}
@media (max-width: 767px) {
  #unsubscribe-page h1 {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  #unsubscribe-page .video {
    position: relative;
    padding-bottom: 52.65%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
  }
}
@media (max-width: 767px) {
  #unsubscribe-page .video iframe, #unsubscribe-page .video-container object, #unsubscribe-page .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

/* Search box */
.search-common [type=submit], .referral-search [type=submit], #network-search [type=submit], .event-search [type=submit], .search-common-grey [type=submit], #help-search [type=submit] {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 32px;
  height: 100%;
  border: none;
  background: url("../images/icons/icon-search.5aedbb58ae3c.svg") no-repeat center center;
  background-size: 28px 28px;
  background-position: right 4px center;
  opacity: 1;
  cursor: pointer;
}
.search-common [type=submit]:hover, .referral-search [type=submit]:hover, #network-search [type=submit]:hover, .event-search [type=submit]:hover, .search-common-grey [type=submit]:hover, #help-search [type=submit]:hover {
  opacity: 0.9;
}
.search-common [type=submit]:active, .referral-search [type=submit]:active, #network-search [type=submit]:active, .event-search [type=submit]:active, .search-common-grey [type=submit]:active, #help-search [type=submit]:active {
  opacity: 1;
}

.search-common-grey, #help-search {
  background: #efefef;
  border: none;
}
.search-common-grey input, #help-search input {
  background: #efefef;
}

.video-cta .banner-video-cta-icon {
  display: block;
  width: 25px;
  height: 25px;
  margin-right: 10px;
  background: url("../images/icons/icon-play.d661d98755c2.png") no-repeat center center;
  background-size: 25px 25px;
  opacity: 1;
  float: left;
}
.video-cta .banner-video-cta-text {
  float: left;
  color: #ffffff;
  font-size: 18px;
  margin-top: 3px;
  font-weight: 600;
}

.video-cta:hover {
  opacity: 0.9;
}

.video-cta:active {
  opacity: 1;
}

/* Instagram feed */
#instagram-feed {
  position: relative;
}
#instagram-feed #instalink {
  position: absolute;
  top: -30px;
  right: 20px;
  background: url("../images/icons/icon-social-instagram.73b22a269469.svg") no-repeat left center;
  background-size: 20px 20px;
  padding-left: 30px;
}
#instagram-feed #instagram-container {
  overflow: hidden;
  width: 100%;
  height: 250px;
  margin-top: 80px;
  position: relative;
  transform: translate3d(0, 0, 0);
}
@media (max-width: 767px) {
  #instagram-feed #instagram-container {
    margin-top: 10px;
    height: 150px;
  }
}
#instagram-feed #instagram-image {
  height: 250px;
  width: 5000px;
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translate3d(0, 0, 0);
  -webkit-animation: moveHomeBanner 150s linear infinite;
  -webkit-animation-delay: 5s;
  -moz-animation: moveHomeBanner 150s linear infinite;
  -moz-animation-delay: 5s;
  -ms-animation: moveHomeBanner 150s linear infinite;
  -ms-animation-delay: 5s;
  -o-animation: moveHomeBanner 150s linear infinite;
  -o-animation-delay: 5s;
  animation: moveHomeBanner 150s linear infinite;
  animation-delay: 5s;
}
@media (max-width: 767px) {
  #instagram-feed #instagram-image {
    margin-top: 10px;
    height: 150px;
    width: 3000px;
    background-size: contain;
  }
}

.member-summary {
  margin-bottom: 10px;
}
.member-summary .member-summary-picture {
  display: block;
  float: left;
}
.member-summary .member-summary-details {
  float: left;
  margin: 15px 0px 0px 20px;
}
.member-summary .member-summary-details-top .member-summary-details-top-name {
  font-size: 20px;
  font-weight: 700;
  color: #183154;
  float: left;
  margin-right: 15px;
}
.member-summary .member-summary-details-top .member-summary-details-top-badges {
  float: left;
  margin-top: -2px;
}
.member-summary .member-summary-details-top .member-summary-details-top-badges .badge {
  width: 25px;
  height: 25px;
  float: left;
  margin-right: 8px;
  background-size: contain;
}
.member-summary .member-summary-details-top .member-summary-details-top-badges .badge.icon-verified {
  width: 15px;
  height: 15px;
  margin-top: 5px;
}

.passengers-driven {
  background: url("../images/icons/icon-driven.04bb1a77177c.png") no-repeat left center;
  background-size: 16px 16px;
  padding-left: 20px;
}

/* App install CTA */
#app-install {
  background: #ffffff;
  display: table;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 500;
}
@media (min-width: 769px) {
  #app-install {
    display: none;
  }
}
#app-install .app-install-align {
  display: table-cell;
  vertical-align: middle;
}
#app-install .container, #app-install #business .business-container, #business #app-install .business-container {
  padding-bottom: 0px;
}
#app-install .apps-image {
  background: url("../images/apps/apps-upsell.259723186c86.png") no-repeat;
  width: 250px;
  height: 250px;
  background-size: contain;
  margin: 0 auto;
}
#app-install .apps-text {
  font-size: 24px;
  text-align: center;
  line-height: 28px;
}
#app-install .text-medium, #app-install #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details .trip-date, #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details #app-install .trip-date, #app-install #payments .payment-box .payment-amount, #payments .payment-box #app-install .payment-amount, #app-install #payments .payment-box .payment-text, #payments .payment-box #app-install .payment-text, #app-install #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .booking-details, #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item #app-install .booking-details, #app-install #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .trip-details .trip-date, #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .trip-details #app-install .trip-date, #app-install #book .booking-form .trip-form-policies .text-slarge, #app-install #book .booking-form .trip-form-policies #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details h2, #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details #app-install #book .booking-form .trip-form-policies h2, #app-install #book .booking-form .trip-form-policies .instruction-full .instruction-contents .instruction-item .instruction-item-title, .instruction-full .instruction-contents .instruction-item #app-install #book .booking-form .trip-form-policies .instruction-item-title, #app-install #book .booking-form .trip-form-policies .popular-routes .popular-routes-box, .popular-routes #app-install #book .booking-form .trip-form-policies .popular-routes-box, #app-install #book .booking-form .trip-form-policies #community-agreement .community-item p, #community-agreement .community-item #app-install #book .booking-form .trip-form-policies p, #book .booking-form .trip-form-policies #app-install .text-slarge, #book .booking-form .trip-form-policies #app-install #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details h2, #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details #book .booking-form .trip-form-policies #app-install h2, #book .booking-form .trip-form-policies #app-install .instruction-full .instruction-contents .instruction-item .instruction-item-title, .instruction-full .instruction-contents .instruction-item #book .booking-form .trip-form-policies #app-install .instruction-item-title, #book .booking-form .trip-form-policies #app-install .popular-routes .popular-routes-box, .popular-routes #book .booking-form .trip-form-policies #app-install .popular-routes-box, #book .booking-form .trip-form-policies #app-install #community-agreement .community-item p, #community-agreement .community-item #book .booking-form .trip-form-policies #app-install p, #app-install #book .booking-form .trip-form-policies .trip-form-section-header, #book .booking-form .trip-form-policies #app-install .trip-form-section-header, #app-install #book .booking-form .trip-form-policies .policy-title, #book .booking-form .trip-form-policies #app-install .policy-title {
  font-size: 16px;
  line-height: 24px;
}
#app-install #app-install-close {
  position: absolute;
  right: 15px;
  top: 15px;
  font-size: 24px;
}
#app-install .bar {
  height: 6px;
  width: 100%;
  background: #ff4f02;
}

#incident-corona-notice {
  padding: 20px 10px;
  text-align: center;
  font-size: 16px;
}
#incident-corona-notice .icon-info {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 15px;
  background: #456682;
  color: #ffffff;
  font-weight: 600;
  font-size: 14px;
}

#incident-corona-notice.box {
  text-align: left;
  padding: 20px 20px;
}
#incident-corona-notice.box .icon-info {
  text-align: center;
}

.app-ratings {
  display: flex;
  justify-content: center;
  margin-top: 8px;
  gap: 20px;
}
@media (max-width: 767px) {
  .app-ratings {
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }
}
.app-ratings .box {
  display: block;
  border: none;
  padding: 8px 12px 8px 36px;
  box-sizing: border-box;
  width: 204px;
  background-repeat: no-repeat;
  background-position: left 10px center;
  background-color: rgba(255, 255, 255, 0.9);
  background-size: 18px 18px;
  border: 1px solid #D7E6ED;
}
.app-ratings .box div {
  line-height: 18px;
}
.app-ratings .box:hover {
  border: 1px solid #6798c3;
  background-color: rgb(255, 255, 255);
}
.app-ratings .box:active {
  border: 1px solid #456682;
  background-color: rgb(255, 255, 255);
}
.app-ratings .app-store {
  background-image: url("../images/icons/app-store.c548f85e1f26.png");
}
.app-ratings .play-store {
  background-image: url("../images/icons/play-store.2915742ecdba.png");
}
.app-ratings .star-rating {
  padding-left: 16px;
  background: url("../images/icons/star.5e3c6c8ca755.svg") no-repeat left -3px center;
  background-size: 18px 18px;
}

#app-downloads .image-ios {
  width: auto;
  height: 56px;
}
#app-downloads .image-android {
  width: auto;
  height: 56px;
}

#ebook-banner {
  width: 100%;
  background: #FFC192;
  display: block;
  padding: 15px 10px;
  box-sizing: border-box;
  text-align: center;
  color: #456682;
}
@media (max-width: 767px) {
  #ebook-banner {
    font-size: 16px !important;
  }
}

#trustpilot-banner {
  width: 100%;
  background: rgb(2, 42, 28);
  display: block;
  padding: 15px 10px;
  box-sizing: border-box;
  text-align: center;
  color: #ffffff;
}
#trustpilot-banner #trustpilot-banner-contents {
  display: inline-block;
  padding-left: 30px;
  background: url("../images/icons/icon-social-trustpilot.feeb29f0c51b.svg") no-repeat left center;
  background-size: 20px 20px;
}
@media (max-width: 767px) {
  #trustpilot-banner #trustpilot-banner-contents {
    padding-top: 30px;
    background: url("../images/icons/icon-social-trustpilot.feeb29f0c51b.svg") no-repeat top center;
    background-size: 20px 20px;
  }
}

/*** Individual views
in alphabetical order
*/
/* About page */
@media (min-width: 769px) {
  #about .col-8 {
    margin-top: 20px;
  }
}
#about h1 {
  font-size: 46px;
  line-height: 58px;
  color: #183154;
  font-weight: 700;
}
@media (max-width: 767px) {
  #about h1 {
    font-size: 32px;
    line-height: 36px;
    margin-top: 20px;
  }
}
#about #account-tabs-container {
  margin-top: 10px;
}
#about .player-wrapper {
  position: relative;
}
#about .player-wrapper iframe {
  width: 100%;
}
@media (max-width: 767px) {
  #about #about-tabs {
    display: none;
  }
}
@media (max-width: 767px) {
  #about #about-tabs.active {
    display: block;
  }
}
#about #story-banner {
  background: url("../images/about/about-story.e426a4f2e1b0.jpg") no-repeat center center;
  background-size: cover;
}
#about .how-benefit h2 {
  font-size: 32px !important;
}
#about .how-benefit-graphic.sustainability {
  background: url("../images/about/impact-sustainability.fdc059f93adf.svg") no-repeat top left;
  background-size: contain;
}
#about .how-benefit-graphic.social-responsibility {
  background: url("../images/about/impact-social-responsibility.6e7583e058ec.png") no-repeat top left;
  background-size: contain;
}
#about .how-benefit-graphic.economic-impact {
  background: url("../images/about/impact-economic.c17a38bdc310.png") no-repeat top left;
  background-size: contain;
}
#about #partners-banner {
  background: url("../images/about/about-partners.cfeb6058a8bb.png") no-repeat center center;
  background-size: cover;
}
#about .pic {
  width: 200px;
  height: 200px;
  border-radius: 200px;
  border: 2px solid #dfdbdb;
  float: left;
}
#about .bio {
  float: left;
  width: 55%;
  margin-left: 30px;
}
@media (max-width: 767px) {
  #about .bio {
    width: 100%;
    clear: both;
    margin: 20px 0px 0px 0px;
  }
}

#about.team .team-container {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  margin: -10px;
}
#about.team .team-container .team-member {
  text-align: center;
  flex: 1 0 23%;
  align-items: center;
  display: block;
  position: relative;
  margin: 10px;
  cursor: normal;
  max-width: 230px;
}
@media (max-width: 767px) {
  #about.team .team-container .team-member {
    flex: 1 0 32%;
    max-width: 180px;
  }
}
#about.team .team-container .team-member .team-member-info {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  padding-top: 90px;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.8);
  color: #ffffff;
  width: 100%;
  height: 100%;
  border-radius: 230px;
}
@media (max-width: 767px) {
  #about.team .team-container .team-member .team-member-info {
    padding-top: 55px;
  }
}
#about.team .team-container .team-member .team-member-info.no-linkedin {
  padding-top: 100px;
}
@media (max-width: 767px) {
  #about.team .team-container .team-member .team-member-info.no-linkedin {
    padding-top: 65px;
  }
}
#about.team .team-container .team-member:hover .team-member-info {
  display: block;
}

#manifesto .float-left {
  margin-right: 10px;
}

#impact-page h2 {
  font-size: 24px;
}
#impact-page .page {
  height: auto;
}
#impact-page .dedication {
  line-height: 26px;
}
#impact-page .page-grey .box {
  padding: 0px 20px 0px 20px;
  border-right: none;
  border-left: none;
  border-bottom: none;
  box-sizing: border-box;
  min-height: 230px;
}
@media (max-width: 767px) {
  #impact-page .page-grey .box {
    min-height: auto;
    width: 100%;
    padding: 0px 20px 20px 20px;
  }
}
#impact-page .page-grey .box.green {
  border-top: 3px solid #b8ecb8;
}
#impact-page .page-grey .box.yellow {
  border-top: 3px solid #fff3a3;
}
#impact-page .page-grey .box.blue {
  border-top: 3px solid #b2efff;
  background: #ffffff;
}
@media (max-width: 767px) {
  #impact-page .col-3 {
    padding: 0px;
    width: 100%;
    clear: both;
    margin: 10px 0px 30px;
  }
}
#impact-page .button, #impact-page .vehicle-form [type=submit], .vehicle-form #impact-page [type=submit], #impact-page .trip-search .trip-search-button, .trip-search #impact-page .trip-search-button, #impact-page #book .booking-form .booking-send-button, #book .booking-form #impact-page .booking-send-button {
  margin: 0 auto;
}

#about-tabs .tabs {
  border: none;
}
@media (min-width: 769px) {
  #about-tabs .tabs {
    max-width: 170px;
  }
}
#about-tabs .tabs .tab-item {
  padding: 12px 0px;
}
#about-tabs .tabs a.tab-header {
  color: #183154;
  background: none;
  padding: 4px 0px 4px 12px;
  display: block;
}
#about-tabs .tabs a.tab-header:hover {
  font-weight: 600;
}
#about-tabs .tabs a.tab-header.active {
  font-weight: 700;
  background: none;
  border-left: 1px solid #ff4f02;
}
#about-tabs .tabs a.tab-header.last {
  border-bottom: none;
}
@media (max-width: 767px) {
  #about-tabs {
    display: none;
  }
}

@media (max-width: 767px) {
  #about-tabs.active {
    display: block;
  }
}

#vision h1 {
  color: #183154;
}
#vision h2 {
  color: #456682;
  font-size: 32px;
  line-height: 42px;
}
@media (min-width: 769px) {
  #vision h2 {
    padding-left: 40px;
  }
}
@media (max-width: 767px) {
  #vision h2 {
    font-size: 26px;
    line-height: 34px;
  }
}

#sustainability-page #sustainability-banner {
  width: 100% !important;
  text-align: center;
  background-color: #EEFDF0;
  padding: 20px 0px 40px;
}
#sustainability-page #sustainability-banner h1 {
  color: #183154;
}
#sustainability-page #sustainability-banner h1 .h1-small {
  font-size: 50px !important;
  line-height: 60px;
}
@media (max-width: 767px) {
  #sustainability-page #sustainability-banner h1 .h1-small {
    font-size: 28px !important;
    line-height: 32px;
  }
}
#sustainability-page #sustainability-banner h1 .h1-big {
  font-size: 100px !important;
  line-height: 120px;
}
@media (max-width: 767px) {
  #sustainability-page #sustainability-banner h1 .h1-big {
    font-size: 70px !important;
    line-height: 62px !important;
    margin: 20px 0px;
  }
}
#sustainability-page #sustainability-banner .equivalent {
  margin: 60px 0px;
  font-size: 32px;
}
#sustainability-page #sustainability-banner .sustainability-bubbles {
  display: flex;
  justify-content: space-around;
}
@media (max-width: 767px) {
  #sustainability-page #sustainability-banner .sustainability-bubbles {
    flex-direction: column;
  }
}
#sustainability-page #sustainability-banner .sustainability-bubbles .sustainability-bubble {
  width: 300px;
  height: 300px;
  border-radius: 300px;
  background: #ffffff;
  padding: 160px 30px 0px 30px;
  box-sizing: border-box;
  color: #183154;
  font-size: 20px;
  line-height: 24px;
}
@media (max-width: 767px) {
  #sustainability-page #sustainability-banner .sustainability-bubbles .sustainability-bubble {
    margin: 0px auto 20px;
  }
}
#sustainability-page #sustainability-banner .sustainability-bubbles .sustainability-bubble.vehicles {
  background: url("../images/about/sustainability-car.caa21286689c.svg") no-repeat center top 60px #ffffff;
}
#sustainability-page #sustainability-banner .sustainability-bubbles .sustainability-bubble.homes {
  background: url("../images/about/sustainability-home.9c1efbbf8082.svg") no-repeat center top 30px #ffffff;
}
#sustainability-page #sustainability-banner .sustainability-bubbles .sustainability-bubble.forest {
  background: url("../images/about/sustainability_tree.243fa093f75b.svg") no-repeat center top 30px #ffffff;
}
@media (min-width: 769px) {
  #sustainability-page #sustainability-contents .container, #sustainability-page #sustainability-contents #business .business-container, #business #sustainability-page #sustainability-contents .business-container {
    max-width: 600px !important;
  }
}
@media (max-width: 767px) {
  #sustainability-page #sustainability-contents .container, #sustainability-page #sustainability-contents #business .business-container, #business #sustainability-page #sustainability-contents .business-container {
    padding: 0px 20px;
  }
}
#sustainability-page #sustainability-contents .carbon-formula {
  display: block;
  background: url("../images/about/carbon-formula.4946790851fc.svg") no-repeat;
  background-size: contain;
  height: 67px;
  width: 100%;
  margin: 10px 0px;
}
#sustainability-page #sustainability-contents ul li {
  font-size: 18px;
  line-height: 24px;
  margin: 15px 0px;
}
#sustainability-page #sustainability-contents ul li a {
  color: #456682;
  text-decoration: underline;
}
#sustainability-page #sustainability-contents ul li a:hover {
  color: #183154;
}
#sustainability-page #sustainability-contents h2 {
  font-size: 28px;
}
#sustainability-page #sustainability-contents h3 {
  font-size: 22px;
}

/* Booking view */
#book {
  /* To be removed once migrated to its own view */
  /* Booking form */
}
#book .modal {
  background: #ffffff;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
}
#book label.error {
  right: 0px;
  left: auto;
}
#book .book-contents {
  max-width: 1200px;
  margin: 20px auto;
  padding: 15px;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  #book .book-contents {
    margin: 5px auto;
  }
}
#book .book-contents .book-non-field-errors {
  margin: 0px 0px 15px;
}
#book .book-contents .book-driver-photo {
  width: 85px;
  height: 85px;
  border-radius: 85px;
  margin: 0px;
  display: block;
  border: 1px solid #dfdbdb;
}
@media (max-width: 767px) {
  #book .book-contents .book-driver-photo {
    width: 60px;
    height: 60px;
  }
}
#book .book-contents h1 {
  font-size: 18px;
  margin: 0px 0px 10px 0px;
  color: #183154;
  line-height: 34px;
  font-weight: 700;
}
@media (max-width: 767px) {
  #book .book-contents h1 {
    margin: 0px 0px 20px;
  }
}
#book .book-contents h1.instant-book {
  background: url("../images/icons/icon_instant_book.2eb4121d74aa.svg") no-repeat;
  background-position: 0px center;
  background-size: 20px 20px;
  padding-left: 25px;
}
@media (min-width: 769px) {
  #book .book-contents .book-contents-left {
    width: 60%;
    float: left;
  }
}
#book .book-contents .book-contents-left .book-trip-details {
  margin: 15px 0px 15px;
}
#book .book-contents .book-contents-left .book-trip-details .book-trip-details-locations {
  font-size: 32px;
  font-weight: 700;
  color: #183154;
}
@media (max-width: 767px) {
  #book .book-contents .book-contents-left .book-trip-details .book-trip-details-locations {
    font-size: 24px;
  }
}
#book .book-contents .book-contents-left .book-trip-details .book-trip-details-date {
  font-size: 18px;
  font-weight: 600;
  color: #456682;
}
#book .book-contents .book-contents-left .book-trip-details .book-trip-details-seats {
  font-size: 18px;
  margin-bottom: 6px;
  color: #456682;
  text-align: right;
}
@media (max-width: 767px) {
  #book .book-contents .book-contents-left .book-trip-details .book-trip-details-seats {
    float: left;
    text-align: left;
    margin-bottom: 0px;
  }
}
@media (max-width: 767px) {
  #book .book-contents .book-contents-left .book-trip-details .book-trip-details-seats span {
    display: inline;
  }
}
#book .book-contents .book-contents-left .book-trip-details .book-trip-details-price {
  font-size: 18px;
  font-weight: 600;
  color: #0099ff;
  text-align: right;
}
@media (max-width: 767px) {
  #book .book-contents .book-contents-left .book-trip-details .book-trip-details-price {
    float: left;
  }
}
#book .book-contents .book-contents-left .book-trip-details .book-trip-details-pickup-title {
  width: 20%;
  color: #456682;
  font-weight: 600;
}
@media (max-width: 767px) {
  #book .book-contents .book-contents-left .book-trip-details .book-trip-details-pickup-title {
    width: 25%;
  }
}
#book .book-contents .book-contents-left .book-trip-details .book-trip-details-pickup-content {
  width: 80%;
  color: #456682;
  font-weight: 600;
}
@media (max-width: 767px) {
  #book .book-contents .book-contents-left .book-trip-details .book-trip-details-pickup-content {
    width: 75%;
  }
}
@media (max-width: 767px) {
  #book .book-contents .book-contents-left .book-trip-details .float-right {
    float: none;
  }
}
#book .book-contents .book-contents-left .book-trip-details pre {
  margin: 0px;
}
#book .book-contents .book-contents-left .book-trip-details-description .message-bubble {
  width: 100%;
}
#book .book-contents .book-contents-left .book-trip-vehicle .vehicle {
  border: none;
  padding: 0px;
  width: 100%;
}
#book .book-contents .book-contents-left .book-trip-vehicle .vehicle-preferences-title {
  width: 20%;
}
@media (max-width: 767px) {
  #book .book-contents .book-contents-left .book-trip-vehicle .vehicle-preferences-title {
    width: 25%;
  }
}
#book .book-contents .book-contents-left .book-trip-vehicle .vehicle-preferences-container {
  width: 80%;
}
@media (max-width: 767px) {
  #book .book-contents .book-contents-left .book-trip-vehicle .vehicle-preferences-container {
    width: 75%;
  }
}
#book .book-contents .book-contents-left .book-trip-vehicle .book-trip-vehicle-picture {
  width: 240px;
  height: 160px;
  border-radius: 5px;
  display: block;
  float: left;
}
@media (max-width: 767px) {
  #book .book-contents .book-contents-left .book-trip-vehicle .book-trip-vehicle-picture {
    width: 100px;
    height: 65px;
  }
}
#book .book-contents .book-contents-left .book-trip-vehicle .book-trip-vehicle-preferences {
  width: 50%;
  float: left;
  margin: -4px 0px 0px 20px;
}
#book .book-contents .book-contents-left .form-row {
  position: relative;
}
#book .book-contents .book-contents-left .book-seats .book-seats-title {
  margin-top: 0px;
}
#book .book-contents .book-contents-left .book-seats .info-circle {
  margin-top: 4px;
}
@media (min-width: 769px) {
  #book .book-contents .book-contents-left .book-promo-code-left {
    width: 48%;
    float: left;
  }
}
@media (min-width: 769px) {
  #book .book-contents .book-contents-left .book-promo-code-right {
    width: 48%;
    float: right;
  }
}
#book .book-contents .book-contents-left .book-policy .text-medium, #book .book-contents .book-contents-left .book-policy #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details .trip-date, #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details #book .book-contents .book-contents-left .book-policy .trip-date, #book .book-contents .book-contents-left .book-policy #payments .payment-box .payment-amount, #payments .payment-box #book .book-contents .book-contents-left .book-policy .payment-amount, #book .book-contents .book-contents-left .book-policy #payments .payment-box .payment-text, #payments .payment-box #book .book-contents .book-contents-left .book-policy .payment-text, #book .book-contents .book-contents-left .book-policy #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .booking-details, #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item #book .book-contents .book-contents-left .book-policy .booking-details, #book .book-contents .book-contents-left .book-policy #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .trip-details .trip-date, #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .trip-details #book .book-contents .book-contents-left .book-policy .trip-date, #book .book-contents .book-contents-left .book-policy .booking-form .trip-form-policies .text-slarge, #book .book-contents .book-contents-left .book-policy .booking-form .trip-form-policies #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details h2, #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details #book .book-contents .book-contents-left .book-policy .booking-form .trip-form-policies h2, #book .book-contents .book-contents-left .book-policy .booking-form .trip-form-policies .instruction-full .instruction-contents .instruction-item .instruction-item-title, .instruction-full .instruction-contents .instruction-item #book .book-contents .book-contents-left .book-policy .booking-form .trip-form-policies .instruction-item-title, #book .book-contents .book-contents-left .book-policy .booking-form .trip-form-policies .popular-routes .popular-routes-box, .popular-routes #book .book-contents .book-contents-left .book-policy .booking-form .trip-form-policies .popular-routes-box, #book .book-contents .book-contents-left .book-policy .booking-form .trip-form-policies #community-agreement .community-item p, #community-agreement .community-item #book .book-contents .book-contents-left .book-policy .booking-form .trip-form-policies p, #book .booking-form .trip-form-policies .book-contents .book-contents-left .book-policy .text-slarge, #book .booking-form .trip-form-policies .book-contents .book-contents-left .book-policy #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details h2, #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details #book .booking-form .trip-form-policies .book-contents .book-contents-left .book-policy h2, #book .booking-form .trip-form-policies .book-contents .book-contents-left .book-policy .instruction-full .instruction-contents .instruction-item .instruction-item-title, .instruction-full .instruction-contents .instruction-item #book .booking-form .trip-form-policies .book-contents .book-contents-left .book-policy .instruction-item-title, #book .booking-form .trip-form-policies .book-contents .book-contents-left .book-policy .popular-routes .popular-routes-box, .popular-routes #book .booking-form .trip-form-policies .book-contents .book-contents-left .book-policy .popular-routes-box, #book .booking-form .trip-form-policies .book-contents .book-contents-left .book-policy #community-agreement .community-item p, #community-agreement .community-item #book .booking-form .trip-form-policies .book-contents .book-contents-left .book-policy p, #book .book-contents .book-contents-left .book-policy .booking-form .trip-form-policies .trip-form-section-header, #book .booking-form .trip-form-policies .book-contents .book-contents-left .book-policy .trip-form-section-header, #book .book-contents .book-contents-left .book-policy .booking-form .trip-form-policies .policy-title, #book .booking-form .trip-form-policies .book-contents .book-contents-left .book-policy .policy-title {
  line-height: 20px;
}
#book .book-contents .book-contents-left .book-policy.payment {
  padding-left: 35px;
  background: url("../images/icons/icon-credit-card-grey.099b4505c959.png") no-repeat top left;
  background-size: 25px 25px;
}
#book .book-contents .book-contents-left .book-policy.cancellation {
  padding-left: 35px;
  background: url("../images/icons/icon-cancel-grey-2.7355841bd67f.png") no-repeat top left;
  background-size: 23px 23px;
}
#book .book-contents .book-contents-left #promo-code-apply {
  position: absolute;
  right: 0px;
  top: 4px;
  padding: 20px 10px 20px 10px;
  font-weight: 600;
  color: #456682;
}
@media (min-width: 769px) {
  #book .book-contents .book-contents-right {
    width: 30%;
    float: right;
  }
}
@media (min-width: 769px) {
  #book .book-contents .book-contents-right .book-summary {
    margin-top: 0px;
    border: 1px solid #D7E6ED;
    border-radius: 10px;
    padding: 15px;
    box-sizing: border-box;
  }
}
@media (max-width: 767px) {
  #book .book-contents .book-contents-right .book-summary {
    width: 100%;
    float: none;
    position: fixed;
    bottom: 0px;
    left: 0px;
    padding: 15px;
    box-sizing: border-box;
    background: #ffffff;
    border-top: 1px solid #D7E6ED;
    display: none;
  }
}
#book .book-contents .book-contents-right .book-summary .book-summary-title {
  font-weight: 600;
  color: #456682;
}
#book .book-contents .book-contents-right .book-summary .book-summary-locations {
  font-weight: 700;
  color: #183154;
}
#book .book-contents .book-contents-right .book-summary .book-summary-date {
  color: #456682;
  font-weight: 600;
}
#book .book-contents .book-contents-right .book-summary .book-summary-expiry {
  padding-left: 25px;
  background: url("../images/icons/icon-clock-grey-lined.43473eb665ed.png") no-repeat left center;
  background-size: 16px 16px;
  background-position: 0px 4px;
  font-size: 15px;
}
@media (min-width: 769px) {
  #book .book-contents .book-contents-right .book-summary.fixed {
    position: fixed;
    top: 25px;
    margin: 0px;
    z-index: 100;
    width: 322px;
  }
}
@media (max-width: 767px) {
  #book .book-contents .book-contents-right .book-summary.active {
    display: block;
    box-shadow: -2px 21px 56px 3px rgba(0, 0, 0, 0.61);
    -webkit-box-shadow: -2px 21px 56px 3px rgba(0, 0, 0, 0.61);
    -moz-box-shadow: -2px 21px 56px 3px rgba(0, 0, 0, 0.61);
  }
}
#book .book-contents .book-contents-right .book-summary-mobile {
  position: relative;
  box-shadow: -2px 21px 56px 3px rgba(0, 0, 0, 0.61);
  -webkit-box-shadow: -2px 21px 56px 3px rgba(0, 0, 0, 0.61);
  -moz-box-shadow: -2px 21px 56px 3px rgba(0, 0, 0, 0.61);
}
@media (min-width: 769px) {
  #book .book-contents .book-contents-right .book-summary-mobile {
    display: none !important;
  }
}
@media (max-width: 767px) {
  #book .book-contents .book-contents-right .book-summary-mobile {
    z-index: 1000;
    width: 100%;
    float: none;
    position: fixed;
    bottom: 0px;
    left: 0px;
    padding: 15px;
    box-sizing: border-box;
    background: #ffffff;
    border-top: 1px solid #dfdbdb;
    display: none;
  }
}
#book .book-contents .book-contents-right .book-summary-mobile .book-summary-mobile-locations {
  font-size: 18px;
  font-weight: 700;
  color: #183154;
}
@media (max-width: 767px) {
  #book .book-contents .book-contents-right .book-summary-mobile.active {
    display: block;
  }
}
@media (max-width: 767px) {
  #book .book-contents .book-summary-mobile-expand {
    display: block;
    position: absolute;
    right: 15px;
    top: 13px;
  }
}
@media (max-width: 767px) {
  #book .book-contents .book-summary-mobile-expand.close {
    display: block;
    position: absolute;
    right: 15px;
    top: 16px;
  }
}
#book .booking-form input::placeholder {
  font-family: "proxima-soft", sans-serif;
}
#book .booking-form .input.error {
  color: #456682;
}
#book .booking-form #id_message {
  max-height: 120px;
}
#book .booking-form #id_use_existing_card {
  float: left;
  margin: 8px 0px 0px 0px;
}
@media (min-width: 769px) {
  #book .booking-form .trip-form-policies .policy-column {
    max-width: 140px;
  }
}
#book .booking-form .trip-form-policies .trip-form-section-header {
  color: #183154;
}
#book .booking-form .button-loader {
  width: 100%;
}
#book .booking-form .credit-card-type {
  padding-left: 60px;
}
#book .booking-form .credit-card-type.cc-brand {
  background-size: 32px auto !important;
  background-position: 20px !important;
}
@media (max-width: 767px) {
  #book .booking-form .trip-calculator-table {
    width: 100%;
  }
}
#book .booking-form .label {
  color: #565a5c;
  font-weight: 500;
}
#book .booking-form .trigger-payment-container {
  text-decoration: underline;
}
#book .booking-form .promo-container {
  display: none;
}
#book .booking-form .promo-container.active {
  display: block;
}
#book .booking-form .owned-code, #book .booking-form .codes-more-cta {
  border: 1px solid #456682;
  padding: 3px 6px 3px 6px;
  border-radius: 3px;
  margin: 3px 3px 0px 0px;
  float: left;
  color: #456682;
}
#book .booking-form .owned-code:hover, #book .booking-form .codes-more-cta:hover {
  border: 1px solid #456682;
  color: #456682;
}
#book .booking-form .codes-more {
  display: none;
}
#book .booking-form .codes-more.active {
  display: block;
}
#book .booking-form .seats-required-label {
  margin: 10px 20px 0px 0px;
}
#book .booking-form .seat-number-input {
  margin: 0px 10px 0px 0px;
}
#book .booking-form .seat-wording {
  margin-top: 8px;
}
#book .booking-form .seat-plural {
  display: none;
}
#book .booking-form .trip-calculator {
  border-radius: 5px;
  padding: 10px;
  color: #565a5c;
  background: #e3f1ff;
  border-radius: 3px;
  border: 1px solid #d2e9ff;
  font-size: 14px;
  margin-top: 20px;
}
@media (min-width: 769px) {
  #book .booking-form .trip-calculator-left {
    width: 70%;
  }
}
@media (min-width: 769px) {
  #book .booking-form .trip-calculator-left #id_code {
    max-width: 200px;
  }
}
@media (min-width: 769px) {
  #book .booking-form .trip-calculator-right {
    width: 30%;
  }
}
#book .booking-form .float-left.wide {
  width: 70%;
}
#book .booking-form .payment-info {
  color: #565a5c;
  padding-top: 16px;
}
#book .booking-form .payment-container {
  display: none;
}
#book .booking-form .payment-container.active {
  display: block;
}
#book .booking-form textarea#id_content.error {
  color: #456682;
}
#book .booking-form .cc-brand {
  background-position: left !important;
  padding-left: 45px;
}
@media (min-width: 769px) {
  #book .booking-form #credit-card-name input {
    max-width: 300px;
  }
}
#book .booking-form .booking-version {
  display: flex;
  width: 100%;
}
#book .booking-form .booking-version .error {
  margin-bottom: 0px;
  width: 100%;
}
#book .booking-form .book-valid-until .book-valid-until-subtitle {
  line-height: 20px;
}
#book .booking-form .book-valid-until .book-valid-until-left {
  float: left;
  width: 70%;
}
@media (max-width: 767px) {
  #book .booking-form .book-valid-until .book-valid-until-left {
    float: none;
    width: 100%;
  }
}
#book .booking-form .book-valid-until .book-valid-until-right {
  float: right;
  width: 30%;
}
@media (max-width: 767px) {
  #book .booking-form .book-valid-until .book-valid-until-right {
    float: none;
    width: 100%;
  }
}
@media (min-width: 769px) {
  #book .booking-form .book-valid-until .book-valid-until-right .valid-until-input {
    float: right;
  }
}

#stripe-elements-input {
  padding: 15px;
  box-sizing: border-box;
}
@media (min-width: 769px) {
  #stripe-elements-input {
    max-width: 420px;
  }
}

#booking.page {
  padding-top: 0px;
}
#booking.page #booking-top {
  color: #ffffff;
  background: #183154;
}
#booking.page .container, #booking.page #business .business-container, #business #booking.page .business-container {
  max-width: 600px;
}
#booking.page .booking-previous-url {
  display: block;
  background: url("../images/icons/arrow_left.c6619f311934.svg") no-repeat left center;
  background-size: 20px auto;
  margin: 10px 0px 40px 0px;
  height: 20px;
  width: 200px;
  color: #ffffff;
  padding-left: 30px;
  font-size: 16px;
  font-weight: 600;
}
@media (max-width: 767px) {
  #booking.page .booking-previous-url {
    margin: 10px 0px 20px 0px;
  }
}
#booking.page .booking-previous-url:hover {
  opacity: 0.9;
}
#booking.page .booking-previous-url:active {
  opacity: 1;
}
#booking.page h1 {
  font-weight: 700;
  background-repeat: no-repeat;
  background-position: 0px 2px;
  background-size: 42px 42px;
  padding: 12px 0px 12px 42px;
}
@media (min-width: 769px) {
  #booking.page h1 {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  #booking.page h1 {
    font-size: 24px;
  }
}
#booking.page .booking-reference {
  font-weight: 600;
  border: 1px solid #ffffff;
  border-radius: 5px;
  padding: 2px 6px;
  display: inline-block;
  margin-bottom: 12px;
}
#booking.page .booking-profile-picture {
  margin-right: 20px;
  width: 70px;
  height: 70px;
  border: 1px solid #dfdbdb;
  border-radius: 65px;
  display: block;
}
#booking.page a.booking-info-locations {
  font-size: 20px;
  font-weight: 700;
  color: #ffffff;
  display: block;
}
#booking.page .booking-info-departing {
  font-size: 16px;
  font-weight: 600;
  margin-top: 8px;
  margin-bottom: 5px;
}
#booking.page .booking-info-seats {
  font-size: 16px;
  font-weight: 400;
}
#booking.page .booking-expiry {
  text-align: center;
  width: 100%;
  margin-top: 0px;
}
#booking.page .booking-respond-container {
  width: 100%;
  border: 1px solid #0099ff;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 150px;
}
#booking.page .booking-respond-container .booking-respond {
  padding: 60px 40px 20px 40px;
  text-align: center;
  float: left;
  width: 50%;
  box-sizing: border-box;
  cursor: pointer;
}
#booking.page .booking-respond-container .booking-respond-approve {
  border-right: 1px solid #0099ff;
  background: url("../images/icons/icon_accept.63c70c0be81f.png") no-repeat center top 20px;
  background-size: 35px 35px;
  border-top-left-radius: 150px;
  border-bottom-left-radius: 150px;
}
#booking.page .booking-respond-container .booking-respond-approve:hover {
  background: url("../images/icons/icon_accept.63c70c0be81f.png") no-repeat center top 20px #006699;
  background-size: 35px 35px;
}
#booking.page .booking-respond-container .booking-respond-approve:active {
  background: url("../images/icons/icon_accept.63c70c0be81f.png") no-repeat center top 20px #00517a;
  background-size: 35px 35px;
}
#booking.page .booking-respond-container a.booking-respond-approve {
  color: #ffffff;
}
#booking.page .booking-respond-container a.booking-respond-decline {
  background: url("../images/icons/icon_decline.6e8d129dd2aa.png") no-repeat center top 20px;
  background-size: 35px 35px;
  border-top-right-radius: 150px;
  border-bottom-right-radius: 150px;
  color: #ffffff;
}
#booking.page .booking-respond-container a.booking-respond-decline:hover {
  background: url("../images/icons/icon_decline.6e8d129dd2aa.png") no-repeat center top 20px #006699;
  background-size: 35px 35px;
}
#booking.page .booking-respond-container a.booking-respond-decline:active {
  background: url("../images/icons/icon_decline.6e8d129dd2aa.png") no-repeat center top 20px #00517a;
  background-size: 35px 35px;
}
#booking.page h2 {
  font-size: 24px;
  font-weight: 700;
}
#booking.page .booking-details {
  font-size: 16px;
}

.booking-promo-code-container {
  max-width: 300px;
}
@media (max-width: 767px) {
  .booking-promo-code-container {
    max-width: 250px;
  }
}

.modal-review-booking {
  position: relative;
}
.modal-review-booking h1 {
  font-size: 24px !important;
  line-height: 32px !important;
}
.modal-review-booking .profile-pic {
  width: 50px;
  height: 50px;
  border-radius: 100px;
  border: 1px solid #dfdbdb;
  display: block;
  margin-right: 20px;
}
.modal-review-booking .button.approve, .modal-review-booking .vehicle-form .approve[type=submit], .vehicle-form .modal-review-booking .approve[type=submit], .modal-review-booking .trip-search .approve.trip-search-button, .trip-search .modal-review-booking .approve.trip-search-button, .modal-review-booking #book .booking-form .approve.booking-send-button, #book .booking-form .modal-review-booking .approve.booking-send-button {
  background: #456682;
}
.modal-review-booking .button.approve:hover, .modal-review-booking .vehicle-form .approve[type=submit]:hover, .vehicle-form .modal-review-booking .approve[type=submit]:hover, .modal-review-booking .trip-search .approve.trip-search-button:hover, .trip-search .modal-review-booking .approve.trip-search-button:hover, .modal-review-booking #book .booking-form .approve.booking-send-button:hover, #book .booking-form .modal-review-booking .approve.booking-send-button:hover {
  opacity: 0.9;
}
.modal-review-booking .button.approve:active, .modal-review-booking .vehicle-form .approve[type=submit]:active, .vehicle-form .modal-review-booking .approve[type=submit]:active, .modal-review-booking .trip-search .approve.trip-search-button:active, .trip-search .modal-review-booking .approve.trip-search-button:active, .modal-review-booking #book .booking-form .approve.booking-send-button:active, #book .booking-form .modal-review-booking .approve.booking-send-button:active {
  opacity: 1;
}
.modal-review-booking .button.decline, .modal-review-booking .vehicle-form .decline[type=submit], .vehicle-form .modal-review-booking .decline[type=submit], .modal-review-booking .trip-search .decline.trip-search-button, .trip-search .modal-review-booking .decline.trip-search-button, .modal-review-booking #book .booking-form .decline.booking-send-button, #book .booking-form .modal-review-booking .decline.booking-send-button {
  background: #ff6060;
}
.modal-review-booking .button.decline:hover, .modal-review-booking .vehicle-form .decline[type=submit]:hover, .vehicle-form .modal-review-booking .decline[type=submit]:hover, .modal-review-booking .trip-search .decline.trip-search-button:hover, .trip-search .modal-review-booking .decline.trip-search-button:hover, .modal-review-booking #book .booking-form .decline.booking-send-button:hover, #book .booking-form .modal-review-booking .decline.booking-send-button:hover {
  opacity: 0.9;
}
.modal-review-booking .button.decline:active, .modal-review-booking .vehicle-form .decline[type=submit]:active, .vehicle-form .modal-review-booking .decline[type=submit]:active, .modal-review-booking .trip-search .decline.trip-search-button:active, .trip-search .modal-review-booking .decline.trip-search-button:active, .modal-review-booking #book .booking-form .decline.booking-send-button:active, #book .booking-form .modal-review-booking .decline.booking-send-button:active {
  opacity: 1;
}
.modal-review-booking .booking-updating {
  width: 180px;
  padding-left: 40px;
  margin: 20px auto;
  font-weight: 600;
}
.modal-review-booking .modal-loading {
  position: absolute;
  display: grid;
  place-content: center;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.89);
  z-index: 1100;
  text-align: center;
}
.modal-review-booking .modal-loading .modal-loading-contents {
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal-review-booking .modal-loading .modal-loading-contents .loader {
  top: auto;
  right: auto;
  margin-top: -40px;
}

#receipt .receipt-previous-url {
  display: block;
  background: url("../images/icons/icon-arrow-left-grey.d8ad9d30f95d.png") no-repeat left center;
  background-size: 30px auto;
  margin: 0px 0px 40px 0px;
  height: 20px;
  width: 20px;
  top: -20px;
  position: relative;
}
@media (max-width: 767px) {
  #receipt .receipt-previous-url {
    margin: 10px 0px 20px 0px;
  }
}
#receipt h1 {
  font-size: 36px;
  font-weight: 700;
}
#receipt .receipt-container {
  max-width: 800px;
}
@media (min-width: 769px) {
  #receipt .receipt-left {
    float: left;
    width: 45%;
  }
}
@media (max-width: 767px) {
  #receipt .receipt-left {
    width: 100%;
  }
}
@media (min-width: 769px) {
  #receipt .receipt-right {
    float: right;
    width: 45%;
  }
}
@media (max-width: 767px) {
  #receipt .receipt-right {
    width: 100%;
  }
}
#receipt .poparide-logo {
  max-width: 200px;
}

@media (min-width: 769px) {
  #booking .modal h1 {
    line-height: 36px;
  }
}

/* Definitions for brand page */
#brand h2 {
  font-size: 42px;
  font-weight: 700;
  margin: 0px 0px 60px;
  color: #183154;
  line-height: 44px;
}
#brand h3 {
  font-size: 24px;
  margin: 0px 0px 20px;
  font-weight: 700;
}
#brand .brand-paragraph {
  font-size: 18px;
  color: #456682;
  line-height: 24px;
  max-width: 500px;
}
#brand .brand-typo-rules {
  border-left: 1px solid #efefef;
  padding: 20px 0px 20px 40px;
  margin: 50px 0px;
}
@media (max-width: 767px) {
  #brand .brand-typo-rules {
    padding: 20px 0px 20px 20px;
  }
}
#brand .brand-typo-title {
  font-weight: 800;
  font-size: 72px;
  color: #183154;
  line-height: 82px;
}
@media (max-width: 767px) {
  #brand .brand-typo-title {
    font-size: 62px;
    line-height: 66px;
  }
}
#brand .brand-typo-subtitle {
  font-weight: 700;
  font-size: 42px;
  color: #183154;
  line-height: 52px;
}
@media (max-width: 767px) {
  #brand .brand-typo-subtitle {
    font-size: 32px;
    line-height: 36px;
  }
}
#brand .brand-typo-text {
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  color: #456682;
}
#brand .brand-colour .brand-colour-square {
  float: left;
  width: 120px;
  height: 120px;
}
#brand .brand-colour .brand-colour-text {
  float: left;
  margin-left: 20px;
}
#brand .brand-colour.brand-colour-orange .brand-colour-square {
  background: #FF4E00;
}
#brand .brand-colour.brand-colour-blue .brand-colour-square {
  background: #0099FF;
}
#brand .brand-colour.brand-colour-black .brand-colour-square {
  background: #183154;
}
#brand .brand-colour.brand-colour-grey .brand-colour-square {
  background: #666666;
}
#brand .brand-colour.brand-colour-teal .brand-colour-square {
  background: #31BDBA;
}
#brand .brand-colour.brand-colour-yellow .brand-colour-square {
  background: #FCEC1E;
}
#brand .brand-colour.brand-colour-magenta .brand-colour-square {
  background: #EC136F;
}
#brand .brand-colour.brand-colour-green .brand-colour-square {
  background: #52B965;
}
#brand .brand-tones {
  border-left: 1px solid #efefef;
  padding: 20px 0px 20px 40px;
  margin: 20px 0px;
}
#brand a.brand-download-link {
  background: url("../images/icons/icon_download.f2a86c68124b.png") no-repeat center left;
  background-size: 30px 30px;
  padding-left: 45px;
  color: #456682;
  font-weight: 600;
  font-size: 18px;
}

#promo-items h1 {
  font-size: 72px;
  color: #183154;
  font-weight: 800;
  margin: 50px 0px 20px;
}
@media (max-width: 767px) {
  #promo-items h1 {
    font-size: 42px;
    line-height: 62px;
    margin: 0px 0px 20px;
    padding-top: 0px;
  }
}
#promo-items .promo-items-progress-bar {
  border: 2px solid #dfdbdb;
  width: 500px;
  height: 20px;
  border-radius: 100px;
  overflow: hidden;
}
@media (max-width: 767px) {
  #promo-items .promo-items-progress-bar {
    width: 100%;
  }
}
#promo-items .promo-items-progress-bar-generic, #promo-items .promo-items-progress-bar-20, #promo-items .promo-items-progress-bar-19, #promo-items .promo-items-progress-bar-18, #promo-items .promo-items-progress-bar-17, #promo-items .promo-items-progress-bar-16, #promo-items .promo-items-progress-bar-15, #promo-items .promo-items-progress-bar-14, #promo-items .promo-items-progress-bar-13, #promo-items .promo-items-progress-bar-12, #promo-items .promo-items-progress-bar-11, #promo-items .promo-items-progress-bar-10, #promo-items .promo-items-progress-bar-9, #promo-items .promo-items-progress-bar-8, #promo-items .promo-items-progress-bar-7, #promo-items .promo-items-progress-bar-6, #promo-items .promo-items-progress-bar-5, #promo-items .promo-items-progress-bar-4, #promo-items .promo-items-progress-bar-3, #promo-items .promo-items-progress-bar-2, #promo-items .promo-items-progress-bar-1, #promo-items .promo-items-progress-bar-0 {
  background: #05AC09;
  height: 20px;
  display: block;
}
#promo-items .promo-items-progress-bar-0 {
  width: 0%;
}
#promo-items .promo-items-progress-bar-1 {
  width: 5%;
}
#promo-items .promo-items-progress-bar-2 {
  width: 10%;
}
#promo-items .promo-items-progress-bar-3 {
  width: 15%;
}
#promo-items .promo-items-progress-bar-4 {
  width: 20%;
}
#promo-items .promo-items-progress-bar-5 {
  width: 25%;
}
#promo-items .promo-items-progress-bar-6 {
  width: 30%;
}
#promo-items .promo-items-progress-bar-7 {
  width: 35%;
}
#promo-items .promo-items-progress-bar-8 {
  width: 40%;
}
#promo-items .promo-items-progress-bar-9 {
  width: 45%;
}
#promo-items .promo-items-progress-bar-10 {
  width: 50%;
}
#promo-items .promo-items-progress-bar-11 {
  width: 55%;
}
#promo-items .promo-items-progress-bar-12 {
  width: 60%;
}
#promo-items .promo-items-progress-bar-13 {
  width: 65%;
}
#promo-items .promo-items-progress-bar-14 {
  width: 70%;
}
#promo-items .promo-items-progress-bar-15 {
  width: 75%;
}
#promo-items .promo-items-progress-bar-16 {
  width: 80%;
}
#promo-items .promo-items-progress-bar-17 {
  width: 85%;
}
#promo-items .promo-items-progress-bar-18 {
  width: 90%;
}
#promo-items .promo-items-progress-bar-19 {
  width: 95%;
}
#promo-items .promo-items-progress-bar-20 {
  width: 100%;
}
#promo-items .promo-items-graphic {
  width: 700px;
  height: auto;
  border-radius: 5px;
}
@media (max-width: 767px) {
  #promo-items .promo-items-graphic {
    width: 100%;
    height: auto;
  }
}
#promo-items .divider.short {
  margin-left: 100px;
}

#promo_items-page.in-app a.button, #promo_items-page.in-app .vehicle-form a[type=submit], .vehicle-form #promo_items-page.in-app a[type=submit], #promo_items-page.in-app .trip-search a.trip-search-button, .trip-search #promo_items-page.in-app a.trip-search-button, #promo_items-page.in-app #book .booking-form a.booking-send-button, #book .booking-form #promo_items-page.in-app a.booking-send-button {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  text-align: center;
  background: url("../images/icons/icon-triangle-grey-right.11ca7a45b10e.png") #ffffff no-repeat center right 10px;
  background-size: 10px auto;
  border-radius: 0px;
  color: #456682;
  border-top: 1px solid #dfdbdb;
  padding: 20px 0px;
  margin: 0px;
  font-weight: 600;
}

.cool-stuff-item {
  display: flex;
}
@media (max-width: 767px) {
  .cool-stuff-item h2 {
    line-height: 24px;
  }
}
.cool-stuff-item img {
  width: 75px;
  height: 75px;
}
.cool-stuff-item .cool-stuff-item-contents {
  color: #456682 !important;
  margin: 15px 0px 0px 25px;
}
@media (max-width: 767px) {
  .cool-stuff-item .cool-stuff-item-contents {
    margin: 0px 0px 0px 25px;
  }
}

.cool-stuff-item:hover {
  opacity: 0.9;
}

.cool-stuff-item:active {
  opacity: 1;
}

/* Business defs*/
/* Business defs */
@media (min-width: 0px) and (max-width: 1023px) {
  #business .business-container {
    width: 100%;
    max-width: 100%;
  }
}
#business h1 {
  font-size: 48px;
  font-weight: 700;
  margin: 50px 0px 30px;
}
@media (max-width: 767px) {
  #business h1 {
    margin: 20px 0px;
    font-size: 28px;
  }
}
#business .subtitle {
  font-size: 24px;
  line-height: 34px;
  font-weight: 500;
}
@media (max-width: 767px) {
  #business .subtitle {
    font-size: 18px;
    line-height: 24px;
  }
}
#business .business-item {
  width: 32%;
  margin-right: 2%;
  transition: all 0.2s ease;
  padding: 130px 25px 30px 25px;
  border-radius: 15px;
  background: #ffffff;
  box-sizing: border-box;
  float: left;
  -webkit-box-shadow: 22px 18px 40px -16px rgba(0, 0, 0, 0.58);
  -moz-box-shadow: 22px 18px 40px -16px rgba(0, 0, 0, 0.58);
  box-shadow: 22px 18px 40px -16px rgba(0, 0, 0, 0.58);
}
@media (min-width: 1024px) {
  #business .business-item {
    min-height: 400px;
  }
}
@media (max-width: 767px) {
  #business .business-item {
    width: 100%;
    margin: 20px 0px 0px;
    padding: 100px 30px 30px 30px;
  }
}
#business .business-item h2 {
  font-size: 18px;
  margin-top: 0px;
}
#business .business-item .business-item-description {
  font-size: 16px;
  margin: 20px 0px;
}
#business .business-item .business-item-description a {
  color: #525F7F;
  text-decoration: underline;
}
#business .business-item-break-1200 {
  display: none;
}
@media (max-width: 1200px) {
  #business .business-item-break-1200 {
    display: block;
    height: 40px;
  }
}
@media (max-width: 767px) {
  #business .business-item-break-1200 {
    display: none;
  }
}
#business .business-item-2 {
  background: url("../images/business/business-icon-bus.4dedc7f296b9.svg") no-repeat top 20px left 20px #ffffff;
  background-size: auto 80px;
}
@media (max-width: 767px) {
  #business .business-item-2 {
    background: url("../images/business/business-icon-bus.4dedc7f296b9.svg") no-repeat top 20px left 28px #ffffff;
    background-size: auto 60px;
  }
}
#business .business-item-3 {
  background: url("../images/business/business-icon-affiliate.2d48ffbd7199.svg") no-repeat top 20px left 20px #ffffff;
  background-size: auto 80px;
}
@media (max-width: 767px) {
  #business .business-item-3 {
    background: url("../images/business/business-icon-affiliate.2d48ffbd7199.svg") no-repeat top 20px left 23px #ffffff;
    background-size: auto 60px;
  }
}
#business .business-item-4 {
  background: url("../images/business/business-icon-events.eb8fceb440af.svg") no-repeat top 20px left 20px #ffffff;
  background-size: auto 80px;
  margin-right: 0px;
}
@media (max-width: 767px) {
  #business .business-item-4 {
    background: url("../images/business/business-icon-events.eb8fceb440af.svg") no-repeat top 20px left 23px #ffffff;
    background-size: auto 60px;
  }
}
@media (min-width: 1024px) {
  #business .business-item:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    transition: all 0.2s ease;
  }
}
#business .business-clients h2 {
  color: #32325D;
  font-size: 32px;
  line-height: 34px;
}
#business .business-clients .business-clients-subtitle {
  color: #525F7F;
  font-size: 16px;
}
#business .business-contact .business-contact-text {
  color: #525F7F;
  font-size: 16px;
}
#business a.business-contact-cta {
  background: #6772E5;
  display: inline-block;
  color: #ffffff;
  padding: 15px 45px;
  border-radius: 100px;
  font-size: 16px;
  font-weight: 600;
}
#business a.business-contact-cta:hover {
  background: #838CE3;
}
#business a.business-contact-cta:active {
  background: #3F49B3;
}

#cancel-process h2 {
  font-size: 26px;
  font-weight: 700;
  margin: 0px 0px 12px;
  line-height: 34px;
}
@media (max-width: 767px) {
  #cancel-process h2 {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 5px;
  }
}
#cancel-process h3 {
  font-size: 18px;
  font-weight: 400;
  margin: 0px;
}
@media (max-width: 767px) {
  #cancel-process .text-slarge, #cancel-process #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details h2, #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details #cancel-process h2, #cancel-process .instruction-full .instruction-contents .instruction-item .instruction-item-title, .instruction-full .instruction-contents .instruction-item #cancel-process .instruction-item-title, #cancel-process .popular-routes .popular-routes-box, .popular-routes #cancel-process .popular-routes-box, #cancel-process #community-agreement .community-item p, #community-agreement .community-item #cancel-process p, #cancel-process #book .booking-form .trip-form-policies .trip-form-section-header, #book .booking-form .trip-form-policies #cancel-process .trip-form-section-header {
    font-size: 14px;
  }
}
#cancel-process .cancel-process-box {
  max-width: 500px;
  border-radius: 3px;
  margin: 20px auto 20px auto;
}
@media (max-width: 767px) {
  #cancel-process .cancel-process-box {
    margin: 10px auto 10px auto;
  }
}
#cancel-process .cancel-process-box .cancel-process-info-picture {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  border: 1px solid #dfdbdb;
  float: left;
  margin-right: 15px;
  position: relative;
}
#cancel-process .cancel-process-box .cancel-process-info-booked {
  position: relative;
  height: 90px;
  float: left;
  margin-right: 15px;
}
@media (max-width: 767px) {
  #cancel-process .cancel-process-box .cancel-process-info-booked {
    height: 80px;
  }
}
#cancel-process .cancel-process-box .cancel-process-info-booked .cancel-process-info-picture {
  float: none;
  margin-right: 0px;
}
#cancel-process .cancel-process-box .cancel-process-info-name {
  margin-top: 53px;
  text-align: center;
  width: 100%;
}
#cancel-process .cancel-process-box .cancel-process-info-description {
  float: left;
  width: 60%;
}
@media (max-width: 767px) {
  #cancel-process .cancel-process-box .cancel-process-info-description {
    width: 70%;
  }
}
@media (max-width: 767px) {
  #cancel-process .cancel-process-box .cancel-process-info-description .text-large, #cancel-process .cancel-process-box .cancel-process-info-description .testimonials .testimonial-links a, .testimonials .testimonial-links #cancel-process .cancel-process-box .cancel-process-info-description a {
    font-size: 16px;
  }
}
#cancel-process .cancel-process-box .cancel-process-info-description.cancel-trip {
  width: 100%;
  float: none;
}
#cancel-process .cancel-process-reasons {
  position: relative;
}
#cancel-process .cancel-process-reasons ul {
  list-style: none;
  padding-left: 0px;
}
#cancel-process .cancel-process-reasons li {
  padding: 15px 0px;
  border-bottom: 1px solid #dfdbdb;
}
#cancel-process .cancel-process-reasons li:last-child {
  border-bottom: none;
}
#cancel-process textarea {
  max-height: 100px;
  background: #F1FAFF;
  border: none;
  width: 100%;
  border-radius: 15px;
}
#cancel-process .cancel-process-confirm {
  position: relative;
}
#cancel-process .warning {
  color: #ff6060;
}
#cancel-process .button-loader {
  width: auto;
  float: right;
}
#cancel-process .button-loader .loader {
  top: 10px;
  right: 45px;
}
#cancel-process .button, #cancel-process .vehicle-form [type=submit], .vehicle-form #cancel-process [type=submit], #cancel-process .trip-search .trip-search-button, .trip-search #cancel-process .trip-search-button, #cancel-process #book .booking-form .booking-send-button, #book .booking-form #cancel-process .booking-send-button {
  float: right;
  padding-left: 0px;
  padding-right: 0px;
}
#cancel-process .button-next {
  max-width: 100px;
  width: 100px;
  min-width: 0px;
  clear: none;
  margin: 0px;
}
#cancel-process .button-confirm .button, #cancel-process .button-confirm .vehicle-form [type=submit], .vehicle-form #cancel-process .button-confirm [type=submit], #cancel-process .button-confirm .trip-search .trip-search-button, .trip-search #cancel-process .button-confirm .trip-search-button, #cancel-process .button-confirm #book .booking-form .booking-send-button, #book .booking-form #cancel-process .button-confirm .booking-send-button {
  max-width: 150px;
  width: 150px;
}
#cancel-process .button-confirm .loader {
  right: 70px;
}
#cancel-process .button-cancel .button, #cancel-process .button-cancel .vehicle-form [type=submit], .vehicle-form #cancel-process .button-cancel [type=submit], #cancel-process .button-cancel .trip-search .trip-search-button, .trip-search #cancel-process .button-cancel .trip-search-button, #cancel-process .button-cancel #book .booking-form .booking-send-button, #book .booking-form #cancel-process .button-cancel .booking-send-button {
  max-width: 200px;
  width: 200px;
}
#cancel-process .button-cancel .loader {
  right: 95px;
}
#cancel-process .form-row {
  position: relative;
}
.in-app #cancel-process .button-loader {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  float: none;
}
.in-app #cancel-process .button-loader .button, .in-app #cancel-process .button-loader .vehicle-form [type=submit], .vehicle-form .in-app #cancel-process .button-loader [type=submit], .in-app #cancel-process .button-loader .trip-search .trip-search-button, .trip-search .in-app #cancel-process .button-loader .trip-search-button, .in-app #cancel-process .button-loader #book .booking-form .booking-send-button, #book .booking-form .in-app #cancel-process .button-loader .booking-send-button {
  max-width: 100% !important;
  width: 100% !important;
  float: none !important;
  color: #456682;
  background: #ffffff !important;
  border-top: 1px solid #dfdbdb;
  padding: 20px 0px;
  border-radius: 0px;
}
.in-app #cancel-process .button-loader-grey .loader {
  top: 16px !important;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

/* Styles for community page */
#community-agreement {
  text-align: left;
}
#community-agreement .subtitle {
  max-width: 800px;
}
#community-agreement .community-icon {
  display: block;
  width: 90px;
  height: 90px;
  background: url("../images/icons/agreement-icon.18533d1d8093.svg") no-repeat center center;
  margin: 20px auto 50px;
  background-size: contain;
}
@media (max-width: 767px) {
  #community-agreement .community-icon {
    margin: 20px auto 30px;
  }
}
#community-agreement h1 {
  color: #183154;
  font-size: 52px;
  line-height: 38px;
}
@media (max-width: 767px) {
  #community-agreement h1 {
    font-size: 36px;
    line-height: 42px;
  }
}
#community-agreement .community-items {
  display: flex;
  flex-direction: row;
  align-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  #community-agreement .community-items {
    gap: 5px;
  }
}
#community-agreement .community-item {
  text-align: left;
  width: 48%;
  padding: 48px;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  #community-agreement .community-item {
    padding: 20px 16px 0px 16px;
    width: 100%;
  }
}
#community-agreement .community-item h2 {
  text-align: center;
  font-size: 26px;
  line-height: 32px;
  color: #183154;
  margin: 28px 0px 0px 0px;
}
@media (max-width: 767px) {
  #community-agreement .community-item h2 {
    font-size: 24px;
  }
}
#community-agreement .community-item p {
  text-align: center;
}
#community-agreement .community-item .community-item-icon {
  width: 78px;
  height: 78px;
  display: block;
  margin: 0 auto;
}
#community-agreement #agreement-safety {
  background: url("../images/icons/agreement-safety.f2ec38267c39.svg");
  background-size: contain;
}
#community-agreement #agreement-respect {
  background: url("../images/icons/agreement-respect.02816985a543.svg");
  background-size: contain;
}
#community-agreement #agreement-costs {
  background: url("../images/icons/agreement-costs.76a818165021.svg");
  background-size: contain;
}
#community-agreement #agreement-payment {
  background: url("../images/icons/agreement-payment.18c984bb3d71.svg");
  background-size: contain;
}
#community-agreement #agreement-communication {
  background: url("../images/icons/agreement-communication.ff755621ca37.svg");
  background-size: contain;
}
#community-agreement #agreement-punctuality {
  background: url("../images/icons/agreement-punctuality.d618daad7551.svg");
  background-size: contain;
}

/* Dashboard */
#dashboard #dashboard-top .container, #dashboard #dashboard-top #business .business-container, #business #dashboard #dashboard-top .business-container {
  position: relative;
}
#dashboard #dashboard-top .dashboard-top-picture {
  float: left;
  width: 15%;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  #dashboard #dashboard-top .dashboard-top-picture {
    float: none;
    width: 13%;
    clear: both;
  }
}
#dashboard #dashboard-top .dashboard-top-picture .picture {
  width: 130px;
  height: 130px;
  border-radius: 100px;
  border: 1px solid #dfdbdb;
}
@media (min-width: 768px) and (max-width: 1023px) {
  #dashboard #dashboard-top .dashboard-top-picture .picture {
    width: 100px;
    height: 100px;
  }
}
@media (max-width: 767px) {
  #dashboard #dashboard-top .dashboard-top-picture .picture {
    width: 80px;
    height: 80px;
  }
}
#dashboard #dashboard-top .dashboard-top-stats {
  float: left;
  width: 55%;
  padding: 0px 20px 20px 20px;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  #dashboard #dashboard-top .dashboard-top-stats {
    width: 100%;
    float: none;
    padding: 20px 0px 0px 0px;
  }
}
#dashboard #dashboard-top .dashboard-top-stats h1 {
  font-size: 32px;
  margin-bottom: 15px;
  color: #183154;
}
@media (max-width: 767px) {
  #dashboard #dashboard-top .dashboard-top-stats h1 {
    font-size: 24px;
    margin-bottom: 5px;
  }
}
#dashboard #dashboard-top .dashboard-top-stats h2 {
  color: #183154;
  font-size: 20px;
  font-weight: 600;
  margin-top: 0px;
}
@media (max-width: 767px) {
  #dashboard #dashboard-top .dashboard-top-stats h2 {
    font-size: 18px;
  }
}
#dashboard #dashboard-top .dashboard-top-stats .stat-item {
  float: left;
  width: 50%;
  box-sizing: border-box;
  padding: 4px 0px 4px 38px;
  background-size: 28px 28px;
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 16px;
}
@media (max-width: 767px) {
  #dashboard #dashboard-top .dashboard-top-stats .stat-item {
    width: 100%;
    float: none;
    margin: 10px 0px 10px;
  }
}
#dashboard #dashboard-top .dashboard-top-stats .stat-item.driven {
  background-image: url("../images/stats/rides_taken.bf5ed474f2fd.svg");
}
#dashboard #dashboard-top .dashboard-top-stats .stat-item.road {
  background-image: url("../images/stats/km_shared.d6f98a354601.svg");
}
#dashboard #dashboard-top .dashboard-top-stats .stat-item.circle {
  background-image: url("../images/stats/response_rate.652372b2bfd0.svg");
}
#dashboard #dashboard-top .dashboard-top-stats .stat-item.clock {
  background-image: url("../images/stats/response_time.3dd8ed852ebd.svg");
}
#dashboard #dashboard-top .dashboard-profile-share {
  padding: 15px;
  border-radius: 5px;
  color: #456682;
}
#dashboard #dashboard-top .dashboard-top-earnings {
  float: right;
  width: 20%;
  padding-top: 52px;
  background: url("../images/icons/icon-bank.73f3d208d567.svg") no-repeat left -13px top -10px;
  background-size: 62px 62px;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  #dashboard #dashboard-top .dashboard-top-earnings {
    margin-top: 20px;
    margin-left: 0px;
    width: 100%;
    float: none;
    border: none;
  }
}
@media (max-width: 767px) {
  #dashboard .dashboard-top-more {
    display: none;
  }
}
#dashboard .dashboard-cta {
  border-radius: 5px;
  padding: 15px 30px 15px 30px;
  font-size: 16px;
  background: #456682;
  color: #ffffff;
  border-radius: 100px;
  display: inline-block;
  font-weight: 600;
  -webkit-box-shadow: 0px 2px 0px 0px rgb(0, 0, 0);
  -moz-box-shadow: 0px 2px 0px 0px rgb(0, 0, 0);
  box-shadow: 0px 2px 0px 0px rgb(0, 0, 0);
}
@media (max-width: 767px) {
  #dashboard .dashboard-cta {
    padding: 13px 25px 13px 25px;
    margin-bottom: 10px;
  }
}
#dashboard .dashboard-cta:hover {
  opacity: 0.8;
}
#dashboard .dashboard-cta:active {
  opacity: 0.9;
}
@media (min-width: 769px) {
  #dashboard .dashboard-cta.show-on-mobile {
    display: none !important;
  }
}
@media (max-width: 767px) {
  #dashboard .dashboard-cta.hide-on-mobile {
    display: none !important;
  }
}
@media (max-width: 767px) {
  #dashboard .dashboard-top-more.active {
    display: block;
  }
}
#dashboard #dashboard-notices .white-msg.verification {
  background: url("../images/icons/icon-verified.804ca7ec886b.png") no-repeat left 30px center;
  padding-left: 100px;
  background-size: 40px 40px;
}
#dashboard #dashboard-bookings .dashboard-booking-tabs {
  width: 100%;
}
@media (min-width: 769px) {
  #dashboard #dashboard-bookings .dashboard-booking-tabs a {
    font-size: 22px !important;
  }
}
#dashboard #dashboard-bookings .dashboard-booking-tabs .response-rate {
  color: #009a4b;
  font-size: 18px;
  float: right;
  font-weight: 600;
}
#dashboard #dashboard-bookings .dashboard-booking-tabs .response-rate .response-rate-circle {
  margin-right: 10px;
}
#dashboard #dashboard-bookings .dashboard-booking-tabs-container {
  border: 1px solid #D7E6ED;
  border-radius: 10px;
  padding: 8px;
}
#dashboard #dashboard-bookings .dashboard-booking-tabs-container .dashboard-booking-tab {
  display: none;
  box-shadow: none;
}
#dashboard #dashboard-bookings .dashboard-booking-tabs-container .dashboard-booking-tab.active {
  display: block;
}
#dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item {
  position: relative;
  padding: 12px;
  border-radius: 10px;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 8px;
}
#dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .picture {
  float: left;
  width: 48px;
  height: 48px;
  border-radius: 60px;
  border: 1px solid #dfdbdb;
  margin-right: 18px;
  position: relative;
}
#dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .picture .booking-status {
  position: absolute;
  top: -10px;
  left: -10px;
}
@media (min-width: 769px) {
  #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .trip-details {
    min-width: 320px;
  }
}
@media (max-width: 767px) {
  #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .trip-details {
    width: auto;
  }
}
#dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .trip-details .trip-date {
  margin-top: 5px;
  color: #456682;
  font-weight: 600;
}
#dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .booking-details {
  color: #456682;
  margin-top: 16px;
}
@media (max-width: 767px) {
  #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .booking-details {
    flex-basis: 100%;
    margin-left: 68px;
    margin-top: 4px;
  }
}
#dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .booking-details.trip-request {
  margin-top: 5px;
}
#dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item:hover {
  cursor: pointer;
  background-color: #F1FAFF;
  border-radius: 10px;
}
#dashboard #dashboard-bookings .dashboard-booking-tabs-container .trip-request-matches .trip-request-profile-container {
  width: 10%;
  float: left;
}
@media (max-width: 767px) {
  #dashboard #dashboard-bookings .dashboard-booking-tabs-container .trip-request-matches .trip-request-profile-container {
    width: 20%;
  }
}
#dashboard #dashboard-bookings .dashboard-booking-tabs-container .trip-request-matches .trip-request-profile-container .trip-match-profile {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  border: 2px solid #dfdbdb;
  display: block;
}
#dashboard #dashboard-bookings .dashboard-booking-tabs-container .trip-request-matches .trip-request-info {
  width: 85%;
  margin-left: 5%;
  float: left;
}
@media (max-width: 767px) {
  #dashboard #dashboard-bookings .dashboard-booking-tabs-container .trip-request-matches .trip-request-info {
    width: 75%;
  }
}
#dashboard #dashboard-bookings .dashboard-booking-tab-collapsed {
  display: none;
}
#dashboard #dashboard-bookings .dashboard-booking-tab-collapsed.active {
  display: block;
}
#dashboard #dashboard-recent-trips .recent-trip-item {
  padding: 12px;
}
#dashboard #dashboard-recent-trips .recent-trip-item .trip-details .trip-date {
  float: left;
  color: #456682;
  margin-top: 0px;
  font-size: 16px;
}
@media (max-width: 767px) {
  #dashboard #dashboard-recent-trips .recent-trip-item .trip-details .trip-date {
    margin-top: 0px;
  }
}
#dashboard #dashboard-recent-trips .recent-trip-item .trip-booking {
  display: flex;
  flex-wrap: wrap;
}
#dashboard #dashboard-recent-trips .recent-trip-item .trip-booking .picture-container {
  margin-right: 12px;
}
#dashboard #dashboard-recent-trips .recent-trip-item .trip-booking .picture-container .picture {
  width: 48px;
  height: 48px;
  border-radius: 60px;
  border: 1px solid #dfdbdb;
}
#dashboard #dashboard-recent-trips .recent-trip-item .trip-booking .user-details {
  font-size: 16px;
  font-weight: 600;
  color: #183154;
}
@media (min-width: 769px) {
  #dashboard #dashboard-recent-trips .recent-trip-item .trip-booking .user-details {
    min-width: 320px;
    margin-top: 12px;
  }
}
@media (max-width: 767px) {
  #dashboard #dashboard-recent-trips .recent-trip-item .trip-booking .user-details {
    margin-top: 2px;
  }
}
@media (min-width: 769px) {
  #dashboard #dashboard-recent-trips .recent-trip-item .trip-booking .feedback-details {
    min-width: 320px;
    margin-top: 12px;
  }
}
@media (max-width: 767px) {
  #dashboard #dashboard-recent-trips .recent-trip-item .trip-booking .feedback-details {
    margin-top: 6px;
  }
}
#dashboard .dashboard-recent-trips-collapsed {
  display: none;
}
#dashboard .dashboard-recent-trips-collapsed.active {
  display: block;
}
#dashboard #dashboard-member-stories h2 {
  font-size: 24px;
}
#dashboard #dashboard-member-stories h3 {
  font-size: 20px;
  margin-bottom: 0px;
  font-weight: 600;
}
#dashboard #dashboard-member-stories .box-4 {
  width: 23.5%;
  margin-right: 2%;
  float: left;
  box-sizing: border-box;
  background: #ffffff;
}
@media (max-width: 767px) {
  #dashboard #dashboard-member-stories .box-4 {
    width: 100%;
    margin-bottom: 30px;
  }
}
#dashboard #dashboard-member-stories .box-4 .box-image {
  height: 200px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  opacity: 0.9;
}
@media (max-width: 767px) {
  #dashboard #dashboard-member-stories .box-4 .box-image {
    height: 300px;
  }
}
#dashboard #dashboard-member-stories .box-4 .box-text {
  box-sizing: 15px;
  padding: 0px 20px 20px 20px;
}
#dashboard #dashboard-member-stories .box-4 .box-image:hover {
  opacity: 1;
}
#dashboard #dashboard-member-stories .box-4.last {
  margin-right: 0px;
  background: url("../images/icons/icon-pencil-orange.05e612547a5b.png") no-repeat center #ffffff;
  background-position-y: 60px;
  opacity: 0.8;
}
@media (max-width: 767px) {
  #dashboard #dashboard-member-stories .box-4.last {
    background-position-y: 100px;
  }
}
#dashboard #dashboard-member-stories .box-4.last:hover {
  opacity: 1;
}
#dashboard #trip-notifications .trip-notification-item {
  margin: 0px 0px 20px;
  border: 1px solid #dfdbdb;
  background: #ffffff;
  border-radius: 5px;
  padding: 15px;
}
#dashboard #trip-notifications .trip-notification-item .trip-details .trip-origin {
  font-size: 18px;
  font-weight: 700;
}
#dashboard #trip-notifications .trip-notification-item .trip-details .trip-date {
  margin: 0px 0px 3px;
}
#dashboard #trip-notifications .trip-notification-item .trip-details .trip-counts {
  font-weight: bold;
  margin: 5px 0px 15px;
}
#dashboard #trip-notifications .trip-notification-item .trip-details .trip-pickup {
  font-weight: 600;
}
#dashboard #trip-notifications .trip-notification-item .booking-status.top {
  margin-right: -15px;
  padding: 3px 10px 3px 10px;
  color: #ffffff;
}
#dashboard #trip-notifications .trip-notification-item .booking-status.top.denied {
  background: #ff6060;
}
#dashboard #trip-notifications .trip-notification-item .trip-request {
  margin: 15px 0px 15px;
}
#dashboard #trip-notifications .trip-notification-item .trip-request .profile-pic:hover {
  border: 1px solid #ccc !important;
}
#dashboard #trip-notifications .trip-notification-item .trip-request .trip-details {
  margin-top: 10px;
}
#dashboard #trip-notifications .trip-notification-item .trip-request .booking-status {
  position: relative;
  top: -5px;
  bottom: -5px;
}
#dashboard #trip-notifications .trip-notification-item .trip-request:last-child {
  margin-bottom: 0px;
}
#dashboard #trip-notifications .trip-notification-item.booker .trip-request {
  margin-bottom: 0px;
}
#dashboard #trip-notifications .trip-notification-item:hover {
  border: 1px solid #dfdbdb;
}
#dashboard .link-underline.toggler, #dashboard #terms a.toggler, #terms #dashboard a.toggler, #dashboard #privacy a.toggler, #privacy #dashboard a.toggler, #dashboard .toggler.link-orange, #dashboard #locations ul li a.toggler:not(h2 > a), #locations ul li #dashboard a.toggler:not(h2 > a) {
  padding: 0px 12px 12px 12px;
  display: inline-block;
}

#dashboard.page {
  padding-bottom: 0px;
}

#dashboard-boxes .dashboard-box {
  background: #ffffff;
  border-radius: 15px;
  border: 1px solid #D7E6ED;
  box-sizing: border-box;
  opacity: 0.9;
  overflow: hidden;
}
@media (min-width: 769px) {
  #dashboard-boxes .dashboard-box {
    width: 32%;
    float: left;
    margin-right: 2%;
  }
}
#dashboard-boxes .dashboard-box .dashboard-box-image {
  height: 200px;
  position: relative;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
#dashboard-boxes .dashboard-box .dashboard-box-image-bumper {
  background: url("../images/dashboard/dashboard-box-bumper.3f688b7a3a9a.png") no-repeat center center;
  background-size: cover;
  -webkit-box-shadow: inset 0px -89px 44px -37px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: inset 0px -89px 44px -37px rgba(0, 0, 0, 0.75);
  box-shadow: inset 0px -89px 44px -37px rgba(0, 0, 0, 0.75);
}
#dashboard-boxes .dashboard-box .dashboard-box-image-refer {
  background: url("../images/dashboard/dashboard-box-refer-en.70a330db072f.png") no-repeat center center;
  background-size: cover;
  -webkit-box-shadow: inset 0px -89px 44px -37px rgba(0, 0, 0, 0.46);
  -moz-box-shadow: inset 0px -89px 44px -37px rgba(0, 0, 0, 0.46);
  box-shadow: inset 0px -89px 44px -37px rgba(0, 0, 0, 0.46);
}
#dashboard-boxes .dashboard-box .dashboard-box-image-review {
  background: url("../images/dashboard/dashboard-box-reviews.f1e680f1f83d.png") no-repeat center center;
  background-size: cover;
  -webkit-box-shadow: inset 0px -89px 44px -37px rgba(0, 0, 0, 0.46);
  -moz-box-shadow: inset 0px -89px 44px -37px rgba(0, 0, 0, 0.46);
  box-shadow: inset 0px -89px 44px -37px rgba(0, 0, 0, 0.46);
}
#dashboard-boxes .dashboard-box .dashboard-box-image-facebook {
  background: url("../images/dashboard/dashboard-box-community.9525bfcc23f5.png") no-repeat center center;
  background-size: cover;
  -webkit-box-shadow: inset 0px -89px 44px -37px rgba(0, 0, 0, 0.46);
  -moz-box-shadow: inset 0px -89px 44px -37px rgba(0, 0, 0, 0.46);
  box-shadow: inset 0px -89px 44px -37px rgba(0, 0, 0, 0.46);
}
#dashboard-boxes .dashboard-box .dashboard-box-image-instagram {
  background: url("../images/dashboard/dashboard-box-instagram.f58f66903c51.png") no-repeat center center;
  background-size: cover;
  -webkit-box-shadow: inset 0px -89px 44px -37px rgba(0, 0, 0, 0.46);
  -moz-box-shadow: inset 0px -89px 44px -37px rgba(0, 0, 0, 0.46);
  box-shadow: inset 0px -89px 44px -37px rgba(0, 0, 0, 0.46);
}
#dashboard-boxes .dashboard-box .dashboard-box-image-text {
  position: absolute;
  bottom: 15px;
  left: 15px;
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
}
#dashboard-boxes .dashboard-box .dashboard-box-contents {
  padding: 15px;
}
#dashboard-boxes .dashboard-box a.dashboard-button {
  text-align: center;
  box-sizing: border-box;
  display: block;
  font-weight: 600;
  width: 100%;
  color: #183154;
  border-top: 1px solid #D7E6ED;
  padding: 18px;
  text-align: center;
}
@media (min-width: 769px) {
  #dashboard-boxes .dashboard-box.last {
    margin-right: 0px;
  }
}
#dashboard-boxes .dashboard-box:hover {
  opacity: 1;
}

/* Templates for events */
#event_view-page #event-breadcrumbs {
  margin: 15px 0px;
}
#event_view-page h1 {
  font-size: 42px;
  font-weight: 800;
  margin: 40px 0px 20px;
  line-height: 50px;
}
@media (max-width: 767px) {
  #event_view-page h1 {
    font-size: 32px;
    line-height: 40px;
    margin: 30px 0px 20px;
  }
}
#event_view-page .event-tagline {
  font-size: 16px;
  margin: 0px 0px 20px;
  color: #456682;
  line-height: 24px;
}
@media (max-width: 767px) {
  #event_view-page .event-tagline {
    font-size: 16px;
  }
}
#event_view-page #event-banner {
  height: 340px;
  width: 100%;
  border-radius: 15px;
}
@media (max-width: 767px) {
  #event_view-page #event-banner {
    height: 140px;
  }
}
#event_view-page .event-location {
  font-size: 14px;
  background: url("../images/icons/location.da7178e2c703.svg") no-repeat left center;
  background-size: 24px 24px;
  display: inline-block;
  padding-left: 25px;
  float: left;
}
#event_view-page .event-dates {
  float: left;
  font-size: 14px;
  background: url("../images/icons/calendar.62fb8c90468a.svg") no-repeat left center;
  background-size: 24px auto;
  display: inline-block;
  padding-left: 30px;
  margin-left: 35px;
}
#event_view-page .event-website {
  float: right;
}
#event_view-page .event-website a {
  font-size: 14px;
  text-decoration: underline;
}
@media (max-width: 767px) {
  #event_view-page .event-website a {
    font-size: 16px;
  }
}
#event_view-page .event-in-past {
  background: url("../images/icons/icon-past.ded5e50348b2.svg") no-repeat top left -8px;
  background-size: 42px 42px;
  padding-top: 48px;
}
#event_view-page #event-search-container {
  position: absolute;
  right: 20px;
  top: 57px;
}
@media (max-width: 767px) {
  #event_view-page #event-search-container {
    position: relative;
    top: 0px;
  }
}
#event_view-page #event-search-container .event-search {
  margin: 0 auto;
}
#event_view-page .all-events {
  color: #ffffff;
  font-size: 14px;
  text-decoration: underline;
}
@media (max-width: 767px) {
  #event_view-page .all-events {
    position: inherit;
  }
}
#event_view-page #event-add-trip {
  background: #0099ff;
  border-bottom: none;
  text-align: center;
  padding-bottom: 30px;
}
@media (max-width: 767px) {
  #event_view-page #event-add-trip {
    padding-bottom: 10px;
  }
}
#event_view-page #event-add-trip a {
  color: #ffffff;
  font-size: 18px;
}
#event_view-page #event-add-trip a .icon-camper {
  background: url("../images/icons/icon-camper-white.2d87c77a7ceb.png") no-repeat center bottom;
  background-size: 50px 50px;
  width: 50px;
  height: 50px;
  display: inline-block;
  position: relative;
  line-height: 0px;
  top: 14px;
  left: -20px;
}
@media (max-width: 767px) {
  #event_view-page #event-add-trip a .icon-camper {
    display: block;
    position: inherit;
    margin: 0 auto;
    line-height: 0px;
    padding: 5px 0px 5px;
    top: 14px;
    left: -20px;
  }
}
#event_view-page #event-add-trip a .icon-arrow {
  background: url("../images/icons/arrow-right-white.c9b3489fd215.png") no-repeat center bottom;
  background-size: 50px 25px;
  width: 50px;
  height: 25px;
  display: inline-block;
  position: relative;
  line-height: 0px;
  top: 6px;
  left: 20px;
}
@media (max-width: 767px) {
  #event_view-page #event-add-trip a .icon-arrow {
    display: none;
  }
}
@media (max-width: 767px) {
  #event_view-page #event-add-trip a .event-add-trip-cta {
    display: table;
    border: 2px solid #ffffff;
    margin: 20px auto;
    padding: 12px 20px 12px 20px;
    border-radius: 50px;
    font-size: 16px;
  }
}
#event_view-page #event-add-trip:hover {
  background: #44b4ff;
}
#event_view-page #event-add-trip:active {
  background: #0077c6;
}
#event_view-page #event-actions {
  width: 100%;
}
#event_view-page #event-actions .event-action {
  width: 49%;
  box-sizing: border-box;
  padding: 30px 20px 30px 180px;
  float: left;
  border: 1px solid #dfdbdb;
  border-radius: 15px;
}
@media (max-width: 767px) {
  #event_view-page #event-actions .event-action {
    width: 100%;
    padding: 120px 15px 15px 15px;
  }
}
#event_view-page #event-actions .event-action .event-action-title {
  font-size: 24px;
  font-weight: 700;
}
#event_view-page #event-actions .event-action-title {
  color: #183154;
}
#event_view-page #event-actions .event-cta {
  padding: 12px 20px 12px 20px;
  display: inline-block;
  border-radius: 50px;
  font-size: 16px;
}
#event_view-page #event-actions .event-action.drive {
  float: right;
  background: url("../images/icons/vehicle.ed57ac5125d5.svg") no-repeat left 20px top 20px;
  background-size: 120px auto;
}
@media (max-width: 767px) {
  #event_view-page #event-actions .event-action.drive {
    background: url("../images/icons/vehicle.ed57ac5125d5.svg") no-repeat top 15px left 15px;
    background-size: 80px auto;
  }
}
#event_view-page #event-actions .event-action.passenger {
  float: left;
  background: url("../images/icons/notification.1065a7575484.svg") no-repeat left 20px top 20px;
  background-size: 120px auto;
}
@media (max-width: 767px) {
  #event_view-page #event-actions .event-action.passenger {
    background: url("../images/icons/notification.1065a7575484.svg") no-repeat top 15px left 15px;
    background-size: 80px auto;
  }
}
#event_view-page #event-actions .event-action:hover {
  opacity: 0.8;
}
#event_view-page #event-actions .event-action:active {
  opacity: 1;
}

#event-list-banner {
  background: #F2E2F0;
}
@media (max-width: 767px) {
  #event-list-banner {
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
}
#event-list-banner h2 {
  font-size: 24px;
  line-height: 30px;
  font-weight: 500;
  margin: 30px 0px 0px 0px;
}
@media (max-width: 767px) {
  #event-list-banner h2 {
    margin: 20px 0px 0px 0px;
    font-size: 20px;
    line-height: 24px;
  }
}

#event_list-page #events-container, #event_history_list-page #events-container {
  margin-top: 20px;
}
#event_list-page #events-container .event-item, #event_history_list-page #events-container .event-item {
  padding: 25px;
  border-radius: 15px;
  background: #ffffff;
  margin-bottom: 15px;
  border: 1px solid #D7E6ED;
}
#event_list-page #events-container .event-item .event-image, #event_history_list-page #events-container .event-item .event-image {
  display: block;
  width: 18%;
  margin-right: 2%;
  float: left;
  height: 60px;
}
@media (max-width: 767px) {
  #event_list-page #events-container .event-item .event-image, #event_history_list-page #events-container .event-item .event-image {
    width: 100%;
  }
}
#event_list-page #events-container .event-item .event-details, #event_history_list-page #events-container .event-item .event-details {
  float: left;
  width: 65%;
}
#event_list-page #events-container .event-item .event-details .event-name, #event_history_list-page #events-container .event-item .event-details .event-name {
  font-size: 20px;
  color: #183154;
  font-weight: 700;
}
@media (max-width: 767px) {
  #event_list-page #events-container .event-item .event-details .event-name, #event_history_list-page #events-container .event-item .event-details .event-name {
    margin-top: 15px;
  }
}
#event_list-page #events-container .event-item .event-details .event-more, #event_history_list-page #events-container .event-item .event-details .event-more {
  font-size: 16px;
}
@media (min-width: 769px) {
  #event_list-page #events-container .event-item .event-details .event-more, #event_history_list-page #events-container .event-item .event-details .event-more {
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  #event_list-page #events-container .event-item .event-details .event-more, #event_history_list-page #events-container .event-item .event-details .event-more {
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  #event_list-page #events-container .event-item .event-details, #event_history_list-page #events-container .event-item .event-details {
    width: 100%;
  }
}
#event_list-page #events-container .event-item .event-cta, #event_history_list-page #events-container .event-item .event-cta {
  float: right;
  width: 15%;
  font-size: 16px;
  color: #666;
  box-sizing: border-box;
  margin-top: 19px;
  text-align: right;
}
@media (max-width: 767px) {
  #event_list-page #events-container .event-item .event-cta, #event_history_list-page #events-container .event-item .event-cta {
    width: 100%;
    text-align: left;
    float: none;
    padding: 15px 0px 0px 0px;
    width: 100%;
    text-align: center;
    border-top: 1px solid #dfdbdb;
    display: block;
    background: none;
  }
}
#event_list-page #events-container .event-item:hover, #event_history_list-page #events-container .event-item:hover {
  border: 1px solid #456682;
}
#event_list-page #events-container .event-item:active, #event_history_list-page #events-container .event-item:active {
  border: 1px solid #456682;
}

.event-search {
  position: relative;
  max-width: 260px;
}
@media (max-width: 767px) {
  .event-search {
    max-width: 100%;
  }
}

/* Styles for find page */
.loggedin .pre-page-offset {
  height: 155px;
}

.loggedout .pre-page-offset {
  height: 95px;
}

#searchbar {
  width: 100%;
}
#searchbar .container, #searchbar #business .business-container, #business #searchbar .business-container {
  position: relative;
}
@media (max-width: 767px) {
  #searchbar .container, #searchbar #business .business-container, #business #searchbar .business-container {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
#searchbar .find-h1 {
  font-size: 20px !important;
}
#searchbar .new-search {
  background-image: url("../images/icons/search.91671e1ff3e1.svg");
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: center left 12px;
  padding-left: 32px;
}
@media (min-width: 769px) {
  #searchbar .new-search {
    display: none;
  }
}
@media (max-width: 767px) {
  #searchbar .mobile-inactive {
    display: none;
  }
}

@media (min-width: 769px) {
  #searchbar.scrolled {
    position: fixed;
    top: 0px;
    z-index: 100;
    background: none;
    border: none;
  }
}
#searchbar.scrolled #trip-find-filters {
  display: none;
}

/* Find page */
#find-page #wrapper {
  background: #ffffff;
  position: relative;
}

#find .date-only {
  margin-top: 5px;
}
#find .find-button {
  margin-top: 15px;
}
#find .trip-destinations .destination-box {
  position: relative;
  float: left;
  color: #ffffff;
  cursor: pointer;
  opacity: 0.9;
  border-radius: 2px;
}
@media (min-width: 769px) {
  #find .trip-destinations .destination-box {
    width: 22.75%;
    padding-top: 22.75%;
    margin-left: 3%;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  #find .trip-destinations .destination-box {
    width: 48.5%;
    padding-top: 48.5%;
    margin-left: 3%;
    margin-bottom: 20px;
  }
}
#find .trip-destinations .destination-box:hover, #find .trip-destinations .destination-box:active {
  opacity: 1;
}
@media (min-width: 769px) {
  #find .trip-destinations .destination-box:nth-child(4n+1) {
    margin-left: 0px;
  }
}
@media (max-width: 767px) {
  #find .trip-destinations .destination-box:nth-child(odd) {
    margin-left: 0px;
  }
}
#find .trip-destinations .destination-title {
  position: absolute;
  bottom: 43%;
  width: 100%;
  text-align: center;
  font-size: 18px;
  text-shadow: -1px -1px 7px rgb(91, 91, 91);
}
#find .trip-destinations .destination-box.add-location {
  border: 1px solid #dfdbdb;
  box-sizing: border-box;
}
#find .trip-destinations .destination-box.add-location .add-location-top {
  color: #456682;
  position: absolute;
  bottom: 54%;
  text-align: center;
  width: 100%;
  font-size: 16px;
}
#find .trip-destinations .destination-box.add-location .add-location-bottom {
  color: #ff4f02;
  position: absolute;
  bottom: 31%;
  text-align: center;
  width: 100%;
  font-size: 18px;
}
#find .trip-destinations .destination-box.add-location:hover {
  border: 1px solid #456682;
}

.recent-searches-container .container, .recent-searches-container #business .business-container, #business .recent-searches-container .business-container {
  padding-top: 0px;
  padding-bottom: 0px;
}

.recent-searches-container.searched {
  background: #ffffff;
  border-bottom: 1px solid #D7E6ED;
  padding: 30px 0px;
}

#recent-searches .recent-searches-header {
  margin-bottom: 10px;
}
#recent-searches a.recent-search-item {
  display: block;
}
@media (min-width: 1024px) {
  #recent-searches a.recent-search-item {
    margin-bottom: 20px;
    padding: 15px 10px 0px 0px;
    width: 30%;
    margin-right: 3%;
    float: left;
    box-sizing: border-box;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  #recent-searches a.recent-search-item {
    margin-bottom: 20px;
    padding: 20px 10px 0px 0px;
    width: 45%;
    margin-right: 2.5%;
    float: left;
    box-sizing: border-box;
  }
}
@media (max-width: 767px) {
  #recent-searches a.recent-search-item {
    height: 72px;
    width: 100%;
    float: none;
    padding: 14px 0px 10px;
    box-sizing: border-box;
    border-top: 1px solid #D7E6ED;
    background: url("../images/icons/icon-triangle-grey-right.11ca7a45b10e.png") no-repeat center right;
    background-size: 9px 15px;
    background-position-y: 28px;
  }
}
#recent-searches a.recent-search-item .recent-search-locations {
  color: #183154;
  font-size: 16px;
  font-weight: 700;
}
#recent-searches a.recent-search-item .recent-search-dates {
  margin-top: 5px;
  font-size: 15px;
  color: #456682;
}
@media (min-width: 769px) {
  #recent-searches a.recent-search-item.add-border {
    border-top: 1px solid #D7E6ED;
  }
}
@media (max-width: 767px) {
  #recent-searches a.recent-search-item.no-border-on-mobile {
    border-top: none;
  }
}
@media (max-width: 767px) {
  #recent-searches a.recent-search-item.without-date {
    padding-top: 24px;
    background-position-y: 26px;
  }
}
#recent-searches a.recent-search-item:hover .recent-search-locations {
  color: #456682;
}
#recent-searches a.recent-search-item:active .recent-search-locations {
  color: #456682;
}

#recent-searches-toggle {
  background: rgba(255, 255, 255, 0.9);
  padding: 3px 0px 5px;
}
#recent-searches-toggle .container, #recent-searches-toggle #business .business-container, #business #recent-searches-toggle .business-container {
  padding-top: 0px;
  padding-bottom: 0px;
}
#recent-searches-toggle .toggle-icon {
  width: 13px;
  height: 13px;
  margin: 0px auto;
  display: block;
}

#recent-searches-toggle.down .toggle-icon {
  background: url("../images/icons/icon-triangle-grey-up.aa1f2a609d11.png") no-repeat left center;
  background-size: contain;
}

#recent-searches-toggle.up .toggle-icon {
  background: url("../images/icons/icon-triangle-grey-up.aa1f2a609d11.png") no-repeat left center;
  background-size: contain;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

#recent-searches-toggle.searched {
  background: #ebebeb;
}

#recent-searches-toggle:hover .toggle-text {
  color: #666;
}

#recent-searches-toggle.searched:hover {
  background: #e2e2e2;
}

#search-results-loading {
  min-height: 700px;
}
#search-results-loading .loading {
  position: relative;
  top: 0px;
  left: 0px;
  margin: 150px auto;
  background: url("../images/animations/loading-logo.b24dc254af82.gif") no-repeat;
  background-size: 30px 30px;
  width: 30px;
  height: 30px;
  opacity: 1;
}

#search-results-container {
  min-height: 700px;
}
@media (min-width: 769px) {
  #search-results-container .partner-banners {
    display: flex;
    justify-content: space-between;
  }
}
#search-results-container .partner-banner {
  height: 105px;
  color: #456682;
}
@media (max-width: 767px) {
  #search-results-container .partner-banner {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 20px;
  }
}
#search-results-container .partner-banner .modo-image {
  background: url("../images/partners/promo-modo-desktop.cf63719182bb.jpg") no-repeat #ffffff;
  border-radius: 5px;
  border: 1px solid #dfdbdb;
  width: 480px;
  height: 70px;
  background-size: contain;
}
@media (max-width: 767px) {
  #search-results-container .partner-banner .modo-image {
    width: 320px;
    height: 320px;
    background: url("../images/partners/promo-modo-mobile.c3d2800edee3.jpg") no-repeat #ffffff top center;
    background-size: contain;
  }
}
#search-results-container .partner-banner .hi-image {
  background: url("../images/partners/promo-hi-desktop.3cc8531a8674.jpg") no-repeat #ffffff;
  border-radius: 5px;
  border: 1px solid #dfdbdb;
  width: 480px;
  height: 70px;
  background-size: contain;
}
@media (max-width: 767px) {
  #search-results-container .partner-banner .hi-image {
    width: 320px;
    height: 320px;
    background: url("../images/partners/promo-hi-mobile.b018c03557b1.jpg") no-repeat #ffffff top center;
    background-size: contain;
  }
}

#routes .route {
  box-sizing: border-box;
  padding: 20px;
  border: 1px solid #dfdbdb;
  float: left;
  margin-bottom: 20px;
  text-align: center;
}
@media (min-width: 1024px) {
  #routes .route {
    width: 23.5%;
    margin-left: 2%;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  #routes .route {
    width: 32%;
    margin-right: 2%;
  }
}
@media (max-width: 767px) {
  #routes .route {
    width: 100%;
  }
}
#routes .route .location {
  float: left;
}
#routes .route .arrow {
  background: url("../images/icons/icon-arrow-right-grey.0fa00a41d27c.png") no-repeat;
  background-size: contain;
  float: left;
  display: block;
  width: 20px;
  height: 20px;
  margin: 0px 10px 0px 10px;
}
#routes .route .route-container {
  display: inline-flex;
  text-align: center;
}
@media (min-width: 1024px) {
  #routes .route:nth-child(4n) {
    margin-left: 0px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  #routes .route:nth-child(3n+3) {
    margin-right: 0px;
  }
}
#routes .route:hover {
  border: 1px solid #456682;
  color: #456682;
}

.find-location {
  padding: 20px 0px 30px;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .find-location {
    padding: 10px 0px 20px;
  }
}
@media (max-width: 767px) {
  .find-location {
    padding: 0px;
  }
}
.find-location h1 {
  color: #456682;
  font-size: 42px;
  margin: 30px 0px 20px;
  font-weight: 900;
}
@media (min-width: 769px) {
  .find-location h1 {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .find-location h1 {
    margin: 0px;
    font-size: 32px !important;
  }
}

/*  The CTAs at the bottom of a search result inviting
    a member to post a trip or a request */
#find-location-banner .find-location-banner-box {
  width: 50%;
  text-align: center;
  padding: 70px 20px 40px 20px;
  box-sizing: border-box;
  border-radius: 5px;
}
@media (max-width: 767px) {
  #find-location-banner .find-location-banner-box {
    width: 100%;
    float: none;
    text-align: left;
    padding: 20px 0px 20px 70px;
  }
}
#find-location-banner .find-location-banner-box h2 {
  margin: 20px 0px 30px;
  color: #183154;
}
@media (max-width: 767px) {
  #find-location-banner .find-location-banner-box h2 {
    margin: 10px 0px;
    font-size: 18px;
  }
}
#find-location-banner .find-location-banner-box a {
  font-size: 18px;
  padding: 10px 0px;
  display: block;
}
@media (max-width: 767px) {
  #find-location-banner .find-location-banner-box a {
    font-size: 16px;
    padding: 5px 0px;
  }
}
#find-location-banner .find-location-banner-box .divider {
  max-width: 320px;
  margin: 15px auto;
}
@media (max-width: 767px) {
  #find-location-banner .find-location-banner-box .divider {
    max-width: none;
    margin: 5px auto;
  }
}
#find-location-banner .find-location-banner-box.from {
  background: url("../images/icons/vehicle.ed57ac5125d5.svg") no-repeat top center;
  background-size: 65px 65px;
  float: left;
}
@media (max-width: 767px) {
  #find-location-banner .find-location-banner-box.from {
    background: url("../images/icons/vehicle.ed57ac5125d5.svg") no-repeat left top 25px;
    background-size: 50px 50px;
  }
}
#find-location-banner .find-location-banner-box.to {
  float: right;
  background: url("../images/icons/notification.1065a7575484.svg") no-repeat top center;
  background-size: 65px 65px;
}
@media (max-width: 767px) {
  #find-location-banner .find-location-banner-box.to {
    background: url("../images/icons/notification.1065a7575484.svg") no-repeat left top 25px;
    background-size: 50px 50px;
  }
}

/* Trip find filters */
#trip-find-filters-trigger {
  padding: 8px 0px 8px 34px;
  font-size: 16px;
  font-weight: 600;
  background: #ffffff;
  color: #456682;
  background-image: url("../images/icons/icon-filter.e863f93f6f7c.svg");
  background-repeat: no-repeat;
  background-position: left 4px center;
  background-size: 28px 28px;
}

#trip-find-filters {
  color: #456682;
}
@media (max-width: 767px) {
  #trip-find-filters {
    display: none;
    border-bottom: 1px solid #D7E6ED;
  }
}
#trip-find-filters .container, #trip-find-filters #business .business-container, #business #trip-find-filters .business-container {
  padding-top: 0px;
  padding-bottom: 0px;
}
#trip-find-filters .filter-item {
  float: left;
  padding-top: 15px;
  padding-bottom: 15px;
}
@media (max-width: 767px) {
  #trip-find-filters .filter-item {
    float: none;
    width: 100%;
    padding: 15px 0px 20px 0px;
    margin: 0px;
    clear: both;
  }
}
@media (min-width: 769px) {
  #trip-find-filters .filter-show {
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  #trip-find-filters .filter-show {
    border-bottom: 1px solid #D7E6ED;
  }
}
@media (min-width: 769px) {
  #trip-find-filters .filter-hide {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (max-width: 767px) {
  #trip-find-filters .filter-hide {
    border-bottom: 1px solid #D7E6ED;
  }
}
#trip-find-filters .filter-hide.loggedout {
  padding-left: 0px;
}
#trip-find-filters .filter-hide.loggedout .filter-label {
  padding-right: 10px;
}
@media (max-width: 767px) {
  #trip-find-filters .filter-hide.loggedout {
    border-bottom: none;
  }
}
@media (min-width: 769px) {
  #trip-find-filters .filter-options {
    border-right: 1px solid #D7E6ED;
    margin-right: 20px;
    padding-right: 20px;
    margin-left: 20px;
  }
}
@media (max-width: 767px) {
  #trip-find-filters .filter-options {
    border-bottom: 1px solid #D7E6ED;
  }
}
@media (min-width: 769px) {
  #trip-find-filters .filter-requests {
    float: right;
    width: 140px;
  }
}
@media (max-width: 767px) {
  #trip-find-filters .filter-requests {
    font-size: 14px;
  }
}
#trip-find-filters .filter-requests .icon {
  width: 10px;
  height: 10px;
  border-radius: 10px;
  display: block;
  float: left;
  margin: 7px 10px 0px 0px;
}
#trip-find-filters .filter-requests .icon.on {
  background: #009a4b;
}
#trip-find-filters .filter-requests .icon.off {
  background: #456682;
}
#trip-find-filters .filter-label, #trip-find-filters .filter, #trip-find-filters .tickbox, #trip-find-filters .filter-text, #trip-find-filters .checker-trigger {
  float: left;
}
#trip-find-filters .checker {
  width: 20px;
  height: 20px;
  border-radius: 5px;
}
#trip-find-filters .checker-network {
  border: none;
  padding: 0px 0px 0px 0px;
  width: auto;
}
#trip-find-filters .checker-network .checker-network-all {
  display: block;
  float: left;
}
#trip-find-filters .checker-network .checker-network-text {
  float: left;
}
#trip-find-filters .checker-network .checker-network-icon {
  display: block;
  float: left;
  margin-right: 10px;
  height: 23px;
  width: 23px;
  background: url("../images/icons/icon-student.3f9be6597130.svg") no-repeat top -2px center;
  background-size: contain;
}
#trip-find-filters .checker-network .checker-network-tick {
  display: none;
}
#trip-find-filters .checker-network.active .checker-network-tick {
  margin: 1px 0px 0px 5px;
  display: block;
  float: left;
  background: url("../images/icons/icon-tick.641c938bc4c2.svg") no-repeat center center;
  background-size: contain;
  width: 18px;
  height: 18px;
}
@media (max-width: 767px) {
  #trip-find-filters .checker-network-divider {
    border-bottom: 1px solid #efefef;
  }
}
#trip-find-filters .filter-label {
  font-weight: 600;
  color: #183154;
}
@media (max-width: 767px) {
  #trip-find-filters .filter-label {
    width: 100%;
    margin-bottom: 10px;
  }
}
#trip-find-filters .tickbox {
  width: 20px;
  height: 20px;
  border: 1px solid #9E9C9C;
  border-radius: 3px;
}
@media (min-width: 1024px) {
  #trip-find-filters .tickbox {
    margin: 0px 10px 0px 10px;
  }
}
@media (min-width: 0px) and (max-width: 1023px) {
  #trip-find-filters .tickbox {
    margin: 0px 10px 0px 0px;
  }
}
@media (min-width: 1024px) {
  #trip-find-filters .filter {
    margin: 0px 10px 0px 10px;
  }
}
@media (min-width: 0px) and (max-width: 1023px) {
  #trip-find-filters .filter {
    margin: 0px 15px 0px 0px;
  }
}
#trip-find-filters .filter.active .tickbox {
  background: url("../images/icons/icon-tick.641c938bc4c2.svg") no-repeat center center;
  background-size: 14px 14px;
}

@media (max-width: 767px) {
  #trip-find-filters.active {
    display: block;
  }
}

/*  Search form, we have several versions
    1. On the /find, all inputs are next to each other, 100% width
    2. On the homepage (index), From/To are 50% width, leaving is 100% width
    3. On mobile, all three inputs are 100%, and layout is vertical
 */
.trip-search {
  width: 100%;
  background: #ffffff;
  color: #456682;
  text-align: left;
}
@media (max-width: 767px) {
  .trip-search {
    margin: 0 auto;
    border: none;
    background: none;
  }
}
.trip-search .trip-search-origin {
  box-sizing: border-box;
  float: left;
  width: 26%;
  padding: 0px;
  position: relative;
}
@media (max-width: 767px) {
  .trip-search .trip-search-origin {
    width: 100%;
    margin-bottom: 10px;
  }
}
.trip-search .trip-search-destination {
  box-sizing: border-box;
  float: left;
  width: 26%;
  padding: 0px;
  position: relative;
}
@media (max-width: 767px) {
  .trip-search .trip-search-destination {
    width: 100%;
    margin-bottom: 10px;
  }
}
.trip-search .trip-search-swap {
  opacity: 0.6;
}
@media (min-width: 769px) {
  .trip-search .trip-search-swap {
    background: url("../images/icons/icon-swap.919a242087c4.svg") no-repeat center center;
    width: 4%;
    background-size: 40px 40px;
    float: left;
    position: relative;
    display: block;
    padding: 27px 0px;
    box-sizing: border-box;
  }
}
@media (max-width: 767px) {
  .trip-search .trip-search-swap {
    background-image: url("../images/icons/icon-swap-vertical.136be9cc57a0.svg");
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-size: 40px 40px;
    border: 1px solid #D7E6ED;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    display: block;
    position: absolute;
    margin-top: 36px;
    margin-left: 70%;
    z-index: 5000;
    opacity: 1;
  }
}
.trip-search .trip-search-swap:hover {
  opacity: 0.9;
}
.trip-search .trip-search-swap:active {
  opacity: 1;
}
.trip-search .trip-search-date {
  box-sizing: border-box;
  float: left;
  width: 24%;
  margin-left: 2%;
  position: relative;
}
@media (max-width: 767px) {
  .trip-search .trip-search-date {
    margin-left: 0px;
    width: 100%;
  }
}
.trip-search .trip-search-button {
  box-sizing: border-box;
  float: right;
  width: 16%;
  margin-left: 2%;
  clear: none;
  margin-top: 0px;
}
@media (max-width: 767px) {
  .trip-search .trip-search-button {
    margin-left: 0px;
    margin-top: 10px;
    width: 100%;
  }
}
.trip-search .trip-search-button.greyed {
  color: #ffffff !important;
}
.trip-search .trip-search-button:hover {
  opacity: 0.9;
  outline: none;
  -webkit-appearance: none;
}
.trip-search .trip-search-button:active {
  opacity: 1;
}
.trip-search #id_departing {
  margin-top: 0px;
  margin-bottom: 0px;
}
.trip-search ul.errorlist {
  position: absolute;
  margin-top: 55px;
}
@media (max-width: 767px) {
  .trip-search #id_departure_date-error {
    top: -4px;
  }
}
@media (max-width: 767px) {
  .trip-search .locations-name {
    display: none;
  }
}
@media (max-width: 767px) {
  .trip-search .autocomplete-suggestions {
    margin-top: -2px;
  }
}

@media (min-width: 769px) {
  #trip-find-form {
    padding: 20px;
    border-radius: 20px;
    background: #ffffff;
  }
}
@media (max-width: 767px) {
  #trip-find-form {
    box-shadow: none;
  }
}

@media (min-width: 769px) {
  .trip-search.vertical {
    border: none;
    background: #ffffff;
    padding: 30px 30px 40px 30px;
    border-radius: 25px;
    width: 555px;
    position: relative;
  }
}
@media (min-width: 769px) {
  .trip-search.vertical .trip-search-origin {
    width: 48%;
  }
}
@media (min-width: 769px) {
  .trip-search.vertical .trip-search-destination {
    margin-left: 4%;
    width: 48%;
  }
}
@media (min-width: 769px) {
  .trip-search.vertical .trip-search-date {
    margin-left: 0px;
    margin-top: 20px;
  }
}
@media (min-width: 769px) {
  .trip-search.vertical .trip-search-swap {
    background: url("../images/icons/icon-swap.919a242087c4.svg") no-repeat center center #456682;
    width: 35px;
    height: 35px;
    border-radius: 40px;
    display: block;
    position: absolute;
    background-size: 25px 25px;
    top: 46px;
    right: 80px;
    z-index: 1000;
  }
}
@media (max-width: 767px) {
  .trip-search.vertical .trip-search-swap {
    top: 5px;
  }
}
.trip-search.vertical .trip-search-date {
  width: 100%;
}
.trip-search.vertical .trip-search-button {
  box-sizing: border-box;
  border-radius: 100px;
  float: left;
  min-width: 200px;
  padding: 20px 30px 20px 30px;
  box-sizing: border-box;
  background: #ff4f02;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
  font-weight: 700;
  font-size: 18px;
  margin-top: 10px;
  margin-left: 0px;
  margin-right: 0px;
}
@media (max-width: 767px) {
  .trip-search.vertical .trip-search-button {
    height: auto !important;
    margin-top: 0px !important;
  }
}
.trip-search.vertical .trip-search-button:hover, .trip-search.vertical .trip-search-button:focus {
  opacity: 0.9;
  outline: none;
  -webkit-appearance: none;
}
.trip-search.vertical .trip-search-button:active {
  opacity: 1;
}

#cta-add-trip-request {
  opacity: 0;
  animation-name: fadeOutOpacity;
  animation-iteration-count: 1;
  animation-timing-function: ease-out;
  animation-duration: 0.15s;
  position: fixed;
  bottom: 30px;
  left: 0;
  right: 0;
  margin: 0 auto;
  border-radius: 100px;
  height: 60px;
  width: 370px;
  font-size: 16px;
  font-weight: 600;
  border: 2px solid #ffffff;
  box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.6);
}
#cta-add-trip-request a.cta-add-trip {
  color: #ffffff;
  float: left;
  width: 50%;
  height: 60px;
  box-sizing: border-box;
  background: #0099ff;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  text-align: center;
  border-right: 2px solid #ffffff;
  padding-top: 20px;
}
#cta-add-trip-request a.cta-add-trip:hover {
  background: #44b4ff;
}
#cta-add-trip-request a.cta-add-trip:active {
  background: #0077c6;
}
#cta-add-trip-request a.cta-add-request {
  color: #ffffff;
  float: left;
  width: 50%;
  height: 60px;
  box-sizing: border-box;
  background: #ff4f02;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  text-align: center;
  padding-top: 20px;
}
#cta-add-trip-request a.cta-add-request:hover {
  background: #ff7430;
}
#cta-add-trip-request a.cta-add-request:active {
  background: #dd4900;
}

#cta-add-trip-request.active {
  display: block;
  opacity: 1;
  animation-name: fadeInOpacity;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 0.15s;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOutOpacity {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
#member-benefits.supply .member-benefits-cta {
  background: #cfeeff;
}

#member-benefits.demand .member-benefits-cta {
  background: #DBFFE6;
}

#member-benefits .container, #member-benefits #business .business-container, #business #member-benefits .business-container {
  padding: 5px;
}
#member-benefits .member-benefit-item {
  float: left;
  width: 24%;
  margin-right: 1%;
  padding: 20px 0px 20px 30px;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  #member-benefits .member-benefit-item {
    float: left;
    width: 100%;
    margin-right: 0px;
    padding: 5px 0px 5px 30px;
  }
}
#member-benefits .member-benefit-item .member-benefit-title {
  font-size: 18px;
  font-weight: 600;
  margin-top: 5px;
}
@media (max-width: 767px) {
  #member-benefits .member-benefit-item .member-benefit-title {
    font-size: 16px;
    margin-top: 10px;
  }
}
#member-benefits .member-benefit-item .member-benefit-description {
  margin-top: 5px;
  font-size: 14px;
  font-weight: 100;
}
@media (max-width: 767px) {
  #member-benefits .member-benefit-item .member-benefit-description {
    margin-top: 0px;
  }
}
#member-benefits .member-benefit-item {
  background: url("../images/icons/icon-tick.641c938bc4c2.svg") no-repeat;
  background-size: 20px 20px;
  background-position: center left;
  text-align: left;
  font-size: 18px;
  font-weight: 600;
  padding: 15px 0px 15px 30px;
}
@media (max-width: 767px) {
  #member-benefits .member-benefit-item {
    padding: 7px 0px 7px 30px;
  }
}
#member-benefits .member-benefits-cta {
  width: 100%;
}
#member-benefits .member-benefits-cta .container, #member-benefits .member-benefits-cta #business .business-container, #business #member-benefits .member-benefits-cta .business-container {
  padding: 20px 15px 10px;
}
@media (max-width: 767px) {
  #member-benefits .member-benefits-cta .container, #member-benefits .member-benefits-cta #business .business-container, #business #member-benefits .member-benefits-cta .business-container {
    padding: 10px;
  }
}
@media (min-width: 769px) {
  #member-benefits .member-benefits-cta .member-benefits-cta-left {
    width: 100%;
  }
}
@media (max-width: 767px) {
  #member-benefits .member-benefits-cta .member-benefits-cta-left {
    width: 100%;
    float: none;
  }
}
#member-benefits .member-benefits-cta .member-benefits-cta-title {
  margin-top: 5px;
  font-size: 20px;
  font-weight: 700;
}
@media (max-width: 767px) {
  #member-benefits .member-benefits-cta .member-benefits-cta-title {
    font-size: 20px;
    line-height: 24px;
    margin: 10px 0px 5px 0px;
  }
}
#member-benefits .member-benefits-cta .member-benefits-cta-description {
  margin-top: 10px;
  font-size: 18px;
  font-weight: 500;
}
#member-benefits .member-benefits-cta .member-benefits-cta-button {
  display: block;
  float: right;
  font-size: 18px;
  background: none;
  border: 2px solid #456682;
  color: #456682;
  text-align: center;
  padding: 20px 30px;
  box-sizing: border-box;
  border-radius: 100px;
  font-weight: 600;
}
@media (min-width: 1024px) {
  #member-benefits .member-benefits-cta .member-benefits-cta-button {
    margin-top: 16px;
  }
}
@media (max-width: 767px) {
  #member-benefits .member-benefits-cta .member-benefits-cta-button {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 15px;
  }
}
#member-benefits .member-benefits-cta .member-benefits-cta-button:hover {
  border: 2px solid #183154;
  color: #183154;
}

@media (min-width: 769px) {
  .popular-routes {
    display: flex;
    gap: 32px;
    justify-content: space-between;
    margin: 24px 0px;
  }
}
.popular-routes .popular-routes-box {
  box-sizing: border-box;
  flex: 1;
}
@media (max-width: 767px) {
  .popular-routes .popular-routes-box {
    width: 100%;
    margin: 40px 0px 18px 0px;
  }
}
.popular-routes .popular-routes-box h2 {
  line-height: 32px;
  margin: 0px;
}
.popular-routes .popular-route {
  padding: 12px 0px;
}
.popular-routes .popular-route a {
  font-size: 20px;
  margin-bottom: 8px;
}
.popular-routes .popular-route div {
  margin-top: 12px;
}
.popular-routes .popular-route-illustration {
  width: 100%;
  height: 120px;
  padding: 16px;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-size: auto 90%;
  background-position: center;
  border-radius: 10px;
  margin: 16px 0px;
}
@media (max-width: 767px) {
  .popular-routes .popular-route-illustration {
    height: 86px;
    background-size: auto 100%;
  }
}
.popular-routes .popular-route-illustration.bc {
  background-image: url("../images/home/province-bc.598e6a3b3c94.svg");
  background-color: #EEFDF0;
}
.popular-routes .popular-route-illustration.ab {
  background-image: url("../images/home/province-ab.a30092eef1ee.svg");
  background-color: #FAE5E0;
}
.popular-routes .popular-route-illustration.on {
  background-image: url("../images/home/province-on.133c7917a82d.svg");
  background-color: #F2E2F0;
}
.popular-routes .popular-route-illustration.qc {
  background-image: url("../images/home/province-qc.27ba180efada.svg");
  background-color: #E0F5FC;
}

#canada-map .canada-map-graphic {
  display: block;
  width: 870px;
  height: 549px;
  background: url("../images/misc/search-map.7d7abdbe7f97.png") no-repeat center center;
}

/* Help */
#help #help-banner h1 {
  font-size: 42px;
  color: #183154;
  font-weight: 700;
}
#help .help-breadcrumbs {
  margin: 15px 0px 35px;
}
#help .container, #help #business .business-container, #business #help .business-container {
  max-width: 700px;
  position: relative;
}
#help .help-start-block {
  display: block;
  position: relative;
  color: #456682;
  border-radius: 15px;
  border: 1px solid #dfdbdb;
  padding: 60px 50px 60px 100px;
  margin: 15px 0px;
}
@media (max-width: 767px) {
  #help .help-start-block {
    padding: 30px 30px 30px 70px;
  }
}
#help .help-start-block h2 {
  margin: 0px;
  color: #183154;
  line-height: 28px;
}
#help .help-start-block .arrow-right {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  background: url("../images/icons/icon-triangle-grey-right.11ca7a45b10e.png") no-repeat;
  background-position: right center;
  background-size: 13px auto;
  display: block;
  width: 13px;
  height: 20px;
}
#help a.help-start-block:hover {
  border: 1px solid #456682;
}
#help a.help-start-block:active {
  border: 1px solid #456682;
}
#help a.help-start-block.urgent {
  background: url("../images/icons/icon_help_buoy.d69c7a2b3bc9.png") no-repeat;
  background-position: left 30px center;
  background-size: 40px auto;
}
@media (max-width: 767px) {
  #help a.help-start-block.urgent {
    background-position: left 10px center;
  }
}
#help a.help-start-block.faq {
  background: url("../images/icons/icon_help_faq.290e318d2345.png") no-repeat left 30px center;
  background-size: 40px auto;
}
#help #help-faq .help-icon {
  width: 50px;
  height: 50px;
  background: url("../images/icons/icon_help_faq.290e318d2345.png") no-repeat top left;
  background-size: 40px auto;
  position: absolute;
  left: -60px;
  top: 85px;
}
#help #help-urgent .help-icon {
  width: 50px;
  height: 50px;
  background: url("../images/icons/icon_help_buoy.d69c7a2b3bc9.png") no-repeat top left;
  background-size: 40px auto;
  position: absolute;
  left: -60px;
  top: 85px;
}

#help-search {
  max-width: 225px;
  position: relative;
  border: none;
}
@media (max-width: 767px) {
  #help-search {
    max-width: 100%;
  }
}

/* How it works styles */
#how .how-header {
  position: relative;
  text-align: center;
  color: #183154;
  background: url("../images/how/how-icon.d21419f2f1e6.svg") no-repeat top 40px center;
  background-size: 100px;
  padding-top: 180px;
}
#how .how-header h1 {
  font-weight: 700;
  color: #183154;
  margin: 0px;
}
#how .how-header .how-header-container {
  padding: 0px 15px;
  margin: 0px auto;
  position: relative;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  gap: 80px;
  max-width: 1000px;
}
@media (max-width: 767px) {
  #how .how-header .how-header-container {
    padding: 10px;
    box-sizing: border-box;
  }
}
#how .how-header .how-header-box {
  padding: 48px 0px 64px;
  box-sizing: border-box;
  border-radius: 40px;
  text-align: center;
  transition: all 0.2s ease;
  flex: 1;
  cursor: pointer;
}
@media (max-width: 767px) {
  #how .how-header .how-header-box {
    display: none;
    width: 100%;
    border-radius: 10px;
  }
}
#how .how-header .how-header-box .free-signup {
  display: inline-block;
  padding: 4px 12px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 5px;
}
#how .how-header .how-header-box .how-header-graphic {
  display: block;
  width: 100px;
  height: 100px;
  margin: 0px auto;
  position: relative;
  background-repeat: no-repeat;
  background-size: contain;
}
#how .how-header .how-header-box .driver {
  background-image: url("../images/how/how-icon-driver.76e6562026f7.svg");
}
#how .how-header .how-header-box .passenger {
  background-image: url("../images/how/how-icon-passenger.1a71ffcdd1c8.svg");
}
#how .how-header .how-header-box .how-header-box-headline {
  color: #183154;
  font-size: 42px;
  font-weight: 700;
  margin: 0px;
}
@media (min-width: 769px) {
  #how .how-header .how-header-box:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    transition: all 0.2s ease;
  }
}
@media (max-width: 767px) {
  #how .how-header .how-header-box.active {
    display: block;
  }
}
#how .how-header .how-header-box.passengers {
  background-color: #FAE5E0;
}
#how .how-header .how-header-box.passengers .how-header-box-cta {
  background: #ff4f02;
}
#how .how-header .how-header-box.passengers .how-header-box-cta:hover {
  background: #ff7430;
}
#how .how-header .how-header-box.passengers .how-header-box-cta:active {
  background: #dd4900;
}
#how .how-header .how-header-box.drivers {
  background-color: #FFF6D4;
}
#how .how-header .how-header-box.drivers .how-header-box-cta {
  background: #183154;
}
#how .how-header .how-header-box.drivers .how-header-box-cta:hover {
  background: #456682;
}
#how .how-header .how-header-box.drivers .how-header-box-cta:active {
  background: #183154;
}
#how .how-benefit {
  padding: 60px 0px;
}
@media (max-width: 767px) {
  #how .how-benefit {
    padding: 20px 0px;
  }
}
#how .how-benefit h2 {
  font-size: 36px;
  line-height: 48px;
  color: #183154;
  margin: 0px;
}
@media (max-width: 767px) {
  #how .how-benefit h2 {
    font-size: 32px;
    line-height: 40px;
    padding-top: 20px;
  }
}
#how .how-benefit .how-benefit-subtitle {
  font-size: 24px;
  line-height: 28px;
  color: #456682;
}
@media (max-width: 767px) {
  #how .how-benefit .how-benefit-subtitle {
    font-size: 20px;
    line-height: 24px;
  }
}
#how .how-benefit .how-benefit-text {
  color: #456682;
  font-size: 20px;
  line-height: 24px;
}
#how .how-benefit .affordable-graphic {
  padding-bottom: 240px;
  background-repeat: no-repeat;
  background-image: url("../images/how/how-affordable.63847cdec8d9.svg");
  background-size: auto 200px;
  background-position: center bottom;
}
#how .how-benefit.single {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  #how .how-benefit.single {
    flex-direction: column;
  }
}
#how .how-benefit.single h2 {
  margin-bottom: 16px;
}
#how .how-benefit.single .how-benefit-graphic {
  background-repeat: no-repeat;
}
@media (min-width: 769px) {
  #how .how-benefit.single .how-benefit-graphic {
    width: 50%;
    display: block;
    background-size: auto;
    background-position: top center;
  }
}
@media (max-width: 767px) {
  #how .how-benefit.single .how-benefit-graphic {
    width: 100%;
    height: 240px;
    margin-bottom: 0px;
    background-size: 99% auto;
    background-position: bottom center;
  }
}
#how .how-benefit.single .how-benefit-graphic.passengers {
  background-image: url("../images/how/how-reliable-passengers.6d149f96c1a0.svg");
}
#how .how-benefit.single .how-benefit-graphic.drivers {
  background-image: url("../images/how/how-reliable-drivers.e63df65a0e51.svg");
}
#how .how-benefit.single .how-benefit-graphic.payouts {
  background-image: url("../images/how/how-payouts.250334d582f0.svg");
}
#how .how-benefit.single .how-benefit-graphic.payments {
  background-image: url("../images/how/how-payments.34eda12e667d.svg");
}
#how .how-benefit.single .how-benefit-graphic.legal {
  background-image: url("../images/how/how-legal.e77ec7d78637.svg");
}
#how .how-benefit.single .how-benefit-graphic.pay-online {
  background-image: url("../images/how/how-pay-online.0c03acef2683.svg");
}
#how .how-benefit.single .how-benefit-graphic.reviews {
  background-image: url("../images/how/how-reviews.6acf562e9755.svg");
}
#how .how-benefit.single .how-benefit-graphic.verifications {
  background-image: url("../images/how/how-verifications-blue.e63df65a0e51.svg");
}
#how .how-benefit.single .how-benefit-graphic.safety {
  background-image: url("../images/how/how-safety.de4dae170268.svg");
}
#how .how-benefit.single .how-benefit-graphic.easy {
  background-image: url("../images/how/how-easy.33c05469dacd.svg");
  background-size: contain;
}
#how .how-benefit.single .how-benefit-contents {
  width: 45%;
}
@media (max-width: 767px) {
  #how .how-benefit.single .how-benefit-contents {
    width: 100%;
  }
}
@media (max-width: 767px) {
  #how .how-benefit.single.reverse-mobile {
    flex-direction: column-reverse;
  }
}
@media (min-width: 769px) {
  #how .how-benefit-prices {
    max-width: 300px;
  }
}
@media (min-width: 769px) {
  #how .how-benefit-prices.full {
    max-width: 100%;
  }
}
#how .how-benefit-points {
  margin: 20px 0px;
}
@media (max-width: 767px) {
  #how .how-benefit-points {
    margin: 15px 0px;
  }
}
#how .how-benefit-point {
  background: url("../images/icons/icon-circle-full.3b8f4f8a579f.png") no-repeat left center;
  padding: 8px 0px 8px 25px;
  background-size: 8px 8px;
  font-size: 18px;
  line-height: 26px;
  color: #456682;
}

.how-single h1 {
  font-size: 48px;
  font-weight: 700;
  color: #183154;
  padding-top: 0px;
}
.how-single .how-single-header-container {
  padding-top: 0px;
  padding-bottom: 40px;
  text-align: center;
  z-index: 1;
}
.how-single .how-single-header-container .how-single-header {
  padding-top: 180px;
}
.how-single .how-single-process {
  color: #ffffff;
  position: relative;
  text-align: center;
}
@media (max-width: 767px) {
  .how-single .how-single-process {
    margin: 0px 15px 0px 30px;
  }
}
.how-single .how-single-process .container, .how-single .how-single-process #business .business-container, #business .how-single .how-single-process .business-container {
  display: flex;
  justify-content: space-around;
}
@media (max-width: 767px) {
  .how-single .how-single-process .container, .how-single .how-single-process #business .business-container, #business .how-single .how-single-process .business-container {
    display: block;
    padding-bottom: 30px;
  }
}
.how-single .how-single-process .how-single-process-column {
  flex: 1;
  padding: 20px;
  text-align: center;
  color: #456682;
}
@media (max-width: 767px) {
  .how-single .how-single-process .how-single-process-column {
    flex: none;
    width: 100%;
    margin: 10px 0px;
    padding: 20px 0px;
  }
}
.how-single .how-single-process .how-single-process-column .how-single-process-column-icon {
  font-size: 36px;
  line-height: 60px;
  position: relative;
  z-index: 0;
  background-color: #ffffff;
  border-radius: 10px;
  display: inline-block;
  padding: 0px;
  width: 50px;
  height: 50px;
  text-align: center;
}
.how-single .how-single-process .how-single-process-column .how-single-process-column-title {
  font-size: 28px;
  line-height: 32px;
  font-weight: 600;
  margin: 28px 0px 16px;
  color: #183154;
}
.how-single .how-single-process .how-single-process-column .how-single-process-column-description {
  font-size: 20px;
  line-height: 24px;
  color: #456682;
}
@media (max-width: 767px) {
  .how-single .how-single-process .how-single-process-column .how-single-process-column-description {
    display: block;
  }
}

#how-container #how #how-text {
  color: #456682;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  #how-container #how #how-text {
    padding: 15px;
    width: 100%;
  }
}
#how-container #how #how-text a {
  color: #456682;
  text-decoration: underline;
}
#how-container #how #how-text h2 {
  padding-top: 70px;
  padding-bottom: 10px;
  font-size: 42px;
  color: #456682;
}
@media (max-width: 767px) {
  #how-container #how #how-text h2 {
    padding-top: 30px;
    line-height: 42px;
  }
}
#how-container #how #how-text .text-large, #how-container #how #how-text .testimonials .testimonial-links a, .testimonials .testimonial-links #how-container #how #how-text a {
  font-size: 21px;
  line-height: 28px;
}

#drivers .how-single-header-container {
  background-color: #FFF6D4;
}
#drivers .how-single-header {
  background: url("../images/how/how-icon-driver.76e6562026f7.svg") no-repeat top 40px center;
  background-size: 100px;
}
#drivers .how-single-process-column-icon {
  background: #4AA6DB;
  color: #ffffff;
}
@media (max-width: 767px) {
  #drivers .how-single-process {
    margin: 0px 30px 0px 15px;
  }
}
#drivers #block-safety {
  background-color: #FFF6D4;
}

#passengers .how-single-header-container {
  background-color: #FAE5E0;
}
#passengers .how-single-header {
  background: url("../images/how/how-icon-passenger.1a71ffcdd1c8.svg") no-repeat top 40px center;
  background-size: 100px;
}
#passengers .how-single-process-column-icon {
  background: #ED784A;
  color: #ffffff;
}
#passengers #block-safety {
  background-color: #FAE5E0;
}

#how_safety-page .how-single-header-container {
  background-color: #E0F5FC;
  padding-bottom: 60px;
}
#how_safety-page .how-single-header {
  background-image: url("../images/icons/badge-verified.83e71fd7cf6c.svg");
  background-size: 140px;
  background-repeat: no-repeat;
  background-position: top 20px center;
}
#how_safety-page .how-safety-subtitle {
  font-size: 32px;
  line-height: 42px;
}
@media (max-width: 767px) {
  #how_safety-page .how-safety-subtitle {
    margin-top: 0px;
    font-size: 24px;
    line-height: 32px;
  }
}
#how_safety-page h2 {
  font-weight: 700;
  color: #183154;
  font-size: 42px;
  line-height: 46px;
  padding-bottom: 0px;
  margin-bottom: 10px;
}
#how_safety-page .how-safety-item {
  text-align: center;
  padding-top: 86px;
}
@media (max-width: 767px) {
  #how_safety-page .how-safety-item {
    padding-top: 100px;
    margin: 50px 0px;
    width: 100%;
  }
}
#how_safety-page .how-safety-item h3 {
  color: #183154;
}
@media (max-width: 767px) {
  #how_safety-page #safety-km .how-single-process-column-title {
    padding: 15px 15px 0px 15px;
  }
}
@media (max-width: 767px) {
  #how_safety-page #safety-km .how-single-process-column-description {
    margin: 15px;
  }
}
@media (max-width: 767px) {
  #how_safety-page .how-single-process {
    margin: 0px 15px 0px 15px;
  }
}
#how_safety-page .how-single-process .container, #how_safety-page .how-single-process #business .business-container, #business #how_safety-page .how-single-process .business-container {
  max-width: 1200px !important;
}
@media (max-width: 767px) {
  #how_safety-page .how-single-process .container, #how_safety-page .how-single-process #business .business-container, #business #how_safety-page .how-single-process .business-container {
    width: 100% !important;
  }
}
#how_safety-page .how-single-process .container .how-single-process-column-title, #how_safety-page .how-single-process #business .business-container .how-single-process-column-title, #business #how_safety-page .how-single-process .business-container .how-single-process-column-title {
  font-size: 28px;
  line-height: 32px;
  margin-bottom: 20px;
  float: none;
}
#how_safety-page .how-single-process .container .how-single-process-column-description, #how_safety-page .how-single-process #business .business-container .how-single-process-column-description, #business #how_safety-page .how-single-process .business-container .how-single-process-column-description {
  font-size: 20px;
  line-height: 26px;
  float: none;
}
@media (max-width: 767px) {
  #how_safety-page .how-single-process .container .how-single-process-column-description, #how_safety-page .how-single-process #business .business-container .how-single-process-column-description, #business #how_safety-page .how-single-process .business-container .how-single-process-column-description {
    margin: 30px 0px 0px 20px;
  }
}
#how_safety-page .how-safety-item {
  background-size: 80px 80px;
  background-repeat: no-repeat;
  background-position: top center;
}
#how_safety-page .how-safety-item.verified {
  background-image: url("../images/how/how-verifications.db3d7977d4a7.svg");
}
#how_safety-page .how-safety-item.reviews {
  background-image: url("../images/how/how-choose.7a7c166ac10d.svg");
}
#how_safety-page .how-safety-item.monitor {
  background-image: url("../images/how/how-monitor.69d0de69b388.svg");
}
#how_safety-page .how-safety-item.security {
  background-image: url("../images/how/how-security.48ab6d24f14a.svg");
}
#how_safety-page .how-safety-item.insurance {
  background-image: url("../images/how/how-insurance.47fd6b5d0d96.svg");
}
#how_safety-page .how-safety-item.scams {
  background-image: url("../images/how/how-scams.facab857e7fc.svg");
}
#how_safety-page .how-safety-support {
  background-color: #E0F5FC;
  padding: 72px 0px;
}
@media (max-width: 767px) {
  #how_safety-page .how-safety-support {
    padding: 48px 0px;
  }
}
#how_safety-page .how-safety-support .container, #how_safety-page .how-safety-support #business .business-container, #business #how_safety-page .how-safety-support .business-container {
  background-image: url("../images/how/how-help.60635befa1cd.svg");
  background-repeat: no-repeat;
  background-size: 260px auto;
  background-position: top left 100px;
  padding: 0px 0px 0px 500px;
}
@media (max-width: 767px) {
  #how_safety-page .how-safety-support .container, #how_safety-page .how-safety-support #business .business-container, #business #how_safety-page .how-safety-support .business-container {
    padding: 240px 20px 20px 20px;
    background-size: auto 200px;
    background-position: top center;
    text-align: center;
  }
}
#how_safety-page .how-safety-item.questions {
  width: 100%;
  float: none;
  box-sizing: border-box;
  padding-top: 0px;
  display: flex;
  justify-content: space-between;
  margin: 0px;
}
@media (max-width: 767px) {
  #how_safety-page .how-safety-item.questions {
    display: block;
  }
}
#how_safety-page .how-safety-item.questions a.question-box {
  width: 30%;
  padding: 100px 10px;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  text-align: center;
  color: #183154;
  background: #E0F5FC;
  border-radius: 10px;
  opacity: 1;
}
@media (max-width: 767px) {
  #how_safety-page .how-safety-item.questions a.question-box {
    width: 100%;
    padding: 40px 10px;
    display: block;
    margin: 10px 0px;
  }
}
.how-cta {
  position: relative;
  display: block;
  border-radius: 25px;
  max-width: 1200px;
  min-height: 500px;
  margin: 20px auto;
  padding: 50px;
  text-align: center;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .how-cta {
    margin: 15px;
    padding: 0px;
  }
}
.how-cta .how-cta-contents {
  position: absolute;
  bottom: 30px;
  width: 100%;
  z-index: 2;
  line-height: 32px;
}
@media (max-width: 767px) {
  .how-cta .how-cta-contents {
    bottom: 10px;
  }
}
.how-cta .how-cta-text {
  font-size: 32px;
  text-align: center;
  color: #ffffff;
}
.how-cta .button, .how-cta .vehicle-form [type=submit], .vehicle-form .how-cta [type=submit], .how-cta #book .booking-form .booking-send-button, #book .booking-form .how-cta .booking-send-button, .how-cta .trip-search .trip-search-button, .trip-search .how-cta .trip-search-button {
  margin: 30px auto;
  display: inline-block;
}
.how-cta .how-cta-gradient {
  position: absolute;
  border-radius: 25px;
  top: 0px;
  left: 0px;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: rgb(0, 0, 0);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.4794292717) 100%);
}

.how-cta-1 {
  background: url("../images/how/how-cta-1.55904322e514.jpg") center center no-repeat;
  background-size: cover;
}

.how-cta-2 {
  background: url("../images/how/how-cta-2.3d49fe3d5eed.jpg") center center no-repeat;
  background-size: cover;
}

.how-cta-3 {
  background: url("../images/how/how-cta-3.3589f9c6a025.jpg") center center no-repeat;
  background-size: cover;
}

/* Home */
#home #home-banner {
  position: relative;
  width: 100%;
  padding: 0px 20px;
  box-sizing: border-box;
  z-index: 3;
}
@media (max-width: 767px) {
  #home #home-banner {
    padding-top: 0px;
    background-size: cover;
    padding: 0px 16px;
  }
}
#home #home-banner h1 {
  font-size: 60px;
  font-weight: 700;
  color: #183154;
  margin: 0px;
  line-height: 54px;
  text-align: center;
}
@media (max-width: 767px) {
  #home #home-banner h1 {
    font-size: 42px;
    line-height: 46px;
    padding: 20px 0px 0px;
  }
}
#home #home-banner .color-rainbow {
  text-shadow: 0 0 10px white, 0 0 20px white, 0 0 30px white, 0 0 40px white, 0 0 50px white;
}
#home #home-banner .home-banner-subtitle {
  font-size: 24px;
  width: 100%;
  text-align: center;
  line-height: 32px;
  color: #183154;
  font-weight: 400;
}
@media (max-width: 767px) {
  #home #home-banner .home-banner-subtitle {
    font-size: 20px;
    line-height: 24px;
  }
}
#home #home-banner .home-banner-container {
  position: relative;
  box-sizing: border-box;
  position: relative;
  max-width: 1400px;
  margin: 0px auto;
  background-image: url("../images/home/car-people.64d2b8e5130c.svg");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-color: #CDECFC;
  border-radius: 25px;
}
@media (min-width: 769px) {
  #home #home-banner .home-banner-container {
    background-size: cover;
    height: 600px;
  }
}
@media (max-width: 767px) {
  #home #home-banner .home-banner-container {
    background-size: 720px auto;
    background-position: bottom right;
    padding: 0px 16px;
  }
}
#home #home-find {
  max-width: 1200px;
  margin: -50px auto;
  position: relative;
}
@media (max-width: 767px) {
  #home #home-find {
    margin: 20px auto;
  }
}
#home .home-benefits-container {
  gap: 22px;
}
@media (max-width: 767px) {
  #home .home-benefits-container {
    flex-direction: column;
    padding: 0px;
    gap: 48px;
  }
}
#home .home-benefits-container .home-benefit {
  flex: 1;
}
#home .home-benefits-container .home-benefit-icon {
  background-size: contain;
  background-repeat: no-repeat;
  height: 44px;
  width: 44px;
  border-radius: 10px;
  display: block;
}
#home .home-benefits-container .icon-smile {
  background-image: url("../images/icons/icon-benefit-smile.ced9b976bfb3.svg");
}
#home .home-benefits-container .icon-safe {
  background-image: url("../images/icons/icon-benefit-safe.05aa2c61273f.svg");
}
#home .home-benefits-container .icon-easy {
  background-image: url("../images/icons/icon-benefit-easy.762386580ef2.svg");
}
#home #home-post {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  #home #home-post {
    width: 100%;
  }
}
#home #home-post #home-post-box {
  background-color: #FFF6D4;
  border-radius: 25px;
  padding: 64px 16px;
  text-align: center;
}
@media (max-width: 767px) {
  #home #home-post #home-post-box {
    position: relative;
    width: 100%;
    height: auto;
    top: 0px;
    right: 0px;
    padding: 25px;
    box-sizing: border-box;
  }
}
#home #home-post #home-post-graphic {
  padding: 0px 60px;
  background: url("../images/home/car-a-b.10cfa3ff1383.svg") no-repeat center center;
  background-size: contain;
  background-size: 380px auto;
  margin: 0 auto;
  height: 220px;
  width: 570px;
}
@media (max-width: 767px) {
  #home #home-post #home-post-graphic {
    background-size: 300px auto;
    padding: 0px 20px;
    height: 200px;
    width: 300px;
  }
}
#home #home-post #home-post-graphic div {
  margin-top: 170px;
}
@media (max-width: 767px) {
  #home #home-post #home-post-graphic div {
    margin-top: 105px;
  }
}
#home #home-passengers {
  padding: 80px 0px;
}
@media (max-width: 767px) {
  #home #home-passengers {
    padding: 0px 0px 30px;
  }
}
#home #home-passengers a {
  font-size: 18px;
  color: #ff4f02;
  font-weight: 700;
  background: url("../images/common/arrow-right-orange.6de96ee8b1eb.png") no-repeat right center;
  background-size: 23px auto;
  padding-right: 35px;
}
#home [class*=WidgetTitle__Header] {
  /* Matches if the class contains WidgetTitle__Header anywhere */
  font-size: 48px;
  color: #183154;
}

#block-safety {
  background: #CDECFC;
  padding: 64px 0px;
}
@media (max-width: 767px) {
  #block-safety {
    margin-top: 0px;
    padding: 15px;
  }
}
#block-safety .home-safety-text {
  padding: 28px 0px;
}
#block-safety .home-safety-graphic {
  background: url("../images/home/safety-image.0bb75e853b30.svg") no-repeat;
  background-size: contain;
  display: block;
  margin: 0 auto;
  width: 500px;
  height: 400px;
}
@media (max-width: 767px) {
  #block-safety .home-safety-graphic {
    height: 300px;
    width: 100%;
  }
}

.landing-how-it-works {
  display: none;
  background: #ff4f02;
  color: #ffffff;
  padding: 40px 0px 80px;
}
.landing-how-it-works #banner-cta-how-close {
  background: url("../images/icons/icon-close.d75f0875d4f6.png") no-repeat center center;
  width: 35px;
  height: 35px;
  background-size: 19px 19px;
  display: block;
  float: right;
  cursor: pointer;
  margin-top: -35px;
}
.landing-how-it-works #banner-cta-how-close:hover, .landing-how-it-works #banner-cta-how-close:active {
  background-color: rgba(0, 0, 0, 0.1);
}
.landing-how-it-works .col-3 {
  padding-right: 1.25%;
  padding-left: 1.25%;
  text-align: center;
  padding-top: 250px;
  background-size: contain;
}
.landing-how-it-works .col-3 .text-medium, .landing-how-it-works .col-3 #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details .trip-date, #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details .landing-how-it-works .col-3 .trip-date, .landing-how-it-works .col-3 #payments .payment-box .payment-amount, #payments .payment-box .landing-how-it-works .col-3 .payment-amount, .landing-how-it-works .col-3 #payments .payment-box .payment-text, #payments .payment-box .landing-how-it-works .col-3 .payment-text, .landing-how-it-works .col-3 #book .booking-form .trip-form-policies .text-slarge, .landing-how-it-works .col-3 #book .booking-form .trip-form-policies #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details h2, #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details .landing-how-it-works .col-3 #book .booking-form .trip-form-policies h2, .landing-how-it-works .col-3 #book .booking-form .trip-form-policies .instruction-full .instruction-contents .instruction-item .instruction-item-title, .instruction-full .instruction-contents .instruction-item .landing-how-it-works .col-3 #book .booking-form .trip-form-policies .instruction-item-title, #book .booking-form .trip-form-policies .landing-how-it-works .col-3 .text-slarge, #book .booking-form .trip-form-policies .landing-how-it-works .col-3 #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details h2, #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details #book .booking-form .trip-form-policies .landing-how-it-works .col-3 h2, #book .booking-form .trip-form-policies .landing-how-it-works .col-3 .instruction-full .instruction-contents .instruction-item .instruction-item-title, .instruction-full .instruction-contents .instruction-item #book .booking-form .trip-form-policies .landing-how-it-works .col-3 .instruction-item-title, .landing-how-it-works .col-3 #book .booking-form .trip-form-policies .trip-form-section-header, #book .booking-form .trip-form-policies .landing-how-it-works .col-3 .trip-form-section-header, .landing-how-it-works .col-3 #book .booking-form .trip-form-policies .policy-title, #book .booking-form .trip-form-policies .landing-how-it-works .col-3 .policy-title, .landing-how-it-works .col-3 #book .booking-form .trip-form-policies #community-agreement .community-item p, #book .booking-form .trip-form-policies #community-agreement .community-item .landing-how-it-works .col-3 p, .landing-how-it-works .col-3 #community-agreement .community-item #book .booking-form .trip-form-policies p, #community-agreement .community-item #book .booking-form .trip-form-policies .landing-how-it-works .col-3 p, .landing-how-it-works .col-3 #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .trip-details .trip-date, #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .trip-details .landing-how-it-works .col-3 .trip-date, .landing-how-it-works .col-3 #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .booking-details, #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .landing-how-it-works .col-3 .booking-details, .landing-how-it-works .col-3 #book .booking-form .trip-form-policies .popular-routes .popular-routes-box, #book .booking-form .trip-form-policies .popular-routes .landing-how-it-works .col-3 .popular-routes-box, .landing-how-it-works .col-3 .popular-routes #book .booking-form .trip-form-policies .popular-routes-box, .popular-routes #book .booking-form .trip-form-policies .landing-how-it-works .col-3 .popular-routes-box {
  font-size: 20px;
  font-weight: 500;
}
.landing-how-it-works .col-3 a {
  text-align: center;
  color: #ffffff !important;
  text-decoration: underline;
}
.landing-how-it-works .box-white {
  border: 2px solid #ffffff;
  border-radius: 3px;
  padding: 18px 90px 18px 50px;
  display: inline-block;
  margin: 0 auto;
  text-align: center;
  color: #ffffff;
  font-size: 18px;
  background: url("../images/icons/icon-arrow-right-negative.008e7c47ec4b.png") no-repeat 90% center;
  background-size: 30px 30px;
}
.landing-how-it-works .box-white:hover {
  background: url("../images/icons/icon-arrow-right-orange.93cb801fb4a9.png") no-repeat 90% center #ffffff;
  color: #ff4f02;
  background-size: 30px 30px;
  cursor: pointer;
}

.landing-how-it-works.active {
  display: block;
}

#index-page.fr .col-3.price .illustration {
  background: url("../images/icons/icon-benefits-prices-qc.a80b9fa400cd.png") no-repeat center center !important;
  background-size: contain;
}
#index-page.fr .col-3.trust .illustration {
  background: url("../images/icons/icon-benefits-verifications-qc.ebc82753416c.png") no-repeat center center !important;
}

#top-10-routes-map {
  max-width: 1200px;
}
#top-10-routes-map img {
  border-radius: 15px;
  box-sizing: border-box;
}

@media (max-width: 767px) {
  #sustainability {
    padding: 16px;
  }
}
#sustainability #sustainability-box {
  max-width: 1200px;
  margin: 0px auto;
  background-color: #EEFDF0;
  padding: 72px 48px;
  border-radius: 25px;
  font-size: 42px;
  text-align: center;
  line-height: 52px;
}
@media (max-width: 767px) {
  #sustainability #sustainability-box {
    width: 100%;
    font-size: 24px;
    line-height: 28px;
    box-sizing: border-box;
    padding: 40px 20px;
  }
}
#sustainability #sustainability-text {
  text-align: left;
  max-width: 360px;
}
#sustainability #sustainability-graphic {
  background-image: url("../images/home/sustainability-graphic.d71b2389a083.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
  display: block;
  width: 600px;
  height: auto;
  margin: 0px auto 30px;
}
@media (max-width: 767px) {
  #sustainability #sustainability-graphic {
    width: auto;
    height: 120px;
    margin: 0px 0px 24px;
  }
}

#carpool .container, #carpool #business .business-container, #business #carpool .business-container {
  max-width: 960px;
}
#carpool #carpool-text {
  padding-top: 140px;
  background-image: url("../images/home/tada.dc9adc2581f5.svg");
  background-repeat: no-repeat;
  background-position: top center;
}
@media (max-width: 767px) {
  #carpool #carpool-text {
    width: 100%;
  }
}
#carpool #bear-left {
  width: 200px;
  height: 400px;
  background-image: url("../images/home/bear-left.7fb78972906f.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
}
@media (max-width: 767px) {
  #carpool #bear-left {
    width: 100%;
    background-position: center;
    margin-top: 40px;
  }
}
#carpool #bear-right {
  width: 260px;
  height: 400px;
  background-image: url("../images/home/bear-right.f8dfea7a1e49.png");
  background-repeat: no-repeat;
  background-position: top 20px center;
  background-size: contain;
}
#carpool .carpool-cta {
  display: block;
  width: 40px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: left top -6px;
  background-size: 36px 36px;
}

/* Instructions */
/* Instructions full template */
.instruction-full.active {
  display: block;
}

.instruction-full {
  display: none;
  width: 100%;
  height: 100%;
  position: relative;
}
@media (max-width: 767px) {
  .instruction-full {
    height: auto;
    padding-top: 50px;
    min-height: 100;
    box-sizing: border-box;
  }
}
.instruction-full .instruction-logo {
  display: block;
  width: 230px;
  height: 30px;
  background: url("../images/brand/poparide-logo.bdd890195ea7.svg") no-repeat center left;
  background-size: contain;
  top: 20px;
  left: 15px;
  position: absolute;
}
@media (max-width: 767px) {
  .instruction-full .instruction-logo {
    display: none;
  }
}
@media (min-width: 769px) {
  .instruction-full a.instruction-top-cta {
    display: none;
  }
}
@media (max-width: 767px) {
  .instruction-full a.instruction-top-cta {
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 18px 15px;
  }
}
.instruction-full .instruction-divider {
  height: 1px;
  margin: 10px 0px;
  background: rgba(0, 0, 0, 0.2);
}
@media (min-width: 769px) {
  .instruction-full .instruction-divider {
    display: none;
  }
}
@media (max-width: 767px) {
  .instruction-full .instruction-divider {
    display: block;
    margin: 7px 0px 10px;
  }
}
@media (min-width: 769px) {
  .instruction-full .instruction-contents {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (max-width: 767px) {
  .instruction-full .instruction-contents {
    padding: 10px;
    margin: 0px;
  }
}
.instruction-full .instruction-contents .instruction-title {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 50px;
  line-height: 36px;
}
@media (max-width: 767px) {
  .instruction-full .instruction-contents .instruction-title {
    font-size: 24px;
    margin-bottom: 20px;
    line-height: 28px;
  }
}
.instruction-full .instruction-contents .instruction-item {
  margin: 25px 0px;
  padding-left: 40px;
}
.instruction-full .instruction-contents .instruction-item .instruction-item-title {
  font-weight: 600;
  margin-bottom: 10px;
  color: #183154;
}
.instruction-full .instruction-contents .instruction-item .instruction-item-contents {
  font-size: 16px;
}
.instruction-full .instruction-contents .instruction-item .instruction-item-contents.semi-strong {
  font-weight: 600;
}
.instruction-full .instruction-contents .instruction-button {
  padding: 15px 35px;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  background: #456682;
  text-align: center;
  margin: 15px 0px 0px 40px;
  border-radius: 100px;
  border: none;
  display: inline-block;
  cursor: pointer;
}
@media (max-width: 767px) {
  .instruction-full .instruction-contents .instruction-button {
    margin: 0px 0px 0px 40px;
  }
}
.instruction-full .instruction-contents .instruction-button:hover {
  opacity: 0.9;
}
.instruction-full .instruction-contents .instruction-button:active {
  opacity: 1;
}

.instruction-full.primary {
  background: #ff4f02;
  color: #ffffff;
}
.instruction-full.primary .instruction-button {
  background: #ffffff;
  color: #ff4f02;
}

.instruction-full.secondary {
  background: #0099ff;
  color: #ffffff;
}
.instruction-full.secondary .instruction-button {
  background: #ffffff;
  color: #0099ff;
}

.instruction-full.primary a.instruction-top-cta, .instruction-full.secondary a.instruction-top-cta {
  color: #ffffff;
}
.instruction-full.primary .instruction-divider, .instruction-full.secondary .instruction-divider {
  background: rgba(255, 255, 255, 0.2);
}
.instruction-full.primary .instruction-logo, .instruction-full.secondary .instruction-logo {
  background: url("../images/brand/poparide-logo-negative.cb8585c140bd.png") no-repeat center left;
  background-size: contain;
}

/* Individual instructions */
@media (max-width: 767px) {
  #instruction-post-trip {
    padding-top: 10px;
  }
}
#instruction-post-trip .instruction-title {
  font-size: 32px;
  color: #183154;
}
@media (max-width: 767px) {
  #instruction-post-trip .instruction-title {
    font-size: 28px;
  }
}
@media (min-width: 769px) {
  #instruction-post-trip .instruction-contents {
    max-width: 1200px;
    padding: 15px;
    box-sizing: border-box;
  }
}
@media (max-width: 767px) {
  #instruction-post-trip .instruction-item-right {
    float: right;
    max-width: 230px;
  }
}
#instruction-post-trip .instruction-item-title {
  font-size: 24px;
  margin-top: 15px;
  color: #183154;
}
@media (max-width: 767px) {
  #instruction-post-trip .instruction-item-title {
    font-size: 20px;
  }
}
#instruction-post-trip .instruction-item-contents {
  font-weight: 500;
  margin-top: 15px;
  font-size: 16px;
  line-height: 24px;
  color: #456682;
}
@media (max-width: 767px) {
  #instruction-post-trip .instruction-item-contents {
    margin-top: 5px;
  }
}
#instruction-post-trip .instruction-item {
  width: 28%;
  float: left;
  padding: 0px;
  margin: 0px 5% 0px 0px;
  box-sizing: border-box;
  position: relative;
}
@media (max-width: 767px) {
  #instruction-post-trip .instruction-item {
    width: 100%;
    margin: 10px 0px 10px 0px;
  }
}
#instruction-post-trip .instruction-icon {
  width: 100px;
  height: 100px;
}
@media (max-width: 767px) {
  #instruction-post-trip .instruction-icon {
    float: left;
  }
}
#instruction-post-trip #instruction-reliable-icon {
  width: 100px;
  height: 100px;
  background: url("../images/icons/rules-timeliness.e3ccf892bf26.svg") no-repeat top left;
  background-size: 80px auto;
}
@media (max-width: 767px) {
  #instruction-post-trip #instruction-reliable-icon {
    float: left;
  }
}
#instruction-post-trip #instruction-payment-icon {
  width: 100px;
  height: 100px;
  background: url("../images/icons/rules-payment.2425eb6d0c69.svg") no-repeat top left;
  background-size: 80px auto;
}
@media (max-width: 767px) {
  #instruction-post-trip #instruction-payment-icon {
    float: left;
  }
}
#instruction-post-trip #instruction-cancellation-icon {
  width: 100px;
  height: 100px;
  background: url("../images/icons/icon-warning.c8c0e1cb9433.svg") no-repeat top left;
  background-size: 80px auto;
}
@media (max-width: 767px) {
  #instruction-post-trip #instruction-cancellation-icon {
    float: left;
  }
}
#instruction-post-trip #instruction-safety-icon {
  width: 100px;
  height: 100px;
  background: url("../images/icons/icon-warning.c8c0e1cb9433.svg") no-repeat top left;
  background-size: 80px auto;
}
@media (max-width: 767px) {
  #instruction-post-trip #instruction-safety-icon {
    float: left;
  }
}
#instruction-post-trip #instruction-taxi-icon {
  width: 100px;
  height: 100px;
  left: -10px;
  background: url("../images/icons/rules-carpool.655a34eb8484.svg") no-repeat top left;
  background-size: 80px auto;
}
@media (max-width: 767px) {
  #instruction-post-trip #instruction-taxi-icon {
    float: left;
  }
}
#instruction-post-trip .instruction-button {
  margin: 15px 0px 0px;
}
#instruction-post-trip .form-row {
  position: relative;
}
#trip_processing-page #system-msg {
  display: none;
}

#instruction-trip-posted {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
#instruction-trip-posted .instruction-contents {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  max-width: 450px;
}
#instruction-trip-posted .instruction-contents .container, #instruction-trip-posted .instruction-contents #business .business-container, #business #instruction-trip-posted .instruction-contents .business-container {
  box-sizing: border-box;
}
@media (max-width: 767px) {
  #instruction-trip-posted .instruction-logo {
    display: block !important;
  }
}
#instruction-trip-posted .instruction-title {
  margin-bottom: 20px;
}
#instruction-trip-posted .instruction-item.message {
  background: url("../images/icons/icon-community-guideline-respond.c37a76bd0724.png") no-repeat left top;
  background-size: 30px auto;
}
#instruction-trip-posted .instruction-item.payment {
  background: url("../images/icons/icon-credit-card-white.3fac0294de6e.png") no-repeat left top;
  background-size: 30px auto;
}
#instruction-trip-posted .instruction-item.payout {
  background: url("../images/icons/icon-bank-white.d463f5e1f53a.png") no-repeat left top;
  background-size: 38px auto;
  background-position: -5px -3px;
}
#instruction-trip-posted .instruction-item.instant-book {
  background: url("../images/icons/icon_instant_book.2eb4121d74aa.svg") no-repeat;
  background-size: 25px 25px;
}

/* Below to be replaced */
.instruction .instruction-left {
  width: 25%;
  float: left;
}
@media (max-width: 767px) {
  .instruction .instruction-left {
    float: none;
    width: 100%;
  }
}
.instruction .instruction-right {
  width: 70%;
  float: right;
}
@media (max-width: 767px) {
  .instruction .instruction-right {
    float: none;
    width: 100%;
  }
}
.instruction .button-arrow-right {
  background: url("../images/icons/arrow-right.3931900bc8c0.png") no-repeat !important;
  background-size: 30px 15px !important;
  background-position: 88% !important;
}

.instruction-booking-what-next .booking-submitted-icon {
  background: url("../images/icons/icon-tick-white.61a642f04cb9.png") no-repeat center center #05AC09;
  background-size: 24px 24px;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  margin-right: 20px;
}
@media (max-width: 767px) {
  .instruction-booking-what-next .booking-submitted-icon {
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
    margin-right: 10px;
  }
}
@media (max-width: 320px) {
  .instruction-booking-what-next .booking-submitted-icon {
    width: 20px;
    height: 20px;
    background-size: 16px 16px;
  }
}
.instruction-booking-what-next .booking-submitted-text {
  line-height: 30px;
  color: #05AC09;
}
@media (min-width: 769px) {
  .instruction-booking-what-next .booking-submitted-text {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .instruction-booking-what-next .booking-submitted-text {
    font-size: 20px;
    line-height: 24px;
  }
}
@media (max-width: 320px) {
  .instruction-booking-what-next .booking-submitted-text {
    font-size: 16px;
  }
}
.instruction-booking-what-next .driver-pic {
  width: 150px;
  height: 150px;
  border: 2px solid #dfdbdb;
  border-radius: 180px;
  margin-top: 25px;
}
@media (max-width: 767px) {
  .instruction-booking-what-next .driver-pic {
    width: 50px;
    height: 50px;
  }
}
@media (max-width: 320px) {
  .instruction-booking-what-next .driver-pic {
    float: left;
    margin-top: 0px;
  }
}

.instruction-book .instruction-title.instant-book {
  background: url("../images/icons/icon_instant_book.2eb4121d74aa.svg") no-repeat left center;
  background-size: 25px 25px;
  padding-left: 32px;
}
.instruction-book .col-3 {
  padding: 0px;
}
@media (min-width: 769px) {
  .instruction-book .col-3.with-padding {
    padding-left: 4%;
    padding-right: 4%;
  }
}
.instruction-book .instruction-icon {
  width: 50px;
  height: 50px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .instruction-book .instruction-icon {
    display: none;
  }
}
.instruction-book .instruction-icon.payment {
  background: url("../images/icons/icon-cashless.9fb3f3ecaa15.png") no-repeat center center;
  background-size: contain;
}
.instruction-book .instruction-icon.review {
  background: url("../images/icons/icon-clock-timer.dd5a1abfc652.png") no-repeat left center;
  background-size: contain;
}
.instruction-book .instruction-icon.drive {
  background: url("../images/icons/icon-travel-together.b46414ede0c9.png") no-repeat center center;
  background-size: contain;
}

.instruction-payments .instruction-row, .instruction-payouts .instruction-row {
  padding-left: 65px;
}
.instruction-payments .instruction-row.no-cash, .instruction-payouts .instruction-row.no-cash {
  background: url("../images/icons/no_cash.66fb313ae607.svg") no-repeat top -5px left;
  background-size: 50px auto;
}
.instruction-payments .instruction-row.reliability, .instruction-payouts .instruction-row.reliability {
  background: url("../images/icons/on_time.db6baae9329b.svg") no-repeat top -5px left;
  background-size: 50px auto;
}
.instruction-payments .instruction-row.support, .instruction-payouts .instruction-row.support {
  background: url("../images/icons/agreement_verified.bbd5e56d8e03.svg") no-repeat top -5px left;
  background-size: 40px auto;
}

/* Modal instruction book */
#modal-booking-what-next .modal-instruction-book-driver {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  border: 1px solid #dfdbdb;
  margin-bottom: 20px;
}
#modal-booking-what-next .modal-instruction-book-item {
  padding-left: 50px;
  box-sizing: border-box;
}
#modal-booking-what-next .modal-instruction-book-item.reliable {
  background: url("../images/icons/icon-smiley-grey.d1c499868cd9.png") no-repeat;
  background-size: 40px auto;
}
#modal-booking-what-next .modal-instruction-book-item.wait {
  background: url("../images/icons/on_time.db6baae9329b.svg") no-repeat top -5px left;
  background-size: 40px auto;
}
#modal-booking-what-next .modal-instruction-book-item.online {
  background: url("../images/icons/icon-credit-card-grey.099b4505c959.png") no-repeat;
  background-size: 30px auto;
  background-position: 0 -3px;
}
#modal-booking-what-next .modal-instruction-book-item.message {
  background: url("../images/icons/communication.32ee71ad1f12.svg") no-repeat;
  background-size: 35px auto;
  background-position: 0 0px;
}
#modal-booking-what-next .modal-instruction-book-item.return {
  background: url("../images/icons/icon-return-trip.b13587788cdd.png") no-repeat;
  background-size: 20px auto;
  background-position: 0px 5px;
}
#modal-booking-what-next .button, #modal-booking-what-next .vehicle-form [type=submit], .vehicle-form #modal-booking-what-next [type=submit], #modal-booking-what-next #book .booking-form .booking-send-button, #book .booking-form #modal-booking-what-next .booking-send-button, #modal-booking-what-next .trip-search .trip-search-button, .trip-search #modal-booking-what-next .trip-search-button {
  margin-left: 50px;
}

/* Landing pages */
#landing-page #landing-page-banner {
  background: #ffffff;
  padding: 20px 20px 40px 20px;
  text-align: center;
  position: relative;
  min-height: 600px;
}
@media (max-width: 767px) {
  #landing-page #landing-page-banner {
    padding: 15px 0px 40px 0px;
    min-height: 500px;
  }
}
#landing-page #landing-page-banner h1 {
  color: #456682;
  font-weight: 900;
  font-size: 40px;
  line-height: 46px;
  background-size: contain;
}
@media (max-width: 767px) {
  #landing-page #landing-page-banner h1 {
    font-size: 22px;
    line-height: 25px;
    margin-top: 0px;
  }
}
#landing-page #landing-page-banner h2 {
  font-size: 24px;
  padding-top: 0px;
  margin: 10px 0px 40px;
  color: #456682;
  font-weight: 600;
}
@media (max-width: 767px) {
  #landing-page #landing-page-banner h2 {
    font-size: 20px;
    line-height: 24px;
    padding-top: 0px;
    margin: 10px 0px 0px 0px;
  }
}
#landing-page #landing-page-contents {
  background: #F2F2F2;
}
#landing-page #landing-page-contents .landing-page-contents-title {
  font-size: 35px;
  font-weight: 900;
  color: #456682;
  margin-bottom: 15px;
  line-height: 35px;
  text-align: center;
}
@media (max-width: 767px) {
  #landing-page #landing-page-contents .landing-page-contents-title {
    font-size: 28px;
  }
}
#landing-page #landing-page-contents .landing-page-contents-subtitle {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
}
@media (max-width: 767px) {
  #landing-page #landing-page-contents .landing-page-contents-subtitle {
    font-size: 18px;
  }
}
#landing-page #landing-page-contents .landing-page-destinations {
  padding: 30px;
  max-width: 500px;
  border-radius: 5px;
  box-sizing: border-box;
  background: #ffffff;
  margin: 0px auto;
}
@media (max-width: 767px) {
  #landing-page #landing-page-contents .landing-page-destinations {
    padding: 15px;
  }
}
#landing-page #landing-page-contents a.landing-page-destination {
  display: block;
  height: 40px;
  padding-top: 17px;
}
#landing-page #landing-page-contents a.landing-page-destination .landing-page-destination-title {
  float: left;
  font-size: 20px;
  font-weight: 700;
  color: #0099ff;
}
@media (max-width: 767px) {
  #landing-page #landing-page-contents a.landing-page-destination .landing-page-destination-title {
    font-size: 18px;
  }
}
#landing-page #landing-page-contents a.landing-page-destination .landing-page-destination-price {
  float: right;
  font-size: 20px;
  color: #009a4b;
  font-weight: 700;
}
@media (max-width: 767px) {
  #landing-page #landing-page-contents a.landing-page-destination .landing-page-destination-price {
    font-size: 18px;
  }
}
#landing-page #landing-page-generic-contents .container, #landing-page #landing-page-generic-contents #business .business-container, #business #landing-page #landing-page-generic-contents .business-container {
  max-width: 800px;
}
#landing-page #landing-page-generic-contents .landing-page-generic-contents-logo {
  display: block;
  margin: 20px auto;
  max-width: 100%;
}
#landing-page #landing-page-generic-contents h1 {
  text-align: center;
  font-size: 42px;
  line-height: 52px;
  margin: 50px 0px 40px;
  color: #183154;
}
@media (max-width: 767px) {
  #landing-page #landing-page-generic-contents h1 {
    font-size: 32px;
    line-height: 38px;
    margin: 30px 0px 30px;
  }
}
#landing-page #landing-page-generic-contents h2 {
  margin: 0px 0px 20px;
}
#landing-page #landing-page-generic-contents .landing-page-generic-contents-banner {
  width: 100%;
  height: 350px;
  display: block;
  border-radius: 5px;
}
@media (min-width: 769px) {
  #landing-page #landing-page-generic-contents .landing-page-generic-contents-banner {
    width: 48%;
    float: left;
  }
}
@media (max-width: 767px) {
  #landing-page #landing-page-generic-contents .landing-page-generic-contents-banner {
    height: 300px;
  }
}
@media (min-width: 769px) {
  #landing-page #landing-page-generic-contents .landing-page-generic-contents-text {
    width: 48%;
    float: right;
  }
}
#landing-page #landing-page-footer {
  background: #0099ff;
  color: #ffffff;
}
#landing-page #landing-page-footer .landing-page-footer-headline {
  font-size: 32px;
  font-weight: 600;
  line-height: 42px;
  max-width: 720px;
  margin: 40px auto;
}
@media (max-width: 767px) {
  #landing-page #landing-page-footer .landing-page-footer-headline {
    font-size: 24px;
    line-height: 30px;
    margin-top: 20px;
  }
}
#landing-page #landing-page-footer .landing-page-footer-left {
  width: 47.5%;
  float: left;
}
@media (max-width: 767px) {
  #landing-page #landing-page-footer .landing-page-footer-left {
    width: 100%;
    float: none;
  }
}
#landing-page #landing-page-footer .landing-page-footer-left .landing-page-footer-left-item .landing-page-footer-left-item-graphic {
  float: left;
  width: 80px;
  height: 80px;
  margin-right: 15px;
  border-radius: 80px;
}
#landing-page #landing-page-footer .landing-page-footer-left .landing-page-footer-left-item .landing-page-footer-left-item-text {
  float: left;
  width: 60%;
  font-size: 16px;
}
#landing-page #landing-page-footer .landing-page-footer-right {
  width: 47.5%;
  float: right;
}
@media (max-width: 767px) {
  #landing-page #landing-page-footer .landing-page-footer-right {
    width: 100%;
    float: none;
  }
}
#landing-page #landing-page-footer .landing-page-footer-right .player-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
#landing-page #landing-page-footer .landing-page-footer-right .player-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#landing-page #landing-page-footer .landing-page-footer-cta {
  text-align: center;
}
@media (max-width: 767px) {
  #landing-page #landing-page-footer .landing-page-footer-cta .text-xxlarge {
    font-size: 32px;
    line-height: 36px;
  }
}

.landing-page-cta {
  background: #F8E81C;
  color: #456682;
  font-weight: 700;
  border-radius: 5px;
  font-size: 20px;
  display: inline-block;
  margin: 0 auto;
  padding: 25px 40px;
  text-align: center;
}

.landing-page-cta:hover {
  opacity: 0.9;
  color: #456682;
}

.landing-page-cta:active {
  color: #183154;
  opacity: 1;
}

#landing-page-cta-container {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  background: rgba(255, 255, 255, 0.95);
  border-top: 2px solid #dfdbdb;
  z-index: 900;
}
#landing-page-cta-container .landing-page-cta-left {
  float: left;
}
@media (max-width: 767px) {
  #landing-page-cta-container .landing-page-cta-left {
    float: none;
  }
}
#landing-page-cta-container .landing-page-cta {
  border-right: 2px solid #E3D30D;
  border-bottom: 2px solid #E3D30D;
}
@media (min-width: 769px) {
  #landing-page-cta-container .landing-page-cta {
    width: 400px;
    box-sizing: border-box;
    float: right;
  }
}
@media (max-width: 767px) {
  #landing-page-cta-container .landing-page-cta {
    width: 100%;
    box-sizing: border-box;
    font-size: 18px;
    padding: 20px;
    margin-top: 10px;
  }
}

#landing-page-authenticated .landing-page-logo {
  width: 300px;
  height: 50px;
  display: block;
  margin: 40px auto 50px;
}
@media (max-width: 767px) {
  #landing-page-authenticated .landing-page-logo {
    margin: 20px auto 30px;
  }
}
#landing-page-authenticated .landing-page-emoji {
  font-size: 80px;
  margin-top: 60px;
  padding-bottom: 60px;
}
@media (max-width: 767px) {
  #landing-page-authenticated .landing-page-emoji {
    font-size: 60px;
    margin-top: 40px;
    padding-bottom: 20px;
  }
}
#landing-page-authenticated h1 {
  text-align: center;
  font-size: 36px;
}
@media (max-width: 767px) {
  #landing-page-authenticated h1 {
    font-size: 32px;
    line-height: 36px;
  }
}
#landing-page-authenticated h2 {
  text-align: center;
  font-weight: 400;
  font-size: 20px;
  margin: 40px 0px;
}
@media (max-width: 767px) {
  #landing-page-authenticated h2 {
    line-height: 28px;
  }
}
#landing-page-authenticated .landing-page-share {
  display: block;
  text-align: center;
  width: 100px;
  margin: 30px auto;
}

#landing-page-banner-cta {
  position: fixed;
  width: 100%;
  bottom: 0px;
  left: 0px;
  -webkit-box-shadow: 0px 25px 38px 20px rgba(0, 0, 0, 0.47);
  -moz-box-shadow: 0px 25px 38px 20px rgba(0, 0, 0, 0.47);
  box-shadow: 0px 25px 38px 20px rgba(0, 0, 0, 0.47);
  background: #ffffff;
}
@media (max-width: 767px) {
  #landing-page-banner-cta {
    z-index: 100;
  }
}
#landing-page-banner-cta #landing-page-banner-cta-hide {
  position: absolute;
  cursor: pointer;
  top: 5px;
  right: 5px;
  width: 30px;
  height: 30px;
  background: url("../images/icons/icon-cross.b47c2c3208af.png") no-repeat center center;
  background-size: 15px 15px;
  opacity: 0.6;
}
@media (max-width: 767px) {
  #landing-page-banner-cta #landing-page-banner-cta-hide {
    top: 0px;
    right: 0px;
  }
}
#landing-page-banner-cta #landing-page-banner-cta-hide:hover {
  opacity: 0.9;
}
#landing-page-banner-cta #landing-page-banner-cta-hide:active {
  opacity: 1;
}
#landing-page-banner-cta .landing-page-banner-cta-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 30px 0px;
}
@media (max-width: 767px) {
  #landing-page-banner-cta .landing-page-banner-cta-container {
    padding: 15px;
  }
}
@media (min-width: 769px) {
  #landing-page-banner-cta .landing-page-banner-cta-left {
    float: left;
    background-size: auto 50px;
    padding-left: 70px;
    box-sizing: border-box;
    background-position: left center;
    background-repeat: no-repeat;
  }
}
@media (max-width: 767px) {
  #landing-page-banner-cta .landing-page-banner-cta-left {
    background-size: 30px auto;
    padding-left: 45px;
    background-position: left top;
    background-repeat: no-repeat;
  }
}
#landing-page-banner-cta .landing-page-banner-cta-left .landing-page-banner-cta-left-title {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  #landing-page-banner-cta .landing-page-banner-cta-left .landing-page-banner-cta-left-title {
    font-size: 16px;
    margin-bottom: 4px;
  }
}
#landing-page-banner-cta .landing-page-banner-cta-left .landing-page-banner-cta-left-subtitle {
  font-size: 20px;
  font-weight: 400;
  color: #456682;
}
@media (max-width: 767px) {
  #landing-page-banner-cta .landing-page-banner-cta-left .landing-page-banner-cta-left-subtitle {
    font-size: 15px;
    margin-bottom: 4px;
  }
}
@media (min-width: 769px) {
  #landing-page-banner-cta .landing-page-banner-cta-right {
    float: right;
  }
}
#landing-page-banner-cta .landing-page-banner-cta-right a.landing-page-banner-cta-right-button.button, #landing-page-banner-cta .landing-page-banner-cta-right .vehicle-form a.landing-page-banner-cta-right-button[type=submit], .vehicle-form #landing-page-banner-cta .landing-page-banner-cta-right a.landing-page-banner-cta-right-button[type=submit], #landing-page-banner-cta .landing-page-banner-cta-right #book .booking-form a.landing-page-banner-cta-right-button.booking-send-button, #book .booking-form #landing-page-banner-cta .landing-page-banner-cta-right a.landing-page-banner-cta-right-button.booking-send-button, #landing-page-banner-cta .landing-page-banner-cta-right .trip-search a.landing-page-banner-cta-right-button.trip-search-button, .trip-search #landing-page-banner-cta .landing-page-banner-cta-right a.landing-page-banner-cta-right-button.trip-search-button {
  margin: 6px 0px 0px 0px;
}
@media (max-width: 767px) {
  #landing-page-banner-cta .landing-page-banner-cta-right a.landing-page-banner-cta-right-button.button, #landing-page-banner-cta .landing-page-banner-cta-right .vehicle-form a.landing-page-banner-cta-right-button[type=submit], .vehicle-form #landing-page-banner-cta .landing-page-banner-cta-right a.landing-page-banner-cta-right-button[type=submit], #landing-page-banner-cta .landing-page-banner-cta-right #book .booking-form a.landing-page-banner-cta-right-button.booking-send-button, #book .booking-form #landing-page-banner-cta .landing-page-banner-cta-right a.landing-page-banner-cta-right-button.booking-send-button, #landing-page-banner-cta .landing-page-banner-cta-right .trip-search a.landing-page-banner-cta-right-button.trip-search-button, .trip-search #landing-page-banner-cta .landing-page-banner-cta-right a.landing-page-banner-cta-right-button.trip-search-button {
    width: 100%;
  }
}

/* Ads & Landing pages */
.loggedout.supply .menu-item, .loggedout.supply .menu-items-auth, .loggedout.supply .header-mobile-buttons, .loggedout.supply #trip-find-filters-trigger, .loggedout.supply #trip-find-filters, .loggedout.demand .menu-item, .loggedout.demand .menu-items-auth, .loggedout.demand .header-mobile-buttons, .loggedout.demand #trip-find-filters-trigger, .loggedout.demand #trip-find-filters {
  display: none;
}

.header-intercity-rideshare {
  font-size: 18px;
  color: #456682;
  margin: 20px 0px 0px 10px;
  float: left;
  font-weight: 600;
}
@media (max-width: 767px) {
  .header-intercity-rideshare {
    font-size: 15px;
    margin: 20px 0px 0px 5px;
  }
}

.header-facebook-likes {
  float: right;
}
@media (max-width: 767px) {
  .header-facebook-likes {
    margin: 20px 10px 0px 0px;
  }
}

#locations ul {
  margin-top: 0px;
}
@media (min-width: 769px) {
  #locations ul {
    column-count: 3;
  }
}
#locations ul li {
  margin-top: 0px;
}
#locations h2 {
  margin: 0px 0px 0px;
  font-size: 18px;
  font-weight: 700;
}
#locations h2 a {
  color: #183154;
}
#locations #pagination {
  text-align: center;
}

/* Location trigger */
.location-chooser {
  position: relative;
}
.location-chooser .location-label {
  height: 25px;
  overflow: hidden;
}

/* Location modal */
.modal-location {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background: #ffffff;
}
.modal-location .modal-box {
  z-index: 2000;
  border: none;
  box-shadow: none;
  max-width: 800px;
  margin: 40px auto;
  padding: 20px;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .modal-location .modal-box {
    margin-top: 0px;
    padding: 0px;
    overflow-y: auto;
    height: 100% !important;
  }
}
.modal-location .modal-location-close {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 32px;
  color: #456682;
  opacity: 0.9;
  cursor: pointer;
  z-index: 1000;
}
@media (max-width: 767px) {
  .modal-location .modal-location-close {
    top: 10px;
    right: 10px;
  }
}
.modal-location .modal-location-close:hover {
  opacity: 1;
}
.modal-location .modal-location-loader {
  position: relative !important;
  height: 30px;
}
.modal-location .modal-location-loader .loader.loader-grey {
  left: 12px;
  top: 10px;
}
.modal-location .modal-location-results {
  margin-top: 12px;
}
.modal-location .modal-location-result-item {
  padding-top: 12px;
  padding-bottom: 12px;
  border: 1px solid #ffffff;
  background-color: #ffffff;
  position: relative;
  cursor: pointer;
}
.modal-location .modal-location-result-item:hover {
  border-color: #ffffff;
  background-color: #F1FAFF;
}
.modal-location .modal-location-result-item.active, .modal-location .modal-location-result-item.active:hover, .modal-location .modal-location-result-item:focus, .modal-location .modal-location-result-item:active {
  background-color: #E0F5FC !important;
}
.modal-location .modal-location-results-item-location {
  font-size: 16px;
}
.modal-location .modal-location-results-item-location strong {
  color: #183154;
  font-weight: 600;
}
.modal-location .modal-location-error {
  padding: 10px;
  background: #ffcccc;
  box-sizing: border-box;
}
.modal-location .modal-location-error .modal-location-error-title {
  color: #183154;
  font-weight: 700;
  font-size: 18px;
}
.modal-location .modal-location-error .modal-location-error-subtitle {
  color: #456682;
  font-weight: 400;
  font-size: 18px;
}
.modal-location .modal-location-need-more-input, .modal-location .modal-location-no-results {
  padding: 20px 0px;
  box-sizing: border-box;
}
.modal-location .modal-close {
  font-size: 42px;
}

/* Login styles */
#login .container, #login #business .business-container, #business #login .business-container {
  max-width: 400px;
}
#login .box.round {
  border-radius: 5px;
}

/* Modal login */
@media (min-width: 769px) {
  .modal-signin .modal-box {
    width: 500px;
  }
}
.modal-signin .s-spacer {
  height: 15px;
}
.modal-signin .button.email, .modal-signin .vehicle-form .email[type=submit], .vehicle-form .modal-signin .email[type=submit], .modal-signin #book .booking-form .email.booking-send-button, #book .booking-form .modal-signin .email.booking-send-button, .modal-signin .trip-search .email.trip-search-button, .trip-search .modal-signin .email.trip-search-button {
  padding: 20px;
  background: url("../images/icons/icon-email-white.08c4b4c50947.png") no-repeat left center #ff4f02;
  background-size: 25px 25px;
  background-position: 20px;
}
.modal-signin .button.email:hover, .modal-signin .vehicle-form .email[type=submit]:hover, .vehicle-form .modal-signin .email[type=submit]:hover, .modal-signin #book .booking-form .email.booking-send-button:hover, #book .booking-form .modal-signin .email.booking-send-button:hover, .modal-signin .trip-search .email.trip-search-button:hover, .trip-search .modal-signin .email.trip-search-button:hover, .modal-signin .button.email:active, .modal-signin .vehicle-form .email[type=submit]:active, .vehicle-form .modal-signin .email[type=submit]:active, .modal-signin #book .booking-form .email.booking-send-button:active, #book .booking-form .modal-signin .email.booking-send-button:active, .modal-signin .trip-search .email.trip-search-button:active, .trip-search .modal-signin .email.trip-search-button:active {
  padding: 20px;
  background: url("../images/icons/icon-email-white.08c4b4c50947.png") no-repeat left center #ff7430;
  background-size: 25px 25px;
  background-position: 20px;
}
.modal-signin .modal-loading-box {
  position: absolute;
  top: 0px;
  left: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.95);
  overflow: hidden;
  z-index: 1000;
}

/* Social logins */
.social-logins .social-login {
  border-radius: 10px;
  width: 100%;
  padding: 15px 20px 15px 40px;
  margin: 10px 0px;
  color: #456682;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  border: 1px solid #D7E6ED;
  cursor: pointer;
}
@media (max-width: 320px) {
  .social-logins .social-login {
    text-indent: 8px;
  }
}
.social-logins .social-login .loading {
  margin-top: 10px;
}
.social-logins .social-login:hover {
  border: 1px solid #6798c3;
}
.social-logins .social-login:active {
  border: 1px solid #456682;
}
.social-logins .social-login.apple {
  background: url("../images/icons/icon-social-apple.5eb9cea15944.svg") no-repeat #ffffff;
  background-position: left 15px center;
  background-size: 20px 20px;
}
.social-logins .social-login.facebook {
  background: url("../images/icons/icon-social-facebook.b8906f259d54.svg") no-repeat #ffffff;
  background-position: left 15px center;
  background-size: 20px 20px;
}
.social-logins .social-login.google {
  background: url("../images/icons/icon-social-google.a59eac29f746.svg") no-repeat #ffffff;
  background-position: left 15px center;
  background-size: 20px 20px;
}

@media (min-width: 769px) {
  #account-recovery {
    margin-top: 30px;
  }
}
#account-recovery .container, #account-recovery #business .business-container, #business #account-recovery .business-container {
  max-width: 800px;
}
#account-recovery .container h1, #account-recovery #business .business-container h1, #business #account-recovery .business-container h1 {
  line-height: 36px;
}
@media (max-width: 767px) {
  #account-recovery .container h1.long-h1, #account-recovery #business .business-container h1.long-h1, #business #account-recovery .business-container h1.long-h1 {
    line-height: 28px;
    font-size: 20px;
  }
}
@media (min-width: 769px) {
  #account-recovery .container #login-form, #account-recovery #business .business-container #login-form, #business #account-recovery .business-container #login-form {
    max-width: 300px;
  }
}
#account-recovery .with-boxes a {
  text-decoration: none;
  color: #456682;
}
#account-recovery .with-boxes img {
  width: 50px;
  height: 50px;
}
#account-recovery .with-boxes .box {
  background: url("../images/icons/icon-triangle-right-black.14ae5b23146b.png") no-repeat right 15px center;
  background-size: 15px auto;
  padding: 75px 50px;
}
@media (max-width: 767px) {
  #account-recovery .with-boxes .box {
    padding: 25px 25px 25px 15px;
  }
}
#account-recovery .with-boxes .box:hover {
  border: 1px solid #456682;
}
#account-recovery .with-boxes .box:active, #account-recovery .with-boxes .box:focus {
  border: 1px solid #456682;
}
#account-recovery .button-back {
  font-size: 16px;
  padding-left: 30px;
}
@media (max-width: 767px) {
  #account-recovery .social-logins .float-left, #account-recovery .social-logins .float-right {
    float: none;
    width: 100%;
    margin-top: 10px;
    box-sizing: border-box;
  }
}

/* Messages */
.toggle-messages-container {
  text-align: center;
}
.toggle-messages-container .toggle-messages {
  border-radius: 15px;
  border: 1px solid #456682;
  display: inline-block;
  padding: 4px 13px 3px 13px;
  margin: 10px auto;
  color: #456682;
  font-weight: 600;
  font-size: 14px;
}

.toggle-messages:hover {
  border: 1px solid #183154;
  color: #183154;
}

.message {
  position: relative;
  margin: 8px 0px;
}
.message .date {
  font-size: 13px;
}
.message .feedback-state {
  height: 30px;
  width: 30px;
  display: block;
  margin-left: 10px;
  margin-top: 13px;
}
.message .message-time {
  font-size: 14px;
  color: #456682;
  margin-bottom: 5px;
  opacity: 0.6;
}
.message .message-picture .profile-pic {
  width: 40px;
  height: 40px;
  box-sizing: border-box;
}
.message .message-container {
  display: flex;
}
.message .message-container.author {
  flex-direction: row-reverse;
}
.message .message-container.author .message-contents .message-bubble {
  border: 1px solid #456682;
  background: #456682;
  color: #ffffff;
}
.message .message-spacer {
  width: 10px;
  height: 100%;
  display: block;
}
.message .message-contents {
  font-size: 15px;
  line-height: 20px;
  color: #456682;
  box-sizing: border-box;
}
.message .message-contents .message-bubble {
  overflow: auto;
  padding: 10px 12px;
  border: 1px solid #D7E6ED;
  background: #ffffff;
  color: #456682;
  border-radius: 10px;
  display: inline-block;
}
.message .message-contents .message-bubble pre {
  margin: 0px;
}
.message .message-full-width {
  width: 100%;
}
.message .message-location .message-location-map {
  width: 100%;
  height: 250px;
  display: block;
  margin-bottom: 5px;
  border-radius: 15px;
}
@media (max-width: 767px) {
  .message .message-location .message-location-map {
    height: 150px;
  }
}

.message-initial-cta .message-initial-cta-picture {
  margin: 0px auto;
}
.message-initial-cta .message-contents {
  text-align: center;
}

.message-tag-cta {
  display: flex;
  margin-top: -5px;
}
.message-tag-cta .message-tag-cta-icon {
  display: block;
  background: url("../images/icons/icon-tag-flag-round.c1e36ae8f1ea.png") no-repeat center center;
  background-size: 24px 24px;
  width: 40px;
  height: 40px;
}
.message-tag-cta .message-tag-cta-icon-warning {
  display: block;
  background: url("../images/icons/icon-tag-warning-round.009f3a03bade.svg") no-repeat center center;
  background-size: 24px 24px;
  width: 40px;
  height: 40px;
  margin-top: 2px;
}
.message-tag-cta .message-tag-cta-spacer {
  width: 10px;
  height: 100%;
  display: block;
}
.message-tag-cta .message-tag-cta-contents {
  box-sizing: border-box;
  border-radius: 15px;
  padding: 10px 15px;
  display: inline-block;
}

.message-tag-cta.author {
  flex-direction: row-reverse;
}

.message-tag-cta-warning .message-tag-cta-contents {
  width: 100%;
}

.message-form-row {
  position: relative;
}
.message-form-row textarea {
  max-height: 100px;
  resize: none;
}
.message-form-row .loading {
  margin: 8px 0px 0px 0px;
}
.message-form-row .button-loader-message {
  width: 100%;
}

/* Modals */
.modal-message-tags .message-tag-info {
  margin: 8px 0px;
  padding-left: 25px;
  background: url("../images/icons/icon-tag-flag.058820fb34cf.png") no-repeat;
  background-position: 0px 3px;
  background-size: 14px 14px;
}

#modal-payment-policy ul {
  padding-left: 20px;
}
#modal-payment-policy ul li {
  padding: 3px 0px;
}

/* Message overwrites */
#index-page.loggedout #system-msg {
  display: none;
}

#step1-page #system-msg {
  display: none;
}

/* General defs for Modals */
body.modal-open {
  overflow: hidden;
}
body.modal-open .modal .modal-box {
  overflow-y: auto;
}

.modal {
  display: none;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
  z-index: 1000;
}
@media (max-width: 767px) {
  .modal {
    height: auto;
    width: auto;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
.modal h1 {
  font-size: 20px;
  padding-top: 0px;
  margin-top: -10px;
}
@media (max-width: 767px) {
  .modal h1 {
    margin-top: 0px;
  }
}
.modal h2, .modal h2 span {
  font-size: 16px;
}
.modal h3 {
  margin-bottom: 20px;
}
.modal h4 {
  margin-bottom: 10px;
}
.modal h5 {
  margin: 15px 0px 10px;
}
.modal #loading {
  float: left;
}
.modal .modal-box {
  z-index: 1000;
  position: relative;
  max-width: 800px;
  margin: 40px auto;
  padding: 20px;
  border: 1px solid #D7E6ED;
  background: #ffffff;
}
@media (min-width: 769px) {
  .modal .modal-box {
    border-radius: 15px;
  }
}
@media (max-width: 767px) {
  .modal .modal-box {
    margin-top: 0px;
    padding: 10px;
    overflow-y: auto;
    height: 100% !important;
  }
}
@media (max-width: 767px) {
  .modal .modal-box .container, .modal .modal-box #business .business-container, #business .modal .modal-box .business-container {
    padding: 10px;
  }
}
.modal .modal-box .modal-title {
  font-size: 36px;
  font-weight: 700;
  margin-top: 2px;
  line-height: 42px;
}
.modal .modal-background {
  background: #ffffff;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 0;
  opacity: 0.9;
  cursor: pointer;
}
.modal .modal-close {
  height: 32px;
  width: auto;
  font-size: 22px;
  color: #456682;
  opacity: 0.9;
  float: right;
  cursor: pointer;
  position: relative;
  z-index: 1000;
}
.modal .modal-close:hover {
  opacity: 0.8;
}
.modal .modal-close:active {
  opacity: 1;
}
.modal .modal-close.button, .modal .vehicle-form .modal-close[type=submit], .vehicle-form .modal .modal-close[type=submit], .modal #book .booking-form .modal-close.booking-send-button, #book .booking-form .modal .modal-close.booking-send-button, .modal .trip-search .modal-close.trip-search-button, .trip-search .modal .modal-close.trip-search-button {
  float: none;
  font-size: 15px;
  font-weight: 600;
  color: #ffffff;
  height: auto;
}
.modal .modal-close.link-underline, .modal #terms a.modal-close, #terms .modal a.modal-close, .modal #privacy a.modal-close, #privacy .modal a.modal-close, .modal .modal-close.link-orange, .modal #locations ul li a.modal-close:not(h2 > a), #locations ul li .modal a.modal-close:not(h2 > a) {
  float: none;
  height: auto;
  font-size: 15px;
}

.modal.active {
  display: block;
}

.modal-full-screen {
  overflow: scroll;
}
.modal-full-screen .modal-box {
  border: none;
  box-shadow: none;
  background: none;
}
@media (min-width: 769px) {
  .modal-full-screen .modal-box {
    max-width: 600px;
  }
}
@media (max-width: 767px) {
  .modal-full-screen .modal-box {
    max-width: none;
    width: 100%;
  }
}
.modal-full-screen .modal-background {
  opacity: 1;
}
.modal-full-screen .modal-close {
  font-size: 16px;
  margin: 13px 17px 0px 0px;
  font-weight: 600;
}
@media (max-width: 767px) {
  .modal-full-screen .modal-close {
    margin: 10px 3px 0px 0px;
  }
}

.modal-full-height .modal-box {
  height: 100%;
}

.modal-center {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .modal-center .modal-box {
    padding-top: 50px;
  }
}
.modal-center .modal-close {
  position: absolute;
  top: -10px;
  right: 20px;
}
@media (max-width: 767px) {
  .modal-center .modal-close {
    top: 20px;
    right: 15px;
    text-align: right;
  }
}

.modal-trigger {
  cursor: pointer;
}

.modal-close-icon {
  text-align: center;
  line-height: 36px;
  font-size: 26px !important;
  height: 38px !important;
  width: 38px !important;
  background: #183154;
  border-radius: 38px;
  color: #ffffff !important;
  top: 20px !important;
  right: 20px !important;
  z-index: 2000 !important;
  display: block;
}
@media (max-width: 767px) {
  .modal-close-icon {
    top: 0px;
    right: 5px;
    text-align: center !important;
  }
}

/* Verification modal */
#verification-help {
  display: none;
}
#verification-help h3 {
  margin: 0px 0px 20px;
}
#verification-help h5 {
  margin: 30px 0px 0px;
  font-size: 16px;
}
#verification-help p, #verification-help a {
  font-size: 13px;
  margin: 0px 0px 10px;
}
#verification-help .verification-badge {
  margin: 20px 20px 20px 0px;
  width: 100%;
  clear: both;
}
#verification-help .verification-badge img {
  float: left;
  margin-right: 15px;
  margin-bottom: 20px;
}
#verification-help .verification-badge h4 {
  padding-top: 4px;
}
#verification-help .divider {
  height: 1px;
  width: 100%;
  background: #ccc;
  display: block;
  clear: both;
}
#verification-help .cta {
  clear: both;
  margin-top: 20px;
  width: 200px;
}
#verification-help .verification-below {
  margin-top: 20px;
}
#verification-help #loading {
  display: none;
}

.verification-help {
  cursor: pointer;
}

#modal-description textarea {
  height: 200px;
}
#modal-description .loading {
  display: none;
}

#modal-picture-edit .modal-box {
  margin: 0px;
  width: 100%;
  height: 100%;
  max-width: none;
  overflow-y: scroll;
}
#modal-picture-edit .modal-picture-edit-box {
  max-width: 600px;
  margin: 0px auto;
}
@media (max-width: 767px) {
  #modal-picture-edit .modal-picture-edit-box {
    width: 100%;
  }
}

#modal-picture .modal-box, #modal-vehicle .modal-box {
  max-width: none;
  margin: 0px auto;
  padding: 0px;
}
@media (max-width: 767px) {
  #modal-picture .modal-box, #modal-vehicle .modal-box {
    height: auto !important;
  }
}
#modal-picture .modal-background, #modal-vehicle .modal-background {
  background: rgba(0, 0, 0, 0.9);
}
@media (max-width: 767px) {
  #modal-picture .vehicle-details, #modal-vehicle .vehicle-details {
    bottom: 20px;
    position: relative;
  }
}

#modal-phone .modal-box {
  height: 450px;
}
#modal-phone textarea {
  height: 100px;
}
#modal-phone .loading {
  display: none;
}

@media (min-width: 769px) {
  #modal-verification-phone .modal-box {
    min-height: 450px;
  }
}

#modal-verification-phone .col-2, #modal-phone .col-2 {
  width: auto;
}
#modal-verification-phone #send-button, #modal-verification-phone #send-code-button, #modal-phone #send-button, #modal-phone #send-code-button {
  padding: 15px;
  margin-top: 10px;
  clear: both;
}
@media (max-width: 767px) {
  #modal-verification-phone .phone-verification-box .float-left, #modal-phone .phone-verification-box .float-left {
    float: none;
  }
}

#modal-verified .verification-badge img {
  float: left;
  margin-right: 20px;
}
#modal-verified .verification-badge h4 {
  margin: 0px 0px 0px;
  padding-top: 12px;
}
#modal-verified .verification-badge p {
  margin-top: 0px;
}

#modal-verification-id ul li {
  margin-bottom: 0px;
}

#modal-verification-email .blockLabels {
  display: none;
}

#modal-alert h1 {
  background: url("../images/icons/icon-alert-orange.b1cbafca4908.png") no-repeat left center;
  padding-left: 45px;
}

#modal-legend .icon {
  height: 30px;
  width: 30px;
  background-size: contain;
  margin-right: 10px;
}
#modal-legend .heading {
  margin-top: 4px;
}
#modal-legend .col-2 {
  width: 40%;
  padding-right: 9%;
}

#modal-social-facebook .loading-logo, #modal-social-google .loading-logo, #modal-social-apple .loading-logo {
  margin: 0px auto;
}

@media (min-width: 769px) {
  #modal-social-pouche .modal-left {
    float: left;
    width: 50%;
  }
}
#modal-social-pouche .modal-left .replay {
  background: url("../images/icons/icon-refund-driver.ef9a621ca29c.png") no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  position: absolute;
}
@media (min-width: 769px) {
  #modal-social-pouche .modal-right {
    width: 50%;
    float: right;
  }
}
@media (max-width: 767px) {
  #modal-social-pouche {
    text-align: center;
  }
}

.modal-international .col-3 {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 50px;
}
.modal-international .col-3.with-padding {
  padding-right: 4.5%;
}
.modal-international .col-3.passport {
  background: url("../images/icons/icon-passport.bd24d667d8b1.png") no-repeat top left;
  background-size: 40px 40px;
  background-position-x: -4px;
}
.modal-international .col-3.gavel {
  background: url("../images/icons/icon-gavel.fdaaba854b56.png") no-repeat top left;
  background-size: 40px 40px;
}
.modal-international .col-3.customs {
  background: url("../images/icons/icon-customs.36b8b39e5b55.png") no-repeat top left;
  background-size: 40px 40px;
}

#modal-video .modal-box {
  padding: 0px;
  max-width: 1000px;
  border: none;
  background: none;
}
#modal-video .modal-background {
  background: #183154;
}
#modal-video .modal-close {
  position: absolute;
  top: 20px;
  right: 20px;
  color: #ffffff;
  z-index: 1001;
}
#modal-video .player-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
#modal-video .player-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#modal-close-account textarea {
  height: 100px;
}
#modal-close-account .goodbye {
  max-width: 200px;
}

.modal-promote textarea {
  padding: 10px;
  color: #666;
}
.modal-promote ul {
  list-style: none;
  padding: 0px;
}
.modal-promote ul li {
  padding: 0px;
  margin-bottom: 3px;
}
.modal-promote ul .text-medium, .modal-promote ul #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details .trip-date, #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details .modal-promote ul .trip-date, .modal-promote ul #payments .payment-box .payment-amount, #payments .payment-box .modal-promote ul .payment-amount, .modal-promote ul #payments .payment-box .payment-text, #payments .payment-box .modal-promote ul .payment-text, .modal-promote ul #book .booking-form .trip-form-policies .text-slarge, .modal-promote ul #book .booking-form .trip-form-policies #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details h2, #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details .modal-promote ul #book .booking-form .trip-form-policies h2, #book .booking-form .trip-form-policies .modal-promote ul .text-slarge, #book .booking-form .trip-form-policies .modal-promote ul #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details h2, #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details #book .booking-form .trip-form-policies .modal-promote ul h2, .modal-promote ul #book .booking-form .trip-form-policies .trip-form-section-header, #book .booking-form .trip-form-policies .modal-promote ul .trip-form-section-header, .modal-promote ul #book .booking-form .trip-form-policies .policy-title, #book .booking-form .trip-form-policies .modal-promote ul .policy-title, .modal-promote ul #book .booking-form .trip-form-policies #community-agreement .community-item p, #book .booking-form .trip-form-policies #community-agreement .community-item .modal-promote ul p, .modal-promote ul #community-agreement .community-item #book .booking-form .trip-form-policies p, #community-agreement .community-item #book .booking-form .trip-form-policies .modal-promote ul p, .modal-promote ul #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .trip-details .trip-date, #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .trip-details .modal-promote ul .trip-date, .modal-promote ul #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .booking-details, #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .modal-promote ul .booking-details, .modal-promote ul #book .booking-form .trip-form-policies .popular-routes .popular-routes-box, #book .booking-form .trip-form-policies .popular-routes .modal-promote ul .popular-routes-box, .modal-promote ul .popular-routes #book .booking-form .trip-form-policies .popular-routes-box, .popular-routes #book .booking-form .trip-form-policies .modal-promote ul .popular-routes-box, .modal-promote ul #book .booking-form .trip-form-policies .instruction-full .instruction-contents .instruction-item .instruction-item-title, #book .booking-form .trip-form-policies .instruction-full .instruction-contents .instruction-item .modal-promote ul .instruction-item-title, .modal-promote ul .instruction-full .instruction-contents .instruction-item #book .booking-form .trip-form-policies .instruction-item-title, .instruction-full .instruction-contents .instruction-item #book .booking-form .trip-form-policies .modal-promote ul .instruction-item-title {
  font-size: 15px;
}
.modal-promote .promote-container {
  height: 67px;
}
.modal-promote .promote-container .promote-textarea {
  width: 90%;
  float: left;
  height: 67px;
}
@media (max-width: 767px) {
  .modal-promote .promote-container .promote-textarea {
    width: 85%;
  }
}
.modal-promote .promote-container .button-clipboard {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  background: #456682;
  color: #ffffff;
  padding-top: 23px;
  box-sizing: border-box;
  text-align: center;
  height: 100%;
  cursor: pointer;
  position: relative;
  display: inline-block;
  width: 10%;
}
@media (max-width: 767px) {
  .modal-promote .promote-container .button-clipboard {
    width: 15%;
  }
}
.modal-promote .promote-container .button-clipboard:hover {
  background: #222;
}
.modal-promote .promote-container .button-clipboard:active {
  background: #111;
}
.modal-promote .promote-container .button-clipboard-success {
  position: absolute;
  background: #05AC09;
  padding: 5px 2px 5px 2px;
  border-radius: 3px;
  width: 200px;
  right: 0px;
  top: -45px;
}
.modal-promote .promote-container .button-clipboard-error {
  position: absolute;
  background: #ff6060;
  padding: 5px 2px 5px 2px;
  border-radius: 3px;
  width: 200px;
  right: 0px;
  top: -45px;
}
.modal-promote .promote-container-short {
  height: 45px;
}
.modal-promote .promote-container-short .promote-textarea {
  height: 45px;
}
.modal-promote .promote-container-short .button-clipboard {
  padding-top: 12px;
}
.modal-promote .promote-tabs .tab {
  font-size: 14px;
  padding: 0px 0px 6px 0px;
  margin-right: 20px;
}
.modal-promote .promote-tabs .promote-tab {
  float: left;
}
.modal-promote .promote-tabs .promote-tab.active {
  font-weight: 700;
  color: #183154;
}
.modal-promote .tabs {
  border: none;
}
.modal-promote .external-link a {
  color: #456682;
  text-decoration: underline;
}

.modal-pouche .pouche-text {
  padding-left: 20px;
  border-left: 1px solid #dfdbdb;
  color: #444;
  margin: 10px 0px;
}
.modal-pouche .button-clipboard-state {
  float: left;
  margin: 22px 0px 0px 10px;
}

#modal-promote-craigslist .promote-container-long {
  height: 86px;
}
#modal-promote-craigslist .promote-container-long .promote-textarea {
  height: 86px;
}
#modal-promote-craigslist .promote-container-long .button-clipboard {
  padding-top: 31px;
}
#modal-promote-craigslist .textarea-long {
  min-height: 90px;
}

.modal-social-promo .modal-box {
  overflow-y: visible !important;
}
.modal-social-promo .promote-container {
  background: #e5f7ff;
  padding: 15px;
  border-radius: 5px;
}
.modal-social-promo #promote-mrs-text {
  font-size: 16px;
  color: #666;
  height: 58px;
}
.modal-social-promo .facebook-share {
  float: left;
  margin-right: 10px;
}
.modal-social-promo .twitter-share {
  float: left;
  margin-right: 10px;
}
.modal-social-promo .button-clipboard {
  float: left;
  background: #888;
  display: inline-block;
  padding: 1px 10px 1px 10px;
  border-radius: 3px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  position: relative;
}
.modal-social-promo .button-clipboard:hover {
  background: #666;
  color: #ffffff;
}
.modal-social-promo .button-clipboard-success {
  position: absolute;
  color: #05AC09;
  left: 0px;
  width: 200px;
}
.modal-social-promo .pink {
  color: #e5055c;
}
.modal-social-promo .modal-close {
  z-index: 0;
}

#invitation-suggestion-modal #invitation-suggestions {
  overflow-y: scroll;
  padding-right: 10px;
}
#invitation-suggestion-modal .invitation-item {
  box-sizing: border-box;
  width: 100%;
}
#invitation-suggestion-modal .invitation-item .invitation-user {
  width: 10%;
  float: left;
}
@media (max-width: 767px) {
  #invitation-suggestion-modal .invitation-item .invitation-user {
    width: 20%;
  }
}
#invitation-suggestion-modal .invitation-item .invitation-user .invitation-picture {
  width: 50px;
  height: 50px;
  border-radius: 60px;
  border: 2px solid #dfdbdb;
}
@media (max-width: 767px) {
  #invitation-suggestion-modal .invitation-item .invitation-user .invitation-picture {
    width: 40px;
    height: 40px;
  }
}
#invitation-suggestion-modal .invitation-item .invitation-details {
  width: 70%;
  float: left;
}
@media (max-width: 767px) {
  #invitation-suggestion-modal .invitation-item .invitation-details {
    width: 80%;
    margin-top: -5px;
  }
}
#invitation-suggestion-modal .invitation-item .invitation-cta {
  width: 20%;
  float: right;
}
@media (max-width: 767px) {
  #invitation-suggestion-modal .invitation-item .invitation-cta {
    margin-left: 20%;
    width: 80%;
    float: none;
  }
}
#invitation-suggestion-modal .invitation-item .invitation-cta .invitation-button {
  width: 100%;
  padding: 10px;
  border-radius: 15px;
  font-size: 16px;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  #invitation-suggestion-modal .invitation-item .invitation-cta .invitation-button {
    margin-top: 15px;
    text-align: center;
    max-width: 400px;
  }
}
#invitation-suggestion-modal .invitation-item .invitation-cta .invitation-button.invitation-suggestion-button {
  border: 2px solid #ff4f02;
  color: #ffffff;
  padding-left: 30%;
  background: url("../images/icons/icon-invite-white.0e604b2b32ab.png") right center no-repeat #ff4f02;
  background-size: 20px 20px;
  background-position-x: 90%;
}
@media (max-width: 767px) {
  #invitation-suggestion-modal .invitation-item .invitation-cta .invitation-button.invitation-suggestion-button {
    padding-left: 0px;
  }
}
#invitation-suggestion-modal .invitation-item .invitation-cta .invitation-button.loading {
  border: 2px solid #456682;
  height: 48px;
  background-position: center;
  margin-top: 0px;
}
@media (max-width: 767px) {
  #invitation-suggestion-modal .invitation-item .invitation-cta .invitation-button.loading {
    margin-top: 15px;
  }
}
#invitation-suggestion-modal .invitation-item .invitation-cta .invitation-button.invitation-success {
  border: 2px solid #009a4b;
  color: #ffffff;
  padding-left: 27%;
  background: url("../images/icons/icon-invite-white.0e604b2b32ab.png") right center no-repeat #009a4b;
  background-size: 20px 20px;
  background-position-x: 90%;
}
@media (max-width: 767px) {
  #invitation-suggestion-modal .invitation-item .invitation-cta .invitation-button.invitation-success {
    padding-left: 0px;
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  #invitation-suggestion-modal .modal-close.button, #invitation-suggestion-modal .vehicle-form .modal-close[type=submit], .vehicle-form #invitation-suggestion-modal .modal-close[type=submit], #invitation-suggestion-modal #book .booking-form .modal-close.booking-send-button, #book .booking-form #invitation-suggestion-modal .modal-close.booking-send-button, #invitation-suggestion-modal .trip-search .modal-close.trip-search-button, .trip-search #invitation-suggestion-modal .modal-close.trip-search-button {
    position: absolute;
    bottom: 15px;
  }
}

#modal-auto-requests-settings .account-notification {
  width: 300px;
  background: #f7f7fa;
  border-radius: 3px;
  padding: 20px;
}
#modal-auto-requests-settings .account-notification .notification-label {
  margin-top: 3px;
  font-size: 18px;
}

#modal-bookings-expiry .modal-bookings-expire-clock {
  width: 40px;
  height: 40px;
  background: url("../images/icons/icon-clock-grey-lined.43473eb665ed.png") no-repeat left top;
  background-size: contain;
}

@media (max-width: 767px) {
  .modal-list-template .modal-box {
    background: #F2F2F2;
    border: none;
    padding: 0px;
  }
}
.modal-list-template h1 {
  font-size: 26px;
  font-weight: 700;
  color: #183154;
  margin-bottom: 0px;
}
@media (max-width: 767px) {
  .modal-list-template h1 {
    margin: 60px 0px 0px 0px;
  }
}
@media (max-width: 767px) {
  .modal-list-template .modal-close {
    margin: 15px;
  }
}
@media (max-width: 767px) {
  .modal-list-template .modal-list {
    margin: 20px 0px;
  }
}
.modal-list-template .modal-list a.modal-list-item {
  width: 100%;
  color: #183154;
  display: block;
  font-size: 16px;
  background: #ffffff;
  padding: 22px 0px;
}
@media (max-width: 767px) {
  .modal-list-template .modal-list a.modal-list-item {
    padding: 22px 15px;
    margin-top: 2px;
    border-top: none;
  }
}
.modal-list-template .modal-list a.modal-list-item:hover {
  opacity: 0.9;
}
.modal-list-template .modal-list a.modal-list-item:active {
  opacity: 1;
}
.modal-list-template .modal-list a.modal-list-item.cancel {
  color: #ff6060;
}
.modal-list-template .modal-list a.modal-list-item.cancel:hover {
  color: #E62323;
}
.modal-list-template .modal-list a.modal-list-item.cancel:active {
  color: #E62323;
}
.modal-list-template .modal-list .modal-list-item.border {
  border-bottom: 1px solid #F2F2F2;
}
.modal-list-template .modal-list.trip-actions {
  border-bottom: none !important;
}
.modal-list-template .modal-list.trip-actions .trip-status-container {
  width: 100%;
  background: #ffffff !important;
  border: none !important;
  padding: 25px 15px 30px 0px !important;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .modal-list-template .modal-list.trip-actions .trip-status-container {
    padding: 25px 15px 30px 15px !important;
  }
}
.modal-list-template .modal-list.trip-actions .trip-status-container .trip-status-container-verbiage {
  font-weight: 400 !important;
  color: #456682;
}

#modal-get-started a.link-block {
  padding-left: 60px;
  position: relative;
  font-size: 18px;
}
#modal-get-started a.link-block.post {
  background: url("../images/icons/menu-post.71dc99e0cb22.svg") no-repeat center left;
  background-size: 20px 20px;
}
#modal-get-started a.link-block.find {
  background: url("../images/icons/menu-search.933be5963c55.svg") no-repeat center left;
  background-size: 20px 20px;
}
#modal-get-started a.link-block.help {
  background: url("../images/icons/icon-header-help.fefe27a04fc2.png") no-repeat center left;
  background-size: 20px 20px;
}
#modal-get-started a.link-block.instagram {
  background: url("../images/icons/icon-instagram-footer.ce134eb6f307.svg") no-repeat center left;
  background-size: 20px 20px;
}
#modal-get-started a.link-block.tiktok {
  background: url("../images/icons/icon-tiktok-footer.19ed267e655b.svg") no-repeat center left;
  background-size: 30px 30px;
}
#modal-get-started .link-block-photo {
  height: 40px;
  width: 40px;
  position: absolute;
  top: 20px;
  left: 0px;
  border-radius: 40px;
}

#modal-review-poparide a.link-block {
  padding-left: 40px;
  position: relative;
}
#modal-review-poparide a.link-block.trustpilot {
  background: url("../images/icons/icon-social-trustpilot.feeb29f0c51b.svg") no-repeat center left;
  background-size: 25px 25px;
}
#modal-review-poparide a.link-block.facebook {
  background: url("../images/icons/icon-social-facebook.b8906f259d54.svg") no-repeat center left;
  background-size: 25px 25px;
}
#modal-review-poparide a.link-block.google {
  background: url("../images/icons/icon-social-google.a59eac29f746.svg") no-repeat center left;
  background-size: 25px 25px;
}
#modal-review-poparide a.link-block.apple {
  background: url("../images/icons/icon-social-apple.5eb9cea15944.svg") no-repeat center left;
  background-size: 25px 25px;
}
#modal-review-poparide a.link-block.play {
  background: url("../images/icons/icon-social-google-play.6f8f1719fc03.svg") no-repeat center left;
  background-size: 25px 25px;
}

#modal-update-app .warning {
  background: url("../images/icons/icon_warning.d6e8de38aa45.png") no-repeat top left;
  background-size: 32px 32px;
  padding-top: 45px;
}

#modal-info-verification .badge-verified {
  width: 40px;
  height: 40px;
  margin: 0px 0px 15px;
  display: block;
  background-size: contain;
}
#modal-info-verification .icon-verified {
  width: 25px;
  height: 25px;
  margin: 0px 0px 15px;
  display: block;
  background-size: contain;
}

#modal-info-commercial .icon-commercial {
  width: 60px;
  height: 60px;
  margin: 0px 0px 40px;
  display: block;
  background-size: contain;
}

#modal-verification-network-email .modal-box {
  padding: 0px;
}
#modal-verification-network-email .form-row {
  position: relative;
}
#modal-app-download .modal-close {
  margin: 20px 20px 0px 0px;
}
#modal-app-download .modal-box {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
#modal-app-download .app-download-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
#modal-app-download .poparide-icon {
  width: 64px;
  height: 64px;
  background-size: contain;
}
#modal-app-download .box {
  padding: 12px 18px 12px 46px;
  width: 230px;
}

/* Modals for mobile */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .modal {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
/* Styles for Networks */
#network-landing .network-landing-top {
  background: url("../images/students/student-picture.c3fc17e6331e.png") no-repeat right center;
  background-size: contain;
  padding: 0px 0px 40px;
}
@media (max-width: 767px) {
  #network-landing .network-landing-top {
    padding-bottom: 200px;
    background: url("../images/students/student-picture.c3fc17e6331e.png") no-repeat bottom left;
    background-size: contain;
  }
}
#network-landing #network-landing-breadcrumbs {
  margin: 20px 0px 0px;
  font-size: 16px;
}
@media (max-width: 767px) {
  #network-landing #network-landing-breadcrumbs {
    margin: 10px 0px 30px;
  }
}
#network-landing h1 {
  font-size: 42px;
  font-weight: 800;
  color: #183154;
  line-height: 50px;
  margin: 40px 0px 20px;
}
@media (min-width: 769px) {
  #network-landing h1 {
    max-width: 500px;
  }
}
@media (max-width: 767px) {
  #network-landing h1 {
    font-size: 32px;
    line-height: 34px;
  }
}
#network-landing .network-landing-members {
  font-size: 18px;
  font-weight: 600;
  background: url("../images/icons/icon-student.3f9be6597130.svg") no-repeat left center;
  background-size: 25px 25px;
  padding-left: 35px;
  color: #456682;
  margin-top: 10px;
}
#network-landing .page-left {
  width: 50%;
}
#network-landing #networking-landing-subtitle {
  font-size: 28px;
  margin: 0px 0px 10px;
  line-height: 36px;
  font-weight: 600;
  color: #183154;
}
@media (max-width: 767px) {
  #network-landing #networking-landing-subtitle {
    font-size: 24px;
    line-height: 28px;
    margin: 20px 0px 10px;
  }
}
#network-landing .student-illustration {
  margin: 30px 0px 0px;
}
#network-landing h2 {
  margin-top: 0px;
  font-size: 20px;
  color: #183154;
  font-weight: 700;
}
#network-landing p {
  font-size: 16px;
  color: #666;
  line-height: 22px;
}
#network-landing ul li {
  font-size: 16px;
  margin: 5px 0px;
}
#network-landing #network-landing-badge {
  padding-left: 40px;
  font-size: 16px;
  max-width: 300px;
  background: url("../images/icons/icon-student.3f9be6597130.svg") no-repeat left center;
  background-size: 25px 25px;
}
#network-landing .network-landing-badge-offset {
  padding-left: 40px;
}
#network-landing #popular-routes {
  padding-top: 40px;
  background: #F2F2F2;
}
#network-landing #networking-landing-more-options {
  margin-top: 100px;
}
#network-landing #networking-landing-more-options input.network-landing-cta-more {
  cursor: pointer;
  border-top: 1px solid #dfdbdb;
  border-left: none;
  border-right: none;
  border-bottom: none;
  text-align: left;
  padding: 20px 0px 15px;
  min-width: 300px;
  background: none;
  font-size: 16px;
}
#network-landing .iframe-wrapper {
  --border-radius: 15px;
  position: relative;
  aspect-ratio: 16/9;
  /* The next three declarations simulate
     `filter: drop-shadow(0 0 4px rgb(0 0 0 / 50%));` 
  */
  border-radius: var(--border-radius);
  background-color: rgba(0, 0, 0, 0.3);
}
#network-landing .iframe-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  clip-path: inset(0% 0% 0% 0% round var(--border-radius));
}
#network-landing .iframe-wrapper-mobile {
  --border-radius: 15px;
  position: relative;
  aspect-ratio: 9/16;
  /* The next three declarations simulate
     `filter: drop-shadow(0 0 4px rgb(0 0 0 / 50%));` 
  */
  border-radius: var(--border-radius);
  background-color: rgba(0, 0, 0, 0.3);
}
#network-landing .iframe-wrapper-mobile iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  clip-path: inset(0% 0% 0% 0% round var(--border-radius));
}

.network-upsell {
  padding: 20px;
  box-sizing: border-box;
  border: 2px solid #dfdbdb;
  border-radius: 10px;
  margin-top: 40px;
}
@media (max-width: 767px) {
  .network-upsell {
    padding: 10px;
  }
}
.network-upsell .link-group {
  max-width: 500px;
}
.network-upsell .instagram-icon {
  background: url("../images/icons/icon-social-instagram.73b22a269469.svg") no-repeat center center;
  background-size: contain;
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.network-upsell .facebook-icon {
  background: url("../images/icons/icon-social-facebook.b8906f259d54.svg") no-repeat center center;
  background-size: contain;
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.network-upsell a.network-upsell-tos {
  font-size: 12px !important;
}

/* Networks listing */
#networks h1 {
  font-size: 52px;
  font-weight: 800;
  color: #183154;
  background: url("../images/icons/icon-university.f9c68b7d03e5.png") no-repeat top left 5px;
  background-size: 80px auto;
  padding-top: 120px;
  margin-top: 15px;
}
@media (max-width: 767px) {
  #networks h1 {
    font-size: 32px;
    line-height: 34px;
    padding-top: 100px;
    margin-top: 15px;
  }
}
#networks .network-subtitle {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  color: #183154;
}
@media (max-width: 767px) {
  #networks .network-subtitle {
    font-size: 24px;
    line-height: 28px;
  }
}
#networks h2 {
  color: #183154;
}
#networks .network-list-item {
  font-size: 16px;
  padding: 10px 0px 10px 45px;
  box-sizing: border-box;
  background: url("../images/icons/icon-student.3f9be6597130.svg") no-repeat left center;
  background-size: 30px 30px;
}
#networks .network-list-item-name {
  float: left;
}
#networks .network-list-item-status {
  float: right;
  margin-right: 10px;
}
@media (min-width: 769px) {
  #networks .network-link-group, #networks .network-header {
    max-width: 500px;
  }
}
@media (max-width: 767px) {
  #networks .network-link-group, #networks .network-header {
    width: 100%;
  }
}
#networks .network-video {
  background: url("../images/icons/icon_play.577c4f0f5c7c.png") no-repeat left center;
  background-size: 20px 20px;
  padding-left: 35px;
  font-size: 20px;
  font-weight: 600;
  color: #456682;
}

#network-search {
  max-width: 240px;
  position: relative;
}
@media (max-width: 767px) {
  #network-search {
    max-width: 100%;
  }
}

#students-cta {
  position: relative;
  border-bottom: 1px dashed #dfdbdb;
  display: none;
}
#students-cta .students-cta-lead {
  background: url("../images/icons/icon_network_university.f0e1650200b3.png") no-repeat left center;
  background-size: 20px 20px;
  padding-left: 25px;
}
#students-cta .container, #students-cta #business .business-container, #business #students-cta .business-container {
  padding: 8px 0px;
  text-align: center;
}
#students-cta #students-cta-close {
  position: absolute;
  top: 8px;
  right: 8px;
  font-size: 20px;
  font-weight: 800;
}
@media (max-width: 767px) {
  #students-cta #students-cta-close {
    top: 5px;
    right: 5px;
  }
}

#modal-students-video .modal-box {
  max-width: 800px;
}
@media (max-width: 767px) {
  #modal-students-video .video-container {
    padding-bottom: 170%;
  }
}

/* Notifications */
#notifications-trigger {
  position: relative;
  float: left;
  margin-left: -30px;
  cursor: pointer;
  width: 50px;
  height: 50px;
}
@media (min-width: 1024px) {
  #notifications-trigger {
    margin-left: -15px;
  }
}
#notifications-trigger #notification-count {
  position: absolute;
  background: #ff0202;
  border: 2px solid #ffffff;
  color: #ffffff;
  min-width: 20px;
  height: 20px;
  padding: 0px 1px 0px 1px;
  border-radius: 5px;
  text-align: center;
  text-indent: 0px;
  cursor: pointer;
  text-decoration: none;
  line-height: 22px;
  margin: 8px 0px 0px 0px;
  font-weight: 600;
  left: 23px;
}
#notifications-trigger #notification-count:hover {
  background: #fd4f4f;
}
#notifications-trigger #notification-count:active {
  background: #c20000;
}
#notifications-trigger .notification-image {
  background: url("../images/icons/notifications.9d8b0147fe33.svg") no-repeat center center;
  background-size: contain;
  width: 33px;
  height: 33px;
  position: absolute;
  top: 13px;
  left: 0px;
  opacity: 0.9;
}

#notifications-trigger-container:active > #notification-count {
  background: #c20000;
}

#notifications-trigger-container:active > .notification-image {
  opacity: 1;
}

#notifications-container {
  display: none;
  position: absolute;
  background: #ffffff;
  top: 90px;
  width: 300px;
  right: -70px;
  border-radius: 15px;
  border: 1px solid #dfdbdb;
  z-index: 1001;
  /* Required for Down Triangle */
  /* Stroke */
  /* Fill */
}
#notifications-container #notifications-bottom-arrow {
  z-index: 1001;
  margin-top: 0px;
  position: absolute;
  margin-left: 170px;
}
#notifications-container #notifications-bottom-arrow:before, #notifications-container #notifications-bottom-arrow:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-top: 0;
}
#notifications-container #notifications-bottom-arrow:before {
  top: -16px;
  left: 11px;
  border-bottom-color: #dfdbdb;
  border-width: 16px;
}
#notifications-container #notifications-bottom-arrow:after {
  bottom: 0px;
  left: 12px;
  border-bottom-color: #ffffff;
  border-width: 15px;
}

#notifications-loader {
  width: 100%;
  height: 40px;
  padding-top: 20px;
  text-align: center;
  background: url("../images/animations/ajax-loader.12d4c449a15f.gif") center center no-repeat;
}

#notifications-loader.not-loading {
  background: none;
}

.notification-item {
  padding: 12px 10px 12px 10px;
  cursor: pointer;
  color: #456682;
}
.notification-item h3 {
  margin: 0px 0px 10px 0px;
  font-size: 14px;
  font-weight: bold;
}
.notification-item .notification-pic {
  width: 25px;
  height: 25px;
  background: #ccc;
  border-radius: 30px;
  border: 1px solid #dfdbdb;
  display: block;
  float: left;
  margin-right: 10px;
}
.notification-item .notification-pic.platform {
  background: url("../images/brand/poparide-icon.ced4553b41cd.png") center center no-repeat;
  background-size: 85%;
}
.notification-item .notification-contents {
  width: 160px;
  float: left;
  font-size: 14px;
  margin-top: 4px;
}
.notification-item .notification-contents strong {
  font-weight: 600;
}
.notification-item .notification-right {
  float: right;
  width: 40px;
}
.notification-item .notification-right .notification-time {
  float: left;
  margin-top: 0px;
  color: #456682;
  font-size: 13px;
  margin-top: 4px;
}
.notification-item .notification-right .booking-status, .notification-item .notification-right .booking-status-question {
  width: 20px;
  height: 20px;
  margin-top: 2px;
  text-align: center;
  color: #ffffff;
  border-radius: 25px;
  line-height: 19px;
  float: right;
}
.notification-item .notification-right .notification-icon.referral {
  background: url("../images/icons/icon-gift-white.6833ec218096.png") center center #1CC4BF no-repeat;
  border-radius: 50px;
  background-size: 18px 18px;
  background-position: 3px 3px;
  border-radius: 50px;
}

.notification-item:first-child:hover {
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
}

.notification-item:hover {
  background-color: #f7f7fa;
}

.notification-item.unread {
  color: #183154;
}

.notification-item.unread:hover {
  background-color: #efefef;
}

.notification-item-divider {
  width: 100%;
  height: 1px;
  background: #dfdbdb;
}

.no-notifications {
  padding: 15px;
}

.all-notifications {
  position: absolute;
  bottom: 0px;
  width: 100%;
  background: #ffffff;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
.all-notifications .all-notifications-container {
  padding: 15px 0px 17px;
  text-align: center;
}
.all-notifications .all-notifications-container a {
  font-size: 14px;
}

.notification-item.request .notification-contents, .notification-item.request-invite .notification-contents {
  margin: 0px 0px 0px;
}
.notification-item.request .notification-icon, .notification-item.request-invite .notification-icon {
  margin-top: 9px;
  background: url("../images/icons/icon-car.d779c4e9cf3b.png") right center;
}
.notification-item.request .notification-pic, .notification-item.request-invite .notification-pic {
  margin-top: 2px;
}

.notifications-position {
  position: relative;
}

#notifications-container.active {
  display: block;
  position: absolute;
}

.notifications-scrollable {
  max-height: 400px;
  overflow: auto;
  padding-bottom: 50px;
}

.notification-items {
  max-height: 500px;
  overflow-x: hidden;
}

/* Defs for notifications page */
#notifications .notification-item {
  font-size: 15px;
}
@media (min-width: 769px) {
  #notifications .notification-item .notification-contents {
    width: 80%;
    padding: 15px 0px 0px 10px;
    box-sizing: border-box;
  }
}
@media (min-width: 769px) {
  #notifications .notification-item .notification-pic {
    width: 50px;
    height: 50px;
  }
}
@media (min-width: 769px) {
  #notifications .notification-item .notification-right {
    padding-top: 14px;
  }
}

/* Partners */
#partners h1 {
  font-size: 28px;
}
#partners h2 {
  font-size: 24px;
}

/* Payments */
#payments .payments-container {
  padding-top: 0px;
  padding-bottom: 0px;
}
#payments h1 {
  font-size: 32px;
  font-weight: 800;
  color: #183154;
  margin-top: 10px;
}
#payments .payment-settings-cta {
  margin-top: 15px;
}
#payments .tip-msg {
  border: 2px solid #0076a3;
  padding: 20px;
  border-radius: 5px;
}
#payments .trip-types {
  border-bottom: 1px solid #dfdbdb;
}
#payments .trip-types .trip-type {
  padding: 15px;
  float: left;
  width: 50%;
  text-align: center;
  cursor: pointer;
}
#payments .trip-types .trip-type.active {
  border-bottom: 3px solid #456682;
  font-weight: 700;
}
#payments .payment-box {
  line-height: 22px;
}
#payments .payment-box .payment-text {
  width: 77%;
  float: left;
}
@media (min-width: 769px) {
  #payments .payment-box .payment-text {
    text-align: right;
  }
}
#payments .payment-box .payment-amount {
  width: 23%;
  text-align: right;
  float: right;
}
@media (min-width: 769px) {
  #payments .payment-box-left {
    width: 70%;
    float: left;
  }
}
@media (min-width: 769px) {
  #payments .payment-box-right {
    width: 30%;
    float: right;
  }
}
#payments .payment-item {
  padding: 20px;
  box-sizing: border-box;
  border-radius: 15px;
  background: #ffffff;
  border: 1px solid #D7E6ED;
}
@media (max-width: 767px) {
  #payments .payment-item {
    padding: 15px 15px 5px 15px;
  }
}
@media (min-width: 769px) {
  #payments .payment-item .payment-receipt-cta-mobile {
    display: none !important;
  }
}
#payments .booking-refund-request {
  margin: 0px 3px 0px 0px;
}
@media (min-width: 769px) {
  #payments .payments-total {
    float: right;
    margin-top: 14px;
  }
}

@media (max-width: 767px) {
  #payments select, #payouts select {
    width: 100%;
    margin: 5px 0px;
  }
}
#payments .table-loader, #payouts .table-loader {
  display: none;
  width: 100%;
  padding: 100px 0px 100px;
  background: url("../images/animations/loading-logo.b24dc254af82.gif") no-repeat center center;
  background-size: 30px 30px;
}
#payments .table-loader.active, #payouts .table-loader.active {
  display: block;
}
@media (max-width: 767px) {
  #payments .sub-menu, #payouts .sub-menu {
    width: auto;
  }
}

#payments_history-page .ui-tooltip, #payouts_future-page .ui-tooltip {
  max-width: 230px;
  background: #ffffff;
  border: 1px solid #dfdbdb;
  color: #456682;
}

#settings .payment-method {
  border: 1px solid #D7E6ED;
  border-radius: 15px;
  padding: 30px 30px 20px 30px;
  position: relative;
  background: #ffffff;
}
@media (max-width: 767px) {
  #settings .payment-method {
    padding: 15px 15px 0px 15px;
  }
}
#settings .payment-method .payment-icon {
  width: 44px;
  height: 28px;
  margin-right: 8px;
}
#settings .payment-method .payment-icon.visa {
  background: url("../images/icons/icon-visa.3ddc4a4d25c9.png") no-repeat;
  background-size: contain;
}
#settings .payment-method .payment-icon.mastercard {
  background: url("../images/icons/icon-mastercard.6f6cdc29ee2e.png") no-repeat;
  background-size: contain;
}
#settings .payment-method .payment-icon.american.express {
  background: url("../images/icons/icon-amex.c49a4247984b.png") no-repeat;
  background-size: contain;
}
#settings .payment-method .payment-expiry {
  line-height: 24px;
}
@media (min-width: 769px) {
  #settings .payment-method .payment-expiry {
    float: left;
  }
}
@media (max-width: 767px) {
  #settings .payment-method .payment-expiry {
    float: right;
  }
}
#settings .payment-method .payment-method-default {
  float: left;
}

.credit-card-form .form-row {
  position: relative;
}
.credit-card-form .form-row.disabled {
  opacity: 0.6;
}
.credit-card-form .input {
  padding: 15px;
  width: 100%;
  font-size: 14px;
  box-sizing: border-box;
  font-family: "proxima-soft", sans-serif;
}
.credit-card-form label.error {
  right: 0px;
  left: auto;
}
@media (min-width: 769px) {
  .credit-card-form #credit-card-name {
    max-width: 420px;
  }
}
@media (max-width: 767px) {
  .credit-card-form #credit-card-name {
    width: 100%;
  }
}
.credit-card-form .cc-block.cc-brand {
  background: url("../images/icons/icon-credit-cards.a3aee41d90f4.png") no-repeat right center;
  background-size: contain;
  width: 110px;
  height: 20px;
}
@media (max-width: 767px) {
  .credit-card-form .cc-block.cc-brand {
    width: 70px;
    height: 20px;
  }
}
.credit-card-form .cc-block {
  width: 35px;
  height: 20px;
  background-position: right !important;
}
.credit-card-form .col-left {
  width: 60%;
  float: left;
}
@media (max-width: 767px) {
  .credit-card-form .col-left {
    float: none;
    width: 100%;
  }
}
.credit-card-form .col-right {
  float: right;
  width: 30%;
}
@media (max-width: 767px) {
  .credit-card-form .col-right {
    float: none;
    width: 100%;
  }
}
@media (min-width: 769px) {
  .credit-card-form .form-group {
    margin-top: 2px;
  }
}

.cc-brand.visa {
  background: url("../images/icons/icon-visa.3ddc4a4d25c9.png") no-repeat right !important;
  background-size: contain !important;
}

.cc-brand.mastercard {
  background: url("../images/icons/icon-mastercard.6f6cdc29ee2e.png") no-repeat right !important;
  background-size: contain !important;
}

.cc-brand.american.express {
  background: url("../images/icons/icon-amex.c49a4247984b.png") no-repeat right !important;
  background-size: contain !important;
}

/* Payouts */
#payouts #payouts-listing .payout-listing {
  position: relative;
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  background: #ffffff;
  border: 1px solid #dfdbdb;
  border-radius: 15px;
  display: block;
}
@media (min-width: 769px) {
  #payouts #payouts-listing .payout-listing {
    min-height: 160px;
  }
}
@media (max-width: 767px) {
  #payouts #payouts-listing .payout-listing {
    padding: 15px;
  }
}
#payouts #payouts-listing .payout-listing a {
  color: #183154;
  text-decoration: underline;
}
#payouts #payouts-listing .payout-listing:hover {
  border: 1px solid #456682;
}
@media (min-width: 769px) {
  #payouts #payouts-listing .payout-listing-details {
    width: 80%;
    float: left;
  }
}
@media (min-width: 769px) {
  #payouts #payouts-listing .payout-listing-total {
    width: 20%;
    float: right;
    text-align: right;
  }
}
#payouts #payouts-listing .payout-listing-booking {
  margin: 8px 0px 8px;
}
@media (max-width: 767px) {
  #payouts #payouts-listing .payout-listing-booking {
    margin: 0px;
  }
}
#payouts #payouts-listing .payout-listing-booking-refund-request {
  margin: -2px 4px 0px 0px;
  float: left;
}
#payouts #payouts-listing .payout-listing-state {
  margin-top: 2px;
}
#payouts #payouts-listing a.payout-details-cta {
  font-weight: 700 !important;
  color: #183154 !important;
}
@media (min-width: 769px) {
  #payouts #payouts-listing a.payout-details-cta {
    position: absolute;
    bottom: 20px;
    right: 20px;
  }
}
@media (max-width: 767px) {
  #payouts #payouts-listing a.payout-details-cta {
    position: absolute;
    top: 15px;
    right: 15px;
  }
}
#payouts #payouts-listing a.payout-details-cta:hover {
  opacity: 0.9;
}
#payouts #payouts-listing a.payout-details-cta:active {
  opacity: 0.8;
}
@media (min-width: 769px) {
  #payouts .payout-deposit-estimates {
    border-right: 2px solid #456682;
    padding-right: 8px;
  }
}
@media (max-width: 767px) {
  #payouts .payout-deposit-estimates {
    border-left: 2px solid #456682;
    padding-left: 8px;
    margin-bottom: 25px;
  }
}
#payouts .payout-listing-bookings-collapsed {
  display: none;
}
#payouts .payout-listing-bookings-collapsed.active {
  display: block;
}
#payouts .payout-listing-amount-flex {
  display: flex;
  row-gap: 8px;
}
@media (min-width: 769px) {
  #payouts .payout-listing-amount-flex {
    flex-direction: row-reverse;
  }
}
@media (max-width: 767px) {
  #payouts .payout-listing-amount-flex {
    flex-direction: row;
  }
}
#payouts .payout-listing-amount-paid {
  color: #183154;
}
#payouts .payout-listing-amount-pending {
  color: #183154;
}
#payouts .payout-listing-amount-failed {
  color: #FF3532;
}
#payouts .payout-status-text {
  font-weight: 600;
}
@media (min-width: 769px) {
  #payouts .payouts-total {
    float: right;
    margin-top: 15px;
  }
}
#payouts .payouts-subnav a {
  color: #456682;
  display: inline;
}
#payouts .payouts-subnav a.active {
  color: #456682;
  font-weight: 600;
}
#payouts .payouts-subnav a:hover {
  color: #456682;
}
#payouts .payouts-subnav a:active {
  color: #183154;
}
#payouts .payout-container {
  margin: 0 !important;
}
#payouts #payout_graph {
  height: 240px;
  margin-bottom: 30px;
}
#payouts #payout_graph.bar-1 {
  width: 8.3%;
}
#payouts #payout_graph.bar-2 {
  width: 16.6%;
}
#payouts #payout_graph.bar-3 {
  width: 25%;
}
#payouts #payout_graph.bar-4 {
  width: 33.2%;
}
#payouts #payout_graph.bar-5 {
  width: 41.5%;
}
#payouts #payout_graph.bar-6 {
  width: 49.8%;
}
#payouts #payout_graph.bar-7 {
  width: 58.1%;
}
#payouts #payout_graph.bar-8 {
  width: 66.4%;
}
#payouts #payout_graph.bar-9 {
  width: 74.7%;
}
#payouts #payout_graph.bar-10 {
  width: 83.3%;
}
#payouts #payout_graph.bar-11 {
  width: 91.3%;
}
#payouts #payout_graph.bar-12 {
  width: 100%;
}
#payouts #payout_graph.bar-more-than-12 {
  width: 100% !important;
}
#payouts .google-visualization-tooltip {
  font-family: "proxima-soft", sans-serif;
  border-radius: 5px;
}
#payouts rect:hover {
  box-shadow: none !important;
  background: red !important;
}

.payout-status-icon {
  height: 8px;
  width: 8px;
  border-radius: 10px;
  margin: 5px 6px 0px 0px;
}

.payout-status-icon-big {
  height: 12px;
  width: 12px;
  border-radius: 12px;
  margin: 6px 6px 0px 0px;
}

.payout-status-paid {
  background: #009a4b;
  border: 1px solid #009a4b;
}

.payout-status-pending {
  border: 1px dotted #456682;
  background: #ffffff;
}

.payout-status-failed {
  background: #ff6060;
  border: 1px solid #ff6060;
}

.payout-status-clearing {
  border: 1px dotted #456682;
  background: #ffffff;
}

.booking-id {
  width: 72px;
  padding: 2px 4px 2px 4px;
  border: 1px solid #456682;
  display: inline-block;
  border-radius: 5px;
  margin: -3px 10px 0px 0px;
  text-align: center;
}

a.payout-settings-cta {
  box-sizing: border-box;
  color: #456682;
  min-width: 20px;
  min-height: 20px;
}
a.payout-settings-cta:hover {
  opacity: 0.9;
}

a.payout-settings-cta:active {
  opacity: 1;
}

a.payout-video-cta {
  background: url("../images/icons/icon-video-grey.4bc307ea20b7.png") left center no-repeat;
  background-size: 20px 20px;
  padding-left: 27px;
  box-sizing: border-box;
  color: #456682;
  min-width: 20px;
  min-height: 20px;
  margin-right: 20px;
}
@media (max-width: 767px) {
  a.payout-video-cta {
    margin-right: 10px;
    margin-top: 12px;
  }
}

a.payout-video-cta:hover {
  opacity: 0.9;
}

a.payout-video-cta:active {
  opacity: 1;
}

#payout-settings .payout-method {
  position: relative;
  border-radius: 15px;
  padding: 40px;
  box-sizing: border-box;
  border: 1px solid #D7E6ED;
  background: #ffffff;
  float: left;
  width: 100%;
  opacity: 0.6;
  position: relative;
}
@media (max-width: 767px) {
  #payout-settings .payout-method {
    padding: 15px 15px 0px 15px;
  }
}
#payout-settings .payout-method .payout-icon {
  float: left;
  width: 60px;
  height: 60px;
  margin-right: 30px;
}
@media (max-width: 767px) {
  #payout-settings .payout-method .payout-icon {
    margin-right: 0px;
    width: 60px;
    height: 60px;
    float: none;
  }
}
#payout-settings .payout-method .payout-icon.paypal {
  background: url("../images/payouts/paypal.e18125cc583e.png") no-repeat;
  background-size: contain;
  background-position: center center;
}
@media (max-width: 767px) {
  #payout-settings .payout-method .payout-icon.paypal {
    background-position: -3px 0px;
  }
}
#payout-settings .payout-method .payout-icon.bank {
  background: url("../images/icons/menu/icon-payouts.a92b4f605535.svg") no-repeat;
  background-size: 72px 72px;
}
@media (max-width: 767px) {
  #payout-settings .payout-method .payout-icon.bank {
    background-position: -7px -6px;
  }
}
#payout-settings .payout-method .payout-icon.interac {
  background: url("../images/icons/icon-interac.60a5b3b49f78.png") no-repeat;
  background-size: contain;
}
#payout-settings .payout-method .payout-contents {
  float: left;
  max-width: 400px;
}
@media (max-width: 767px) {
  #payout-settings .payout-method .payout-contents {
    float: none;
    margin-top: 10px;
  }
}
#payout-settings .payout-method .payout-state-circle {
  height: 5px;
  width: 5px;
  display: block;
  border-radius: 5px;
  margin: 8px 7px 0px 0px;
}
#payout-settings .payout-method .payout-state-circle-ok {
  background: #009a4b;
}
#payout-settings .payout-method .payout-state-circle-fail {
  background: #ff6060;
}
#payout-settings .payout-method .payout-state-circle-pending {
  background: #0099ff;
}
#payout-settings .payout-method .payout-state-text-ok {
  color: #009a4b;
}
#payout-settings .payout-method .payout-state-text-fail {
  color: #ff6060;
}
#payout-settings .payout-method .payout-state-text-pending {
  color: #0099ff;
}
#payout-settings .payout-method .payout-state-reasons ul, #payout-settings .payout-method .payout-state-reasons ol {
  margin: 7px 0px 7px;
  padding: 0px 0px 0px 15px;
}
#payout-settings .payout-method .payout-state-reasons ul li a, #payout-settings .payout-method .payout-state-reasons ul li a:active, #payout-settings .payout-method .payout-state-reasons ol li a, #payout-settings .payout-method .payout-state-reasons ol li a:active {
  text-decoration: underline;
  color: #456682;
}
#payout-settings .payout-method .payout-state-reasons ul li a:hover, #payout-settings .payout-method .payout-state-reasons ol li a:hover {
  text-decoration: underline;
  color: #183154;
}
#payout-settings .payout-method .payout-schedule {
  background: url("../images/icons/calendar.62fb8c90468a.svg") no-repeat;
  background-size: 24px 24px;
  background-position: -5px -2px;
  padding-left: 22px;
  margin-top: 7px;
  line-height: 19px;
}
#payout-settings .payout-method .schedule-box {
  padding: 16px;
  box-sizing: border-box;
  border: 1px solid #D7E6ED;
  border-radius: 10px;
  cursor: pointer;
}
@media (min-width: 769px) {
  #payout-settings .payout-method .schedule-box {
    width: 30%;
  }
}
@media (max-width: 767px) {
  #payout-settings .payout-method .schedule-box {
    width: 100%;
    margin: 10px 0px 10px;
    height: 100px;
  }
}
@media (min-width: 769px) {
  #payout-settings .payout-method .schedule-box.last {
    margin-right: 0px;
  }
}
#payout-settings .payout-method .schedule-box:hover {
  border: 1px solid #999;
}
#payout-settings .payout-method .schedule-box.active {
  border: 1px solid #183154;
  background: #F1FAFF;
}
#payout-settings .payout-method .schedule-box.active .payout-schedule-title {
  color: #183154;
}
#payout-settings .payout-method .schedule-box.active .info-circle {
  background: #183154;
}
#payout-settings .payout-method:hover {
  opacity: 1;
  cursor: pointer;
}
#payout-settings .payout-method.active {
  opacity: 1;
}
#payout-settings .payout-method.active:hover {
  cursor: auto;
}

.stripe-powered {
  display: block;
  background: url("../images/icons/stripe-powered.47cc6a788635.svg") left center no-repeat;
  background-size: contain;
  width: 150px;
  height: 30px;
}

.payout-actions .payout-actions-trigger {
  background: url("../images/icons/menu/icon-settings.981fa940d0d8.svg") center center no-repeat;
  width: 25px;
  height: 25px;
  background-size: 32px 32px;
  position: absolute;
  top: 15px;
  right: 15px;
}
@media (max-width: 767px) {
  .payout-actions .payout-actions-trigger {
    display: none;
  }
}
.payout-actions .payout-actions-container {
  position: absolute;
  display: none;
  z-index: 100;
  top: 40px;
  right: 20px;
  width: 140px;
  border: 1px solid #D7E6ED;
  border-radius: 10px;
  padding: 8px;
  background: #ffffff;
}
@media (max-width: 767px) {
  .payout-actions .payout-actions-container {
    display: block;
    position: relative;
    width: 100%;
    border: none;
    top: auto;
    right: auto;
  }
}
.payout-actions .payout-actions-container .payout-action, .payout-actions .payout-actions-container a.payout-action {
  padding: 8px;
  display: block;
  border-radius: 5px;
  color: #183154;
  font-size: 16px;
  background: #ffffff;
}
@media (max-width: 767px) {
  .payout-actions .payout-actions-container .payout-action, .payout-actions .payout-actions-container a.payout-action {
    padding: 16px 0px 16px;
    border-top: 1px solid #D7E6ED;
    border-radius: 0px;
    font-size: 16px;
    text-align: center;
  }
}
.payout-actions .payout-actions-container .payout-action:hover, .payout-actions .payout-actions-container a.payout-action:hover {
  background: #F1FAFF;
}
.payout-actions .payout-actions-container .payout-action:active, .payout-actions .payout-actions-container a.payout-action:active {
  background: #F1FAFF;
}
.payout-actions .payout-actions-container.active {
  display: block;
}

@media (min-width: 769px) {
  #add-bank-account .col-2 {
    width: 47.5%;
    padding: 0%;
  }
}
@media (max-width: 767px) {
  #add-bank-account .col-2 {
    width: 100%;
  }
}
@media (min-width: 769px) {
  #add-bank-account .col-2.col-right {
    padding-left: 5%;
  }
}
@media (min-width: 769px) {
  #add-bank-account #id_address_line1 {
    max-height: 54px;
  }
}
@media (max-width: 767px) {
  #add-bank-account #id_address_line1 {
    max-height: 100px;
  }
}
#add-bank-account #id_tos_accepted {
  float: left;
  margin-right: 10px;
}
#add-bank-account #id_tos_label {
  float: left;
}
@media (max-width: 767px) {
  #add-bank-account #id_tos_label {
    width: 90%;
  }
}
@media (min-width: 769px) {
  #add-bank-account #tos_accepted-error {
    float: right;
  }
}
#add-bank-account select {
  width: 100%;
  margin-top: 5px;
}
#add-bank-account #id_currency, #add-bank-account #id_currency:hover, #add-bank-account #id_currency:active {
  border: 1px solid #D7E6ED;
  background-color: #F1FAFF;
  color: #456682;
  opacity: 0.5;
}
#add-bank-account .form-row {
  position: relative;
}
#add-bank-account label.error {
  max-width: 300px;
  display: inline-block;
}
#add-bank-account .info-circle {
  margin-top: 4px;
}

#payouts-choice #table {
  width: 100%;
}
#payouts-choice tr, #payouts-choice th, #payouts-choice td {
  border-bottom: 1px solid #ccc;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 10px;
  text-align: left;
}
#payouts-choice .box {
  border-radius: 15px;
  box-sizing: border-box;
}
@media (min-width: 769px) {
  #payouts-choice .box {
    width: 48%;
  }
}
@media (max-width: 767px) {
  #payouts-choice .box {
    width: 100%;
  }
}
@media (min-width: 769px) {
  #payouts-choice .box.bank {
    float: left;
  }
}
#payouts-choice .box.bank .box-header {
  background: url("../images/icons/menu/icon-payouts.a92b4f605535.svg") no-repeat left -8px center;
  background-size: 50px 50px;
  padding-left: 50px;
}
#payouts-choice .box.paypal {
  position: relative;
}
@media (min-width: 769px) {
  #payouts-choice .box.paypal {
    float: right;
  }
}
#payouts-choice .box.paypal .box-header {
  background: url("../images/payouts/paypal.e18125cc583e.png") no-repeat left center;
  background-size: 40px 40px;
  padding-left: 50px;
}
#payouts-choice .box.paypal .unavailable-message {
  position: absolute;
  width: 90%;
  background: rgba(255, 255, 255, 0.8);
  height: 90%;
  text-align: center;
  line-height: 270px;
}
#payouts-choice .button.narrow, #payouts-choice .vehicle-form .narrow[type=submit], .vehicle-form #payouts-choice .narrow[type=submit], #payouts-choice #book .booking-form .narrow.booking-send-button, #book .booking-form #payouts-choice .narrow.booking-send-button, #payouts-choice .trip-search .narrow.trip-search-button, .trip-search #payouts-choice .narrow.trip-search-button {
  max-width: 100px;
  min-width: 100px;
  font-size: 14px;
  padding: 10px;
  margin-bottom: 0px;
}

#payouts-paypal-create .paypal-login-button {
  background: url("../images/icons/icon-social-paypal.e23072ac78a0.png") no-repeat #0070C0 left 10px center;
  background-size: 40px 40px;
  padding: 20px 40px 20px 60px;
  text-align: center;
  display: block;
  color: #ffffff;
  border-radius: 10px;
  display: inline-block;
  font-weight: 600;
  font-size: 16px;
}
#payouts-paypal-create .paypal-login-button:hover {
  opacity: 0.9;
}
#payouts-paypal-create .paypal-login-button:active {
  opacity: 1;
}

#modal-payout-on-first-booking .payout-method-choice {
  width: 100%;
}
#modal-payout-on-first-booking .payout-method-choice .payout-method-header {
  float: left;
  box-sizing: border-box;
  font-size: 16px;
}
@media (min-width: 769px) {
  #modal-payout-on-first-booking .payout-method-choice .payout-method-header {
    width: 40%;
  }
}
@media (max-width: 767px) {
  #modal-payout-on-first-booking .payout-method-choice .payout-method-header {
    width: 70%;
  }
}
#modal-payout-on-first-booking .payout-method-choice .payout-method-cta {
  float: right;
  text-align: right;
}
@media (min-width: 769px) {
  #modal-payout-on-first-booking .payout-method-choice .payout-method-cta {
    width: 20%;
  }
}
@media (max-width: 767px) {
  #modal-payout-on-first-booking .payout-method-choice .payout-method-cta {
    width: 30%;
  }
}
#modal-payout-on-first-booking .payout-method-choice.bank .payout-method-header {
  background: url("../images/icons/icon-bank.6640a6172ce2.png") no-repeat left top;
  background-size: 40px 40px;
  padding-left: 50px;
}
#modal-payout-on-first-booking .payout-method-choice.paypal .payout-method-header {
  background: url("../images/icons/icon-paypal.49bc353bb13a.png") no-repeat left top;
  background-size: 40px 40px;
  padding-left: 50px;
}
#modal-payout-on-first-booking .modal-close.text-medium, #modal-payout-on-first-booking #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details .modal-close.trip-date, #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details #modal-payout-on-first-booking .modal-close.trip-date, #modal-payout-on-first-booking #book .booking-form .trip-form-policies .modal-close.text-slarge, #modal-payout-on-first-booking #book .booking-form .trip-form-policies #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details h2.modal-close, #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details #modal-payout-on-first-booking #book .booking-form .trip-form-policies h2.modal-close, #book .booking-form .trip-form-policies #modal-payout-on-first-booking .modal-close.text-slarge, #book .booking-form .trip-form-policies #modal-payout-on-first-booking #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details h2.modal-close, #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details #book .booking-form .trip-form-policies #modal-payout-on-first-booking h2.modal-close, #modal-payout-on-first-booking #book .booking-form .trip-form-policies .modal-close.trip-form-section-header, #book .booking-form .trip-form-policies #modal-payout-on-first-booking .modal-close.trip-form-section-header, #modal-payout-on-first-booking #book .booking-form .trip-form-policies .modal-close.policy-title, #book .booking-form .trip-form-policies #modal-payout-on-first-booking .modal-close.policy-title, #modal-payout-on-first-booking #book .booking-form .trip-form-policies #community-agreement .community-item p.modal-close, #book .booking-form .trip-form-policies #community-agreement .community-item #modal-payout-on-first-booking p.modal-close, #modal-payout-on-first-booking #community-agreement .community-item #book .booking-form .trip-form-policies p.modal-close, #community-agreement .community-item #book .booking-form .trip-form-policies #modal-payout-on-first-booking p.modal-close, #modal-payout-on-first-booking #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .trip-details .modal-close.trip-date, #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .trip-details #modal-payout-on-first-booking .modal-close.trip-date, #modal-payout-on-first-booking #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .modal-close.booking-details, #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item #modal-payout-on-first-booking .modal-close.booking-details, #modal-payout-on-first-booking #book .booking-form .trip-form-policies .popular-routes .modal-close.popular-routes-box, #book .booking-form .trip-form-policies .popular-routes #modal-payout-on-first-booking .modal-close.popular-routes-box, #modal-payout-on-first-booking .popular-routes #book .booking-form .trip-form-policies .modal-close.popular-routes-box, .popular-routes #book .booking-form .trip-form-policies #modal-payout-on-first-booking .modal-close.popular-routes-box, #modal-payout-on-first-booking #book .booking-form .trip-form-policies .instruction-full .instruction-contents .instruction-item .modal-close.instruction-item-title, #book .booking-form .trip-form-policies .instruction-full .instruction-contents .instruction-item #modal-payout-on-first-booking .modal-close.instruction-item-title, #modal-payout-on-first-booking .instruction-full .instruction-contents .instruction-item #book .booking-form .trip-form-policies .modal-close.instruction-item-title, .instruction-full .instruction-contents .instruction-item #book .booking-form .trip-form-policies #modal-payout-on-first-booking .modal-close.instruction-item-title, #modal-payout-on-first-booking #payments .payment-box .modal-close.payment-text, #payments .payment-box #modal-payout-on-first-booking .modal-close.payment-text, #modal-payout-on-first-booking #payments .payment-box .modal-close.payment-amount, #payments .payment-box #modal-payout-on-first-booking .modal-close.payment-amount {
  font-size: 14px;
  float: none;
}

@media (min-width: 769px) {
  #payouts-page .button-add-payout {
    max-width: 225px;
  }
}

#payments_history-page #period-form, #payouts_future-page #period-form, #payouts_history-page #period-form {
  width: 620px;
}
@media (min-width: 769px) {
  #payments_history-page #period-form select, #payouts_future-page #period-form select, #payouts_history-page #period-form select {
    max-width: 200px;
  }
}
@media (min-width: 769px) {
  #payments_history-page #period-form select[name=year], #payouts_future-page #period-form select[name=year], #payouts_history-page #period-form select[name=year] {
    max-width: 120px;
  }
}
@media (max-width: 767px) {
  #payments_history-page #period-form, #payouts_future-page #period-form, #payouts_history-page #period-form {
    width: 100%;
  }
}

#payout-header.container, #business #payout-header.business-container {
  padding-top: 0px;
  padding-bottom: 0px;
}
#payout-header.container h1, #business #payout-header.business-container h1 {
  font-size: 32px;
  font-weight: 700;
  color: #183154;
  margin: 10px 0px 0px;
}
#payout-header.container .payout-settings-cta, #business #payout-header.business-container .payout-settings-cta {
  margin-top: 15px;
}

.payout-tabs-app {
  width: 100%;
  border: 2px solid #456682;
  border-radius: 5px;
  box-sizing: border-box;
}
.payout-tabs-app a {
  display: block;
  width: 50%;
  float: left;
  padding: 10px;
  box-sizing: border-box;
  text-align: center;
  color: #456682;
}
.payout-tabs-app a.active {
  background: #456682;
  color: #ffffff;
}

.payouts-grand-total {
  font-size: 28px;
  font-weight: 800;
  color: #183154;
  margin: 30px 0px;
}
@media (max-width: 767px) {
  .payouts-grand-total {
    margin: 0px;
    line-height: 30px;
    font-size: 24px;
  }
}

#payout .container, #payout #business .business-container, #business #payout .business-container {
  max-width: 600px;
}
#payout a.back-to-payouts {
  display: block;
  background: url("../images/icons/icon-arrow-left-grey.d8ad9d30f95d.png") no-repeat left center;
  background-size: 30px auto;
  height: 20px;
  width: 200px;
  color: #456682;
  padding-left: 45px;
  font-size: 16px;
}
@media (min-width: 769px) {
  #payout a.back-to-payouts {
    margin: 0px 0px 60px -45px;
  }
}
@media (max-width: 767px) {
  #payout a.back-to-payouts {
    margin: 0px 0px 50px 0px;
  }
}
#payout .bookings {
  width: 100%;
  border-top: 1px solid #dfdbdb;
  border-bottom: 1px solid #dfdbdb;
  padding: 15px 0px 20px;
  margin-top: 10px;
}

/* The following CSS controls the preferences form */
#user-preferences #id_scents_ok, #user-preferences #id_chattiness {
  display: none;
}
#user-preferences .error {
  top: -15px;
}
#user-preferences .user-preference-group {
  position: relative;
}
#user-preferences .user-preference-group .user-preference {
  opacity: 0.4;
  text-align: center;
  font-weight: 600;
  color: #456682;
  font-size: 16px;
}
#user-preferences .user-preference-group .user-preference:hover, #user-preferences .user-preference-group .user-preference.active {
  opacity: 1;
  cursor: pointer;
}
#user-preferences .user-preference-group.two .user-preference {
  width: 50%;
  float: left;
  padding-top: 120px;
}
#user-preferences .user-preference-group.two .user-preference.no-smoking {
  background: url("../images/icons/icon_preferences_no_smoking.3c0d5e0f952a.svg") no-repeat center center;
  background-size: 100px 100px;
}
#user-preferences .user-preference-group.two .user-preference.smoking {
  background: url("../images/icons/icon_preferences_smoking.2f8a1dd4212b.svg") no-repeat center center;
  background-size: 100px 100px;
}
#user-preferences .user-preference-group.three .user-preference {
  width: 33.3%;
  float: left;
  padding-top: 120px;
}
#user-preferences .user-preference-group.three .user-preference.chattiness_low {
  background: url("../images/icons/icon_preferences_chattiness_low.d10ed9564916.svg") no-repeat center center;
  background-size: 100px 100px;
}
#user-preferences .user-preference-group.three .user-preference.chattiness_medium {
  background: url("../images/icons/icon_preferences_chattiness_medium.bb9bb084f823.svg") no-repeat center center;
  background-size: 100px 100px;
}
#user-preferences .user-preference-group.three .user-preference.chattiness_high {
  background: url("../images/icons/icon_preferences_chattiness_high.ab14506314bf.svg") no-repeat center center;
  background-size: 100px 100px;
}

/* The following controls how prefrences are displayed on the profile and in the user summary in the trip and request */
.user-preferences-list .user-preference-item {
  padding: 8px 0px 8px 42px;
  font-weight: 600;
  margin: 6px 0px 0px -6px;
  color: #183154;
}
.user-preferences-list .user-preference-item.scents.True {
  background: url("../images/icons/icon_preferences_smoking.2f8a1dd4212b.svg") no-repeat left center;
  background-size: 40px 40px;
}
.user-preferences-list .user-preference-item.scents.False {
  background: url("../images/icons/icon_preferences_no_smoking.3c0d5e0f952a.svg") no-repeat left center;
  background-size: 40px 40px;
}
.user-preferences-list .user-preference-item.chattiness.l0 {
  background: url("../images/icons/icon_preferences_chattiness_low.d10ed9564916.svg") no-repeat left center;
  background-size: 40px 40px;
}
.user-preferences-list .user-preference-item.chattiness.l1 {
  background: url("../images/icons/icon_preferences_chattiness_medium.bb9bb084f823.svg") no-repeat left center;
  background-size: 40px 40px;
}
.user-preferences-list .user-preference-item.chattiness.l2 {
  background: url("../images/icons/icon_preferences_chattiness_high.ab14506314bf.svg") no-repeat left center;
  background-size: 40px 40px;
}

@media (min-width: 769px) {
  #user-summary .user-preferences-list {
    max-width: 400px;
  }
}

#book .user-preferences-list .text-medium.strong, #book .user-preferences-list #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details .strong.trip-date, #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details #book .user-preferences-list .strong.trip-date, #book .user-preferences-list .booking-form .trip-form-policies .strong.text-slarge, #book .user-preferences-list .booking-form .trip-form-policies #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details h2.strong, #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details #book .user-preferences-list .booking-form .trip-form-policies h2.strong, #book .booking-form .trip-form-policies .user-preferences-list .strong.text-slarge, #book .booking-form .trip-form-policies .user-preferences-list #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details h2.strong, #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details #book .booking-form .trip-form-policies .user-preferences-list h2.strong, #book .user-preferences-list .booking-form .trip-form-policies .strong.policy-title, #book .booking-form .trip-form-policies .user-preferences-list .strong.policy-title, #book .user-preferences-list .booking-form .trip-form-policies #community-agreement .community-item p.strong, #book .booking-form .trip-form-policies #community-agreement .community-item .user-preferences-list p.strong, #community-agreement .community-item #book .user-preferences-list .booking-form .trip-form-policies p.strong, #community-agreement .community-item #book .booking-form .trip-form-policies .user-preferences-list p.strong, #book .user-preferences-list #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .trip-details .strong.trip-date, #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .trip-details #book .user-preferences-list .strong.trip-date, #book .user-preferences-list #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .strong.booking-details, #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item #book .user-preferences-list .strong.booking-details, #book .user-preferences-list .booking-form .trip-form-policies .popular-routes .strong.popular-routes-box, #book .booking-form .trip-form-policies .popular-routes .user-preferences-list .strong.popular-routes-box, .popular-routes #book .user-preferences-list .booking-form .trip-form-policies .strong.popular-routes-box, .popular-routes #book .booking-form .trip-form-policies .user-preferences-list .strong.popular-routes-box, #book .user-preferences-list .booking-form .trip-form-policies .instruction-full .instruction-contents .instruction-item .strong.instruction-item-title, #book .booking-form .trip-form-policies .instruction-full .instruction-contents .instruction-item .user-preferences-list .strong.instruction-item-title, .instruction-full .instruction-contents .instruction-item #book .user-preferences-list .booking-form .trip-form-policies .strong.instruction-item-title, .instruction-full .instruction-contents .instruction-item #book .booking-form .trip-form-policies .user-preferences-list .strong.instruction-item-title, #book .user-preferences-list #payments .payment-box .strong.payment-text, #payments .payment-box #book .user-preferences-list .strong.payment-text, #book .user-preferences-list #payments .payment-box .strong.payment-amount, #payments .payment-box #book .user-preferences-list .strong.payment-amount, #book .user-preferences-list .booking-form .trip-form-policies .trip-form-section-header, #book .booking-form .trip-form-policies .user-preferences-list .trip-form-section-header, #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .trip-details #book .user-preferences-list .booking-form .trip-form-policies .trip-date.trip-form-section-header, #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .trip-details #book .booking-form .trip-form-policies .user-preferences-list .trip-date.trip-form-section-header, #book .user-preferences-list .booking-form .trip-form-policies #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .trip-details .trip-date.trip-form-section-header, #book .booking-form .trip-form-policies #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .trip-details .user-preferences-list .trip-date.trip-form-section-header, #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item #book .user-preferences-list .booking-form .trip-form-policies .booking-details.trip-form-section-header, #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item #book .booking-form .trip-form-policies .user-preferences-list .booking-details.trip-form-section-header, #book .user-preferences-list .booking-form .trip-form-policies #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .booking-details.trip-form-section-header, #book .booking-form .trip-form-policies #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .user-preferences-list .booking-details.trip-form-section-header {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

/* Definitions for pricing page */
#pricing-header {
  background: #ffffff;
}
#pricing-header .pricing-header-left {
  float: left;
}
@media (max-width: 767px) {
  #pricing-header .pricing-header-left {
    float: none;
  }
}
#pricing-header .pricing-header-left h1 {
  color: #183154;
}
@media (max-width: 767px) {
  #pricing-header .pricing-header-left h1 {
    margin-bottom: 0px;
  }
}
#pricing-header .pricing-header-left h2 {
  font-weight: 600;
}
@media (max-width: 767px) {
  #pricing-header .pricing-header-left h2 {
    font-size: 16px;
  }
}
#pricing-header .pricing-header-right {
  float: right;
  margin-top: 13px;
  font-size: 16px;
}
@media (max-width: 767px) {
  #pricing-header .pricing-header-right {
    float: none;
    font-size: 15px;
  }
}

#pricing-container {
  padding: 20px 0px;
}
@media (max-width: 767px) {
  #pricing-container {
    padding-top: 0px;
  }
}
#pricing-container .price-label {
  margin-top: 18px !important;
}

#trip-form #trip-form-pricing .price-label {
  width: 14.25%;
  float: left;
  font-size: 16px;
  color: #183154;
  font-weight: 600;
}
@media (min-width: 769px) {
  #trip-form #trip-form-pricing .price-label {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  #trip-form #trip-form-pricing .price-label {
    float: none;
    width: 100%;
  }
}
@media (max-width: 767px) {
  #trip-form #trip-form-pricing .price-label div {
    float: left;
  }
}
@media (max-width: 767px) {
  #trip-form #trip-form-pricing .price-label .tooltip {
    float: left;
    margin-left: 10px;
  }
}
#trip-form #trip-form-pricing .price-contents {
  width: 85.75%;
  float: left;
}
@media (max-width: 767px) {
  #trip-form #trip-form-pricing .price-contents {
    width: 100%;
  }
}
#trip-form #trip-form-pricing #segment-pricing-loading {
  position: relative;
}
#trip-form #trip-form-pricing #segment-pricing-loading .loader, #trip-form #trip-form-pricing #segment-pricing-loading .loader.loader-grey {
  position: absolute;
  top: 0px;
  left: 13px;
}
#trip-form #trip-form-pricing .segment-price-input {
  padding: 10px 0px;
}
@media (max-width: 767px) {
  #trip-form #trip-form-pricing .segment-price-input {
    margin-bottom: 15px;
  }
}
#trip-form #trip-form-pricing .segment-price-input .segment-price-input-amount {
  float: left;
  width: 80px;
  position: relative;
}
#trip-form #trip-form-pricing .segment-price-input .segment-price-input-amount .segment-price-input-amount-currency-sign {
  position: absolute;
  font-size: 18px;
  top: 16px;
  left: 10px;
}
#trip-form #trip-form-pricing .segment-price-input .segment-price-input-amount input {
  padding-left: 30px;
}
@media (min-width: 769px) {
  #trip-form #trip-form-pricing .segment-price-input .segment-price-input-amount input {
    min-width: 90px;
  }
}
#trip-form #trip-form-pricing .segment-price-input .segment-price-input-amount label {
  display: none;
}
#trip-form #trip-form-pricing .segment-price-input .segment-price-input-amount label.error {
  width: 200px;
}
#trip-form #trip-form-pricing .segment-price-input .segment-price-input-locations {
  float: left;
  margin: 16px 0px 0px 30px;
  font-size: 16px;
  font-weight: 700;
  color: #183154;
}
@media (max-width: 767px) {
  #trip-form #trip-form-pricing .segment-price-input .segment-price-input-locations {
    margin: 4px 0px 0px 16px;
  }
}
#trip-form #trip-form-pricing .segment-price-input .segment-price-input-price-recommended {
  float: right;
  margin-top: 20px;
  font-size: 16px;
  width: 370px;
}
@media (max-width: 767px) {
  #trip-form #trip-form-pricing .segment-price-input .segment-price-input-price-recommended {
    margin: 5px 0px 0px 15px;
    float: left;
    width: auto;
  }
}
#trip-form #trip-form-pricing .segment-price-input .segment-price-input-price-recommended-primary-route {
  margin-top: 4px;
}
@media (max-width: 767px) {
  #trip-form #trip-form-pricing .segment-price-input .segment-price-input-price-recommended-primary-route {
    margin: 10px 0px;
  }
}
#trip-form #trip-form-pricing .segment-price-input.primary-segment .segment-price-input-locations {
  font-weight: 700;
  font-size: 18px;
}
@media (max-width: 767px) {
  #trip-form #trip-form-pricing .segment-price-input.primary-segment .segment-price-input-locations {
    margin: 4px 0px 0px 15px;
  }
}
#trip-form #trip-form-pricing #segment-pricing-show {
  border-top: 1px solid #dfdbdb;
  padding-top: 20px;
  margin-top: 20px;
  text-decoration: underline;
}
#trip-form #trip-form-pricing #segment-pricing {
  border-top: 1px solid #dfdbdb;
  padding-top: 20px;
  margin-top: 20px;
}
@media (max-width: 767px) {
  #trip-form #trip-form-pricing #segment-pricing {
    padding-top: 5px;
  }
}
#trip-form #trip-form-pricing #segment-pricing #segment-pricing-reset {
  text-decoration: underline;
  margin-top: 20px;
}
@media (min-width: 769px) {
  #trip-form .price-contents-placeholder {
    margin-top: 20px;
  }
}

#trip_offer-page.fr .segment-price-input-amount-currency-sign {
  right: 10px !important;
  left: unset !important;
}
#trip_offer-page.fr .segment-price-input-amount input {
  padding: 18px 2px 18px 25px !important;
}

/* Profile */
#user {
  width: 100%;
  height: 100%;
  position: relative;
}
@media (min-width: 769px) {
  #user {
    display: flex;
  }
}
#user .user-left {
  width: 35%;
  box-sizing: border-box;
  background: #ffffff;
}
@media (min-width: 769px) {
  #user .user-left {
    float: left;
    height: auto;
    align-items: stretch;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  #user .user-left {
    width: 35%;
  }
}
@media (max-width: 767px) {
  #user .user-left {
    width: 100%;
    position: relative;
  }
}
#user .user-left .user-left-container {
  padding: 20px;
  box-sizing: border-box;
  float: right;
  position: relative;
}
@media (min-width: 1024px) {
  #user .user-left .user-left-container {
    width: 360px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  #user .user-left .user-left-container {
    width: 300px;
  }
}
@media (max-width: 767px) {
  #user .user-left .user-left-container {
    width: 100%;
    position: relative;
    padding: 15px;
    box-sizing: border-box;
    float: none;
  }
}
#user .user-left .profile-picture-wrapper {
  position: relative;
  display: inline-block;
}
#user .user-left .profile-picture-edit {
  position: absolute;
  bottom: 0px;
  right: 0px;
}
#user .user-left .profile-picture-edit:hover {
  background-color: #F1FAFF;
}
#user .user-left .profile-picture-edit:active {
  background-color: #E0F5FC;
}
#user .user-left .update-picture {
  cursor: pointer;
  color: red;
}
#user .user-left .update-picture:hover {
  text-decoration: underline;
}
#user .user-left .profile-details {
  padding: 20px 0px;
}
@media (max-width: 767px) {
  #user .user-left .profile-details {
    padding: 15px 0px;
  }
}
#user .user-left .profile-details .profile-details-contents .profile-details-gender {
  color: #777;
}
#user .user-left .profile-details h1 {
  color: #456682;
  font-size: 24px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 10px;
}
@media (max-width: 767px) {
  #user .user-left .profile-details h1 {
    padding-bottom: 5px;
    font-size: 20px;
  }
}
#user .user-left .profile-details h3 {
  font-size: 16px;
  margin-top: 0px;
}
#user .user-left .profile-details .profile-description {
  clear: both;
  font-size: 14px;
  padding-top: 30px;
  line-height: 24px;
}
#user .user-left .profile-details .update-description-cta {
  display: block;
  font-size: 13px;
  cursor: pointer;
}
#user .user-left .profile-details .rating-summary {
  margin: 10px auto 0px;
  text-align: center;
  display: inline-block;
}
@media (max-width: 767px) {
  #user .user-left .profile-details .rating-summary {
    margin: 2px auto 0px;
  }
}
#user .user-left .profile-details .badge {
  width: 30px;
  height: 30px;
  box-sizing: border-box;
  background-size: contain;
  margin-right: 7px;
  margin-top: -5px;
  float: left;
}
#user .user-left .profile-details .badge.icon-verified {
  width: 20px;
  height: 20px;
  margin-top: 0px;
}
#user .user-left .profile-details .badge-commercial {
  text-align: left;
}
#user .user-left .profile-details .badge-commercial .badge {
  margin: -2px 10px 0px 0px;
}
#user .user-left .user-verifications {
  margin-top: 20px;
}
#user .user-responsiveness {
  width: 100%;
  color: #ffffff;
  padding: 20px;
  background: #0099ff;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  #user .user-responsiveness {
    padding: 10px;
  }
}
#user .user-responsiveness .user-responsiveness-container {
  float: left;
  width: 50%;
  text-align: center;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  #user .user-responsiveness .user-responsiveness-container {
    width: 100%;
    float: none;
    margin: 5px 0px;
  }
}
#user .user-responsiveness .user-stat-response-rate {
  display: inline-block;
  background: url("../images/icons/icon-clock-white.f7114572c7ac.png") no-repeat left center;
  background-size: 20px 20px;
  padding-left: 27px;
  box-sizing: border-box;
}
#user .user-responsiveness .user-stat-response-time {
  display: inline-block;
  background: url("../images/icons/icon-circle-white.4fdcf6b4273e.png") no-repeat left center;
  background-size: 20px 20px;
  padding-left: 27px;
  box-sizing: border-box;
}
#user .user-right {
  width: 100%;
  max-width: 750px;
  box-sizing: border-box;
}
@media (min-width: 769px) {
  #user .user-right {
    min-height: 750px;
    float: left;
    height: auto;
    align-items: stretch;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  #user .user-right {
    width: 65%;
  }
}
@media (max-width: 767px) {
  #user .user-right {
    width: 100%;
    position: relative;
    margin-left: 0px;
    float: none;
  }
}
#user .user-right .cover-photo {
  width: 100%;
  height: 400px;
  display: block;
}
@media (max-width: 767px) {
  #user .user-right .cover-photo {
    height: 250px;
  }
}
#user .user-right .user-description {
  padding: 20px 0px 15px;
}
#user .user-right .user-description .update-description {
  background: url("../images/icons/icon-edit.39aa07ff37ec.svg") no-repeat center left;
  background-size: 32px 32px;
  padding-left: 30px;
  text-decoration: underline;
  font-size: 16px;
}
#user .user-right .user-container.user-stats {
  padding: 0px 20px;
  box-sizing: border-box;
}
@media (min-width: 769px) {
  #user .user-right .user-container.user-stats {
    display: flex;
    width: 100%;
  }
}
@media (max-width: 767px) {
  #user .user-right .user-container.user-stats {
    padding: 10px 15px 0px 15px;
    box-sizing: border-box;
  }
}
@media (min-width: 769px) {
  #user .user-right .user-container.user-stats .user-stat {
    flex: 1;
    text-align: center;
    padding: 23px 0px 20px;
  }
}
@media (max-width: 767px) {
  #user .user-right .user-container.user-stats .user-stat {
    width: 100%;
    padding: 8px 0px;
  }
}
#user .user-right .user-container.user-stats .user-stat .user-stat-container {
  margin: 0 auto;
}
#user .user-right .user-container.user-stats .user-stat .user-stat-icon {
  background-repeat: no-repeat;
}
@media (min-width: 769px) {
  #user .user-right .user-container.user-stats .user-stat .user-stat-icon {
    width: 42px;
    height: 42px;
    background-size: 42px 42px;
    margin-bottom: 12px;
    display: inline-block;
    text-align: center;
    background-position: center center;
  }
}
@media (max-width: 767px) {
  #user .user-right .user-container.user-stats .user-stat .user-stat-icon {
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
    float: left;
    padding-left: 14px;
    background-position: left center;
  }
}
#user .user-right .user-container.user-stats .user-stat .user-stat-icon.driven {
  background-image: url("../images/stats/people_driven.ddf903113938.svg");
}
#user .user-right .user-container.user-stats .user-stat .user-stat-icon.taken {
  background-image: url("../images/stats/rides_taken.bf5ed474f2fd.svg");
}
#user .user-right .user-container.user-stats .user-stat .user-stat-icon.shared {
  background-image: url("../images/stats/km_shared.d6f98a354601.svg");
}
#user .user-right .user-container.user-stats .user-stat .user-stat-icon.response-time {
  background-image: url("../images/stats/response_time.3dd8ed852ebd.svg");
}
#user .user-right .user-container.user-stats .user-stat .user-stat-icon.response-rate {
  background-image: url("../images/stats/response_rate.652372b2bfd0.svg");
}
#user .user-right .user-container.user-stats .user-stat .user-stat-number {
  font-size: 22px;
  color: #183154;
  font-weight: 600;
}
@media (min-width: 768px) and (max-width: 1023px) {
  #user .user-right .user-container.user-stats .user-stat .user-stat-number {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  #user .user-right .user-container.user-stats .user-stat .user-stat-number {
    font-size: 16px;
    float: left;
  }
}
#user .user-right .user-container.user-stats .user-stat .user-stat-text {
  font-size: 16px;
}
@media (min-width: 769px) {
  #user .user-right .user-container.user-stats .user-stat .user-stat-text {
    margin-top: 5px;
  }
}
@media (max-width: 767px) {
  #user .user-right .user-container.user-stats .user-stat .user-stat-text {
    float: left;
    font-size: 16px;
    margin-left: 5px;
  }
}
#user .user-right .user-stat-divider {
  padding: 0px 20px;
}
@media (max-width: 767px) {
  #user .user-right .user-stat-divider {
    padding: 0px 10px;
  }
}
@media (max-width: 767px) {
  #user .user-right .user-stat-divider .divider {
    margin: 0px;
  }
}
#user .user-right .user-description-long {
  display: none;
}
#user .user-right .user-description-long.active {
  display: block;
}
#user .user-right .tabs {
  border: none;
  width: 100%;
}
#user .user-right .tabs .tab {
  float: left;
  margin-right: 50px;
  font-size: 14px;
  font-weight: 600;
  padding-bottom: 15px;
  color: #777;
}
@media (max-width: 767px) {
  #user .user-right .tabs .tab {
    display: none;
  }
}
@media (min-width: 1024px) {
  #user .user-right .tabs-container .tab-container-item {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  #user .user-right .tabs-container .tab-container-item {
    display: none;
  }
}
@media (max-width: 767px) {
  #user .user-right .tabs-container .tab-container-item {
    display: block !important;
  }
}
#user .user-right .tabs-container .tab-container-item .trip-request {
  box-shadow: none;
  padding-left: 0px !important;
  padding-top: 0px !important;
}
#user .user-right .tabs-container .tab-container-item .trip-request .primary-color.text-medium, #user .user-right .tabs-container .tab-container-item .trip-request .trip-item-profile .trip-details .primary-color.trip-date, #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details .trip-request .primary-color.trip-date, #user .user-right .tabs-container .tab-container-item .trip-request #book .booking-form .trip-form-policies .primary-color.text-slarge, #user .user-right .tabs-container .tab-container-item .trip-request #book .booking-form .trip-form-policies .trip-item-profile .trip-details h2.primary-color, #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details .trip-request #book .booking-form .trip-form-policies h2.primary-color, #book .booking-form .trip-form-policies #user .user-right .tabs-container .tab-container-item .trip-request .primary-color.text-slarge, #book .booking-form .trip-form-policies #user .user-right .tabs-container .tab-container-item .trip-request .trip-item-profile .trip-details h2.primary-color, #book .booking-form .trip-form-policies #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details .trip-request h2.primary-color, #user .user-right .tabs-container .tab-container-item .trip-request #book .booking-form .trip-form-policies .primary-color.trip-form-section-header, #book .booking-form .trip-form-policies #user .user-right .tabs-container .tab-container-item .trip-request .primary-color.trip-form-section-header, #user .user-right .tabs-container .tab-container-item .trip-request #book .booking-form .trip-form-policies .primary-color.policy-title, #book .booking-form .trip-form-policies #user .user-right .tabs-container .tab-container-item .trip-request .primary-color.policy-title, #user .user-right .tabs-container .tab-container-item .trip-request #book .booking-form .trip-form-policies #community-agreement .community-item p.primary-color, #book .booking-form .trip-form-policies #community-agreement .community-item #user .user-right .tabs-container .tab-container-item .trip-request p.primary-color, #user .user-right .tabs-container .tab-container-item .trip-request #community-agreement .community-item #book .booking-form .trip-form-policies p.primary-color, #community-agreement .community-item #book .booking-form .trip-form-policies #user .user-right .tabs-container .tab-container-item .trip-request p.primary-color, #user .user-right .tabs-container .tab-container-item .trip-request #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .trip-details .primary-color.trip-date, #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .trip-details #user .user-right .tabs-container .tab-container-item .trip-request .primary-color.trip-date, #user .user-right .tabs-container .tab-container-item .trip-request #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .primary-color.booking-details, #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item #user .user-right .tabs-container .tab-container-item .trip-request .primary-color.booking-details, #user .user-right .tabs-container .tab-container-item .trip-request #book .booking-form .trip-form-policies .popular-routes .primary-color.popular-routes-box, #book .booking-form .trip-form-policies .popular-routes #user .user-right .tabs-container .tab-container-item .trip-request .primary-color.popular-routes-box, #user .user-right .tabs-container .tab-container-item .trip-request .popular-routes #book .booking-form .trip-form-policies .primary-color.popular-routes-box, .popular-routes #book .booking-form .trip-form-policies #user .user-right .tabs-container .tab-container-item .trip-request .primary-color.popular-routes-box, #user .user-right .tabs-container .tab-container-item .trip-request #book .booking-form .trip-form-policies .instruction-full .instruction-contents .instruction-item .primary-color.instruction-item-title, #book .booking-form .trip-form-policies .instruction-full .instruction-contents .instruction-item #user .user-right .tabs-container .tab-container-item .trip-request .primary-color.instruction-item-title, #user .user-right .tabs-container .tab-container-item .trip-request .instruction-full .instruction-contents .instruction-item #book .booking-form .trip-form-policies .primary-color.instruction-item-title, .instruction-full .instruction-contents .instruction-item #book .booking-form .trip-form-policies #user .user-right .tabs-container .tab-container-item .trip-request .primary-color.instruction-item-title, #user .user-right .tabs-container .tab-container-item .trip-request #payments .payment-box .primary-color.payment-text, #payments .payment-box #user .user-right .tabs-container .tab-container-item .trip-request .primary-color.payment-text, #user .user-right .tabs-container .tab-container-item .trip-request #payments .payment-box .primary-color.payment-amount, #payments .payment-box #user .user-right .tabs-container .tab-container-item .trip-request .primary-color.payment-amount {
  margin-top: 10px;
}
#user .user-right .tabs-container .tab-container-item .trip-request .profile-pic {
  border: 1px solid #dfdbdb;
}
#user .user-right .tabs-container .tab-container-item.active {
  display: block;
}
@media (min-width: 1024px) {
  #user .user-right .tabs-container .tab-heading {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  #user .user-right .tabs-container .tab-heading {
    display: none;
  }
}
@media (max-width: 767px) {
  #user .user-right .tabs-container .tab-heading {
    display: block;
  }
}
@media (max-width: 767px) {
  #user .user-right .tabs-container .tab-heading h2 {
    font-size: 16px;
    font-weight: 700;
    color: #183154;
    margin-bottom: 10px;
    padding-top: 0px;
  }
}
#user .user-right .tabs-container .tab-container-item {
  position: relative;
  display: none;
}
#user .user-right .tabs-container .tab-container-item .picture {
  float: left;
  width: 17%;
  margin-right: 3%;
}
#user .user-right .tabs-container .tab-container-item .feedback-text {
  font-size: 14px;
  color: #456682;
}
#user .user-right .tabs-container .tab-container-item .trip-details {
  width: 100%;
  font-size: 16px;
}
#user .user-right .tabs-container .tab-container-item .booking-details {
  float: left;
  width: 50%;
  font-size: 16px;
  color: #456682;
}
#user .user-right .tabs-container .tab-container-item .booking-details strong {
  color: #456682;
}
#user .user-right .tabs-container .tab-container-item .booking-type {
  box-sizing: border-box;
  text-align: center;
  color: #ffffff;
  padding: 5px;
  border-radius: 3px;
  display: inline-block;
  position: absolute;
  right: 0px;
  top: 17px;
  width: 100px;
}
@media (max-width: 767px) {
  #user .user-right .tabs-container .tab-container-item .booking-type {
    left: 0px;
    top: 0px;
  }
}
#user .user-right .tabs-container .tab-container-item .booking-type.passenger {
  background: #ff4f02;
}
#user .user-right .tabs-container .tab-container-item .booking-type.driving {
  background: #0099ff;
}
#user .user-right .tabs-container .tab-container-item .trip-item-profile {
  position: relative;
}
#user .user-right .tabs-container .tab-container-item .trip-item-profile .picture {
  float: left;
  width: 17%;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  border: 1px solid #D7E6ED;
  margin-right: 2%;
}
@media (min-width: 0px) and (max-width: 1023px) {
  #user .user-right .tabs-container .tab-container-item .trip-item-profile .picture {
    width: 50px;
    height: 50px;
  }
}
#user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details {
  float: left;
  width: 40%;
}
#user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details h2 {
  color: #183154;
  font-weight: 700;
  margin-top: 0px;
  margin-bottom: 0px;
}
#user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details .trip-date {
  color: #183154;
}
@media (max-width: 767px) {
  #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details {
    float: none;
    width: 80%;
    margin-left: 65px;
  }
}
#user .user-right .tabs-container .tab-container-item .trip-item-profile .booking-details {
  color: #456682;
  font-size: 16px;
}
#user .user-right .tabs-container .tab-container-item .trip-item-profile .booking-details strong {
  color: #183154;
}
@media (min-width: 769px) {
  #user .user-right .tabs-container .tab-container-item .trip-item-profile .booking-details {
    float: right;
    width: 40%;
    text-align: right;
  }
}
@media (max-width: 767px) {
  #user .user-right .tabs-container .tab-container-item .trip-item-profile .booking-details {
    float: none;
    margin-left: 65px;
    margin-top: 0px;
    width: 80%;
  }
}
#user .user-right .tabs-container .tab-container-item .trip-item-profile .booking-type {
  box-sizing: border-box;
  text-align: center;
  color: #ffffff;
  padding: 5px;
  border-radius: 3px;
  display: inline-block;
  position: absolute;
  right: 0px;
  top: 17px;
  width: 100px;
}
@media (max-width: 767px) {
  #user .user-right .tabs-container .tab-container-item .trip-item-profile .booking-type {
    left: 0px;
    top: 0px;
  }
}
#user .user-right .tabs-container .tab-container-item .trip-item-profile .booking-type.passenger {
  background: #ff4f02;
}
#user .user-right .tabs-container .tab-container-item .trip-item-profile .booking-type.driving {
  background: #0099ff;
}
#user .user-right .tabs-container .tab-container-item .booking-item:hover {
  cursor: pointer;
}
#user .user-right .tabs-container .tab-container-item .booking-item:hover .picture {
  border: 2px solid #ccc;
}
#user .user-right .tabs-container .trip-item-profile.request .trip-details h2 {
  color: #183154;
}
#user .user-right .tabs-container .tab-container-item.active {
  display: block;
}
#user .user-right .tabs-container .tabs-container-collapsed {
  display: none;
}
#user .user-right .tabs-container .tabs-container-collapsed.active {
  display: block;
}
#user .user-right .user-right-container {
  padding: 20px 30px 20px 30px;
}
#user .user-container {
  padding: 15px 30px;
}
@media (max-width: 767px) {
  #user .user-container {
    padding: 10px 10px;
  }
}
#user .trip-request-details h2 {
  font-size: 16px !important;
  margin-bottom: 3px !important;
}
@media (max-width: 767px) {
  #user .trip-request-details h2 {
    font-size: 14px !important;
  }
}
#user .trip-request-departure {
  font-size: 14px !important;
}
@media (max-width: 767px) {
  #user .trip-request .profile-pic {
    width: 50px !important;
    height: 50px !important;
  }
}
#user .trip-request .seats-needed {
  float: none !important;
  clear: both !important;
  text-align: left !important;
  margin-left: 65px !important;
}
#user .trip-request .seats-needed div {
  float: left;
  margin-right: 5px !important;
}

.facebook-friend-count-container {
  text-align: center;
}

.facebook-friend-count {
  background: url("../images/icons/icon-social-facebook.b8906f259d54.svg") no-repeat left center;
  background-size: 20px 20px;
  text-align: left;
  padding-left: 30px;
  color: #4460A0;
  display: inline-block;
}

.facebook-friends {
  width: 100%;
  box-sizing: border-box;
}
.facebook-friends .facebook-friends-header .facebook-friends-header-left {
  background: url("../images/icons/icon-social-facebook.b8906f259d54.svg") no-repeat left top;
  background-size: 20px 20px;
  text-align: left;
  padding-left: 30px;
  float: left;
}
.facebook-friends .facebook-friends-header .facebook-friends-header-right {
  float: right;
}
.facebook-friends .facebook-friends-container {
  margin-top: 15px;
}
.facebook-friends .facebook-friends-container .facebook-friends-item {
  float: left;
  width: 20%;
  text-align: center;
  padding-bottom: 20px;
}
.facebook-friends .facebook-friends-container .facebook-friends-item .facebook-friends-item-picture {
  margin-top: 5px;
  height: 100px;
  width: 100px;
  border-radius: 100px;
  display: inline-block;
  border: 1px solid #dfdbdb;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .facebook-friends .facebook-friends-container .facebook-friends-item .facebook-friends-item-picture {
    height: 90px;
    width: 90px;
  }
}
@media (max-width: 767px) {
  .facebook-friends .facebook-friends-container .facebook-friends-item .facebook-friends-item-picture {
    height: 50px;
    width: 50px;
  }
}
.facebook-friends .facebook-friends-container .facebook-friends-item .facebook-friends-item-name {
  margin-top: 5px;
  display: block;
}
.facebook-friends .facebook-friends-container .facebook-friends-item:hover {
  opacity: 0.9;
}
.facebook-friends .facebook-friends-container .facebook-friends-item:active {
  opacity: 0.9;
}

#modal-facebook-friends .modal-box {
  max-width: 1200px;
}
#modal-facebook-friends .facebook-friends-header-left {
  background-size: 24px 24px;
  padding-left: 36px;
}
#modal-facebook-friends .facebook-friends {
  padding: 0px;
}
#modal-facebook-friends .facebook-friends-container {
  overflow-y: scroll;
}

/* Verification items are separate so they can be re-used in several places */
.verification-item {
  width: 100%;
  margin: 8px 0px 0px -8px;
  padding: 4px 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.verification-item .verification-item-left {
  box-sizing: border-box;
  padding: 4px 0px 4px 42px;
  color: #183154;
}
.verification-item .verification-item-left.community-agreement {
  background: url("../images/icons/agreement-icon.18533d1d8093.svg") no-repeat center left 7px;
  background-size: 22px 22px;
  font-weight: 700;
  color: #456682;
}
.verification-item .verification-item-left.email {
  background: url("../images/icons/email_verified.e795116c283e.svg") no-repeat center left;
  background-size: 34px 34px;
}
.verification-item .verification-item-left.phone {
  background: url("../images/icons/phone_verified.fa2073d401f7.svg") no-repeat center left;
  background-size: 34px 34px;
}
.verification-item .verification-item-left.id {
  background: url("../images/icons/id_verified.65a66f82bd82.svg") no-repeat center left;
  background-size: 34px 34px;
}
.verification-item .verification-item-left.dl {
  background: url("../images/icons/badge-verified.83e71fd7cf6c.svg") no-repeat center left;
  background-size: 36px 36px;
}
.verification-item .verification-item-left.facebook {
  background: url("../images/icons/icon-social-facebook.b8906f259d54.svg") no-repeat center left 6px;
  background-size: 20px 20px;
}
.verification-item .verification-item-left.google {
  background: url("../images/icons/icon-social-google.a59eac29f746.svg") no-repeat center left 6px;
  background-size: 20px 20px;
}
.verification-item .verification-item-left.network {
  background: url("../images/icons/icon-student.3f9be6597130.svg") no-repeat left center;
  background-size: 34px 34px;
}
.verification-item .verification-item-right {
  float: right;
  text-align: right;
}
.verification-item .verification-item-right.verified {
  color: #183154;
  font-weight: 600;
}
.verification-item .verification-item-right.signed {
  color: #183154;
  font-weight: 600;
}

/* Member summary displayed in both trips and requests at the bottom of the screen */
#user-summary {
  background: #ffffff;
}
#user-summary #user-summary-left {
  float: left;
  width: 65%;
  box-sizing: border-box;
  margin-right: 5%;
}
@media (max-width: 767px) {
  #user-summary #user-summary-left {
    float: none;
    width: 100%;
  }
}
#user-summary #user-summary-left .facebook-friend-count-container {
  text-align: left;
}
#user-summary #user-summary-left .rating-summary {
  margin-top: 10px;
}
#user-summary #user-summary-left .user-summary-picture .driver-pic {
  width: 100px;
  height: 100px;
  border-radius: 100px;
  border: 1px solid #dfdbdb;
}
@media (max-width: 767px) {
  #user-summary #user-summary-left .user-summary-picture .driver-pic {
    width: 50px;
    height: 50px;
  }
}
#user-summary #user-summary-left .user-summary-stats {
  width: 100%;
  margin-left: 20px;
}
@media (max-width: 767px) {
  #user-summary #user-summary-left .user-summary-stats .col-2 {
    width: 100%;
  }
}
#user-summary #user-summary-left .user-summary-stats .stat {
  font-size: 16px;
  font-weight: 600;
  color: #183154;
  padding: 10px 0px 12px 40px;
}
@media (max-width: 767px) {
  #user-summary #user-summary-left .user-summary-stats .stat {
    margin-top: 0px;
    margin-bottom: 10px;
  }
}
#user-summary #user-summary-left .user-summary-stats .stat.response-rate {
  background: url("../images/stats/response_rate.652372b2bfd0.svg") no-repeat left center;
  background-size: 28px 28px;
}
#user-summary #user-summary-left .user-summary-stats .stat.response-time {
  background: url("../images/stats/response_time.3dd8ed852ebd.svg") no-repeat left center;
  background-size: 28px 28px;
}
#user-summary #user-summary-left .user-summary-stats .stat.passengers-driven {
  background: url("../images/stats/people_driven.ddf903113938.svg") no-repeat left center;
  background-size: 28px 28px;
}
#user-summary #user-summary-left .user-summary-stats .stat.km-shared {
  background: url("../images/stats/km_shared.d6f98a354601.svg") no-repeat left center;
  background-size: 28px 28px;
}
#user-summary #user-summary-left .badges .badge {
  background-size: 30px 30px;
  height: 30px;
  padding: 5px 0px 0px 50px;
  font-size: 16px;
  display: block;
}
#user-summary #user-summary-left .badges .badge.icon-verified {
  background-size: 20px 20px;
  background-position-y: 5px;
  padding-left: 30px;
  height: 30px;
}
#user-summary #user-summary-left .badges a.badge {
  color: #456682;
}
@media (min-width: 769px) {
  #user-summary #user-summary-left #driver-verifications {
    max-width: 400px;
  }
}
#user-summary #user-summary-right {
  width: 30%;
  float: left;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  #user-summary #user-summary-right {
    float: none;
    width: 100%;
    margin-top: 20px;
  }
}
#user-summary #user-summary-right .review-item {
  margin-top: 15px;
}
#user-summary #user-summary-right .review-item .review-pic-container .review-pic {
  width: 50px;
  height: 50px;
  border: 1px solid #dfdbdb;
  border-radius: 50px;
}
#user-summary #user-summary-right .review-item .review-contents {
  width: 100%;
  margin-left: 12px;
}

#profile-picture-crop-container {
  margin: 0 auto;
  width: 350px;
}
@media (max-width: 767px) {
  #profile-picture-crop-container {
    width: 100%;
  }
}
#profile-picture-crop-container #profile-picture-crop {
  width: 260px;
  height: 260px;
  overflow: hidden;
  margin: 0 auto;
  border: none;
  border-radius: 10px;
}
#profile-picture-crop-container #profile-picture-crop img {
  max-width: 100%;
  height: 260px;
  overflow: hidden;
}
#profile-picture-crop-container #profile-picture-crop #profile-photo-placeholder {
  width: 260px;
  height: 200px;
  border-radius: 10px;
  opacity: 0.9;
}
#profile-picture-crop-container #profile-picture-crop #profile-photo-placeholder .profile-photo-circle {
  border-radius: 400px;
  background: url("../images/icons/icon_silhouette_pick.79dd0253dddd.png") no-repeat center center;
  background-size: contain;
  border: 2px dashed #456682;
  width: 200px;
  height: 200px;
  margin: 30px;
  padding-top: 120px;
  box-sizing: border-box;
  font-size: 18px;
}
#profile-picture-crop-container #profile-picture-crop #profile-photo-placeholder:hover {
  opacity: 0.8;
}
#profile-picture-crop-container #profile-picture-crop #profile-photo-placeholder:active {
  opacity: 1;
}
#profile-picture-crop-container #profile-picture-crop #profile-photo-container {
  position: relative;
}
#profile-picture-crop-container #profile-picture-crop #profile-photo-result {
  width: 260px;
  height: 260px;
}
#profile-picture-crop-container #profile-picture-crop #profile-photo-result img {
  width: 200px;
  height: 200px;
  margin: 30px;
  border-radius: 400px;
  border: 1px solid #dfdbdb;
}
#profile-picture-crop-container #profile-picture-crop .cropper-crop-box, #profile-picture-crop-container #profile-picture-crop .cropper-view-box {
  border-radius: 50%;
}
#profile-picture-crop-container #profile-picture-crop .cropper-view-box {
  box-shadow: 0 0 0 2px #ffffff;
  outline: 0;
}
#profile-picture-crop-container #profile-picture-apply-crop {
  border: 2px solid #456682;
  padding: 10px 25px;
  margin: 35px auto 20px;
  border-radius: 50px;
  display: inline-block;
}
#profile-picture-crop-container #profile-picture-rotate-left {
  display: block;
  width: 20px;
  height: 20px;
  background: url("../images/icons/icon_rotate_left.3692653b0742.png") no-repeat right center;
  background-size: contain;
  margin-top: -17px;
}
@media (max-width: 767px) {
  #profile-picture-crop-container #profile-picture-rotate-left {
    margin: 10px 0px;
  }
}
#profile-picture-crop-container #profile-picture-rotate-right {
  display: block;
  width: 20px;
  height: 20px;
  background: url("../images/icons/icon_rotate_right.930ef786617e.png") no-repeat right center;
  background-size: contain;
  margin-top: -17px;
}
@media (max-width: 767px) {
  #profile-picture-crop-container #profile-picture-rotate-right {
    margin: 10px 0px;
  }
}
#profile-picture-crop-container #profile-picture-change, #profile-picture-crop-container #profile-picture-restart, #profile-picture-crop-container #profile-picture-wrong-format {
  margin-top: 10px;
  margin-bottom: 20px;
}
#profile-picture-crop-container #profile-picture-wrong-format {
  color: #ff6060;
}
#profile-picture-crop-container #profile-photo-uploading #profile-photo-uploading-loader {
  position: relative;
  width: 50px;
  margin: 15px auto 0px auto;
}
#profile-picture-crop-container #profile-photo-uploading #profile-photo-uploading-loader .loader {
  top: -15px;
  left: 15px;
}
#profile-picture-crop-container #profile-photo-upload-success {
  background: url("../images/icons/icon_ok.522a6e971a84.png") no-repeat top center;
  background-size: 30px 30px;
  padding-top: 40px;
}
#profile-picture-crop-container #profile-photo-upload-error {
  background: url("../images/icons/icon_wrong.80550ff85a9b.png") no-repeat top center;
  background-size: 30px 30px;
  padding-top: 40px;
}

#profile-picture-examples {
  display: block;
  width: 100%;
  height: 80px;
  background: url("../images/misc/profile-picture-rules.c43d1645cd91.svg") no-repeat;
  background-size: contain;
  background-position: center center;
}
@media (max-width: 767px) {
  #profile-picture-examples {
    height: 80px;
  }
}

#profile-picture-instructions {
  font-size: 18px;
  margin: 20px 0px;
}
@media (max-width: 767px) {
  #profile-picture-instructions {
    font-size: 16px;
    margin: 10px 0px 10px;
  }
}
@media (max-width: 320px) {
  #profile-picture-instructions {
    margin: 0px 0px 10px;
  }
}

#profile-picture-luddite #id_profile_image {
  max-width: 170px;
}

/* Referrals */
.referral-heading {
  font-size: 32px;
  font-weight: 800;
  color: #183154;
}

#referral-options .promote-text-container {
  width: 100%;
  border: 1px solid #dfdbdb;
  border-radius: 3px;
  box-sizing: border-box;
}
#referral-options .promote-text-container #referrer_link {
  font-size: 14px;
  color: #666;
  height: 56px;
  border: none;
  width: 80%;
  float: left;
  box-sizing: border-box;
  line-height: 26px;
}
#referral-options .facebook-share {
  float: left;
  margin-right: 10px;
}
#referral-options .twitter-share {
  float: left;
  margin-right: 10px;
  margin-top: 0px;
}
#referral-options .button-clipboard {
  float: left;
  background: #456682;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  padding: 4px 10px;
  border-radius: 5px;
  margin-right: 10px;
  position: relative;
}
#referral-options .button-clipboard:hover {
  background: #666;
  color: #ffffff;
}
#referral-options .button-clipboard:active {
  background: #183154;
  color: #ffffff;
}
#referral-options .button-clipboard-success {
  position: absolute;
  left: 0px;
  top: 35px;
  font-weight: 400;
  text-align: left;
  width: 200px;
  font-size: 14px;
  color: #456682;
}

.referral-item {
  padding: 15px 0px;
  background: #ffffff;
  border-top: 1px solid #dfdbdb;
}
@media (max-width: 767px) {
  .referral-item {
    padding: 15px 0px;
  }
}
.referral-item .referral-picture {
  width: 60px;
  height: 60px;
  border-radius: 60px;
  border: 2px solid #dfdbdb;
  float: left;
}
@media (max-width: 767px) {
  .referral-item .referral-picture {
    width: 40px;
    height: 40px;
  }
}
.referral-item .referral-info {
  float: left;
  margin: 5px 0px 0px 15px;
  font-size: 14px;
}
@media (max-width: 767px) {
  .referral-item .referral-info {
    margin-top: 0px;
  }
}
@media (max-width: 767px) {
  .referral-item .referral-info .text-slarge, .referral-item .referral-info #book .booking-form .trip-form-policies .trip-form-section-header, #book .booking-form .trip-form-policies .referral-item .referral-info .trip-form-section-header, .referral-item .referral-info #community-agreement .community-item p, #community-agreement .community-item .referral-item .referral-info p, .referral-item .referral-info .popular-routes .popular-routes-box, .popular-routes .referral-item .referral-info .popular-routes-box, .referral-item .referral-info .instruction-full .instruction-contents .instruction-item .instruction-item-title, .instruction-full .instruction-contents .instruction-item .referral-item .referral-info .instruction-item-title, .referral-item .referral-info #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details h2, #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details .referral-item .referral-info h2 {
    font-size: 14px;
  }
}
.referral-item .referral-state {
  font-weight: 600;
}
@media (min-width: 769px) {
  .referral-item .referral-state {
    float: right;
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .referral-item .referral-state {
    clear: both;
    width: 100%;
    margin-top: 60px;
  }
}
@media (min-width: 769px) {
  .referral-item .referral-state .pending {
    margin-top: 22px;
  }
}
@media (max-width: 767px) {
  .referral-item .referral-state .pending {
    margin-top: 10px;
  }
}
.referral-item .referral-state .cancelled {
  color: #ff6060;
}
@media (min-width: 769px) {
  .referral-item .referral-state .cancelled {
    margin-top: 22px;
  }
}
@media (max-width: 767px) {
  .referral-item .referral-state .cancelled {
    margin-top: 10px;
  }
}
@media (min-width: 769px) {
  .referral-item .referral-state .signed-up {
    margin-top: 4px;
  }
}
@media (max-width: 767px) {
  .referral-item .referral-state .signed-up {
    margin-top: 10px;
  }
}
.referral-item .referral-state .signed-up, .referral-item .referral-state .activated {
  clear: both;
  color: #456682;
}
.referral-item .referral-state .signed-up.on, .referral-item .referral-state .activated.on {
  color: #05AC09;
}
.referral-item .referral-state .state-circle {
  height: 20px;
  width: 20px;
  display: block;
  float: right;
  margin-left: 10px;
  text-align: center;
}
.referral-item .referral-state .state-circle.on {
  background: url("../images/icons/icon-tick-green.d63056c4f7a9.png") center center no-repeat;
  background-size: 15px 15px;
}
.referral-item .referral-state .state-circle.off {
  background: url("../images/icons/icon-cross-red.2f3c86013c4f.png") center center no-repeat;
  background-size: 15px 15px;
}

#email-referral-container {
  display: none;
}
#email-referral-container #id_emails {
  background: #F2F2F2;
  border-radius: 5px;
  border: none;
  max-width: 400px;
  padding: 15px;
}

#email-referral-container.active {
  display: block;
}

.code-item {
  border-top: 1px solid #dfdbdb;
  padding: 21px 0px 18px;
  width: 100%;
}
@media (max-width: 767px) {
  .code-item {
    padding: 20px 0px;
  }
}
.code-item .code-copy {
  background: #456682;
  color: #ffffff;
  padding: 6px 12px;
  border-radius: 5px;
  text-align: center;
  position: relative;
  margin-top: -3px;
}
.code-item .code-copy .button-clipboard-success, .code-item .code-copy .button-clipboard-error {
  position: absolute;
  text-align: right;
  color: #456682;
  width: 200px;
}
@media (min-width: 769px) {
  .code-item .code-copy .button-clipboard-success, .code-item .code-copy .button-clipboard-error {
    left: -220px;
    top: 5px;
  }
}
@media (max-width: 767px) {
  .code-item .code-copy .button-clipboard-success, .code-item .code-copy .button-clipboard-error {
    right: 0px;
    top: 32px;
  }
}
.code-item .code-copy:hover {
  background: #456682;
}
.code-item .code-copy:active {
  background: #183154;
}

/* Referral landing page (when someone gets referred) */
#referral-landing #referral-landing-header .poparide-logo {
  float: left;
  background: url("../images/brand/poparide-logo.bdd890195ea7.svg") no-repeat center center;
  background-size: 200px auto;
  width: 100%;
  height: 40px;
  margin: 15px 0px 0px 0px;
  display: block;
}
@media (max-width: 767px) {
  #referral-landing #referral-landing-header .poparide-logo {
    width: 100%;
    margin: 10px auto 0px;
    background: url("../images/brand/poparide-logo.bdd890195ea7.svg") no-repeat center center;
    background-size: 200px auto;
  }
}
#referral-landing #referral-landing-header .facebook-container {
  float: right;
  margin: 10px;
}
@media (max-width: 767px) {
  #referral-landing #referral-landing-header .facebook-container {
    float: none;
  }
}
#referral-landing .referrer-pic {
  margin: 20px auto 30px;
  width: 100px;
  height: 100px;
  border-radius: 100px;
}
#referral-landing h1 {
  line-height: 46px;
  font-size: 42px;
}
#referral-landing h2 {
  padding-bottom: 40px;
  line-height: 28px;
  font-weight: 400;
}
#referral-landing #referrals-share {
  max-width: 650px;
  margin: -40px auto;
}
@media (min-width: 769px) {
  #referral-landing .social-logins {
    max-width: 400px;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  #referral-landing .social-logins .float-right, #referral-landing .social-logins .float-left {
    margin: 0px;
    width: 100%;
  }
}
@media (max-width: 767px) {
  #referral-landing .social-logins .float-left {
    margin-bottom: 15px;
  }
}
#referral-landing #referrals-testimonials .testimonial {
  float: left;
  width: 40%;
  margin: 20px 5% 20px 5%;
}
@media (max-width: 767px) {
  #referral-landing #referrals-testimonials .testimonial {
    width: 100%;
    margin: 5px 0px 20px 0px;
    border-bottom: 1px solid #ccc;
  }
}
@media (max-width: 767px) {
  #referral-landing #referrals-testimonials .testimonial .testimonial-pic {
    float: left;
  }
}
@media (max-width: 767px) {
  #referral-landing #referrals-testimonials .testimonial .testimonial-author {
    margin-top: 0px;
  }
}
@media (max-width: 767px) {
  #referral-landing #referrals-testimonials .testimonial .testimonial-author .testimonial-name {
    margin-top: 33px;
  }
}
#referral-landing #referrals-testimonials .testimonial:nth-child(n+10) {
  display: none;
}
#referral-landing #referrals-testimonials .testimonials-container {
  max-width: 800px;
  margin: 0 auto;
}

/* Referral widget for use on dash or other places */
.referral-widget {
  background: #F3046E;
  color: #ffffff;
  padding: 20px 0px 20px;
  margin-top: 30px;
  text-align: center;
}
.referral-widget .referral-widget-cta {
  opacity: 0.9;
  font-size: 18px;
  display: block;
  width: 170px;
  margin: 0 auto;
  background: url("../images/icons/icon-arrow-right-negative.008e7c47ec4b.png") no-repeat right center;
  background-size: 30px 30px;
  padding: 20px 45px 20px 10px;
  border: 2px solid #ffffff;
  border-radius: 5px;
  background-position: 165px;
  text-align: center;
  color: #ffffff;
}
.referral-widget .referral-widget-cta:hover {
  opacity: 1;
}
.referral-widget .referral-widget-cta:active {
  opacity: 0.9;
}
.referral-widget .text-xlarge, .referral-widget #how_safety-page .how-safety-item h3, #how_safety-page .how-safety-item .referral-widget h3 {
  background: url("../images/icons/icon-gift-white.6833ec218096.png") no-repeat left center;
  background-size: 25px 25px;
  display: inline-block;
  padding-left: 30px;
  line-height: 20px;
}

/* Referral search */
.referral-search {
  float: right;
}
@media (max-width: 767px) {
  .referral-search {
    float: none;
    margin-top: 15px;
  }
}

.filter-referral-results {
  color: #999999;
}
.filter-referral-results a {
  text-decoration: none;
  color: #999999;
}
.filter-referral-results a.on, .filter-referral-results a:hover {
  color: #456682;
}
.filter-referral-results a.on {
  font-weight: 600;
}

/* Referral social list */
#refer-social #contacts-table_filter {
  float: left;
}
#refer-social #contacts-table_filter input {
  margin-left: 0px;
  padding: 10px 15px 10px 15px;
}
#refer-social #refer-social-container {
  max-height: 350px;
  overflow-y: scroll;
  border-bottom: 1px solid #dfdbdb;
}
#refer-social #refer-social-container ul.list {
  padding-left: 0px;
  margin-top: 0px;
  position: relative;
}
#refer-social #refer-social-container #emails-error {
  position: absolute;
  top: -5px;
}
#refer-social .email-item {
  padding: 10px 0px 10px;
  font-size: 14px;
  display: block;
}
#refer-social #refer-invite-all {
  display: inline;
  line-height: 30px;
}

#modal-social-referral .modal-box {
  max-width: 500px;
}

.modal-social-referral-loading .loading {
  margin: 0 auto;
}
.modal-social-referral-loading .gmail-icon {
  background: url("../images/icons/icon-gmail.cd1e76d50e12.png") no-repeat center center;
  background-size: contain;
  width: 32px;
  height: 32px;
  margin: 0 auto 15px;
}
.modal-social-referral-loading .windows-icon {
  background: url("../images/icons/icon-windows.f9e1cd8f95fd.png") no-repeat center center;
  background-size: contain;
  width: 32px;
  height: 32px;
  margin: 0 auto 15px;
}

/* Referral landing page for anonymous people */
#referral_refer-page.loggedout #referral-anon-contents {
  text-align: center;
}
#referral_refer-page.loggedout h1 {
  font-size: 50px;
  margin-bottom: 50px;
  font-weight: 800;
}
@media (max-width: 767px) {
  #referral_refer-page.loggedout h1 {
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 32px;
  }
}
#referral_refer-page.loggedout .emoji-top {
  font-size: 52px;
}
#referral_refer-page.loggedout .subtitle-one {
  font-size: 31px;
  font-weight: 600;
  color: #05AC09;
}
@media (max-width: 767px) {
  #referral_refer-page.loggedout .subtitle-one {
    font-size: 18px;
    margin-bottom: 5px;
  }
}
#referral_refer-page.loggedout .subtitle-two {
  font-size: 25px;
  font-weight: 600;
  margin-top: 15px;
}
@media (max-width: 767px) {
  #referral_refer-page.loggedout .subtitle-two {
    margin-top: 0px;
    font-size: 18px;
  }
}
#referral_refer-page.loggedout .refer-cta {
  padding: 22px 30px;
  display: inline-block;
  background: #456682;
  color: #ffffff;
  font-weight: 600;
  border-radius: 500px;
  margin-top: 50px;
  margin-bottom: 100px;
  font-size: 18px;
  cursor: pointer;
}
@media (max-width: 767px) {
  #referral_refer-page.loggedout .refer-cta {
    font-size: 16px;
    margin-top: 30px;
  }
}

/* Register page */
#register h1 {
  color: #183154;
  font-size: 36px;
  line-height: 42px;
}
@media (max-width: 767px) {
  #register h1 {
    font-size: 30px;
    line-height: 38px;
  }
}
#register .box {
  border-radius: 15px;
  border: 1px solid #D7E6ED;
  max-width: 400px;
  padding: 40px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  #register .box {
    box-shadow: none;
    padding: 0px;
  }
}
#register .button-loader {
  width: 100%;
  margin-bottom: 10px;
}
/* Reviews Styles */
.review-cta-container {
  padding-top: 10px;
  padding-bottom: 0px;
}
@media (max-width: 767px) {
  .review-cta-container {
    margin-bottom: 20px;
  }
}

.review-cta {
  border: 1px solid #D7E6ED;
  padding: 16px 8px 16px 42px;
  box-sizing: border-box;
  border-radius: 15px;
  font-size: 18px;
  color: #183154;
  font-weight: 600;
  background: url("../images/icons/star.5e3c6c8ca755.svg") no-repeat;
  background-size: 25px 25px;
  background-position: 8px center;
  align-items: center;
}
.review-cta .review-cta-arrow {
  background: url("../images/icons/icon-chevron-right.6c711470408d.svg") no-repeat center center;
  background-size: 42px 42px;
  width: 32px;
  height: 32px;
}
@media (max-width: 767px) {
  .review-cta .review-cta-arrow {
    top: 20px;
    width: 25px;
    height: 25px;
  }
}

.review-cta:hover {
  opacity: 0.9;
}

.review-cta:active {
  opacity: 1;
}

.review-cta.driver {
  background: url("../images/icons/star.5e3c6c8ca755.svg") no-repeat;
  background-size: 25px 25px;
  background-position: 15px center;
}
@media (min-width: 769px) {
  .review-cta.driver {
    max-width: 500px;
    margin: 20px auto 20px;
  }
}
@media (max-width: 767px) {
  .review-cta.driver {
    background-size: 20px 20px;
    background-position: 10px center;
    padding: 20px 0px 20px 35px;
  }
}

@media (min-width: 769px) {
  .review-cta.passengers {
    width: 100%;
    margin: 0px 0px 20px;
  }
}

.review-cta:hover {
  border: 1px solid #dfdfdf;
}

.review-cta:active {
  border: 1px solid #cdcbcb;
}

.review-cta-view {
  padding: 15px;
  box-sizing: border-box;
  background: #ffffff;
  border-radius: 10px;
  border: 1px solid #D7E6ED;
  margin-bottom: 10px;
  width: 100%;
}

.review-cta-view.yours {
  padding: 15px 15px 15px 40px;
  background-image: url("../images/icons/star.5e3c6c8ca755.svg");
  background-repeat: no-repeat;
  background-position: left 12px center !important;
  background-size: 24px 24px !important;
}

#trip-bookings-for-passenger .review-cta-view.theirs {
  padding: 15px 15px 15px 40px;
  background: url("../images/icons/star.5e3c6c8ca755.svg") no-repeat;
  background-position: 15px center;
  background-size: 15px 15px;
}

#trip-bookings-tabs-contents .review-cta-view {
  margin-bottom: 20px;
}

#trip-bookings-tabs-contents .review-cta-view.theirs {
  padding: 15px 15px 15px 40px;
  background: url("../images/icons/star.5e3c6c8ca755.svg") no-repeat;
  background-position: 15px center;
  background-size: 15px 15px;
}

#review-process h2 {
  font-size: 32px;
  font-weight: 700;
  margin: 0px 0px 20px;
  line-height: 36px;
  color: #183154;
}
@media (max-width: 767px) {
  #review-process h2 {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 10px;
  }
}
#review-process h3 {
  font-size: 20px;
  line-height: 26px;
  color: #456682;
  font-weight: 400;
  margin: 0px;
}
@media (max-width: 767px) {
  #review-process h3 {
    font-size: 16px;
    line-height: 24px;
  }
}
#review-process .review-process-box {
  max-width: 500px;
  border-radius: 3px;
  margin: 20px auto 20px auto;
}
@media (max-width: 767px) {
  #review-process .review-process-box {
    margin: 10px auto 10px auto;
  }
}
#review-process .review-process-box .review-process-item-target .review-process-item-picture {
  width: 80px;
  height: 80px;
  border-radius: 50px;
  border: 1px solid #dfdbdb;
}
#review-process .review-process-box .review-process-item-target .review-process-item-description {
  margin: 25px 0px 0px 0px;
  font-size: 18px;
  font-weight: 600;
}
#review-process .review-process-box .review-process-item-form .review-process-item-star-container {
  padding: 20px 0px 20px;
  box-sizing: border-box;
  position: relative;
}
#review-process .review-process-box .review-process-item-form .review-process-item-star {
  float: right;
}
#review-process .review-process-box .review-process-item-form .review-process-item-star-label {
  float: left;
  width: 150px;
  font-weight: 600;
  font-size: 18px;
}
#review-process .review-process-box .review-process-item-form textarea {
  max-height: 100px;
  width: 100%;
}
#review-process .review-process-box .review-process-item-recap {
  max-width: 500px;
  margin: 0 auto;
}
#review-process .review-process-box .review-process-item-recap .review-process-item-star-recap {
  float: left;
  margin-top: 15px;
  font-size: 22px;
  font-weight: 700;
  width: 40px;
  text-align: right;
}
#review-process .review-process-item-review {
  margin-top: 10px;
  font-size: 16px;
}
#review-process .blocked {
  opacity: 0.2;
  pointer-events: none;
}
#review-process .review-process-item-private-note-container {
  display: none;
}
#review-process .review-process-item-private-note-container.active {
  display: block;
}
#review-process .private-note-icon {
  background: url("../images/icons/icon_lock.fd02a927aa16.png") no-repeat left center;
  background-size: 15px 15px;
  padding-left: 17px;
}
#review-process .button, #review-process .vehicle-form [type=submit], .vehicle-form #review-process [type=submit], #review-process #book .booking-form .booking-send-button, #book .booking-form #review-process .booking-send-button, #review-process .trip-search .trip-search-button, .trip-search #review-process .trip-search-button {
  float: right;
}
#review-process .button-next {
  min-width: 0px;
  clear: none;
  margin: 0px;
  min-width: 120px;
}
#review-process .button-next:hover {
  background: #183154;
}
#review-process .button-next:active {
  background: #456682;
}

#review-process.driver .review-process-item-star-label {
  color: #183154;
}
#review-process.driver .review-process-item-no-show .review-process-item-no-show-option {
  background: url("../images/icons/icon-chevron-right.6c711470408d.svg") no-repeat right center;
  background-size: 40px auto;
  padding: 20px 0px;
  border: none;
  font-size: 18px;
  width: 100%;
  color: #183154;
  text-align: left;
  cursor: pointer;
}
#review-process.driver .review-process-item-no-show .review-process-item-no-show-option:hover {
  opacity: 0.9;
}
#review-process.driver .review-process-item-no-show .review-process-item-no-show-option:active {
  opacity: 1;
}
#review-process.driver .button, #review-process.driver .vehicle-form [type=submit], .vehicle-form #review-process.driver [type=submit], #review-process.driver #book .booking-form .booking-send-button, #book .booking-form #review-process.driver .booking-send-button, #review-process.driver .trip-search .trip-search-button, .trip-search #review-process.driver .trip-search-button {
  background: #456682;
}
#review-process.driver .review-process-box .review-process-item-form .review-process-item-star {
  margin: -5px 0px 0px 0px;
}
#review-process.driver .review-process-box .review-process-item-recap .review-process-item-star-container {
  height: 30px;
  padding: 0px;
}
#review-process.driver .review-process-box .review-process-item-recap .review-process-item-star-recap {
  color: #183154;
  background: url("../images/icons/star.5e3c6c8ca755.svg") no-repeat left center;
  background-size: 18px 18px;
  float: left;
  margin-top: 3px;
  margin-right: 15px;
  font-size: 18px;
  height: auto;
  background-position: left 0px;
  padding-left: 25px;
  text-align: left;
  box-sizing: border-box;
  margin-right: 10px;
}
#review-process.driver .review-process-box .review-process-item-recap .review-process-item-star-label {
  padding-top: 2px;
  float: left;
}
#review-process.driver .review-process-item-private-note-cta, #review-process.driver .review-process-item-private-note-close {
  color: #456682;
  text-decoration: underline;
}
#review-process.driver .review-process-item-star-container ul.errorlist li {
  right: 0px;
  left: auto;
}
#review-process.driver .placeholder, #review-process.driver .review-process-item-star-container {
  position: relative;
}
#review-process.driver .placeholder label.error, #review-process.driver .review-process-item-star-container label.error {
  right: 0px;
  left: auto;
}

#review-process.passenger .review-process-box .review-process-item-target .review-process-item-picture {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  border: 1px solid #dfdbdb;
  float: left;
}
#review-process.passenger .review-process-box .review-process-item-target .review-process-item-name {
  float: left;
  margin: 13px 13px 0px;
  width: 80px;
  font-size: 16px;
  font-weight: 700;
  color: #183154;
}
#review-process.passenger .review-process-box .review-process-item-target .review-process-item-state {
  float: right;
  margin-top: 10px;
  font-size: 16px;
  color: #183154;
}
#review-process.passenger .review-process-box .review-process-item-target .review-process-item-state.star {
  background: url("../images/icons/star.5e3c6c8ca755.svg") no-repeat left center;
  background-size: 24px 24px;
  padding-left: 25px;
  line-height: 22px;
  color: #183154;
}
#review-process.passenger .review-process-box .review-process-item-form {
  position: relative;
}
#review-process.passenger .review-process-box .review-process-item-form .review-process-item-star {
  margin: 5px 0px 0px 0px;
}
#review-process.passenger .review-process-box .review-process-item-form label.error {
  right: 0px;
  left: auto;
}
#review-process.passenger .review-process-box .review-process-item-no-show {
  float: right;
  border: 1px solid #456682;
  border-radius: 5px;
  width: 200px;
}
@media (max-width: 767px) {
  #review-process.passenger .review-process-box .review-process-item-no-show {
    width: 180px;
  }
}
#review-process.passenger .review-process-box .review-process-item-no-show .review-process-item-no-show-box {
  float: left;
  width: 50%;
  padding: 10px 2px;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
}
#review-process.passenger .review-process-box .review-process-item-no-show .review-process-item-no-show-box.border-right {
  border-right: 1px solid #456682;
}
#review-process.passenger .review-process-box .review-process-item-no-show .review-process-item-no-show-box.active {
  background: #456682;
  color: #ffffff;
  border: none;
}
#review-process.passenger .review-process-box .review-process-item-recap .review-process-item-star-recap {
  color: #183154;
  background: url("../images/icons/star.5e3c6c8ca755.svg") no-repeat left center;
  background-size: 23px 23px;
  float: right;
}
#review-process.passenger .review-process-box .review-process-item-recap .review-process-item-no-show {
  float: right;
}

.review-process-button-container {
  border-top: 1px solid #D7E6ED;
  padding-top: 24px;
  margin-top: 24px;
  width: 100%;
  box-sizing: border-box;
}
.review-process-button-container .button-loader {
  float: right;
}
.review-process-button-container .button-loader .loader {
  right: 55px;
}
@media (max-width: 767px) {
  .review-process-button-container .button-loader {
    width: auto;
  }
}
@media (max-width: 767px) {
  .review-process-button-container {
    margin-top: 0px;
    position: fixed;
    bottom: 0px;
    left: 0px;
    padding: 10px;
    background: #ffffff;
    z-index: 10;
  }
}
@media (max-width: 767px) {
  .review-process-button-container a.button-back {
    padding: 13px 0px 13px 25px;
  }
}

@media (min-width: 1024px) {
  .review-process-button-container.recap {
    max-width: 500px;
    margin: 30px auto 0px;
  }
}

@media (min-width: 769px) {
  #review-process.done {
    height: 100%;
  }
}
#review-process.done h1 {
  font-size: 42px;
  font-weight: 700;
  margin: 0px;
  padding: 0px;
}
@media (max-width: 767px) {
  #review-process.done h1 {
    font-size: 24px;
  }
}
#review-process.done .review-done {
  width: 450px;
  margin: 0 auto;
  padding: 100px 20px 20px 20px;
}
@media (max-width: 767px) {
  #review-process.done .review-done {
    padding: 50px 20px 20px 20px;
    width: 100%;
    box-sizing: border-box;
  }
}
#review-process.done .review-done-cta:hover {
  opacity: 0.95;
}
#review-process.done .review-done-cta:active {
  opacity: 1;
}

#review-process.done .review-done-cta {
  padding: 13px 20px;
  background: #456682;
  color: #ffffff;
  text-align: center;
  margin-top: 20px;
  display: inline-block;
  border-radius: 3px;
  font-weight: 600;
}

/* Overriding header progress colour for driver and passenger */
#review_driver_step-page #header-flow .header-progress .header-progress-indicator-step {
  background: #0099ff;
}

#review_passengers_step-page #header-flow .header-progress .header-progress-indicator-step {
  background: #ff4f02;
}

/* Ratings common */
.rating-summary {
  font-weight: 600;
  color: #183154;
}
.rating-summary .rating {
  padding-left: 20px;
  float: left;
  background-image: url("../images/icons/star.5e3c6c8ca755.svg");
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: left center;
}
.rating-summary .review-count {
  float: left;
}
.rating-summary .divider-dot {
  height: 2px;
  width: 2px;
  border-radius: 4px;
  float: left;
  margin: 9px 5px 0px 5px;
  background: #456682;
}

/* User ratings */
.user-ratings {
  border: 1px solid #D7E6ED;
  background: #ffffff;
  border-radius: 10px;
}
.user-ratings .user-ratings-summary {
  padding: 20px;
}
@media (max-width: 767px) {
  .user-ratings .user-ratings-summary {
    padding: 15px;
  }
}
.user-ratings .user-ratings-summary.driver .user-ratings-average {
  float: left;
}
.user-ratings .user-ratings-summary.driver .user-ratings-average .user-ratings-average-text {
  font-size: 16px;
  font-weight: 600;
}
.user-ratings .user-ratings-summary.driver .user-ratings-average .user-ratings-average-number {
  font-size: 34px;
  margin: 0px 0px 10px;
  font-weight: 600;
  background: url("../images/icons/star.5e3c6c8ca755.svg") no-repeat center left -5px;
  background-size: 36px 36px;
  padding-left: 33px;
  line-height: 25px;
}
.user-ratings .user-ratings-summary.driver .user-ratings-average .user-ratings-average-stars {
  margin-left: -6px;
}
.user-ratings .user-ratings-summary.driver .user-ratings-details {
  float: right;
}
.user-ratings .user-ratings-summary.driver .user-ratings-details .user-ratings-detail {
  margin-bottom: 7px;
  width: 235px;
}
@media (max-width: 767px) {
  .user-ratings .user-ratings-summary.driver .user-ratings-details .user-ratings-detail {
    margin-bottom: 3px;
    width: 220px;
  }
}
.user-ratings .user-ratings-summary.driver .user-ratings-details .user-ratings-detail .user-ratings-detail-stars {
  float: left;
  margin: 3px 5px 0px 0px;
}
@media (max-width: 767px) {
  .user-ratings .user-ratings-summary.driver .user-ratings-details .user-ratings-detail .user-ratings-detail-stars {
    margin: 2px 0px 0px 0px;
  }
}
.user-ratings .user-ratings-summary.driver .user-ratings-details .user-ratings-detail .user-ratings-average-text-ratings-detail-title {
  float: left;
}
@media (max-width: 767px) {
  .user-ratings .user-ratings-summary.driver .user-ratings-details .user-ratings-detail .user-ratings-average-text-ratings-detail-title {
    font-size: 13px;
    margin-top: 3px;
  }
}
@media (max-width: 767px) {
  .user-ratings .user-ratings-summary.driver .user-ratings-details .user-ratings-detail .user-ratings-detail-title {
    font-size: 13px;
  }
}
.user-ratings .user-ratings-summary.driver .user-ratings-details .user-ratings-detail.last {
  margin-bottom: 0px;
}
.user-ratings .user-ratings-summary.passenger {
  background: #ff4f02;
}
.user-ratings .user-ratings-summary.passenger .user-ratings-average {
  float: left;
}
.user-ratings .user-ratings-summary.passenger .user-ratings-average .user-ratings-average-number {
  font-size: 34px;
  margin: 0px 0px 0px 10px;
  font-weight: 600;
  float: left;
}
.user-ratings .user-ratings-summary.passenger .user-ratings-average .user-ratings-average-stars {
  float: left;
}
.user-ratings .user-ratings-summary.passenger .user-ratings-average .user-ratings-average-text {
  float: left;
}

.reviews-list .review-item .review-item-picture {
  width: 50px;
  height: 50px;
  display: block;
  border-radius: 50px;
  border: 1px solid #dfdbdb;
  float: left;
}
.reviews-list .review-item .review-item-contents {
  float: left;
  margin-left: 10px;
  width: 80%;
}
@media (max-width: 767px) {
  .reviews-list .review-item .review-item-contents {
    width: 80%;
  }
}
.reviews-list .review-item .review-item-contents .review-item-author a {
  font-weight: 700;
}
.reviews-list .review-item .review-item-contents .review-item-author .review-item-author-name {
  float: left;
}
.reviews-list .review-item .review-item-contents .review-item-author .review-item-author-role {
  float: left;
  color: #456682;
}
.reviews-list .review-item .review-item-contents .review-item-trip-details {
  color: #183154;
  font-weight: 600;
  display: block;
  padding: 2px 0px 0px;
  margin: 0px;
}
.reviews-list .review-item .review-item-contents .review-item-text {
  color: #456682;
}
.reviews-list .review-item .review-item-contents .review-item-text pre {
  margin: 2px 0px;
}
.reviews-list .review-item .review-item-contents .review-item-status {
  margin-top: 10px;
}
.reviews-list .review-item .review-item-contents .review-item-status.no-show {
  font-weight: 700;
}
.reviews-list .review-item .review-item-contents .review-item-status.late-cancellation {
  font-weight: 700;
}
.reviews-list .review-item .review-item-contents .review-item-status.private-note {
  padding-left: 25px;
  background: url("../images/icons/icon_lock.fd02a927aa16.png") no-repeat left center;
  background-size: 20px 20px;
  font-weight: 600;
}

#modal-reviews-exit .review-button-exit {
  border: 1px solid #183154;
  padding: 12px 20px 12px 20px;
  border-radius: 10px;
  text-align: center;
  color: #456682;
  float: left;
  display: inline-block;
  font-weight: 600;
}
#modal-reviews-exit .review-button-exit:hover {
  opacity: 0.9;
}
#modal-reviews-exit .review-button-continue:active {
  opacity: 1;
}
#modal-reviews-exit .review-button-continue {
  border: 1px solid #183154;
  background: #183154;
  padding: 12px 20px 12px 20px;
  border-radius: 10px;
  text-align: center;
  color: #ffffff;
  float: left;
  margin-left: 10px;
  display: inline-block;
  font-weight: 600;
}
#modal-reviews-exit .review-button-continue:hover {
  opacity: 0.9;
}
#modal-reviews-exit .review-button-continue:active {
  opacity: 1;
}

/* Reviews listing */
#reviews .reviews-left {
  width: 20%;
  float: left;
}
@media (max-width: 767px) {
  #reviews .reviews-left {
    width: 100%;
    float: none;
  }
}
@media (min-width: 769px) {
  #reviews .reviews-left .reviews-full-profile {
    width: 160px;
    margin-top: 15px;
  }
}
#reviews .reviews-submenu {
  width: 100%;
}
#reviews .reviews-submenu a {
  color: #456682;
}
#reviews .reviews-submenu a.active {
  font-weight: 700;
  color: #456682;
}
#reviews .reviews-submenu a, #reviews .reviews-submenu .vertical-divider {
  float: left;
}
#reviews .reviews-contents {
  width: 75%;
  float: right;
  margin-top: -25px;
}
@media (max-width: 767px) {
  #reviews .reviews-contents {
    width: 100%;
    float: none;
  }
}
#reviews .reviewee-photo {
  border-radius: 200px;
  border: 1px solid #dfdbdb;
  margin-bottom: 15px;
  display: inline-block;
  float: left;
}
@media (min-width: 769px) {
  #reviews .reviewee-photo {
    width: 160px;
    height: 160px;
  }
}
@media (max-width: 767px) {
  #reviews .reviewee-photo {
    width: 70px;
    height: 70px;
  }
}
@media (max-width: 767px) {
  #reviews .reviewee-details {
    float: left;
  }
}
@media (min-width: 769px) {
  #reviews .reviewee-details .reviewee-name {
    margin: 20px 0px 0px 0px;
    width: 160px;
  }
}
@media (max-width: 767px) {
  #reviews .reviewee-details .reviewee-name {
    margin: 13px 0px 0px 14px;
  }
}
@media (min-width: 769px) {
  #reviews .reviewee-details .reviewee-stats {
    margin: 10px 0px 0px 0px;
    width: 160px;
  }
}
@media (max-width: 767px) {
  #reviews .reviewee-details .reviewee-stats {
    margin: 5px 0px 0px 14px;
  }
}

@media (min-width: 769px) {
  .reviews-list-title {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .reviews-list-title {
    font-size: 14px;
  }
}

#review-detail #review-detail-container {
  max-width: 400px;
  margin: 40px auto;
}
@media (max-width: 767px) {
  #review-detail #review-detail-container {
    width: 100%;
    margin: 20px 0px;
  }
}
#review-detail #review-detail-container .review-detail-picture {
  width: 120px;
  height: 120px;
  border-radius: 120px;
  border: 1px solid #dfdbdb;
  margin: 0px 0px 20px;
  display: inline-block;
}
#review-detail #review-detail-container .review-detail-title {
  font-size: 22px;
  font-weight: 700;
  color: #183154;
  margin-bottom: 20px;
  line-height: 28px;
}
#review-detail #review-detail-container .review-detail-title.no-show {
  background: url("../images/icons/icon_no_show.17122575b88f.png") no-repeat top left;
  background-size: 30px 30px;
  padding-top: 35px;
  color: #183154;
}
#review-detail #review-detail-container .review-detail-item {
  margin: 10px 0px 10px;
}
#review-detail #review-detail-container .review-detail-item .review-detail-item-title {
  font-weight: 600;
  color: #183154;
}
#review-detail #review-detail-container .review-detail-item .review-detail-item-cta {
  font-weight: 600;
  margin: 10px 0px;
  display: inline-block;
}
#review-detail #review-detail-container .review-detail-item-button {
  margin-top: 40px;
}
#review-detail #review-detail-container .review-detail-object .review-detail-picture {
  display: none;
}
#review-detail #review-detail-container .review-detail-object .review-detail-author {
  margin: 15px 0px 0px 0px;
}

.review-detail-object .review-detail-picture {
  width: 50px;
  height: 50px;
  border-radius: 120px;
  border: 1px solid #ffffff;
  margin: 0px 10px 0px 0px;
  display: inline-block;
  float: left;
}
.review-detail-object .review-detail-author {
  font-size: 16px;
  font-weight: 700;
  float: left;
  margin: 15px 0px 0px 3px;
}
.review-detail-object .review-detail-title.no-show {
  background: url("../images/icons/icon_no_show.17122575b88f.png") no-repeat top left;
  background-size: 30px 30px;
  padding-top: 35px;
}
.review-detail-object .review-detail-item {
  margin: 10px 0px 10px;
}
.review-detail-object .review-detail-item .review-detail-item-title {
  font-weight: 600;
}
.review-detail-object .review-detail-item .review-detail-item-contents {
  color: #456682;
}
.review-detail-object .review-detail-item .review-detail-item-cta {
  font-weight: 600;
  margin: 10px 0px;
  display: inline-block;
}
.review-detail-object .review-detail-item.note .review-detail-item-title {
  background: url("../images/icons/icon_lock.fd02a927aa16.png") no-repeat left top;
  background-size: 20px 20px;
  padding-left: 22px;
}
.review-detail-object .review-detail-item-button {
  margin-top: 40px;
}

/* The following is when displayed in the done.html template and where the background is either blue or orange */
.review-done {
  max-width: 800px;
}
.review-done .review-detail-object {
  padding: 15px 0px 15px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.review-done .review-detail-object .review-detail-no-show {
  float: right;
  margin-top: 15px;
  background: url("../images/icons/icon_no_show_white.1475e5e22933.png") no-repeat top left;
  background-size: 20px 20px;
  padding: 0px 0px 0px 30px;
  font-weight: 600;
}
.review-done .review-detail-item {
  font-size: 14px;
}
.review-done .review-detail-item.note .review-detail-item-title {
  background: url("../images/icons/icon_lock_white.383acc3bed9c.png") no-repeat left top;
  background-size: 20px 20px;
}
.review-done .review-detail-item-cta {
  color: #ffffff;
  text-decoration: underline;
}
.review-done .review-detail-picture {
  border: 1px solid #dfdbdb;
}
.review-done .review-done-emoji {
  font-size: 60px;
  margin: 0px 0px 50px;
}
@media (max-width: 767px) {
  .review-done .review-done-emoji {
    font-size: 42px;
    margin: 0px 0px 30px;
  }
}
.review-done .review-external-prompt .review-external-prompt-cta {
  padding: 18px 0px 18px 40px;
  border-top: 1px solid #dfdbdb;
  display: block;
  color: #456682;
}
.review-done .review-external-prompt a.review-external-prompt-cta.google {
  background: url("../images/icons/icon-social-trustpilot.feeb29f0c51b.svg") no-repeat left center;
  background-size: 20px 20px;
}
.review-done .review-external-prompt a.review-external-prompt-cta.google {
  background: url("../images/icons/icon-social-google.a59eac29f746.svg") no-repeat left center;
  background-size: 20px 20px;
}
.review-done .review-external-prompt a.review-external-prompt-cta.facebook {
  background: url("../images/icons/icon-social-facebook.b8906f259d54.svg") no-repeat left center;
  background-size: 20px 20px;
}
.review-done .review-external-prompt a.review-external-prompt-cta.bumper {
  background: url("../images/icons/icon_bumper_sticker.daa1841e953b.png") no-repeat top 20px left;
  background-size: 142px auto;
  padding: 68px 0px 18px 0px;
}
.review-done .review-external-prompt .review-external-prompt-cta.like {
  padding-left: 0px;
}
.review-done .review-external-prompt a.review-external-prompt-cta:hover {
  opacity: 0.8;
}
.review-done .review-external-prompt a.review-external-prompt-cta:active, .review-done .review-external-prompt a.review-external-prompt-cta:focus {
  opacity: 1;
}

/* Settings */
#settings h1 {
  font-size: 32px;
  font-weight: 700;
  color: #183154;
  margin: 0px;
}
@media (max-width: 767px) {
  #settings h1 {
    line-height: 42px;
  }
}
#settings #account-tabs .tabs {
  border: none;
}
@media (min-width: 769px) {
  #settings #account-tabs .tabs {
    max-width: 170px;
  }
}
#settings #account-tabs .tabs .tab-group {
  margin: 0px 0px 40px;
}
#settings #account-tabs .tabs .tab-group .tab-group-title {
  margin: 0px 0px 10px;
  font-weight: 600;
  font-size: 16px;
  color: #183154;
}
#settings #account-tabs .tabs .tab-header {
  color: #456682;
  background: none;
  padding: 10px 0px 10px 10px;
  cursor: pointer;
}
#settings #account-tabs .tabs .tab-header.active, #settings #account-tabs .tabs .tab-header:hover {
  font-weight: 700;
  background: none;
  color: #183154;
}
#settings #account-tabs .tabs .tab-header.last {
  border-bottom: none;
}
@media (max-width: 767px) {
  #settings #account-tabs {
    display: none;
  }
}
@media (max-width: 767px) {
  #settings #account-tabs.active {
    display: block;
  }
}
#settings #mobile-notifications-warning, #settings #mobile-notifications-error {
  margin-top: 20px;
}
@media (min-width: 769px) {
  #settings input[type=password] {
    max-width: 300px;
    clear: both;
  }
}
#settings .password_change label {
  width: 100%;
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
  color: #183154;
}
#settings .add_email {
  display: none;
}
#settings .add_email.active {
  display: block;
}
#settings #email-addresses .blockLabels {
  padding: 0px;
  margin: 20px 0px 20px 0px;
  border: none;
}
#settings #email-addresses label[for=id_email] {
  display: none;
}
#settings #email-addresses #id_email {
  max-width: 300px;
}
#settings #email-addresses .error {
  display: block;
}
#settings #personal-details input {
  max-width: 300px;
}
#settings #personal-details .birthday-box, #settings #personal-details .gender-selectors, #settings #personal-details .user-type-selection {
  margin: 0px;
  width: auto;
}
#settings #personal-details #id_description_original {
  max-height: 200px;
}
#settings #personal-details .error {
  display: block;
}
#settings #personal-details #id_driver {
  background: #F2F2F2;
}
#settings .facebook-account {
  background: url("../images/icons/icon-social-facebook.b8906f259d54.svg") no-repeat;
  background-size: 24px 24px;
  padding-left: 34px;
}
#settings #goodbye .andrew-sad, #settings #inactive .andrew-sad {
  background: url("../images/misc/andrew-sad.24b4927111cd.png") no-repeat;
  width: 300px;
  height: 300px;
  background-size: contain;
}
#settings .back-button {
  border: 2px solid #456682;
  border-radius: 3px;
  font-size: 16px;
  color: #456682;
  padding: 8px 8px 8px 60px;
  display: inline-block;
  background: url("../images/icons/icon-arrow-right-grey-left.d8ad9d30f95d.png") no-repeat left center;
  background-position-x: 10px;
  background-size: 30px 30px;
}

.account-notification .notification-label {
  font-size: 18px;
  float: left;
  color: #183154;
  margin-top: 4px;
  font-weight: 600;
}
.account-notification .notification-label-recommended {
  padding: 4px 8px;
  background: #183154;
  color: #ffffff;
  border-radius: 5px;
  margin-bottom: 10px;
  display: inline-block;
  font-size: 15px;
}
.account-notification .notification-trigger {
  float: right;
  width: 50px;
  height: 28px;
  background: #D7E6ED;
  border-radius: 34px;
  padding: 2px;
  box-sizing: border-box;
  position: relative;
}
.account-notification .notification-trigger .circle {
  height: 24px;
  width: 24px;
  border-radius: 37px;
  background: #ffffff;
}
.account-notification .notification-trigger.on {
  background: #183154;
}
.account-notification .notification-trigger.on .circle {
  position: absolute;
  right: 2px;
  top: 2px;
}
.account-notification .notification-error {
  clear: both;
}

#settings #language label {
  display: none;
}
@media (min-width: 769px) {
  #settings #language select {
    max-width: 200px;
  }
}

@media (max-width: 767px) {
  #settings.page {
    padding-top: 0px;
  }
}
@media (max-width: 767px) {
  #settings.page .col-4 {
    margin-bottom: 0px;
  }
}

#account_inactive-page #system-msg {
  display: none;
}

/* Verification */
#verification .subtitle {
  max-width: 500px;
  min-height: 40px;
}
#verification .icon-dl {
  padding: 0px 0px 20px 0px;
  background-size: 50px auto;
  height: 50px;
  width: 60px;
  display: block;
  background: url("../images/icons/badge-verified.83e71fd7cf6c.svg") no-repeat center left -12px;
  background-size: 72px 72px;
  margin-bottom: 12px;
}
#verification .icon-dl-inline {
  padding: 0px 0px 20px 0px;
  background-size: 50px auto;
  height: 50px;
  width: 60px;
  float: left;
}
#verification .icon-dl-approved {
  background: url("../images/icons/badge-verified.83e71fd7cf6c.svg") no-repeat center left -12px;
  background-size: 72px 72px;
}
#verification .icon-dl-rejected {
  background: url("../images/icons/icon-verification-dl-rejected.91a004116752.svg") no-repeat center left;
}
#verification .icon-dl-pending {
  background: url("../images/icons/icon-verification-dl-pending.f2fc316ddabc.svg") no-repeat center left;
}
#verification .icon-dl-invalidated {
  background: url("../images/icons/icon-verification-dl.fd5e393e3d93.svg") no-repeat center left;
}
#verification .dl-text-inline {
  padding-top: 25px;
}
#verification .form-row {
  position: relative;
}
@media (max-width: 767px) {
  #verification .col-2 {
    width: 100%;
  }
}
#verification input[type=text] {
  max-width: 300px;
}
@media (max-width: 767px) {
  #verification input[type=text] {
    max-width: 100%;
  }
}
#verification .id-upload {
  border: 2px dotted #456682;
  border-radius: 5px;
  background: url("../images/icons/icon-id-grey.312920977bb7.png") no-repeat top 50px center;
  background-size: 40px 40px;
  text-align: center;
  position: relative;
}
@media (min-width: 769px) {
  #verification .id-upload {
    max-width: 572px;
  }
}
#verification .id-upload .id-upload-text {
  position: absolute;
  top: 95px;
  width: 100%;
  text-align: center;
}
#verification .id-upload:hover {
  opacity: 0.8;
}
#verification .id-upload:active {
  opacity: 9;
}
#verification #upload_file {
  font-size: 12px;
  overflow: hidden;
  box-sizing: border-box;
  background: #0099ff;
  color: #ffffff;
  position: absolute;
  bottom: 0px;
  text-align: center;
  width: 100%;
}
#verification input#id_image {
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  border: 1px solid #dfdbdb;
  padding: 70px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  filter: alpha(opacity=0);
}
@media (min-width: 769px) {
  #verification input#id_image {
    max-width: 400px;
  }
}
@media (max-width: 767px) {
  #verification #upload-button {
    width: 100%;
    max-width: 100%;
  }
}

/* Social account connections page */
/* MAGICLINKTODO: remove this styling */
#socialaccount_connections-page li {
  list-style: none;
}
#socialaccount_connections-page li a {
  display: block;
  cursor: pointer;
  padding: 20px;
  border: 1px solid #D7E6ED;
  border-radius: 10px;
  margin: 10px 0px;
  width: 200px;
  text-align: center;
  color: #456682;
}
@media (max-width: 767px) {
  #socialaccount_connections-page li a {
    width: 100%;
    box-sizing: border-box;
  }
}
#socialaccount_connections-page li a:hover {
  border: 1px solid #6798c3;
}
#socialaccount_connections-page li a:active {
  border: 1px solid #456682;
}
#socialaccount_connections-page li a.facebook {
  background: url("../images/icons/icon-social-facebook.b8906f259d54.svg") no-repeat #ffffff;
  background-position: left 15px center;
  background-size: 20px 20px;
}
#socialaccount_connections-page li a.google {
  background: url("../images/icons/icon-social-google.a59eac29f746.svg") no-repeat #ffffff;
  background-position: left 15px center;
  background-size: 20px 20px;
}
#socialaccount_connections-page li a.apple {
  background: url("../images/icons/icon-social-apple.5eb9cea15944.svg") no-repeat #ffffff;
  background-position: left 15px center;
  background-size: 20px 20px;
}
#socialaccount_connections-page .google_no_login, #socialaccount_connections-page .windowslive_no_login, #socialaccount_connections-page .paypal_connect {
  display: none;
}

/* Closing account UX */
#close-account textarea {
  height: 150px;
}
@media (min-width: 769px) {
  #close-account input[type=text] {
    width: 250px;
  }
}

/* Poparide staff client-facing styles */
/* Admin bar */
.admin-bar {
  background: #ffffff;
  border-bottom: 1px solid #dfdbdb;
}
.admin-bar .container, .admin-bar #business .business-container, #business .admin-bar .business-container {
  padding: 15px 0px 10px 0px;
  max-width: 100%;
}
.admin-bar .spacer {
  color: #dfdbdb;
}
.admin-bar .environment-indicator {
  padding: 5px 10px 5px 10px;
  border-radius: 100px;
  float: left;
  margin: -5px 0px 0px 10px;
  color: #ffffff;
}
.admin-bar .environment-indicator.local {
  background: #456682;
}
.admin-bar .environment-indicator.staging {
  background: #ff6060;
}
.admin-bar .environment-indicator.production {
  background: #009a4b;
}
.admin-bar .admin-item {
  float: left;
  cursor: pointer;
  padding-right: 10px;
  padding-left: 20px;
  margin-left: 10px;
  border-left: 1px solid #dfdbdb;
}
.admin-bar .admin-item a {
  color: #456682;
  font-weight: 600;
  text-decoration: none;
}
.admin-bar .admin-item a:hover {
  color: #183154;
}
.admin-bar .admin-item.first {
  border-left: none;
  float: left;
}
.admin-bar .admin-item.with-dropdown {
  position: relative;
  background: url("../images/icons/arrow-down.7db3ab8436bf.png") no-repeat right center;
  padding-right: 20px;
}
.admin-bar .admin-dropdown {
  display: none;
  position: absolute;
  margin-top: 10px;
  z-index: 900;
  width: 180px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-box-shadow: 2px 8px 14px -1px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 2px 8px 14px -1px rgba(0, 0, 0, 0.4);
  box-shadow: 2px 8px 14px -1px rgba(0, 0, 0, 0.4);
  overflow: hidden;
}
.admin-bar .admin-dropdown .admin-dropdown-item {
  background: #ffffff;
  padding: 10px;
  border-bottom: 1px dashed #dfdbdb;
}
.admin-bar .admin-dropdown .admin-dropdown-item.no-border {
  border-bottom: none;
}
.admin-bar .admin-dropdown.active {
  display: block;
}
.admin-bar .admin-dropdown-trip-info {
  width: 250px;
}
.admin-bar .admin-close {
  float: right;
  margin-right: 20px;
}

.assuming-identity {
  background: #fbffcb;
  border-bottom: 1px dashed #dfdbdb;
}
.assuming-identity .container, .assuming-identity #business .business-container, #business .assuming-identity .business-container {
  padding: 15px 0px 20px;
}

/* Trip results Pouching  */
.admin-results-pouche-trip-cta {
  display: none;
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 5px;
  border-top-right-radius: 5px;
  color: #ffffff;
  background: #0099ff;
}
.admin-results-pouche-trip-cta .button-clipboard-success, .admin-results-pouche-trip-cta .button-clipboard-error {
  float: right;
}

.admin-results-pouche-trip-cta:hover {
  display: block;
  cursor: pointer;
  background: #secondarycolorh;
}

/* Requests pouching */
.admin-results-pouche-request-cta {
  display: none;
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 5px;
  border-top-right-radius: 5px;
  color: #ffffff;
  background: #ff4f02;
}

.admin-results-pouche-request-cta:hover {
  display: block;
  cursor: pointer;
  background: #ff7430;
}

/* Terms styles */
#terms a, #privacy a {
  text-decoration: underline;
}

/* Testimonials styles */
.testimonials h2 {
  margin: 20px 0px 0px;
  text-align: center;
  font-weight: 600 !important;
}
@media (max-width: 767px) {
  .testimonials h2 {
    font-size: 24px !important;
    line-height: 28px !important;
  }
}
.testimonials .testimonial {
  float: none;
  display: none;
  margin: 0px auto;
}
@media (max-width: 767px) {
  .testimonials .testimonial {
    box-sizing: border-box;
  }
}
.testimonials .testimonial .description-text {
  font-size: 32px;
  line-height: 36px;
}
@media (max-width: 767px) {
  .testimonials .testimonial .description-text {
    font-size: 22px;
    line-height: 24px;
  }
}
.testimonials .testimonial .testimonial-text {
  width: 100%;
  text-align: center;
}
.testimonials .testimonial .testimonial-author {
  margin: 20px auto 0px;
  text-align: center;
  width: 350px;
}
.testimonials .testimonial .testimonial-author .testimonial-pic {
  float: left;
  height: 100px;
  width: 100px;
  border-radius: 100px;
}
@media (max-width: 767px) {
  .testimonials .testimonial .testimonial-author .testimonial-pic {
    width: 60px;
    height: 60px;
    margin-left: 20px;
  }
}
.testimonials .testimonial .testimonial-author .testimonial-name {
  float: left;
  font-size: 20px;
  margin-top: 35px;
  margin-left: 20px;
  font-weight: 600;
  color: #456682;
}
@media (max-width: 767px) {
  .testimonials .testimonial .testimonial-author .testimonial-name {
    margin-top: 20px;
    margin-left: 20px;
  }
}
.testimonials .testimonial.active {
  display: inline-block;
  text-align: center;
}
@media (min-width: 769px) {
  .testimonials-how {
    width: 100%;
    margin: 0 auto;
  }
}

#home-testimonials .container-wide {
  border: 5px solid #456682;
  border-radius: 25px;
  padding: 60px 60px 80px;
}
@media (max-width: 767px) {
  #home-testimonials .container-wide {
    margin: 10px;
    padding: 10px 20px 35px 20px;
  }
}

/* Add a trip */
#offer-pre {
  border-bottom: none !important;
  background: none;
}
@media (min-width: 769px) {
  #offer-pre {
    margin: 20px 0px 0px 0px;
  }
}
#offer-pre h1 {
  color: #183154;
  font-weight: 800;
}
@media (min-width: 769px) {
  #offer-pre h1 {
    font-size: 48px;
    margin-bottom: 1px;
  }
}
@media (max-width: 767px) {
  #offer-pre h1 {
    font-size: 32px;
    margin-bottom: 20px;
  }
}
#offer-pre .trip-actions a:hover {
  color: #f7f7fa;
}
@media (max-width: 767px) {
  #offer-pre .container, #offer-pre #business .business-container, #business #offer-pre .business-container {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

#offer .tip-msg {
  line-height: 24px;
}
#offer #trip-list {
  display: none;
}
#offer #trip-list .trip {
  margin: 5px 0px 5px;
  float: left;
  border: 1px solid #dfdbdb;
  position: relative;
}
@media (min-width: 769px) {
  #offer #trip-list .trip {
    width: 48%;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 767px) {
  #offer #trip-list .trip {
    width: 100%;
    float: none;
    padding: 10px;
    margin: 7px 0px 7px;
  }
}
@media (max-width: 320px) {
  #offer #trip-list .trip {
    padding: 5px;
  }
}
@media (max-width: 320px) {
  #offer #trip-list .trip .trip-owner .profile-pic {
    margin-top: 0px;
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 320px) {
  #offer #trip-list .trip .trip-cta .green {
    margin-top: 0px;
  }
}
@media (min-width: 769px) {
  #offer #trip-list .trip:nth-child(odd) {
    margin-right: 4%;
  }
}
#offer #trip-list .trip:hover .copy-details, #offer #trip-list .trip:active .copy-details {
  display: block;
}
#offer #trip-list.active {
  display: block;
}

#offer.page {
  padding-top: 0px;
}

.trip-copy-container {
  box-sizing: border-box;
  border: 1px solid #D7E6ED;
  border-radius: 10px;
  font-size: 15px;
}
.trip-copy-container #trip-list {
  margin-top: 0px;
}
.trip-copy-container .trip-copy-container-cta {
  opacity: 0.9;
  font-weight: 400;
  color: #183154;
  padding: 16px 10px 15px 10px;
}
.trip-copy-container .trip-copy-container-cta .trip-copy-container-cta-left {
  background: url("../images/icons/icon-copy.7e13625781ce.svg") no-repeat center left;
  background-size: 30px 30px;
  padding-left: 34px;
}
.trip-copy-container .trip-copy-container-cta:hover {
  opacity: 1;
}
.trip-copy-container .trip-copy-container-cta:active {
  opacity: 1;
  background: none !important;
  -webkit-tap-highlight-color: transparent;
}
.trip-copy-container .space-between {
  align-items: center;
}
.trip-copy-container .trip-item-to-copy {
  display: block;
  color: #456682;
  padding: 15px;
  box-sizing: border-box;
  border-top: 1px solid #D7E6ED;
}
.trip-copy-container .trip-item-to-copy:active {
  opacity: 1;
  background: #efefef;
}

.trip-copy-container:active {
  background: none !important;
  -webkit-tap-highlight-color: transparent;
}

.trip-form-section-label {
  font-size: 16px;
  color: #183154;
  font-weight: 600;
}

#trip-form {
  /* Styling placeholder */
}
#trip-form .trip-form-section-header {
  font-size: 24px;
  margin-bottom: 15px;
  color: #183154;
  font-weight: 700;
}
#trip-form .trip-form-section-subheader {
  font-size: 16px;
  color: #456682;
}
#trip-form #non-field-error {
  margin: 0px 0px 40px;
}
@media (max-width: 767px) {
  #trip-form #non-field-error {
    margin: 20px 0px 10px;
  }
}
#trip-form #non-field-error .errorlist {
  color: #456682;
}
#trip-form #trip-form-locations .route-errors .error-msg, #trip-form #trip-form-locations .route-errors #book .booking-form .booking-version .error, #book .booking-form .booking-version #trip-form #trip-form-locations .route-errors .error {
  margin-bottom: 25px;
}
#trip-form #trip-form-locations .precise-location-helper {
  position: absolute;
  font-size: 12px;
  top: -32px;
  background: #456682;
  padding: 5px 10px 5px 10px;
  color: #ffffff;
  border-radius: 5px;
  z-index: 100;
}
#trip-form #trip-form-locations .precise-location-helper:after {
  top: 100%;
  left: 10%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(51, 51, 51, 0);
  border-top-color: #456682;
  border-width: 7px;
  margin-left: -7px;
}
#trip-form #trip-form-locations .location-container .location-label {
  width: 30%;
  float: left;
  font-size: 16px;
  color: #183154;
  margin-top: 19px;
}
#trip-form #trip-form-locations .location-container .location-input {
  width: 70%;
  float: left;
  position: relative;
}
#trip-form #trip-form-locations .location-container .location-input .order-via-button {
  background: url("../images/icons/icon-drag.39c038c49cd3.svg") repeat;
  background-size: 3px 3px;
  opacity: 0.5;
  height: 42px;
  width: 6px;
  position: absolute;
  top: 12px;
  left: 2px;
  cursor: move;
}
#trip-form #trip-form-locations .location-container .location-input .order-via-button:hover, #trip-form #trip-form-locations .location-container .location-input .order-via-button:active {
  opacity: 1;
}
#trip-form #trip-form-locations .location-container .location-input input {
  font-size: 15px;
}
#trip-form #trip-form-locations .vias-container-box {
  width: 70%;
  float: left;
}
#trip-form #trip-form-locations .vias-container-box .location-input {
  width: 100%;
}
#trip-form #trip-form-locations .vias-container-box .via {
  margin-bottom: 12px;
}
#trip-form #trip-form-locations .vias-container-box .via .geo-location {
  padding-left: 20px;
}
#trip-form .input-edit {
  color: #456682;
  margin: 5px 0px 5px 0px;
  padding: 16px;
  box-sizing: border-box;
  opacity: 0.6;
}
#trip-form #trip-form-locations {
  width: 47.5%;
  margin-right: 2.5%;
}
#trip-form #trip-map {
  width: 47.5%;
  margin-left: 2.5%;
  margin-top: 5px;
}
#trip-form #geo-map {
  width: 100%;
  height: 400px !important;
  border: 1px solid #dfdbdb;
  border-radius: 15px;
}
#trip-form #geo-distance {
  padding-top: 15px;
  clear: both;
}
#trip-form #add-via-button {
  font-size: 15px;
  color: #183154;
  background: url("../images/icons/icon-add-circle.32cf1c3d4d81.svg") left center no-repeat;
  background-size: 32px 32px;
  background-position: 4px;
  padding: 16px 15px 16px 40px;
  margin-top: 0px;
  border: 1px dashed #D7E6ED;
  border-radius: 10px;
}
#trip-form #trip-form-datetime .time-only input {
  width: 90px;
  cursor: pointer;
}
#trip-form #trip-form-datetime .date-edit {
  padding: 20px 15px 20px;
  font-size: 14px;
  color: #456682;
}
#trip-form #trip-form-datetime #id_return_date_clear {
  display: none;
}
#trip-form #trip-form-datetime #id_return_date_clear.active {
  display: block;
}
#trip-form #trip-form-datetime .datetime-label {
  width: 14.25%;
  float: left;
  font-size: 16px;
  color: #183154;
  margin-top: 24px;
}
#trip-form #trip-form-datetime .datetime-input {
  width: 50%;
  float: left;
  position: relative;
}
#trip-form #trip-form-datetime .errorlist {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  #trip-form #trip-form-datetime .form-row.date-only {
    width: 52%;
  }
}
#trip-form .return-portion-trigger, #trip-form .return-portion-trigger:active {
  clear: both;
  width: 120px;
  padding-top: 20px;
  margin-left: 14.25%;
  text-decoration: underline;
}
#trip-form .return-portion-trigger:hover {
  color: #183154;
}
#trip-form .return-portion {
  display: none;
}
#trip-form .return-portion .datetime-input {
  position: relative;
}
#trip-form .return-portion .errorlist {
  max-width: 220px;
}
#trip-form .return-portion.active {
  display: block;
}
#trip-form .multiple-dates .datepicker {
  display: block !important;
}
#trip-form .multiple-dates .datepicker .active {
  display: table-cell;
}
#trip-form .form-row {
  position: relative;
}
#trip-form .datetime-type-single {
  display: none;
}
#trip-form .datetime-type-single .errorlist {
  max-width: 220px;
}
#trip-form .datetime-type-single.active {
  display: block;
}
#trip-form .datetime-type-multiple {
  display: none;
  min-height: 300px;
  position: relative;
}
@media (max-width: 767px) {
  #trip-form .datetime-type-multiple {
    min-height: 500px;
  }
}
#trip-form .datetime-type-multiple .container-left {
  float: left;
  width: 260px;
}
@media (max-width: 767px) {
  #trip-form .datetime-type-multiple .container-left {
    float: none;
    width: 100%;
  }
}
#trip-form .datetime-type-multiple .container-left .errorlist {
  top: -21px;
}
#trip-form .datetime-type-multiple .container-right {
  float: left;
  width: 150px;
}
@media (max-width: 767px) {
  #trip-form .datetime-type-multiple .container-right {
    float: none;
    clear: both;
    margin-top: 300px;
    width: 100%;
  }
}
#trip-form .datetime-type-multiple .grey {
  color: #999 !important;
}
#trip-form .datetime-type-multiple .errorlist {
  max-width: 220px;
}
#trip-form .datetime-type-multiple.active {
  display: block;
}
#trip-form .return-remove {
  display: none;
}
#trip-form .return-remove.active {
  display: block;
}
#trip-form #trip-form-space .space-label {
  width: 14.25%;
  float: left;
  font-size: 14px;
  color: #666;
  margin-top: 22px;
}
#trip-form #trip-form-space .space-seats {
  width: 85%;
  float: left;
}
#trip-form #trip-form-space .space-seats #seats {
  position: relative;
}
#trip-form #trip-form-space .space-seats #seats .seat {
  cursor: pointer;
  box-sizing: border-box;
  text-align: center;
  padding-top: 15px;
  width: 50px;
  height: 50px;
  border: 1px solid #D7E6ED;
  border-radius: 50px;
  float: left;
  margin: 10px 15px 10px 0px;
}
@media (max-width: 767px) {
  #trip-form #trip-form-space .space-seats #seats .seat {
    margin: 5px 5px 5px 0px;
    width: 45px;
    height: 45px;
    padding-top: 12px;
  }
}
#trip-form #trip-form-space .space-seats #seats .seat:hover {
  color: #183154;
}
#trip-form #trip-form-space .space-seats #seats .seat.active {
  background: #183154;
  border: 1px solid #183154;
  color: #ffffff;
}
#trip-form #trip-form-space .space-available-container {
  width: 85%;
  float: left;
}
#trip-form #trip-form-space .space-available-container .space-luggage {
  float: left;
  width: 100px;
  margin-top: 25px;
}
#trip-form #trip-form-space .space-available-container .space-equipment {
  float: left;
  width: 150px;
  margin-left: 20px;
  margin-top: 25px;
}
#trip-form #trip-form-space .space-available-container .text {
  font-size: 14px;
  color: #666;
}
#trip-form #trip-form-vehicle .vehicle-label-left {
  width: 14.25%;
  float: left;
  font-size: 14px;
  color: #666;
  margin-top: 22px;
}
@media (max-width: 767px) {
  #trip-form #trip-form-vehicle .vehicle-label-left {
    width: 100%;
    float: none;
  }
}
#trip-form #trip-form-vehicle .vehicle-contents {
  width: 85%;
  float: left;
}
@media (max-width: 767px) {
  #trip-form #trip-form-vehicle .vehicle-contents {
    width: 100%;
    float: none;
  }
}
#trip-form #modal-compensation-input-error {
  top: -20px;
  left: 20px;
}
#trip-form #trip-form-booking-type .booking-type-label {
  width: 14.25%;
  float: left;
  font-size: 14px;
  color: #666;
  margin-top: 5px;
}
@media (max-width: 767px) {
  #trip-form #trip-form-booking-type .booking-type-label {
    width: 100%;
    float: none;
  }
}
#trip-form #trip-form-booking-type .booking-type-contents {
  width: 85%;
  float: left;
}
@media (max-width: 767px) {
  #trip-form #trip-form-booking-type .booking-type-contents {
    width: 100%;
    float: none;
  }
}
#trip-form #trip-form-booking-type .booking-type-contents .booking-type-more-info {
  position: absolute;
  top: -30px;
  right: 0px;
}
#trip-form #trip-form-booking-type .booking-type-contents .booking-type-common {
  float: left;
  position: relative;
  width: 47.5%;
  box-sizing: border-box;
  padding: 20px 20px 30px 40px;
  border: 1px solid #D7E6ED;
  border-radius: 10px;
}
#trip-form #trip-form-booking-type .booking-type-contents .booking-type-common .booking-type-title {
  font-size: 16px;
  font-weight: 700;
  color: #183154;
}
#trip-form #trip-form-booking-type .booking-type-contents .booking-type-common .booking-type-description {
  font-size: 15px;
  margin-top: 15px;
}
@media (max-width: 767px) {
  #trip-form #trip-form-booking-type .booking-type-contents .booking-type-common {
    width: 100%;
    float: none;
    margin: 20px 0px 20px;
  }
}
#trip-form #trip-form-booking-type .booking-type-contents .booking-type.booking-type-common.active {
  border: 1px solid #183154;
  box-shadow: none;
}
#trip-form #trip-form-booking-type .booking-type-contents .booking-type.booking-type-common.request-to-book {
  margin-right: 5%;
}
#trip-form #trip-form-booking-type .booking-type-contents .booking-type.booking-type-common.request-to-book .booking-type-title {
  padding-top: 50px;
  background: url("../images/icons/icon-request-to-book.9b21770fdb0d.svg") no-repeat top left -9px;
  background-size: 42px 42px;
}
@media (max-width: 767px) {
  #trip-form #trip-form-booking-type .booking-type-contents .booking-type.booking-type-common.request-to-book {
    margin-top: 10px;
  }
}
#trip-form #trip-form-booking-type .booking-type-contents .booking-type-common.instant-book {
  background: none;
}
#trip-form #trip-form-booking-type .booking-type-contents .booking-type-common.instant-book .booking-type-title {
  padding-top: 50px;
  background: url("../images/icons/icon-bolt.2509dacea567.svg") no-repeat top left -9px;
  background-size: 42px 42px;
}
#trip-form #trip-form-booking-type .booking-type-contents .booking-type-common.instant-book.unavailable {
  opacity: 0.5;
}
#trip-form #trip-form-network-choice .network-choice-label {
  width: 14.25%;
  float: left;
  font-size: 15px;
  color: #456682;
  margin-top: 5px;
}
@media (max-width: 767px) {
  #trip-form #trip-form-network-choice .network-choice-label {
    width: 100%;
    float: none;
  }
}
#trip-form #trip-form-network-choice .network-choice-contents {
  width: 85%;
  float: left;
}
@media (max-width: 767px) {
  #trip-form #trip-form-network-choice .network-choice-contents {
    width: 100%;
    float: none;
  }
}
#trip-form #trip-form-network-choice .network-choice-contents .network-choice-more-info {
  position: absolute;
  top: -30px;
  right: 0px;
}
#trip-form #trip-form-network-choice .network-choice-contents .network-choice {
  float: left;
  position: relative;
  width: 47.5%;
  box-sizing: border-box;
  padding: 60px 20px 30px 40px;
  border: 1px solid #D7E6ED;
  border-radius: 15px;
}
@media (max-width: 767px) {
  #trip-form #trip-form-network-choice .network-choice-contents .network-choice {
    padding: 60px 20px 30px 20px;
  }
}
#trip-form #trip-form-network-choice .network-choice-contents .network-choice .network-choice-title {
  font-size: 16px;
  font-weight: 700;
  color: #183154;
}
#trip-form #trip-form-network-choice .network-choice-contents .network-choice .network-choice-description {
  font-size: 15px;
  margin-top: 15px;
}
@media (max-width: 767px) {
  #trip-form #trip-form-network-choice .network-choice-contents .network-choice {
    width: 100%;
    float: none;
    margin: 20px 0px 20px;
  }
}
#trip-form #trip-form-network-choice .network-choice-contents .network-choice.active {
  border: 1px solid #183154;
  box-shadow: none;
}
#trip-form #trip-form-network-choice .network-choice-contents .network-choice.public {
  margin-right: 5%;
  background: url("../images/brand/poparide-icon.ced4553b41cd.png") no-repeat center left #ffffff;
  background-size: 25px 25px;
  background-position: 41px 23px;
}
@media (max-width: 767px) {
  #trip-form #trip-form-network-choice .network-choice-contents .network-choice.public {
    margin-top: 0px;
    background-position: 21px 23px;
  }
}
#trip-form #trip-form-network-choice .network-choice-contents .network-choice.private {
  /* actual background image is set in the DOM */
  background-repeat: no-repeat;
  background-position: 41px 23px;
  background-size: 25px 25px;
  background-color: #ffffff;
}
@media (max-width: 767px) {
  #trip-form #trip-form-network-choice .network-choice-contents .network-choice.private {
    background-position: 21px 23px;
  }
}
#trip-form #trip-form-description .description-label {
  width: 14.25%;
  float: left;
  font-size: 14px;
  color: #666;
  margin-top: 15px;
}
#trip-form #trip-form-description .description-contents {
  width: 85%;
  float: left;
}
#trip-form #trip-form-description .description-contents .form-row {
  position: relative;
}
#trip-form #trip-form-description #id_description_original {
  max-height: 200px;
}
@media (max-width: 767px) {
  #trip-form #trip-form-description #id_description_original {
    max-height: 160px;
  }
}
#trip-form #trip-form-description .description-tip {
  color: #666;
}
#trip-form #trip-form-description textarea {
  font-size: 15px;
}
#trip-form #id_description-error {
  top: -43px;
}
#trip-form #quick-actions {
  border: 1px solid #dfdbdb;
  margin-bottom: 20px;
}
#trip-form #quick-actions .text {
  float: left;
  font-weight: 600;
  padding: 15px;
}
#trip-form #quick-actions .view-requests, #trip-form #quick-actions .cancel-trip, #trip-form #quick-actions .mark-as-full {
  float: right;
  padding: 15px;
  border-left: 1px solid #dfdbdb;
}
#trip-form #quick-actions .reveal-contents-cancel-trip, #trip-form #quick-actions .reveal-contents-trip-full {
  text-align: right;
  padding: 10px;
}
#trip-form #quick-actions .reveal-contents-cancel-trip .loading, #trip-form #quick-actions .reveal-contents-trip-full .loading {
  float: right;
}
#trip-form #quick-actions .reveal-trigger-cancel-trip, #trip-form #quick-actions .reveal-trigger-trip-full {
  cursor: pointer;
}
#trip-form .trip-types {
  border-bottom: 1px solid #456682;
}
#trip-form .trip-types .trip-type {
  padding: 15px;
  float: left;
  width: 50%;
  text-align: center;
  cursor: pointer;
}
#trip-form .trip-types .trip-type.offer.active {
  border-bottom: 3px solid #5cc0ff;
  color: #5cc0ff;
  font-weight: 500;
}
#trip-form .trip-types .trip-type.ask.active {
  border-bottom: 3px solid #ff5400;
  color: #ff5400;
}
#trip-form #from, #trip-form #to, #trip-form #date {
  position: relative;
  color: #666;
  font-size: 14px;
  padding: 0px;
  margin: 0px;
  /* Stroke */
  /* Fill */
}
#trip-form #from .text, #trip-form #from .value, #trip-form #to .text, #trip-form #to .value, #trip-form #date .text, #trip-form #date .value {
  color: #666;
  font-size: 14px;
}
#trip-form #from .input-arrow, #trip-form #to .input-arrow, #trip-form #date .input-arrow {
  position: absolute;
  top: 14px;
  right: 10px;
}
#trip-form #from .input-arrow:before, #trip-form #from .input-arrow:after, #trip-form #to .input-arrow:before, #trip-form #to .input-arrow:after, #trip-form #date .input-arrow:before, #trip-form #date .input-arrow:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-bottom: 0;
}
#trip-form #from .input-arrow:before, #trip-form #to .input-arrow:before, #trip-form #date .input-arrow:before {
  bottom: -16px;
  right: 1px;
  /* If 1px darken stroke slightly */
  border-top-color: #456682;
  border-width: 9px;
}
#trip-form #from .input-arrow:after, #trip-form #to .input-arrow:after, #trip-form #date .input-arrow:after {
  bottom: -15px;
  right: 2px;
  border-top-color: #ffffff;
  border-width: 8px;
}
#trip-form .placeholder-common, #trip-form :-ms-input-placeholder, #trip-form ::-moz-placeholder, #trip-form :-moz-placeholder, #trip-form ::-webkit-input-placeholder {
  line-height: 18px;
  font-size: 14px;
  color: #444;
}
#trip-form ::-webkit-input-placeholder {
  font-family: "proxima-soft", sans-serif;
}
#trip-form :-moz-placeholder { /* Firefox 18- */
  font-family: "proxima-soft", sans-serif;
}
#trip-form ::-moz-placeholder { /* Firefox 19+ */
  font-family: "proxima-soft", sans-serif;
}
#trip-form :-ms-input-placeholder {
  font-family: "proxima-soft", sans-serif;
}
#trip-form .input-value {
  padding: 0px;
  border: 0px;
}
#trip-form #from:hover, #trip-form #from:active, #trip-form #to:hover, #trip-form #to:active, #trip-form #date:hover, #trip-form #date:active {
  color: #183154;
  opacity: 1;
}
#trip-form .dropdown-list, #trip-form .dropdown-search {
  width: 100%;
  overflow-y: auto;
  background: #ffffff;
  color: #666;
  display: none;
  position: absolute;
  top: 45px;
  left: -1px;
  z-index: 1000;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
#trip-form .dropdown-list .dropdown-item, #trip-form .dropdown-list dropdown-item.info, #trip-form .dropdown-search .dropdown-item, #trip-form .dropdown-search dropdown-item.info {
  padding: 10px;
  border-top: 1px solid #ccc;
  cursor: pointer;
}
#trip-form .dropdown-list .dropdown-item:hover, #trip-form .dropdown-list dropdown-item:active, #trip-form .dropdown-search .dropdown-item:hover, #trip-form .dropdown-search dropdown-item:active {
  background: #ececec;
}
#trip-form .dropdown-list .dropdown-item.info, #trip-form .dropdown-search .dropdown-item.info {
  margin: 0px;
  clear: both;
}
#trip-form .dropdown {
  max-height: 350px;
}
#trip-form .dropdown-trigger {
  border: 1px solid #456682 !important;
  width: 100%;
  height: 48px;
  margin: 0px 0px 15px;
  padding: 12px;
  cursor: pointer;
  opacity: 1;
  background: #ffffff;
}
#trip-form .dropdown-search {
  display: none;
}
#trip-form #buttons {
  margin-top: 10px;
  width: 100%;
  border: 1px solid #ffffff;
}
#trip-form #buttons .button-common, #trip-form #buttons #button-offer, #trip-form #buttons #button-find {
  padding: 14px;
  text-align: center;
  font-weight: 600;
  cursor: pointer;
  font-size: 14px;
}
#trip-form #buttons #button-find {
  width: 50%;
  float: left;
}
#trip-form #buttons #button-offer {
  border-left: 1px solid #ffffff;
  width: 50%;
  float: right;
}
#trip-form #buttons #button-find:hover, #trip-form #buttons #button-find:active, #trip-form #buttons #button-offer:hover, #trip-form #buttons #button-offer:active {
  background: #ffffff;
  color: #456682;
}
#trip-form .calendar-div {
  position: relative;
}
#trip-form .calendar-div .calendar-input {
  position: relative;
}
#trip-form .calendar-div .calendar-input #date {
  padding: 15px;
}
#trip-form #id_is_driving {
  display: none;
}
#trip-form #id_tos {
  display: none;
}
#trip-form #id_compensation-error {
  top: -35px;
  left: 0px;
  width: 200px;
}
#trip-form .datetime-type-multiple .departure-date-error {
  top: -28px;
  z-index: 5;
}
#trip-form .departure-time-error {
  position: absolute;
  width: 70px;
}
#trip-form .trigger-multiple-return-time {
  width: 92px;
}
#trip-form #clear-return-time {
  position: absolute;
  top: 23px;
  right: -25px;
}
#trip-form #id_payment_method {
  position: absolute;
  left: 0px;
  background: #F2F2F2;
  color: #ffffff;
  z-index: -1;
  height: 1px;
  width: 1px;
  border: none;
  -moz-appearance: textfield;
}
#trip-form .form-row.seats {
  margin-top: 20px;
  margin-bottom: 20px;
}
#trip-form .form-row.seats .text {
  margin-bottom: 5px;
}
#trip-form .form-row.seats .seatno {
  cursor: pointer;
  float: left;
  width: 10px;
  height: 10px;
  padding: 14px;
  border: 1px solid #D7E6ED;
  text-align: center;
  margin-right: 7px;
  margin-bottom: 7px;
  line-height: 10px;
}
#trip-form .form-row.seats .seatno.active {
  background: #183154;
  border: 1px solid #183154;
  color: #ffffff;
}
#trip-form .form-row.seats .label {
  float: left;
  margin-top: 10px;
  margin-right: 10px;
}
#trip-form .form-row.seats .compensation {
  float: left;
}
#trip-form .form-row.seats .currency-sign {
  float: left;
  line-height: 45px;
  margin-right: 10px;
}
#trip-form .form-row.seats .errorlist {
  padding: 12px 0px 0px 7px;
  float: left;
}
#trip-form .form-row.vehicle {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #dfdbdb;
}
#trip-form .form-row.description {
  margin-top: 20px;
}
#trip-form .form-row.description #id_description {
  width: 93%;
  height: 150px;
}
#trip-form .form-row.luggage {
  margin-top: 20px;
}
#trip-form .form-row.luggage, #trip-form .form-row.equipment {
  height: 30px;
  border-top: 1px solid #dfdbdb;
  padding: 13px 0px 13px;
}
#trip-form .button.large, #trip-form .vehicle-form .large[type=submit], .vehicle-form #trip-form .large[type=submit], #trip-form #book .booking-form .large.booking-send-button, #book .booking-form #trip-form .large.booking-send-button, #trip-form .trip-search .large.trip-search-button, .trip-search #trip-form .large.trip-search-button {
  width: 100%;
  margin-bottom: 0px;
}
#trip-form #id_cashless {
  display: none;
}
#trip-form .payment-methods {
  width: 80%;
  border: 1px solid #ccc;
}
#trip-form .payment-methods .payment-method {
  float: left;
  width: 50%;
  padding: 15px;
  text-align: center;
  box-sizing: border-box;
  background: #ffffff;
}
#trip-form .payment-methods .payment-method.cashless {
  border-right: 1px solid #ccc;
}
#trip-form .payment-methods .payment-method.active {
  background: #456682;
  color: #ffffff;
}
#trip-form .payment-methods.editable .payment-method {
  cursor: pointer;
}

.trip-form-policies .policies-label {
  width: 14.25%;
  float: left;
  font-size: 14px;
  color: #666;
  margin-top: 5px;
}
@media (max-width: 767px) {
  .trip-form-policies .policies-label {
    width: 100%;
    float: none;
  }
}
@media (min-width: 769px) {
  .trip-form-policies .policy-columns {
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 769px) {
  .trip-form-policies .policy-column {
    max-width: 300px;
  }
}
.trip-form-policies .policy-column .policy-title {
  font-weight: 700;
  font-size: 16px;
  color: #183154;
  margin-bottom: 16px;
  padding-top: 80px;
  height: 24px;
}
@media (max-width: 767px) {
  .trip-form-policies .policy-column .policy-title {
    margin-bottom: 0px;
    padding-top: 80px;
  }
}
.trip-form-policies .policy-column .policy-title.cash {
  background: url("../images/icons/rules-payment.2425eb6d0c69.svg") no-repeat top left;
  background-size: 60px 60px;
}
.trip-form-policies .policy-column .policy-title.reliable {
  background: url("../images/icons/rules-timeliness.e3ccf892bf26.svg") no-repeat;
  background-size: 60px 60px;
}
.trip-form-policies .policy-column .policy-title.safety {
  background: url("../images/icons/rules-safety.9767b3b322ba.svg") no-repeat top left;
  background-size: 60px 60px;
}
.trip-form-policies .policy-column .policy-item {
  margin: 10px 0px;
}
.trip-form-policies .policy-items-container {
  display: none;
}
.trip-form-policies .policy-items-container.active {
  display: block;
}

@media only screen and (max-width: 666px) {
  #trip-form #trip-form-locations {
    width: 100%;
    float: none;
  }
  #trip-form #trip-form-locations .location-container .location-label {
    width: 100%;
    float: none;
    margin-bottom: 5px;
  }
  #trip-form #trip-form-locations .location-container .location-input {
    width: 100%;
    float: none;
  }
  #trip-form #trip-form-locations #vias-container {
    margin-left: 0px;
    float: none;
  }
  #trip-form #trip-form-locations .vias-container-box {
    width: 100%;
  }
  #trip-form #trip-map {
    margin-top: 30px;
    width: 100%;
    height: 250px;
    margin-left: 0%;
  }
  #trip-form #geo-map {
    height: 250px;
  }
  #trip-form #add-via-button {
    float: none;
    margin-left: 0px;
  }
  #trip-form #trip-form-datetime .datetime-label {
    width: 100%;
    float: none;
  }
  #trip-form #trip-form-datetime .datetime-input {
    width: 100%;
    float: none;
  }
  #trip-form #trip-form-space .space-label {
    width: 100%;
    float: none;
  }
  #trip-form #trip-form-space .space-seats {
    width: 100%;
    float: none;
  }
  #trip-form #trip-form-space .space-seats #seats .seat.last {
    margin-right: 0px;
  }
  #trip-form #trip-form-space .space-available-container {
    width: 100%;
    float: none;
  }
  #trip-form #trip-form-space .space-available-container .space-luggage {
    float: left;
    width: 50%;
  }
  #trip-form #trip-form-space .space-available-container .space-equipment {
    float: left;
    width: 50%;
    margin-left: 0px;
  }
  #trip-form #trip-form-description .description-label {
    width: 100%;
    float: none;
  }
  #trip-form #trip-form-description .description-contents {
    width: 100%;
    float: none;
  }
  #trip-form .button, #trip-form .vehicle-form [type=submit], .vehicle-form #trip-form [type=submit], #trip-form #book .booking-form .booking-send-button, #book .booking-form #trip-form .booking-send-button, #trip-form .trip-search .trip-search-button, .trip-search #trip-form .trip-search-button {
    margin-left: 0px;
  }
  #trip-form .return-portion-trigger, #trip-form .return-portion-trigger:hover, #trip-form .return-portion-trigger:active {
    margin-left: 0px;
    width: 100%;
  }
}
#trip-form-instructions .box-trip-copied {
  padding-left: 8px;
}
#trip-form-instructions .box-trip-copied .success-icon {
  background: url("../images/icons/icon-tick.641c938bc4c2.svg") left center no-repeat;
  background-size: 34px 34px;
  padding-left: 38px;
}
#trip-form-instructions .box-trip-invite .trip-invitee {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  border: 2px solid #dfdbdb;
  margin-right: 20px;
  position: relative;
}
#trip-form-instructions .box-trip-invite .invite-icon {
  height: 20px;
  width: 20px;
  top: -5px;
  left: -5px;
  background: url("../images/icons/icon-invite-white.0e604b2b32ab.png") center center #ff4f02 no-repeat;
  background-size: 12px 12px;
  border-radius: 20px;
  background-position: 5px;
  position: absolute;
}
@media (max-width: 767px) {
  #trip-form-instructions .box-trip-invite .text-medium, #trip-form-instructions .box-trip-invite #book .booking-form .trip-form-policies .text-slarge, #book .booking-form .trip-form-policies #trip-form-instructions .box-trip-invite .text-slarge, #trip-form-instructions .box-trip-invite #book .booking-form .trip-form-policies .trip-form-section-header, #book .booking-form .trip-form-policies #trip-form-instructions .box-trip-invite .trip-form-section-header, #trip-form-instructions .box-trip-invite #book .booking-form .trip-form-policies .policy-title, #book .booking-form .trip-form-policies #trip-form-instructions .box-trip-invite .policy-title, #trip-form-instructions .box-trip-invite #book .booking-form .trip-form-policies #community-agreement .community-item p, #book .booking-form .trip-form-policies #community-agreement .community-item #trip-form-instructions .box-trip-invite p, #trip-form-instructions .box-trip-invite #community-agreement .community-item #book .booking-form .trip-form-policies p, #community-agreement .community-item #book .booking-form .trip-form-policies #trip-form-instructions .box-trip-invite p, #trip-form-instructions .box-trip-invite #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .trip-details .trip-date, #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .trip-details #trip-form-instructions .box-trip-invite .trip-date, #trip-form-instructions .box-trip-invite #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .booking-details, #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item #trip-form-instructions .box-trip-invite .booking-details, #trip-form-instructions .box-trip-invite #book .booking-form .trip-form-policies .popular-routes .popular-routes-box, #book .booking-form .trip-form-policies .popular-routes #trip-form-instructions .box-trip-invite .popular-routes-box, #trip-form-instructions .box-trip-invite .popular-routes #book .booking-form .trip-form-policies .popular-routes-box, .popular-routes #book .booking-form .trip-form-policies #trip-form-instructions .box-trip-invite .popular-routes-box, #trip-form-instructions .box-trip-invite #book .booking-form .trip-form-policies .instruction-full .instruction-contents .instruction-item .instruction-item-title, #book .booking-form .trip-form-policies .instruction-full .instruction-contents .instruction-item #trip-form-instructions .box-trip-invite .instruction-item-title, #trip-form-instructions .box-trip-invite .instruction-full .instruction-contents .instruction-item #book .booking-form .trip-form-policies .instruction-item-title, .instruction-full .instruction-contents .instruction-item #book .booking-form .trip-form-policies #trip-form-instructions .box-trip-invite .instruction-item-title, #trip-form-instructions .box-trip-invite #payments .payment-box .payment-text, #payments .payment-box #trip-form-instructions .box-trip-invite .payment-text, #trip-form-instructions .box-trip-invite #payments .payment-box .payment-amount, #payments .payment-box #trip-form-instructions .box-trip-invite .payment-amount, #trip-form-instructions .box-trip-invite #book .booking-form .trip-form-policies #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details h2, #book .booking-form .trip-form-policies #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details #trip-form-instructions .box-trip-invite h2, #trip-form-instructions .box-trip-invite #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details #book .booking-form .trip-form-policies h2, #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details #book .booking-form .trip-form-policies #trip-form-instructions .box-trip-invite h2, #trip-form-instructions .box-trip-invite #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details .trip-date, #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details #trip-form-instructions .box-trip-invite .trip-date {
    margin-top: 8px;
    font-size: 14px;
    line-height: 18px;
  }
}
#trip-form-instructions .box-editing-trip {
  margin-top: 0px;
}
@media (max-width: 767px) {
  #trip-form-instructions .box-editing-trip .text-medium, #trip-form-instructions .box-editing-trip #book .booking-form .trip-form-policies .text-slarge, #book .booking-form .trip-form-policies #trip-form-instructions .box-editing-trip .text-slarge, #trip-form-instructions .box-editing-trip #book .booking-form .trip-form-policies .trip-form-section-header, #book .booking-form .trip-form-policies #trip-form-instructions .box-editing-trip .trip-form-section-header, #trip-form-instructions .box-editing-trip #book .booking-form .trip-form-policies .policy-title, #book .booking-form .trip-form-policies #trip-form-instructions .box-editing-trip .policy-title, #trip-form-instructions .box-editing-trip #book .booking-form .trip-form-policies #community-agreement .community-item p, #book .booking-form .trip-form-policies #community-agreement .community-item #trip-form-instructions .box-editing-trip p, #trip-form-instructions .box-editing-trip #community-agreement .community-item #book .booking-form .trip-form-policies p, #community-agreement .community-item #book .booking-form .trip-form-policies #trip-form-instructions .box-editing-trip p, #trip-form-instructions .box-editing-trip #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .trip-details .trip-date, #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .trip-details #trip-form-instructions .box-editing-trip .trip-date, #trip-form-instructions .box-editing-trip #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .booking-details, #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item #trip-form-instructions .box-editing-trip .booking-details, #trip-form-instructions .box-editing-trip #book .booking-form .trip-form-policies .popular-routes .popular-routes-box, #book .booking-form .trip-form-policies .popular-routes #trip-form-instructions .box-editing-trip .popular-routes-box, #trip-form-instructions .box-editing-trip .popular-routes #book .booking-form .trip-form-policies .popular-routes-box, .popular-routes #book .booking-form .trip-form-policies #trip-form-instructions .box-editing-trip .popular-routes-box, #trip-form-instructions .box-editing-trip #book .booking-form .trip-form-policies .instruction-full .instruction-contents .instruction-item .instruction-item-title, #book .booking-form .trip-form-policies .instruction-full .instruction-contents .instruction-item #trip-form-instructions .box-editing-trip .instruction-item-title, #trip-form-instructions .box-editing-trip .instruction-full .instruction-contents .instruction-item #book .booking-form .trip-form-policies .instruction-item-title, .instruction-full .instruction-contents .instruction-item #book .booking-form .trip-form-policies #trip-form-instructions .box-editing-trip .instruction-item-title, #trip-form-instructions .box-editing-trip #payments .payment-box .payment-text, #payments .payment-box #trip-form-instructions .box-editing-trip .payment-text, #trip-form-instructions .box-editing-trip #payments .payment-box .payment-amount, #payments .payment-box #trip-form-instructions .box-editing-trip .payment-amount, #trip-form-instructions .box-editing-trip #book .booking-form .trip-form-policies #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details h2, #book .booking-form .trip-form-policies #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details #trip-form-instructions .box-editing-trip h2, #trip-form-instructions .box-editing-trip #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details #book .booking-form .trip-form-policies h2, #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details #book .booking-form .trip-form-policies #trip-form-instructions .box-editing-trip h2, #trip-form-instructions .box-editing-trip #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details .trip-date, #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details #trip-form-instructions .box-editing-trip .trip-date {
    margin-top: 8px;
    font-size: 14px;
    line-height: 18px;
  }
}

#trip_offer-page.in-app .page {
  padding-top: 0px;
}

/* Trip form buttons for mobile so they are bottom sticky for better UX */
@media (max-width: 767px) {
  #trip-post-button, #trip-edit-button {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background: #ffffff;
    border-top: 1px solid #dfdbdb;
    padding: 20px 0px;
    text-align: center;
    color: #456682;
    font-weight: 600;
    margin: 0px;
    border-radius: 0px !important;
    z-index: 100;
  }
}

/* Trip Choose Type */
@media (max-width: 767px) {
  #instruction-choose-trip {
    padding-top: 0px;
    height: 100%;
  }
}
@media (max-width: 767px) {
  #instruction-choose-trip .instruction-logo {
    display: block !important;
  }
}
@media (min-width: 769px) {
  #instruction-choose-trip .instruction-contents {
    max-width: 600px;
  }
}
@media (max-width: 767px) {
  #instruction-choose-trip .instruction-contents {
    height: 100%;
  }
}
@media (max-width: 767px) {
  #instruction-choose-trip .instruction-columns {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    margin-top: -20px;
  }
}
#instruction-choose-trip h1 {
  line-height: 34px;
}
@media (min-width: 769px) {
  #instruction-choose-trip h1 {
    margin: 0px 0px 50px;
  }
}
@media (max-width: 767px) {
  #instruction-choose-trip h1 {
    margin: 20px 0px 0px;
    align-self: flex-start;
  }
}
#instruction-choose-trip a, #instruction-choose-trip a div {
  cursor: pointer;
}
#instruction-choose-trip .col {
  background: url("../images/icons/icon-triangle-grey-right.11ca7a45b10e.png") no-repeat right center;
  padding: 80px 30px 80px 0px;
  box-sizing: border-box;
  background-size: 14px auto;
}
@media (max-width: 767px) {
  #instruction-choose-trip .col {
    width: 100%;
    padding: 50px 20px;
  }
}
#instruction-choose-trip .col .icon {
  width: 100px;
  height: 100px;
}
@media (min-width: 769px) {
  #instruction-choose-trip .col .icon {
    float: left;
    margin-right: 20px;
  }
}
@media (max-width: 767px) {
  #instruction-choose-trip .col .icon {
    float: none;
    width: 100px;
    height: 100px;
    margin-bottom: 20px;
  }
}
#instruction-choose-trip .col h2 {
  color: #456682;
}
@media (min-width: 769px) {
  #instruction-choose-trip .col h2 {
    font-size: 24px;
    margin: 25px 0px 10px;
  }
}
@media (max-width: 767px) {
  #instruction-choose-trip .col h2 {
    font-size: 20px;
    margin: 0px 0px 10px 0px;
  }
}
#instruction-choose-trip .col .box {
  border-radius: 5px;
}
#instruction-choose-trip .col.driver .icon {
  background: url("../images/icons/vehicle.ed57ac5125d5.svg") no-repeat left center;
  background-size: contain;
}
#instruction-choose-trip .col.driver .button, #instruction-choose-trip .col.driver .vehicle-form [type=submit], .vehicle-form #instruction-choose-trip .col.driver [type=submit], #instruction-choose-trip .col.driver #book .booking-form .booking-send-button, #book .booking-form #instruction-choose-trip .col.driver .booking-send-button, #instruction-choose-trip .col.driver .trip-search .trip-search-button, .trip-search #instruction-choose-trip .col.driver .trip-search-button {
  background: #0099ff;
}
#instruction-choose-trip .col.driver .button:hover, #instruction-choose-trip .col.driver .vehicle-form [type=submit]:hover, .vehicle-form #instruction-choose-trip .col.driver [type=submit]:hover, #instruction-choose-trip .col.driver #book .booking-form .booking-send-button:hover, #book .booking-form #instruction-choose-trip .col.driver .booking-send-button:hover, #instruction-choose-trip .col.driver .trip-search .trip-search-button:hover, .trip-search #instruction-choose-trip .col.driver .trip-search-button:hover {
  background: #44b4ff;
}
#instruction-choose-trip .col.passenger .icon {
  background: url("../images/icons/notification.1065a7575484.svg") no-repeat left center;
  background-size: contain;
}
#instruction-choose-trip .col.search .icon {
  background: url("../images/icons/search-with-bg.a9179e8072e4.svg") no-repeat left center;
  background-size: contain;
}
#instruction-choose-trip .col:hover {
  opacity: 0.9;
}
#instruction-choose-trip .col:active {
  opacity: 1;
}

/* Processing trip page */
#trip_processing-page #header-mobile, #trip_processing-page #header-page, #trip_processing-page #footer {
  display: none;
}

/* Trip List */
@media (max-width: 767px) {
  #trip-list .page-count {
    float: none;
    clear: both;
    margin-bottom: 10px;
  }
}
#trip-list .date-divider {
  padding-top: 10px;
  font-size: 18px;
  font-weight: 600;
  color: #183154;
}
@media (max-width: 767px) {
  #trip-list .date-divider {
    font-size: 18px;
  }
}
#trip-list .trip {
  padding: 15px;
  margin-bottom: 20px;
  box-sizing: border-box;
  background: #ffffff;
  border-radius: 15px;
  border: 1px solid #dfdbdb;
  position: relative;
}
@media (max-width: 767px) {
  #trip-list .trip {
    margin-bottom: 10px;
    padding: 10px;
  }
}
@media (max-width: 320px) {
  #trip-list .trip {
    padding: 5px 10px 5px 10px;
  }
}
#trip-list .trip .trip-owner .profile-pic {
  width: 90px;
  height: 90px;
  border-radius: 100px;
  border: 1px solid #dfdbdb;
  background-position: center center;
}
@media (min-width: 768px) and (max-width: 1023px) {
  #trip-list .trip .trip-owner .profile-pic {
    width: 60px;
    height: 60px;
  }
}
@media (max-width: 767px) {
  #trip-list .trip .trip-owner .profile-pic {
    width: 50px;
    height: 50px;
  }
}
@media (max-width: 320px) {
  #trip-list .trip .trip-owner .profile-pic {
    width: 30px;
    height: 30px;
    margin-top: 5px;
  }
}
#trip-list .trip .trip-owner .facebook-friend-count {
  padding-left: 25px;
  background-size: 16px 16px;
}
#trip-list .trip .trip-details {
  margin-left: 20px;
}
@media (max-width: 767px) {
  #trip-list .trip .trip-details {
    margin-left: 10px;
  }
}
@media (max-width: 320px) {
  #trip-list .trip .trip-details {
    padding: 0px !important;
  }
}
#trip-list .trip .trip-details h2 {
  font-size: 18px;
  font-weight: 600;
  margin: 0px 0px 8px;
}
@media (max-width: 767px) {
  #trip-list .trip .trip-details h2 {
    font-size: 16px;
    margin: 3px 0px 5px;
  }
}
@media (max-width: 320px) {
  #trip-list .trip .trip-details h2 {
    font-size: 14px;
    margin: 0px;
  }
}
#trip-list .trip .trip-cta {
  margin-top: 2px;
}
@media (max-width: 320px) {
  #trip-list .trip .trip-cta {
    margin-top: 0px;
  }
}
#trip-list .trip .trip-cta .trip-button {
  border-radius: 3px;
  background: #dfdbdb;
  color: #456682;
  padding: 10px 20px 10px 20px;
  margin-top: 45px;
}
#trip-list .trip .trip-cta .trip-button:hover {
  color: #456682;
}
@media (max-width: 767px) {
  #trip-list .trip .trip-cta .green {
    margin-top: 6px;
  }
}
@media (max-width: 320px) {
  #trip-list .trip .trip-cta .green {
    margin-top: 0px;
  }
}
#trip-list .trip.asking .trip-details h2 {
  color: #ff4f02;
}
#trip-list .trip.offering .trip-details h2 a {
  color: #0099ff;
}
#trip-list .trip.offering .trip-details-full {
  max-width: 380px;
}
#trip-list .trip.short {
  padding: 10px 0px 0px 0px;
  border-bottom: none;
  border-right: none;
  border-left: none;
  border-top: 1px solid #dfdbdb;
  margin-bottom: 0px;
}
#trip-list .trip.short .profile-pic {
  width: 50px;
  height: 50px;
  background-position: center center;
}
#trip-list .trip.short .trip-details {
  margin-left: 10px;
  max-width: 65%;
}
@media (min-width: 769px) {
  #trip-list .trip.short .trip-details {
    margin-bottom: 10px;
  }
}
#trip-list .trip.short .trip-details h2 {
  font-size: 16px;
  margin: 3px 0px 2px;
}
@media (max-width: 320px) {
  #trip-list .trip.short .trip-details h2 {
    font-size: 14px;
    margin: 0px;
  }
}
#trip-list .trip.short .trip-details-full {
  display: none;
}
#trip-list .trip.short .trip-creator-name {
  display: none;
}
#trip-list .trip.short .trip-button {
  display: none;
}
#trip-list .trip.short .trip-details-short {
  display: block;
}
#trip-list .trip.short .trip-cta {
  text-align: right;
  float: right;
  clear: right;
}
#trip-list .trip.short .hide-short {
  display: none;
}
#trip-list .trip.short .badges {
  display: none;
}
#trip-list .trip.short:hover, #trip-list .trip.short:active {
  background: #f8f8f8;
}
#trip-list .trip:hover, #trip-list .trip-request:hover {
  border-top: 1px solid #dfdbdb;
  border-left: 1px solid #dfdbdb;
}
#trip-list .trip:active, #trip-list trip-request:active {
  border-top: 1px solid #cdcbcb;
  border-left: 1px solid #cdcbcb;
}
#trip-list .trip-requests-container div:nth-child(3n+3) {
  margin-right: 0%;
}
#trip-list .trip-request {
  padding: 10px 13px 10px 13px;
  margin-bottom: 20px;
  box-sizing: border-box;
  background: #ffffff;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  width: 32%;
  margin-right: 2%;
  float: left;
  border-radius: 5px;
}
@media (max-width: 767px) {
  #trip-list .trip-request {
    margin-bottom: 10px;
    width: 100%;
  }
}
@media (max-width: 320px) {
  #trip-list .trip-request {
    padding: 5px 10px 5px 10px !important;
  }
}
@media (max-width: 767px) {
  #trip-list .trip-request .trip-request-details {
    float: left;
  }
}
#trip-list .trip-request .profile-pic {
  width: 60px;
  height: 60px;
  border: 1px solid #dfdbdb;
  border-radius: 60px;
  background-position: center center;
}
@media (max-width: 767px) {
  #trip-list .trip-request .profile-pic {
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 10px;
  }
}
@media (max-width: 320px) {
  #trip-list .trip-request .profile-pic {
    width: 30px;
    height: 30px;
    margin-top: 5px;
  }
}
#trip-list .trip-request .trip-details {
  margin: -6px 0px 0px 20px;
  line-height: 18px;
}
@media (max-width: 767px) {
  #trip-list .trip-request .trip-details {
    float: left;
  }
}
@media (min-width: 769px) {
  #trip-list .trip-request .trip-request-locations {
    margin: 0px;
  }
}
@media (max-width: 767px) {
  #trip-list .trip-request .trip-request-locations {
    font-size: 16px;
    margin: 3px 0px 5px;
  }
}
@media (max-width: 320px) {
  #trip-list .trip-request .trip-request-locations {
    font-size: 14px;
    margin: 0px;
  }
}
#trip-list .trip-request .trip-request-departure {
  color: #456682;
}
@media (min-width: 769px) {
  #trip-list .trip-request .trip-request-departure {
    font-weight: 600;
  }
}
#trip-list .trip-request .request-button {
  border-radius: 3px;
  background: #dfdbdb;
  color: #456682;
  padding: 5px 20px 5px 20px;
  margin-top: 8px;
  display: block;
  text-align: center;
  width: auto;
  box-sizing: border-box;
}
#trip-list .trip-request .request-button:hover, #trip-list .trip-request .request-button:active {
  background: #cdcbcb;
}
#trip-list .trip-request .seats-needed {
  text-align: right;
}
@media (max-width: 320px) {
  #trip-list .trip-request .seats-needed .text-medium, #trip-list .trip-request .seats-needed #book .booking-form .trip-form-policies .text-slarge, #book .booking-form .trip-form-policies #trip-list .trip-request .seats-needed .text-slarge, #trip-list .trip-request .seats-needed #book .booking-form .trip-form-policies .trip-form-section-header, #book .booking-form .trip-form-policies #trip-list .trip-request .seats-needed .trip-form-section-header, #trip-list .trip-request .seats-needed #book .booking-form .trip-form-policies .policy-title, #book .booking-form .trip-form-policies #trip-list .trip-request .seats-needed .policy-title, #trip-list .trip-request .seats-needed #book .booking-form .trip-form-policies #community-agreement .community-item p, #book .booking-form .trip-form-policies #community-agreement .community-item #trip-list .trip-request .seats-needed p, #trip-list .trip-request .seats-needed #community-agreement .community-item #book .booking-form .trip-form-policies p, #community-agreement .community-item #book .booking-form .trip-form-policies #trip-list .trip-request .seats-needed p, #trip-list .trip-request .seats-needed #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .trip-details .trip-date, #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .trip-details #trip-list .trip-request .seats-needed .trip-date, #trip-list .trip-request .seats-needed #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .booking-details, #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item #trip-list .trip-request .seats-needed .booking-details, #trip-list .trip-request .seats-needed #book .booking-form .trip-form-policies .popular-routes .popular-routes-box, #book .booking-form .trip-form-policies .popular-routes #trip-list .trip-request .seats-needed .popular-routes-box, #trip-list .trip-request .seats-needed .popular-routes #book .booking-form .trip-form-policies .popular-routes-box, .popular-routes #book .booking-form .trip-form-policies #trip-list .trip-request .seats-needed .popular-routes-box, #trip-list .trip-request .seats-needed #book .booking-form .trip-form-policies .instruction-full .instruction-contents .instruction-item .instruction-item-title, #book .booking-form .trip-form-policies .instruction-full .instruction-contents .instruction-item #trip-list .trip-request .seats-needed .instruction-item-title, #trip-list .trip-request .seats-needed .instruction-full .instruction-contents .instruction-item #book .booking-form .trip-form-policies .instruction-item-title, .instruction-full .instruction-contents .instruction-item #book .booking-form .trip-form-policies #trip-list .trip-request .seats-needed .instruction-item-title, #trip-list .trip-request .seats-needed #payments .payment-box .payment-text, #payments .payment-box #trip-list .trip-request .seats-needed .payment-text, #trip-list .trip-request .seats-needed #payments .payment-box .payment-amount, #payments .payment-box #trip-list .trip-request .seats-needed .payment-amount, #trip-list .trip-request .seats-needed #book .booking-form .trip-form-policies #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details h2, #book .booking-form .trip-form-policies #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details #trip-list .trip-request .seats-needed h2, #trip-list .trip-request .seats-needed #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details #book .booking-form .trip-form-policies h2, #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details #book .booking-form .trip-form-policies #trip-list .trip-request .seats-needed h2, #trip-list .trip-request .seats-needed #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details .trip-date, #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details #trip-list .trip-request .seats-needed .trip-date {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  #trip-list .trip-request .seats-needed .seat-number {
    margin: 2px 0px 4px;
  }
}
@media (max-width: 320px) {
  #trip-list .trip-request .seats-needed .seat-number {
    margin: 0px;
  }
}
#trip-list .trip-request:hover {
  cursor: pointer;
}
#trip-list .trip-request:active {
  cursor: pointer;
}
#trip-list .trips-container {
  clear: both;
}
#trip-list .trips-container.inactive {
  display: none;
}
#trip-list .trip-requests-container.inactive {
  display: none;
}
#trip-list .badges {
  margin-left: 10px;
  margin-top: 3px;
  width: 20px;
}
#trip-list .badges .ambassador {
  height: 20px;
  width: 20px;
  display: block;
  background-size: contain;
  margin-bottom: 7px;
}
#trip-list .badges .ambassador:hover {
  background: url("../images/icons/icon-member-ambassador.dfa17b40d1ca.png") no-repeat #f8f8f8;
  background-size: contain;
}
#trip-list .badges .member.annual {
  height: 20px;
  width: 20px;
  display: block;
  background-size: contain;
  margin-bottom: 7px;
}
#trip-list .badges .member.basic {
  height: 20px;
  width: 20px;
  display: block;
  background-size: contain;
  margin-bottom: 7px;
}
#trip-list .badges .cashless-icon {
  height: 22px;
  width: 22px;
  display: block;
  background: url("../images/icons/icon-cashless.9fb3f3ecaa15.png") no-repeat right center;
  background-size: contain;
  margin-left: 0px;
  margin-bottom: 7px;
}
#trip-list .badges .verification.verified {
  background: url("../images/icons/icon-verified.804ca7ec886b.png") no-repeat;
  background-size: contain;
  height: 20px;
  width: 20px;
  margin-bottom: 7px;
}

#trip-list.trip-request-matches .trip.short {
  border: 1px solid #dfdbdb;
  margin-bottom: 15px;
  padding-left: 10px;
  padding-right: 10px;
}
@media (max-width: 767px) {
  #trip-list.trip-request-matches .trip.short {
    padding-bottom: 10px;
  }
}
#trip-list.trip-request-matches .trip-details {
  border: none;
  background: none;
  padding: 0px;
}

/* New trip item */
.trip-item-container {
  position: relative;
}

.trip-item {
  height: 170px;
  border-radius: 15px;
  border: 1px solid #D7E6ED;
  background: #ffffff;
  box-sizing: border-box;
  margin: 0px 0px 15px;
  width: 100%;
  position: relative;
}
.trip-item .trip-item-bar {
  position: absolute;
  width: 2px;
  height: 85%;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
  background: #183154;
}
.trip-item .trip-item-profile {
  height: 100%;
  width: 20%;
  float: left;
  padding: 15px 5px 15px 15px;
  box-sizing: border-box;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .trip-item .trip-item-profile {
    width: 20%;
  }
}
.trip-item .trip-item-profile .trip-item-profile-picture {
  width: 80px;
  height: 80px;
  display: inline-block;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .trip-item .trip-item-profile .trip-item-profile-picture {
    width: 50px;
    height: 50px;
  }
}
.trip-item .trip-item-profile .trip-item-profile-name {
  font-size: 16px;
  font-weight: 700;
  float: left;
  color: #183154;
}
.trip-item .trip-item-profile .trip-item-profile-reviews {
  font-weight: 600;
}
.trip-item .trip-item-profile .trip-item-profile-reviews .rating {
  display: block;
}
.trip-item .trip-item-profile .trip-item-profile-reviews .review-count {
  font-size: 15px;
}
.trip-item .trip-item-details {
  height: 100%;
  width: 45%;
  float: left;
  padding: 15px 15px 15px 15px;
  box-sizing: border-box;
}
.trip-item .trip-item-details .trip-item-details-locations {
  margin-bottom: 5px;
}
.trip-item .trip-item-details .trip-item-details-locations a {
  color: #183154;
  font-size: 18px;
  font-weight: 700;
}
.trip-item .trip-item-details .trip-item-details-locations.instant-book {
  background: url("../images/icons/icon_instant_book.2eb4121d74aa.svg") no-repeat;
  padding-left: 20px;
  background-size: 20px 20px;
  background-position: -3px 0px;
}
.trip-item .trip-item-details .trip-item-details-schedule {
  margin-bottom: 25px;
}
.trip-item .trip-item-details .trip-item-details-schedule .trip-item-details-leaving {
  font-weight: 600;
}
.trip-item .trip-item-details .trip-item-details-schedule .trip-item-details-returning {
  font-weight: 600;
}
.trip-item .trip-item-details .trip-item-details-schedule .trip-item-details-date-label {
  width: 80px;
  float: left;
}
.trip-item .trip-item-details .trip-item-details-schedule .trip-item-details-date-value {
  width: 300px;
  float: left;
  white-space: nowrap;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .trip-item .trip-item-details .trip-item-details-schedule .trip-item-details-date-value {
    width: 200px;
  }
}
.trip-item .trip-item-details .trip-item-details-pickups {
  color: #456682;
}
@media (min-width: 769px) {
  .trip-item .trip-item-details .trip-item-details-pickups {
    position: absolute;
    bottom: 15px;
  }
}
.trip-item .trip-item-details .trip-item-details-pickups .trip-item-details-pickups-value {
  width: 300px;
  float: left;
  white-space: nowrap;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .trip-item .trip-item-details .trip-item-details-pickups .trip-item-details-pickups-value {
    width: 200px;
  }
}
.trip-item .trip-item-details .trip-item-details-pickups .trip-item-details-pickups-label {
  width: 80px;
  float: left;
}
.trip-item .trip-item-vehicle {
  height: 100%;
  width: 22%;
  padding: 15px 5px 35px 15px;
  box-sizing: border-box;
  float: left;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .trip-item .trip-item-vehicle {
    width: 20%;
  }
}
.trip-item .trip-item-vehicle .trip-item-vehicle-photo {
  width: 150px;
  box-sizing: border-box;
  height: 90px;
  border-radius: 3px;
  margin-bottom: 5px;
}
.trip-item .trip-item-vehicle .trip-item-vehicle-details {
  width: 100%;
  color: #456682;
  white-space: nowrap;
  overflow-x: hidden;
}
.trip-item .trip-item-vehicle .trip-item-vehicle-preferences {
  clear: both;
  max-height: 30px;
  overflow-x: hidden;
}
.trip-item .trip-item-vehicle .trip-item-vehicle-preferences .vehicle-two-seats, .trip-item .trip-item-vehicle .trip-item-vehicle-preferences .vehicle-luggage, .trip-item .trip-item-vehicle .trip-item-vehicle-preferences .vehicle-winter-tires, .trip-item .trip-item-vehicle .trip-item-vehicle-preferences .vehicle-skis, .trip-item .trip-item-vehicle .trip-item-vehicle-preferences .vehicle-bikes, .trip-item .trip-item-vehicle .trip-item-vehicle-preferences .vehicle-pets {
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  float: left;
  margin: 3px 5px 0px 0px;
  padding-left: 0px;
}
.trip-item .trip-item-vehicle .trip-item-vehicle-preferences .vehicle-luggage.off, .trip-item .trip-item-vehicle .trip-item-vehicle-preferences .vehicle-winter-tires.off, .trip-item .trip-item-vehicle .trip-item-vehicle-preferences .vehicle-skis.off, .trip-item .trip-item-vehicle .trip-item-vehicle-preferences .vehicle-bikes.off, .trip-item .trip-item-vehicle .trip-item-vehicle-preferences .vehicle-pets.off {
  display: none;
}
.trip-item .trip-item-vehicle .trip-item-vehicle-preferences.stick-to-bottom {
  position: absolute;
  bottom: 25px;
  overflow-x: visible;
}
.trip-item .trip-item-cta {
  height: 100%;
  width: 120px;
  position: absolute;
  right: 0px;
  padding: 15px;
  box-sizing: border-box;
}
.trip-item .trip-item-cta .trip-item-instant-book {
  background: url("../images/icons/icon_instant_book.2eb4121d74aa.svg") no-repeat center left;
  background-size: 19px 15px;
  background-position: 1px 5px;
  display: block;
  width: 20px;
  height: 20px;
}
.trip-item .trip-item-cta .trip-item-cta-price {
  color: #183154;
  font-size: 18px;
  font-weight: 700;
  text-align: right;
}
.trip-item .trip-item-cta .trip-item-cta-per-seat {
  text-align: right;
  color: #456682;
}
.trip-item .trip-item-cta .trip-item-cta-seats {
  text-align: right;
  color: #183154;
  font-size: 16px;
}

.trip-item:hover {
  border: 1px solid #6798c3;
}

.trip-item:active {
  background: #F1FAFF;
  border: 1px solid #456682;
}

/* Trip item for mobile */
.trip-item-mobile {
  border-radius: 15px;
  border: 1px solid #dfdbdb;
  background: #ffffff;
  box-sizing: border-box;
  margin: 0px 0px 10px;
  width: 100%;
  position: relative;
}
.trip-item-mobile .trip-item-mobile-details-schedule {
  padding: 10px 0px 0px 10px;
  float: left;
}
.trip-item-mobile .trip-item-mobile-details-schedule .trip-item-mobile-details-leaving {
  font-weight: 600;
  float: left;
}
.trip-item-mobile .trip-item-mobile-details-schedule .trip-item-mobile-details-returning {
  background: url("../images/icons/icon-return-trip.b13587788cdd.png") no-repeat center center;
  background-size: contain;
  margin: 5px 0px 0px 10px;
  height: 13px;
  width: 14px;
  float: left;
}
.trip-item-mobile .trip-item-mobile-cta {
  float: right;
  padding: 10px 10px 0px 0px;
  float: right;
  box-sizing: border-box;
}
.trip-item-mobile .trip-item-mobile-cta .trip-item-mobile-cta-price {
  color: #183154;
  font-size: 24px;
  font-weight: 700;
  text-align: right;
}
.trip-item-mobile .trip-item-mobile-cta .trip-item-mobile-cta-seats {
  color: #183154;
  text-align: right;
}
.trip-item-mobile .trip-item-mobile-cta .trip-item-instant-book {
  background: url("../images/icons/icon_instant_book.2eb4121d74aa.svg") no-repeat center left;
  background-size: 20px 20px;
  background-position: -3px 0px;
  display: block;
  width: 15px;
  height: 20px;
}
.trip-item-mobile .trip-item-mobile-details {
  padding: 0px 10px 0px 10px;
  margin: 10px 0px 10px;
  border-left: 2px solid #183154;
  box-sizing: border-box;
}
.trip-item-mobile .trip-item-mobile-details .trip-item-mobile-details-locations .trip-item-mobile-details-time {
  width: 65px;
  float: left;
  color: #183154;
  font-size: 15px;
  font-weight: 700;
}
.trip-item-mobile .trip-item-mobile-details .trip-item-mobile-details-locations .trip-item-mobile-details-location {
  white-space: nowrap;
  overflow: hidden;
  float: left;
}
.trip-item-mobile .trip-item-mobile-details .trip-item-mobile-details-locations .trip-item-mobile-details-location a.trip-item-mobile-details-location-left {
  color: #183154;
  font-size: 15px;
  font-weight: 700;
}
.trip-item-mobile .trip-item-mobile-details .trip-item-mobile-details-locations .trip-item-mobile-details-location .trip-item-mobile-details-location-right {
  color: #456682;
}
.trip-item-mobile .trip-item-mobile-details .trip-item-mobile-details-locations .trip-item-mobile-details-location-spacer {
  height: 3px;
}
.trip-item-mobile .trip-item-mobile-details .trip-item-mobile-details-locations .trip-item-mobile-details-returning {
  font-weight: 600;
  color: #456682;
  background: url("../images/icons/icon-return-trip.b13587788cdd.png") no-repeat left center;
  background-size: 13px 13px;
  padding-left: 18px;
}
.trip-item-mobile .trip-item-mobile-vehicle {
  width: 100%;
  padding: 0px 10px 5px 10px;
  box-sizing: border-box;
  color: #456682;
  font-weight: 600;
}
.trip-item-mobile .trip-item-mobile-vehicle .trip-item-mobile-vehicle-details {
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .trip-item-mobile .trip-item-mobile-vehicle .trip-item-mobile-vehicle-details {
    margin: 4px 0px 0px 10px;
  }
}
.trip-item-mobile .trip-item-mobile-vehicle .trip-item-mobile-vehicle-preferences {
  clear: both;
  margin: 0px 0px 0px 0px;
}
.trip-item-mobile .trip-item-mobile-vehicle .trip-item-mobile-vehicle-preferences .vehicle-two-seats, .trip-item-mobile .trip-item-mobile-vehicle .trip-item-mobile-vehicle-preferences .vehicle-luggage, .trip-item-mobile .trip-item-mobile-vehicle .trip-item-mobile-vehicle-preferences .vehicle-winter-tires, .trip-item-mobile .trip-item-mobile-vehicle .trip-item-mobile-vehicle-preferences .vehicle-skis, .trip-item-mobile .trip-item-mobile-vehicle .trip-item-mobile-vehicle-preferences .vehicle-bikes, .trip-item-mobile .trip-item-mobile-vehicle .trip-item-mobile-vehicle-preferences .vehicle-pets {
  padding-left: 0px;
  width: 25px;
  height: 25px;
  background-size: 25px 25px;
  float: left;
  margin: 3px 5px 0px 0px;
}
.trip-item-mobile .trip-item-mobile-vehicle .trip-item-mobile-vehicle-preferences .vehicle-luggage.off, .trip-item-mobile .trip-item-mobile-vehicle .trip-item-mobile-vehicle-preferences .vehicle-winter-tires.off, .trip-item-mobile .trip-item-mobile-vehicle .trip-item-mobile-vehicle-preferences .vehicle-skis.off, .trip-item-mobile .trip-item-mobile-vehicle .trip-item-mobile-vehicle-preferences .vehicle-bikes.off, .trip-item-mobile .trip-item-mobile-vehicle .trip-item-mobile-vehicle-preferences .vehicle-pets.off {
  display: none;
}

.trip-item-mobile:hover {
  border: 1px solid #dfdbdb;
}

.trip-item-mobile:active {
  background: #F2FAFF;
  border: 1px solid #456682;
}

/* The code below is shared between trip-item and trip-request-item for DRY */
.trip-item-common-profile-divider {
  padding: 0px 10px 0px 10px;
  box-sizing: border-box;
  display: block;
  height: 1px;
  width: 100%;
  margin-top: 5px;
}
.trip-item-common-profile-divider .trip-item-common-profile-divider-line {
  width: 100%;
}

.trip-item-common-profile {
  padding: 3px 10px 13px 10px;
  box-sizing: border-box;
}
.trip-item-common-profile .trip-item-common-profile-left {
  width: 18%;
  max-width: 55px;
  float: left;
}
.trip-item-common-profile .trip-item-common-profile-left .trip-item-common-profile-picture {
  width: 40px;
  height: 40px;
  border-radius: 40px;
}
.trip-item-common-profile .trip-item-common-profile-right {
  width: 82%;
  float: left;
  box-sizing: border-box;
}
.trip-item-common-profile .trip-item-common-profile-right .trip-item-common-profile-name {
  font-size: 15px;
  font-weight: 700;
  float: left;
}
.trip-item-common-profile .trip-item-common-profile-right .trip-item-common-profile-age {
  color: #456682;
  float: left;
  margin-left: 5px;
}
.trip-item-common-profile .trip-item-common-profile-right .trip-item-common-profile-driven {
  float: left;
}
.trip-item-common-profile .trip-item-common-profile-right .trip-item-common-profile-reviews {
  float: left;
}
@media (max-width: 767px) {
  .trip-item-common-profile .trip-item-common-profile-right .trip-item-common-profile-reviews {
    margin-left: 10px;
  }
}
.trip-item-common-profile .trip-item-common-profile-right .trip-item-common-profile-circle {
  background: #456682;
  width: 4px;
  height: 4px;
  float: left;
  margin: 9px 5px 0px 5px !important;
  border-radius: 10px;
}
.trip-item-common-profile .trip-item-common-profile-right.space-top {
  margin-top: 10px;
}

.trip-requests-results .trip-requests-results-picture-container {
  display: flex;
  margin-right: 6px;
}
.trip-requests-results .trip-requests-results-picture-container .trip-requests-results-picture {
  width: 36px;
  height: 36px;
  display: block;
  border-radius: 100px;
  border: 2px solid #ffffff;
  margin-left: -8px;
  background-color: #FAE5E0;
  color: #ED784A;
  text-align: center;
  padding-top: 6px;
  font-weight: 600;
}
.trip-requests-results .trip-requests-results-picture-container .trip-requests-results-picture:first-child {
  margin-left: 0px;
}
.trip-requests-results .trip-requests-results-picture-container .trip-requests-results-picture.plus {
  background-color: #F9AD88;
  color: #ffffff;
}

#trip-list-ctas a.trip-list-cta {
  display: block;
  width: 45%;
  float: left;
  box-sizing: border-box;
  padding: 16px 20px 16px 0px;
  background: #ffffff;
  border-radius: 15px;
  position: relative;
  background: url("../images/icons/icon-chevron-right.6c711470408d.svg") no-repeat right center #ffffff;
  background-size: 48px 48px;
  border: 1px solid #D7E6ED;
  overflow: hidden;
}
@media (max-width: 767px) {
  #trip-list-ctas a.trip-list-cta {
    width: 100%;
    float: none;
    background: url("../images/icons/icon-chevron-right.6c711470408d.svg") no-repeat right 10px center #ffffff;
    background-size: auto 15px;
    padding: 15px 15px 15px 0px;
  }
}
#trip-list-ctas a.trip-list-cta .trip-list-cta-indicator {
  width: 3px;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
#trip-list-ctas a.trip-list-cta .trip-list-cta-title {
  color: #183154;
  padding-left: 25px;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 4px;
  font-weight: 700;
}
@media (max-width: 767px) {
  #trip-list-ctas a.trip-list-cta .trip-list-cta-title {
    padding-left: 15px;
  }
}
#trip-list-ctas a.trip-list-cta .trip-list-cta-subtitle {
  color: #456682;
  font-size: 16px;
  padding-left: 25px;
}
@media (max-width: 767px) {
  #trip-list-ctas a.trip-list-cta .trip-list-cta-subtitle {
    padding-left: 15px;
  }
}
#trip-list-ctas .trip-list-cta.driver .trip-list-cta-indicator {
  background: #183154;
}
@media (max-width: 767px) {
  #trip-list-ctas .trip-list-cta.driver {
    margin-bottom: 20px;
  }
}
#trip-list-ctas .trip-list-cta.passenger .trip-list-cta-indicator {
  background: #ED784A;
}
#trip-list-ctas .trip-list-cta-middle {
  width: 10%;
  float: left;
  text-align: center;
  padding-top: 30px;
}
#trip-list-ctas a.trip-list-cta:hover {
  border: 1px solid #6798c3;
}
#trip-list-ctas a.trip-list-cta:active {
  border: 1px solid #456682;
}

.trip-item:hover + .admin-results-pouche-trip-cta {
  display: block;
}

.no-results-text {
  font-weight: 400;
  line-height: 26px;
}
@media (min-width: 769px) {
  .no-results-text {
    font-size: 20px;
    margin: 50px 0px;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .no-results-text {
    font-size: 18px;
    margin: 10px 0px;
  }
}

.no-results-graphic {
  background: url("../images/icons/results_empty.743980d391af.svg") no-repeat center center;
  background-size: contain;
  width: 100%;
  height: 160px;
  margin: 0 auto;
  display: block;
}
@media (min-width: 769px) {
  .no-results-graphic {
    max-width: 600px;
  }
}
@media (max-width: 767px) {
  .no-results-graphic {
    max-width: 400px;
    height: 200px;
  }
}

.no-results-social {
  text-align: center;
  font-size: 16px;
  margin-top: 50px;
}

/* Trip Requests */
#requests .request {
  border: 1px solid #dfdbdb;
  padding: 20px;
  border-radius: 15px;
  background: #ffffff;
}
#requests .request .trip-details {
  cursor: pointer;
}
@media (min-width: 769px) {
  #requests .request .trip-details {
    float: left;
  }
}
#requests .request .departure-details {
  font-size: 16px;
}
#requests .request .seat-details {
  color: #456682;
  font-size: 16px;
}
#requests .request .float-right {
  text-align: right;
}
#requests .request .seat {
  background-color: #ff5400;
}
#requests .request .alert-actions {
  margin-top: 2px;
}
@media (min-width: 769px) {
  #requests .request .alert-actions {
    float: right;
  }
}
@media (max-width: 767px) {
  #requests .request .alert-actions {
    margin: 5px 0px 5px;
    clear: both;
  }
}
#requests .request .alert-action {
  cursor: pointer;
}
#requests .trip-match {
  margin: 0px 0px 0px;
  width: 100%;
}
#requests .trip-match.active {
  background: #fffdd3;
  border-radius: 5px;
}
#requests .profile-pic {
  width: 40px;
  height: 40px;
  border-radius: 60px;
  border: 1px solid #dfdbdb;
  float: left;
  margin: 0px 15px 0px 0px;
}
#requests .match-date {
  color: #456682;
}
#requests .add-trip-request-icon {
  border: 2px solid #ff4f02;
  border-radius: 30px;
  height: 19px;
  width: 19px;
  color: #ff4f02;
  text-align: center;
  line-height: 15px;
  font-size: 20px;
  margin-right: 10px;
}

.request-item {
  border-radius: 5px;
  cursor: pointer;
}
.request-item .request-item-container {
  padding: 15px;
}
@media (min-width: 1024px) {
  .request-item .request-item-container {
    max-width: 1200px;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .request-item .request-item-container {
    padding: 10px;
  }
}
.request-item .request-cta {
  color: #ff4f02;
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 5px;
  margin-top: 0px;
}
@media (max-width: 767px) {
  .request-item .request-cta {
    font-size: 14px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
}

.request-add {
  border-left: 5px solid #ff4f02;
  background: #ffffff;
}
.request-add .request-item-container {
  background: url("../images/icons/icon-trip-request-orange.17aed2c9ff07.png") center left no-repeat;
  background-position: 20px;
  background-size: 40px 40px;
  padding-left: 80px;
}
@media (max-width: 767px) {
  .request-add .request-item-container {
    padding: 18px 15px 15px 60px;
    background: url("../images/icons/icon-trip-request-orange.17aed2c9ff07.png") center left no-repeat;
    background-position: 12px 12px;
    background-size: 30px 30px;
  }
}
.request-add .add-icon {
  color: #ff4f02;
  font-size: 0px;
  font-weight: 100;
  text-align: center;
  margin-top: 13px;
  margin-left: 3px;
  margin-right: 10px;
  line-height: 20px;
  font-size: 60px;
  border-radius: 3px;
}
@media (max-width: 767px) {
  .request-add .add-icon {
    font-weight: 100;
    text-align: center;
    margin-top: 2px;
    margin-left: 3px;
    margin-right: 1px;
    line-height: 14px;
    font-size: 30px;
    border-radius: 3px;
  }
}
.request-add .create-alert {
  margin-top: 0px;
  text-align: left;
  padding: 15px 0px 15px 15px;
  color: #ff4f02;
  font-weight: 600;
  background-position-x: 70px;
  font-size: 16px;
  cursor: pointer;
}
.request-add .request-description {
  color: #456682;
}
@media (max-width: 767px) {
  .request-add .request-description {
    display: none;
  }
}

.request-add:hover {
  background: #ff4f02;
  color: #ffffff;
  border-left: 5px solid #ff4f02;
}
.request-add:hover .request-cta {
  color: #ffffff;
}
.request-add:hover .request-item-container {
  padding: 15px 15px 15px 80px;
  background: url("../images/icons/icon-trip-request-white.381bb77d6431.png") center left no-repeat;
  background-position: 20px;
  background-size: 40px 40px;
}
@media (min-width: 1024px) {
  .request-add:hover .request-item-container {
    max-width: 1200px;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .request-add:hover .request-item-container {
    padding: 18px 15px 15px 60px;
    background: url("../images/icons/icon-trip-request-white.381bb77d6431.png") center left no-repeat;
    background-position: 12px 12px;
    background-size: 30px 30px;
    color: #ffffff;
  }
}
.request-add:hover .add-icon {
  color: #ffffff;
}
.request-add:hover .create-alert {
  color: #ffffff;
}
.request-add:hover .request-description {
  color: #ffffff;
}

.request-add:active {
  background: #dd4900;
  border-left: 5px solid #dd4900;
}

.request-exists {
  border-left: 5px solid #ff4f02;
  border-top: 1px solid #efefef;
  border-right: 1px solid #efefef;
  background: #ffffff;
}
.request-exists .request-picture {
  width: 60px;
  height: 60px;
  border-radius: 60px;
  border: 1px solid #dfdbdb;
  display: block;
  float: left;
  margin-right: 20px;
}
@media (max-width: 767px) {
  .request-exists .request-picture {
    width: 40px;
    height: 40px;
    margin-right: 10px;
  }
}
@media (max-width: 767px) {
  .request-exists .request-description {
    font-size: 14px;
  }
}
.request-exists .view-icon {
  background: url("../images/icons/icon-triangle-right-grey.af4c9cdcf7b3.png") no-repeat center center;
  background-size: contain;
  width: 15px;
  height: 60px;
  margin-right: 10px;
}
@media (max-width: 767px) {
  .request-exists .view-icon {
    margin-right: 0px;
    width: 10px;
    height: 43px;
  }
}

.request-exists:hover {
  border-left: 5px solid #ff4f02;
  border-top: 1px solid #dfdbdb;
  border-right: 1px solid #dfdbdb;
}

.request-exists:active {
  border-left: 5px solid #ff4f02;
  border-top: 1px solid #cdcbcb;
  border-right: 1px solid #cdcbcb;
}

#add-trip-request .input-label {
  float: left;
  width: 22%;
}
@media (max-width: 767px) {
  #add-trip-request .input-label {
    width: 100%;
  }
}
#add-trip-request .departure-label, #add-trip-request .locations-label {
  margin-top: 16px;
}
@media (max-width: 767px) {
  #add-trip-request .locations-label {
    margin-bottom: 5px;
  }
}
#add-trip-request .seats-label {
  margin-top: 5px;
}
#add-trip-request .existing-request {
  color: #456682;
}
#add-trip-request .existing-request .errorlist {
  font-weight: 600px;
  color: #456682;
}
#add-trip-request .existing-request a {
  color: #456682;
}
#add-trip-request .description-label {
  margin-top: 12px;
}
@media (max-width: 767px) {
  #add-trip-request .description-label {
    width: 100%;
  }
}
#add-trip-request .input-field {
  float: left;
  width: 78%;
}
@media (max-width: 767px) {
  #add-trip-request .input-field {
    width: 100%;
  }
}
#add-trip-request .departure-field {
  position: relative;
}
#add-trip-request .departure-field input {
  min-width: 200px;
  padding: 15px;
}
@media (max-width: 767px) {
  #add-trip-request .departure-field input {
    width: 100%;
  }
}
#add-trip-request .locations-input .locations-from {
  position: relative;
  width: 45%;
  float: left;
}
@media (max-width: 767px) {
  #add-trip-request .locations-input .locations-from {
    width: 100%;
  }
}
#add-trip-request .locations-input .locations-between {
  width: 10%;
  float: left;
  text-align: center;
  padding-top: 20px;
}
@media (max-width: 767px) {
  #add-trip-request .locations-input .locations-between {
    width: 100%;
    text-align: left;
  }
}
#add-trip-request .locations-input .locations-to {
  position: relative;
  width: 45%;
  float: left;
}
@media (max-width: 767px) {
  #add-trip-request .locations-input .locations-to {
    width: 100%;
  }
}
#add-trip-request .trigger-departure-date {
  width: 150px;
}
#add-trip-request textarea {
  height: 100px;
}
#add-trip-request .seat-selection .seat-definition {
  margin: 12px 0px 0px 10px;
}
#add-trip-request .seat-selection .seat-plural {
  display: none;
}
#add-trip-request #id_seats {
  display: none;
}

.alert-exists {
  background: url("../images/icons/icon-alert-orange.b1cbafca4908.png") #ffffff left center no-repeat;
  background-size: 40px 40px;
  background-position-x: 10px;
  width: auto;
  padding: 20px 20px 20px 70px;
  display: block;
  border: 1px solid #dfdbdb;
}

/* Adding a trip request page */
#request-actions {
  background: none;
}
#request-actions .request-action.settings {
  background: url("../images/icons/menu/icon-settings.981fa940d0d8.svg") no-repeat left 10px center;
  padding-left: 42px;
  background-size: 32px 32px;
}
#request-actions .container, #request-actions #business .business-container, #business #request-actions .business-container {
  margin: 0 auto;
  padding: 0px;
  position: relative;
}

#request {
  position: relative;
  background: #ffffff;
}
#request #request-info .request-picture {
  float: left;
  border: 1px solid #dfdbdb;
  border-radius: 100px;
  width: 100px;
  height: 100px;
  margin: 10px 20px 0px 0px;
}
@media (max-width: 767px) {
  #request #request-info .request-picture {
    float: none;
    display: block;
    margin: 10px 0px 20px 0px;
  }
}
#request #request-info h1 {
  margin: 10px 0px 15px 0px;
  line-height: 30px;
}
@media (max-width: 767px) {
  #request #request-info h1 {
    font-size: 20px;
    margin: 5px 0px 0px 0px;
  }
}
#request #request-info h2 {
  margin: 0px 0px 15px 0px;
  font-weight: 600;
}
@media (max-width: 767px) {
  #request #request-info h2 {
    font-size: 18px;
  }
}
#request #request-info .container, #request #request-info #business .business-container, #business #request #request-info .business-container {
  padding-bottom: 0px;
}
#request #geo-map {
  height: 600px;
  border-top: 1px solid #dfdbdb;
}
@media (max-width: 767px) {
  #request #geo-map {
    height: 400px;
  }
}
#request #trip-matches-for-passenger {
  background: #F1FAFF;
}
#request #trip-matches-for-passenger .notification-icon {
  opacity: 1;
  background: url("../images/icons/notifications.9d8b0147fe33.svg") no-repeat left center;
  background-size: 20px 20px;
  padding-left: 30px;
}
#request #trip-matches-for-passenger .notification-pause {
  background: url("../images/icons/icon-notifications-paused.54bfa6caefa2.png") no-repeat left center;
  background-size: 20px 20px;
  padding-left: 27px;
}
#request #trip-matches-for-passenger .suspended-text a {
  color: #456682;
  text-decoration: underline;
}
#request #trip-matches-for-passenger .suspended-text a:hover {
  color: #183154;
}
@media (min-width: 769px) {
  #request .trip-request-description {
    padding-right: 30px;
  }
}
#request .button-invite {
  min-width: 0px;
  background: url("../images/icons/icon-invite-white.0e604b2b32ab.png") right center no-repeat #456682;
  background-size: 20px 20px;
  background-position: center right 15px;
  padding-right: 60px;
}
@media (max-width: 767px) {
  #request .button-invite {
    float: none;
    background: url("../images/icons/icon-invite-white.0e604b2b32ab.png") center center no-repeat #456682;
    background-size: 20px 20px;
    background-position: 12px 10px;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    margin: 5px 0px 0px 0px !important;
    padding: 0px;
  }
}
@media (max-width: 320px) {
  #request .button-invite {
    width: 30px;
    height: 30px;
    background-size: 15px 15px;
    background-position: 9px 7px;
  }
}
#request .button-invite.clicked {
  display: none;
}
#request .button-invite:hover {
  min-width: 0px;
  background: url("../images/icons/icon-invite-white.0e604b2b32ab.png") right center no-repeat #183154;
  background-size: 20px 20px;
  background-position: center right 15px;
  padding-right: 60px;
}
@media (max-width: 767px) {
  #request .button-invite:hover {
    float: none;
    background: url("../images/icons/icon-invite-white.0e604b2b32ab.png") center center no-repeat #456682;
    background-size: 20px 20px;
    background-position: 12px 10px;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    margin: 5px 0px 0px 0px !important;
    padding: 0px;
  }
}
@media (max-width: 320px) {
  #request .button-invite:hover {
    width: 30px;
    height: 30px;
    background-size: 15px 15px;
    background-position: 9px 7px;
  }
}
@media (max-width: 767px) {
  #request .loading {
    float: none;
    margin-top: 15px;
  }
}
@media (max-width: 320px) {
  #request .loading {
    margin-top: 10px;
  }
}
#request .trip-invited {
  color: #009a4b;
  font-size: 16px;
  font-weight: 600;
  float: right;
}
#request .trip-invited .tick-icon {
  border-radius: 30px;
  background: url("../images/icons/icon-tick-white.61a642f04cb9.png") center center #05AC09 no-repeat;
  background-size: 20px 20px;
  width: 25px;
  height: 25px;
  float: right;
  margin-left: 10px;
  display: block;
}
@media (max-width: 767px) {
  #request .trip-invited .tick-icon {
    float: none;
    margin: 0px;
    background-size: 20px 20px;
    width: 40px;
    height: 40px;
    margin: 5px 0px 0px 0px;
  }
}
@media (max-width: 320px) {
  #request .trip-invited .tick-icon {
    width: 30px;
    height: 30px;
  }
}
#request .trip-request-label {
  color: #ff4f02;
  border-radius: 3px;
  padding: 5px 10px 5px 10px;
  display: inline-block;
  border: 2px solid #ff4f02;
  font-weight: 600;
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  #modal-request-info .col-3 {
    margin: 0px;
  }
}
#modal-request-info .col-3.one {
  padding-left: 0px;
}

/* Common trip items */
.trip-info-alert, .trip-past, .trip-cancelled-alert {
  padding: 6px 0px 6px 28px;
  color: #183154;
  font-weight: 600;
  font-size: 18px;
  background-size: 36px 36px;
  background-repeat: no-repeat;
  background-position: -8px;
}

.trip-cancelled-alert {
  color: #FF3532;
  background-image: url("../images/icons/icon-cancel-red.032afb7e648b.svg");
}

.trip-past {
  background-image: url("../images/icons/icon-past.ded5e50348b2.svg");
}

/* Trip page */
#trip_view-page .trip-actions, #trip_edit-page .trip-actions {
  background: none;
}
#trip_view-page .trip-actions .trip-action, #trip_edit-page .trip-actions .trip-action {
  padding: 18px 15px 18px 15px;
  float: left;
  color: #456682;
  font-weight: 600;
}
#trip_view-page .trip-actions .trip-action.trip-status-container, #trip_edit-page .trip-actions .trip-action.trip-status-container {
  border-left: none;
}
#trip_view-page .trip-actions .trip-action-edit:hover, #trip_view-page .trip-actions .trip-action-cancel:hover, #trip_view-page .trip-actions .trip-action-view:hover, #trip_edit-page .trip-actions .trip-action-edit:hover, #trip_edit-page .trip-actions .trip-action-cancel:hover, #trip_edit-page .trip-actions .trip-action-view:hover {
  color: #456682;
}
#trip_view-page .trip-actions .trip-action-edit:active, #trip_view-page .trip-actions .trip-action-cancel:active, #trip_view-page .trip-actions trip-action-view:active, #trip_edit-page .trip-actions .trip-action-edit:active, #trip_edit-page .trip-actions .trip-action-cancel:active, #trip_edit-page .trip-actions trip-action-view:active {
  color: #183154;
}
#trip_view-page .trip-actions .trip-action-cancel, #trip_edit-page .trip-actions .trip-action-cancel {
  border-right: none;
}
#trip_view-page .trip-actions .trip-action.trip-settings, #trip_edit-page .trip-actions .trip-action.trip-settings {
  float: right;
  background: url("../images/icons/menu/icon-settings.981fa940d0d8.svg") no-repeat left 10px center;
  padding-left: 46px;
  background-size: 36px 36px;
  color: #183154;
}
#trip_view-page .trip-actions .container, #trip_view-page .trip-actions #business .business-container, #business #trip_view-page .trip-actions .business-container, #trip_edit-page .trip-actions .container, #trip_edit-page .trip-actions #business .business-container, #business #trip_edit-page .trip-actions .business-container {
  padding: 0px;
}
#trip_view-page .trip-actions .request-trigger, #trip_edit-page .trip-actions .request-trigger {
  height: 20px;
  width: 30px;
  border-radius: 20px;
  margin-top: 1px;
  margin-right: 12px;
  position: relative;
  padding-right: 3px;
}
#trip_view-page .trip-actions .request-trigger .toggler, #trip_edit-page .trip-actions .request-trigger .toggler {
  height: 16px;
  width: 16px;
  background: #ffffff;
  border-radius: 16px;
  position: absolute;
}
#trip_view-page .trip-actions .request-trigger.open, #trip_edit-page .trip-actions .request-trigger.open {
  background: #183154;
  cursor: pointer;
}
#trip_view-page .trip-actions .request-trigger.open .toggler, #trip_edit-page .trip-actions .request-trigger.open .toggler {
  top: 2px;
  left: 2px;
}
#trip_view-page .trip-actions .request-trigger.closed, #trip_edit-page .trip-actions .request-trigger.closed {
  background: #D7E6ED;
  cursor: pointer;
}
#trip_view-page .trip-actions .request-trigger.closed .toggler, #trip_edit-page .trip-actions .request-trigger.closed .toggler {
  top: 2px;
  right: 2px;
}
#trip_view-page .trip-actions .request-trigger.suspended, #trip_edit-page .trip-actions .request-trigger.suspended {
  background: #dfdbdb;
}
#trip_view-page .trip-actions .request-trigger.suspended .toggler, #trip_edit-page .trip-actions .request-trigger.suspended .toggler {
  top: 2px;
  right: 2px;
}
#trip_view-page .trip-actions .trip-status, #trip_edit-page .trip-actions .trip-status {
  font-weight: 700;
  font-size: 16px;
}
#trip_view-page .trip-actions .trip-status.open, #trip_edit-page .trip-actions .trip-status.open {
  color: #183154;
}
#trip_view-page .trip-actions .trip-status.closed, #trip_edit-page .trip-actions .trip-status.closed {
  color: #456682;
}
#trip_view-page .trip-actions .trip-status.suspended, #trip_edit-page .trip-actions .trip-status.suspended {
  color: #456682;
}
#trip_view-page .trip-actions .trip-status-text-container, #trip_edit-page .trip-actions .trip-status-text-container {
  margin-left: 20px;
}
#trip_view-page .trip-actions .trip-status-text, #trip_edit-page .trip-actions .trip-status-text {
  display: none;
  font-weight: 400;
}
#trip_view-page .trip-actions .trip-status-text.active, #trip_edit-page .trip-actions .trip-status-text.active {
  display: block;
}

.trip-actions {
  border-bottom: 1px solid #D7E6ED;
}

#trip #trip-login {
  text-align: center;
}
#trip #trip-login .button, #trip #trip-login .vehicle-form [type=submit], .vehicle-form #trip #trip-login [type=submit], #trip #trip-login #book .booking-form .booking-send-button, #book .booking-form #trip #trip-login .booking-send-button, #trip #trip-login .trip-search .trip-search-button, .trip-search #trip #trip-login .trip-search-button {
  max-width: 300px;
  margin: 0 auto;
  display: inline-block;
  padding-left: 30px;
  padding-right: 30px;
}
#trip .container-international {
  padding-top: 0px;
  padding-bottom: 0px;
}
#trip .container-international #trip-international {
  box-sizing: border-box;
}
@media (max-width: 767px) {
  #trip .container-international #trip-international {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
#trip #trip-international.trip-international-passenger {
  margin-bottom: 20px;
  border: 1px solid #ffcc00;
  border-radius: 5px;
}
@media (min-width: 769px) {
  #trip #trip-international.trip-international-passenger {
    float: left;
  }
}
@media (min-width: 1024px) {
  #trip #trip-international.trip-international-passenger {
    width: 580px;
  }
}
#trip #trip-info {
  background: #ffffff;
}
#trip #trip-info h1 {
  color: #183154;
  margin: 10px 0px 10px;
  line-height: 32px;
}
@media (max-width: 767px) {
  #trip #trip-info h1 {
    font-size: 24px;
    line-height: 28px;
  }
}
#trip #trip-info .trip-info-schedule {
  font-size: 18px;
  font-weight: 600;
  color: #183154;
}
#trip #trip-info .button-reveal-more-info {
  border: 1px solid #183154;
  color: #183154;
  padding: 6px 12px;
  text-align: center;
  border-radius: 100px;
  font-weight: 600;
  display: inline-block;
  margin-top: 18px;
}
@media (max-width: 767px) {
  #trip #trip-info .button-reveal-more-info {
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 0px;
  }
}
@media (min-width: 769px) {
  #trip #trip-info .button-reveal-more-info.for-vehicle {
    display: none;
  }
}
#trip #trip-info .vehicle {
  float: right;
}
#trip #trip-info .button-reveal-more-info:hover {
  opacity: 0.8;
}
#trip #trip-info .button-reveal-more-info:active {
  opacity: 1;
}
#trip #trip-info .trip-more-info-contents {
  display: none;
}
#trip #trip-info .trip-more-info-contents.active {
  display: block;
}
#trip #trip-info #trip-info-left {
  width: 65%;
  float: left;
}
@media (max-width: 767px) {
  #trip #trip-info #trip-info-left {
    width: 100%;
  }
}
#trip #trip-info #trip-info-left #trip-info-description {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  color: #456682;
}
@media (min-width: 769px) {
  #trip #trip-info #trip-info-left #trip-info-description {
    width: 95%;
    margin: 5px 0px;
  }
}
#trip #trip-info #trip-info-left #trip-info-description pre {
  margin-bottom: 0px;
}
#trip #trip-info #trip-info-right {
  width: 35%;
  float: right;
}
@media (max-width: 767px) {
  #trip #trip-info #trip-info-right {
    width: 100%;
  }
}
@media (max-width: 767px) {
  #trip #trip-info #trip-info-right .trip-vehicle-contents {
    display: none;
  }
}
@media (max-width: 767px) {
  #trip #trip-info #trip-info-right .trip-vehicle-contents.active {
    display: block;
  }
}
#trip #trip-bookings {
  background: #ffffff;
}
#trip #trip-bookings #trip-bookings-for-passenger {
  /* To be removed eventually */
}
#trip #trip-bookings #trip-bookings-for-passenger .container, #trip #trip-bookings #trip-bookings-for-passenger #business .business-container, #business #trip #trip-bookings #trip-bookings-for-passenger .business-container {
  position: relative;
}
#trip #trip-bookings #trip-bookings-for-passenger .booking-status-container {
  background: #ffffff;
  box-sizing: border-box;
}
@media (min-width: 769px) {
  #trip #trip-bookings #trip-bookings-for-passenger .booking-status-container {
    float: right;
    width: 35%;
    margin-top: -80px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
  }
}
@media (max-width: 767px) {
  #trip #trip-bookings #trip-bookings-for-passenger .booking-status-container {
    float: none !important;
    width: 100% !important;
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 100;
    margin: 0px;
    -webkit-box-shadow: 0px -1px 40px -7px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px -1px 40px -7px rgba(0, 0, 0, 0.75);
    box-shadow: 0px -1px 40px -7px rgba(0, 0, 0, 0.75);
  }
}
#trip #trip-bookings #trip-bookings-for-passenger .booking-status-container-heading {
  line-height: 24px;
}
@media (min-width: 769px) {
  #trip #trip-bookings #trip-bookings-for-passenger .booking-status-container-heading {
    padding: 18px 12px 18px 12px;
    box-sizing: border-box;
    height: 60px;
    max-height: 60px;
  }
}
@media (max-width: 767px) {
  #trip #trip-bookings #trip-bookings-for-passenger .booking-status-container-heading {
    border-top-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
  }
}
#trip #trip-bookings #trip-bookings-for-passenger .booking-status-container-heading.requested {
  background: #0064a7;
  color: #ffffff;
  border-bottom: none;
}
@media (max-width: 767px) {
  #trip #trip-bookings #trip-bookings-for-passenger .booking-status-container-heading.requested {
    background: #0099ff;
  }
}
@media (max-width: 767px) {
  #trip #trip-bookings #trip-bookings-for-passenger .booking-status-container-heading.cancelled {
    background: #ff6060;
  }
}
#trip #trip-bookings #trip-bookings-for-passenger #different-leg {
  margin-bottom: 20px !important;
  width: 60%;
}
@media (max-width: 767px) {
  #trip #trip-bookings #trip-bookings-for-passenger #different-leg {
    width: 100%;
    margin-top: 20px !important;
  }
}
@media (max-width: 767px) {
  #trip #trip-bookings #trip-bookings-for-passenger .booking-status-container-more-info {
    display: none;
  }
}
@media (max-width: 767px) {
  #trip #trip-bookings #trip-bookings-for-passenger .booking-status-container-more-info.active {
    display: block;
  }
}
#trip #trip-bookings .trip-bookings-tabs-container {
  width: 100%;
  overflow-y: scroll;
}
#trip #trip-bookings .trip-bookings-tabs-container .container, #trip #trip-bookings .trip-bookings-tabs-container #business .business-container, #business #trip #trip-bookings .trip-bookings-tabs-container .business-container {
  padding: 0px;
}
@media (max-width: 767px) {
  #trip #trip-bookings .trip-bookings-tabs-container.more-than-4 .container, #trip #trip-bookings .trip-bookings-tabs-container.more-than-4 #business .business-container, #business #trip #trip-bookings .trip-bookings-tabs-container.more-than-4 .business-container {
    padding: 0px;
    width: 1000px;
  }
}
@media (max-width: 767px) {
  #trip #trip-bookings .trip-bookings-tabs-container.more-than-9 .container, #trip #trip-bookings .trip-bookings-tabs-container.more-than-9 #business .business-container, #business #trip #trip-bookings .trip-bookings-tabs-container.more-than-9 .business-container {
    max-width: 2000px;
    width: 2000px;
  }
}
#trip #trip-bookings .return-trip {
  padding: 15px;
  font-size: 16px;
  border-left: 1px solid #ffcc00;
  border-right: 1px solid #ffcc00;
  background: #fbffcb;
}
#trip #trip-bookings #trip-bookings-tabs .booking-tab-trigger {
  opacity: 0.8;
  float: left;
  width: 100px;
  height: auto;
  text-align: center;
  margin-top: 10px;
  cursor: pointer;
}
@media (max-width: 767px) {
  #trip #trip-bookings #trip-bookings-tabs .booking-tab-trigger {
    width: 80px;
    height: auto;
  }
}
#trip #trip-bookings #trip-bookings-tabs .booking-tab-trigger .profile-pic {
  margin: 0 auto;
  border: 1px solid #dfdbdb;
  position: relative;
}
#trip #trip-bookings #trip-bookings-tabs .booking-tab-trigger .profile-name {
  margin: 4px 0px;
  color: #456682;
  font-size: 14px;
}
#trip #trip-bookings #trip-bookings-tabs .booking-tab-trigger .booking-status {
  position: absolute;
  top: -6px;
  left: -15px;
}
#trip #trip-bookings #trip-bookings-tabs .booking-tab-trigger.active {
  opacity: 1;
}
#trip #trip-bookings #trip-bookings-tabs .booking-tab-trigger.active .profile-pic {
  margin: -5px auto 0px;
  width: 50px;
  height: 50px;
  position: relative;
}
#trip #trip-bookings #trip-bookings-tabs .booking-tab-trigger.active .profile-name {
  margin: 4px 0px;
  color: #456682;
  font-size: 14px;
  font-weight: 600;
}
#trip #trip-bookings #trip-bookings-tabs .booking-tab-trigger.active .arrow-up {
  display: block;
  border-top: 5px solid #0099ff;
  width: 60px;
  margin: 0 auto;
}
#trip #trip-bookings #trip-bookings-tabs .booking-tab-trigger.approved.active .profile-pic {
  border: 2px solid #05AC09;
}
#trip #trip-bookings #trip-bookings-tabs .booking-tab-trigger.requested.active .profile-pic {
  border: 2px solid #0099ff;
}
#trip #trip-bookings #trip-bookings-tabs .booking-tab-trigger.cancelled.active .profile-pic {
  border: 2px solid #ff6060;
}
#trip #trip-bookings #trip-bookings-tabs .booking-tab-trigger.question.active .profile-pic {
  border: 2px solid #456682;
}
@media (max-width: 767px) {
  #trip #trip-bookings #trip-bookings-tabs-contents {
    margin-top: 0px;
  }
}
@media (max-width: 767px) {
  #trip #trip-bookings #trip-bookings-tabs-contents .container, #trip #trip-bookings #trip-bookings-tabs-contents #business .business-container, #business #trip #trip-bookings #trip-bookings-tabs-contents .business-container {
    padding: 0px;
  }
}
#trip #trip-bookings #trip-bookings-tabs-contents .booking-tab {
  display: none;
}
#trip #trip-bookings #trip-bookings-tabs-contents .booking-tab .booking-status-container {
  float: right;
  width: 35%;
  border-radius: 5px;
  border: 1px solid #dfdbdb;
  background: #ffffff;
  box-sizing: border-box;
}
#trip #trip-bookings #trip-bookings-tabs-contents .booking-tab .booking-status-container .booking-status-container-heading {
  box-sizing: border-box;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 20px 12px 18px 12px;
  box-sizing: border-box;
  height: 60px;
  max-height: 60px;
}
#trip #trip-bookings #trip-bookings-tabs-contents .booking-tab .booking-status-container .booking-status-container-heading a {
  color: #ffffff;
}
#trip #trip-bookings #trip-bookings-tabs-contents .booking-tab .booking-status-container .booking-status-container-heading.requested {
  background: #0099ff;
  color: #ffffff;
  border-bottom: none;
}
#trip #trip-bookings #trip-bookings-tabs-contents .booking-tab .booking-status-container .booking-status-container-heading.confirmed {
  background: #05AC09;
  color: #ffffff;
  border-bottom: none;
}
#trip #trip-bookings #trip-bookings-tabs-contents .booking-tab .booking-status-container .booking-status-container-heading.cancelled {
  background: #ff6060;
  color: #ffffff;
  border-bottom: none;
}
#trip #trip-bookings #trip-bookings-tabs-contents .booking-tab .booking-status-container .booking-status-container-heading.question {
  background: #666;
  color: #ffffff;
}
#trip #trip-bookings #trip-bookings-tabs-contents .booking-tab .booking-status-container .request-text {
  font-weight: 600;
}
#trip #trip-bookings #trip-bookings-tabs-contents .booking-tab .booking-status-container .error-msg, #trip #trip-bookings #trip-bookings-tabs-contents .booking-tab .booking-status-container #book .booking-form .booking-version .error, #book .booking-form .booking-version #trip #trip-bookings #trip-bookings-tabs-contents .booking-tab .booking-status-container .error, #trip #trip-bookings #trip-bookings-tabs-contents .booking-tab .booking-status-container .tip-msg {
  border-radius: 5px;
  border: none;
}
#trip #trip-bookings #trip-bookings-tabs-contents .booking-tab .booking-status-container .booking-update-state {
  margin-bottom: 0px;
}
#trip #trip-bookings #trip-bookings-tabs-contents .booking-tab .booking-status-container .modal {
  color: #565a5c;
}
#trip #trip-bookings #trip-bookings-tabs-contents .booking-tab .booking-status-container .booking-status {
  display: block;
  float: left;
  margin-right: 10px;
}
#trip #trip-bookings #trip-bookings-tabs-contents .booking-tab .booking-status-container .text-confirmed {
  color: #05AC09;
  background: url("../images/icons/icon-tick-green.d63056c4f7a9.png") no-repeat right center;
  padding-right: 25px;
}
#trip #trip-bookings #trip-bookings-tabs-contents .booking-tab .booking-status-container .text-declined, #trip #trip-bookings #trip-bookings-tabs-contents .booking-tab .booking-status-container .text-cancelled {
  color: #ff6060;
  background: url("../images/icons/icon-cross-red.2f3c86013c4f.png") no-repeat right center;
  padding-right: 25px;
}
#trip #trip-bookings #trip-bookings-tabs-contents .booking-tab .booking-status-container .booking-validity {
  color: #FF3532;
}
#trip #trip-bookings #trip-bookings-tabs-contents .booking-tab .booking-messaging-container {
  max-width: 500px;
  box-sizing: border-box;
}
@media (min-width: 769px) {
  #trip #trip-bookings #trip-bookings-tabs-contents .booking-tab .booking-messaging-container {
    padding-bottom: 20px;
    margin: 20px auto 0px;
  }
}
@media (max-width: 767px) {
  #trip #trip-bookings #trip-bookings-tabs-contents .booking-tab .booking-messaging-container {
    width: 100%;
    padding: 10px;
    margin: 0px;
  }
}
#trip #trip-bookings #trip-bookings-tabs-contents .booking-tab.active {
  display: block;
}
@media (min-width: 769px) {
  #trip #trip-bookings .booking-prompt-container {
    float: right;
    width: 35%;
    margin-top: -80px;
  }
}
#trip #trip-bookings .booking-prompt {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background: #ffffff;
  width: 100%;
}
@media (max-width: 767px) {
  #trip #trip-bookings .booking-prompt {
    position: relative;
    top: 0px;
  }
}
#trip #trip-bookings .booking-prompt .booking-prompt-header {
  padding: 18px 12px 14px 12px;
  height: 60px;
  max-height: 60px;
  background: #1275b5;
  color: #ffffff;
  width: 100%;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  #trip #trip-bookings .booking-prompt .booking-prompt-header {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
  }
}
#trip #trip-bookings .booking-prompt .booking-prompt-header .booking-price {
  font-size: 28px;
}
#trip #trip-bookings .booking-prompt .booking-prompt-header .booking-cancelled {
  font-size: 20px;
  padding: 6px 0px 6px;
}
#trip #trip-bookings .booking-prompt .booking-prompt-header .booking-text {
  font-size: 17px;
  margin-top: 8px;
}
#trip #trip-bookings .booking-prompt .booking-prompt-header.requested {
  background: #0099ff;
  color: #ffffff;
}
#trip #trip-bookings .booking-prompt .booking-prompt-contents {
  padding: 15px;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #dfdbdb;
}
@media (min-width: 769px) {
  #trip #trip-bookings .booking-prompt.fixed {
    position: fixed;
    margin: 90px 0px 0px -1px;
    border-radius: 5px;
    z-index: 100;
    width: 336px;
  }
}
@media (min-width: 769px) {
  #trip #trip-bookings .booking-prompt.fixed .booking-prompt-header {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }
}
#trip #invite-tab-trigger-container {
  padding: 0px;
}
#trip .invite-tab-trigger {
  float: left;
  width: 100px;
  height: 88px;
  opacity: 0.8;
  margin-top: 10px;
}
#trip .invite-tab-trigger .invite-tab-icon {
  width: 35px;
  height: 35px;
  border: 2px solid #183154;
  border-radius: 50px;
  margin: 5px auto 5px;
  text-align: center;
  font-size: 30px;
  color: #456682;
  line-height: 35px;
  display: block;
}
#trip .invite-tab-trigger .invite-tab-label {
  color: #456682;
  font-size: 13px;
  text-align: center;
}
#trip .invite-tab-trigger:hover {
  opacity: 0.9;
}
#trip .invite-tab-trigger:active {
  opacity: 1;
}
#trip #invite-tab-trigger-container-empty-trip .container, #trip #invite-tab-trigger-container-empty-trip #business .business-container, #business #trip #invite-tab-trigger-container-empty-trip .business-container {
  padding-top: 0px;
  padding-bottom: 0px;
}
#trip #invite-tab-trigger-container-empty-trip .invite-tab-trigger {
  width: 100%;
}
#trip #invite-tab-trigger-container-empty-trip .invite-tab-icon {
  float: left;
}
#trip #invite-tab-trigger-container-empty-trip .invite-tab-label-right {
  float: left;
  margin: 15px 0px 0px 10px;
  font-size: 16px;
}

#trip-map {
  display: relative;
}
#trip-map #geo-map {
  width: 100%;
  height: 600px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  position: relative;
}
#trip-map .trip-map-cta {
  position: absolute;
  text-align: center;
  z-index: 1000;
  background: url("../images/misc/map-cta.943134861a42.jpg") no-repeat center center;
  background-size: cover;
  width: 100%;
  height: 400px;
}
@media (min-width: 769px) {
  #trip-map .trip-map-cta {
    height: 600px;
    border-top: 1px solid #dfdbdb;
    border-bottom: 1px solid #dfdbdb;
  }
}
#trip-map .trip-map-cta .trip-map-cta-button {
  padding: 16px 24px;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.8);
  margin: 280px auto;
  display: inline-block;
  font-size: 18px;
  color: #183154;
}
@media (max-width: 767px) {
  #trip-map .trip-map-cta .trip-map-cta-button {
    margin: 175px auto;
  }
}
#trip-map .trip-map-cta .trip-map-cta-button:hover {
  opacity: 0.8;
}
#trip-map .trip-map-cta .trip-map-cta-button:active {
  opacity: 1;
}

@media (min-width: 769px) {
  #booked-row {
    float: left;
  }
}
#booked-row .container, #booked-row #business .business-container, #business #booked-row .business-container {
  padding: 0px 0px 10px 0px;
}
#booked-row .booked-text {
  float: left;
  margin: 6px 20px 10px 0px;
  font-size: 15px;
}
@media (max-width: 767px) {
  #booked-row .booked-text {
    margin: 6px 10px 10px 0px;
  }
}
#booked-row .booked {
  width: 32px;
  height: 32px;
  border-radius: 40px;
  float: left;
  margin-top: 0px;
  margin-right: 5px;
  text-align: center;
  line-height: 30px;
  font-size: 18px;
  background-color: #ED784A;
  border: 2px dotted #ED784A;
  cursor: default !important;
  color: #ffffff;
}
#booked-row .booked.empty {
  border: none;
  background-image: url("../images/icons/icon-seat.2694587d6982.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #ffffff;
  background-size: contain;
  margin-top: 2px;
  border: 2px dotted #ED784A;
}

.trip-views {
  margin-top: 16px;
}

@media (min-width: 1024px) {
  .media-credits {
    max-width: 600px;
  }
}
@media (max-width: 767px) {
  .media-credits {
    max-width: 600px;
  }
}

#trip-what-next .col-3:first-child {
  padding-left: 0px;
}
@media (max-width: 767px) {
  #trip-what-next .col-3 {
    padding-left: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  #trip-what-next .col-2 {
    float: none;
    width: 100%;
  }
}
#trip-what-next .icon-message {
  background: url("../images/icons/rules-communication.0b191f369701.svg") no-repeat top left;
  padding-top: 65px;
  background-size: 50px 50px;
}
#trip-what-next .icon-pay-online {
  background: url("../images/icons/rules-payment.2425eb6d0c69.svg") no-repeat top left;
  padding-top: 65px;
  background-size: 50px 50px;
}
#trip-what-next .icon-safety {
  background: url("../images/icons/rules-safety.9767b3b322ba.svg") no-repeat top left;
  padding-top: 65px;
  background-size: 50px 50px;
}
#trip-what-next .icon-payout {
  background: url("../images/icons/rules-payout.a1ef82ca102a.svg") no-repeat top left;
  padding-top: 65px;
  background-size: 50px 50px;
}
#trip-what-next .icon-tick {
  background: url("../images/icons/tick.74edb839f4f4.svg") no-repeat top left -10px;
  padding-top: 48px;
  background-size: 50px 50px;
}
#trip-what-next .icon-canada {
  background: url("../images/icons/icon-canada.d4e96dfc3f0d.svg") no-repeat top left -8px;
  padding-top: 48px;
  background-size: 50px 50px;
}

.media-credentials {
  width: 100%;
  height: 300px;
  display: block;
  background: url("../images/about/media-logos.5e4a347c1d3b.png") no-repeat top left;
  background-size: contain;
}
@media (max-width: 767px) {
  .media-credentials {
    height: 100px;
  }
}

#trip-social-promote {
  padding: 20px 0px 15px;
}
@media (max-width: 767px) {
  #trip-social-promote {
    padding: 25px 0px 20px 15px;
    background: #ffffff;
  }
}
#trip-social-promote .share-trip-cta {
  margin-right: 16px;
  line-height: 25px;
  color: #456682;
  font-size: 16px;
  font-weight: 400;
}
#trip-social-promote .social-shares .facebook-share {
  float: left;
  width: 83px;
}
#trip-social-promote .social-shares .twitter-share {
  float: left;
  margin-right: 10px;
}
#trip-social-promote .social-shares .reddit-share {
  float: left;
}
#trip-social-promote .social-shares .social-share-more {
  padding: 3px 23px 4px 24px;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 600;
  background: #456682;
  color: #ffffff;
  text-align: center;
  float: left;
  display: block;
}
#trip-social-promote .social-shares .social-share-more:hover {
  background: #456682;
}
#trip-social-promote .social-shares .social-share-more:active {
  background: #183154;
}

/* New booking summary below */
.booking-summary-for-driver {
  width: 100%;
  background: #30475d;
  color: #ffffff;
}
.booking-summary-for-driver .booking-summary-container {
  max-width: 500px;
  margin: 0 auto;
}
.booking-summary-for-driver .booking-summary-info {
  padding: 15px 0px;
  box-sizing: border-box;
  display: flex;
}
@media (max-width: 767px) {
  .booking-summary-for-driver .booking-summary-info {
    padding: 15px 10px;
  }
}
.booking-summary-for-driver .booking-summary-info .booking-summary-info-picture {
  width: 50px;
  height: 50px;
  border: 1px solid #ffffff;
  border-radius: 100px;
  float: left;
  flex: 0 0 auto;
}
.booking-summary-for-driver .booking-summary-info .booking-summary-info-details {
  float: left;
  margin-left: 20px;
  flex: 1 1 auto;
}
.booking-summary-for-driver .booking-summary-info .booking-summary-info-details .booking-summary-info-details-name {
  float: left;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 3px;
}
.booking-summary-for-driver .booking-summary-info .booking-summary-info-details .booking-summary-info-details-location {
  font-weight: 600;
}
.booking-summary-for-driver .booking-summary-info .booking-summary-info-details .booking-summary-info-details-seats {
  float: right;
  font-weight: 700;
}
.booking-summary-for-driver .booking-summary-info .booking-summary-info-details .booking-summary-info-details-date {
  margin-top: 3px;
}
.booking-summary-for-driver a.booking-summary-state {
  background: rgba(0, 0, 0, 0.3);
  padding: 20px 0px;
  box-sizing: border-box;
  display: block;
  color: #ffffff;
  font-size: 16px;
}
@media (max-width: 767px) {
  .booking-summary-for-driver a.booking-summary-state {
    padding: 15px 10px;
  }
}
.booking-summary-for-driver a.booking-summary-state .booking-summary-state-left {
  float: left;
  font-weight: 700;
  background-size: 32px 32px;
  background-repeat: no-repeat;
  background-position: left center;
}
.booking-summary-for-driver a.booking-summary-state .booking-summary-state-right {
  float: right;
  background: url("../images/icons/icon-triangle-right-white.b76b157a3eef.png") no-repeat right center;
  background-size: 7px auto;
  padding-right: 15px;
}
.booking-summary-for-driver a.booking-summary-state:hover {
  background: rgba(0, 0, 0, 0.4);
}
.booking-summary-for-driver a.booking-summary-state:active {
  background: rgba(0, 0, 0, 0.5);
}

.confirmed-icon {
  padding-left: 36px;
  background-image: url("../images/icons/icon-booking-confirmed.b2e82fbd5cd4.svg");
}

.cancelled-icon {
  padding-left: 36px;
  background-image: url("../images/icons/icon-booking-cancelled.6a2e6fc86b76.svg");
}

.requested-icon {
  padding-left: 36px;
  background-image: url("../images/icons/icon-booking-requested.4d4a2a10c954.svg");
}

.refund-icon {
  background-image: url("../images/icons/icon-booking-refunded.8302c81c5d8f.svg");
}

.cancelled-bg {
  background: #ff6060;
}

.approved-bg {
  background: #05AC09;
}

.refund-request-bg {
  background: #FFCC00;
}

.booking-summary-for-driver.refund-request-bg {
  color: #456682;
}
.booking-summary-for-driver.refund-request-bg a.booking-summary-state {
  background: rgba(0, 0, 0, 0.9);
}
.booking-summary-for-driver.refund-request-bg .booking-summary-info-picture {
  border: 1px solid #456682;
}

.booking-summary-for-passenger-container {
  display: block;
  width: 100%;
  text-align: center;
}
@media (min-width: 769px) {
  .booking-summary-for-passenger-container {
    margin-top: 10px;
    padding: 20px 0px;
    box-shadow: -2px -21px 56px -43px rgba(0, 0, 0, 0.61);
    -webkit-box-shadow: -2px -21px 56px -43px rgba(0, 0, 0, 0.61);
    -moz-box-shadow: -2px -21px 56px -43px rgba(0, 0, 0, 0.61);
  }
}
@media (max-width: 767px) {
  .booking-summary-for-passenger-container {
    position: fixed;
    background: #ffffff;
    width: 100%;
    bottom: 0px;
    left: 0px;
    padding: 10px;
    box-sizing: border-box;
    z-index: 999999999999 !important;
    box-shadow: -2px 21px 56px 3px rgba(0, 0, 0, 0.61);
    -webkit-box-shadow: -2px 21px 56px 3px rgba(0, 0, 0, 0.61);
    -moz-box-shadow: -2px 21px 56px 3px rgba(0, 0, 0, 0.61);
  }
}

.booking-summary-for-passenger {
  display: inline-block;
  color: #ffffff;
  font-weight: 600;
  padding: 20px 40px 20px 20px;
  box-sizing: border-box;
  text-align: left;
  font-size: 18px;
  margin: 0px auto;
  border-radius: 10px;
  min-width: 250px;
}
@media (max-width: 767px) {
  .booking-summary-for-passenger {
    width: 100%;
    font-size: 16px;
    z-index: 999999999999 !important;
  }
}

a.booking-summary-for-passenger {
  color: #ffffff;
  background-image: url("../images/icons/icon-triangle-right-white.b76b157a3eef.png");
  background-position: right 13px center;
  background-repeat: no-repeat;
  background-size: 10px auto;
  background-color: #183154;
  text-align: center;
  font-size: 18px;
}

a.booking-summary-for-passenger:hover {
  background-color: #30475d;
}

a.booking-summary-for-passenger:active {
  background-color: #183154;
}

.booking-summary-for-passenger-icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 28px 28px;
  padding: 0px 0px 0px 26px;
  background-position: -5px -4px;
}

@media (min-width: 769px) {
  #trip-widgets .trip-widget-left {
    float: left;
    width: 47.5%;
  }
}
@media (min-width: 769px) {
  #trip-widgets .trip-widget-right {
    float: right;
    width: 47.5%;
  }
}

#segments_page .container, #segments_page #business .business-container, #business #segments_page .business-container {
  max-width: 600px;
}
#segments_page .previously {
  padding: 2px 5px;
  border-radius: 5px;
  background: #183154;
  color: #ffffff;
  font-size: 15px;
  display: inline-block;
}
#segments_page .previous-url {
  display: block;
  background: url("../images/icons/icon-arrow-left-grey.d8ad9d30f95d.png") no-repeat left center;
  background-size: 30px auto;
  margin: 0px 0px 40px 0px;
  height: 20px;
  width: 20px;
  top: -20px;
  position: relative;
}
@media (max-width: 767px) {
  #segments_page .previous-url {
    margin: 10px 0px 20px 0px;
  }
}

/* Manage trips view */
#manage .trip-types {
  border-bottom: 1px solid #dfdbdb;
}
#manage .trip-types .trip-type {
  padding: 15px;
  float: left;
  width: 50%;
  text-align: center;
  cursor: pointer;
}
#manage .trip-types .trip-type.active {
  border-bottom: 3px solid #456682;
  font-weight: 700;
}
#manage .trip {
  margin: 0px 0px 20px;
  padding: 16px 20px;
  border-radius: 10px;
  background: #ffffff;
  border: 1px solid #D7E6ED;
}
#manage .trip h2 a {
  font-size: 18px;
}
#manage .trip .seatsleft {
  font-weight: 700;
}
#manage .trip .left-section {
  width: 40%;
  float: left;
}
@media (max-width: 767px) {
  #manage .trip .left-section {
    float: none;
    width: auto;
  }
}
#manage .trip .left-section #include iphone {
  margin-top: 15px;
  clear: both;
}
@media (max-width: 767px) {
  #manage .trip .left-section .trip-details {
    float: left;
  }
}
#manage .trip .left-section .trip-actions {
  margin: 20px 0px 0px;
}
@media (max-width: 767px) {
  #manage .trip .left-section .trip-actions {
    float: right;
    margin-top: 0px;
  }
}
#manage .trip .left-section .trip-actions .trip-action {
  display: block;
  width: 100%;
  border-top: 1px solid #dfdbdb;
  padding: 15px 0px 15px;
}
@media (max-width: 767px) {
  #manage .trip .left-section .trip-actions .trip-action {
    border: none;
    padding: 0px;
  }
}
@media (max-width: 320px) {
  #manage .trip .left-section .trip-actions .trip-action {
    margin-right: 10px;
  }
}
#manage .trip .right-section {
  width: 60%;
  float: left;
  padding-left: 60px;
}
@media (max-width: 767px) {
  #manage .trip .right-section {
    float: none;
    width: auto;
    clear: both;
    margin-top: 20px;
    padding-left: 0px;
  }
}
#manage .trip .right-section .profile-pic {
  position: relative;
}
#manage .trip .right-section .booking-status {
  position: absolute;
  top: -8px;
  left: -8px;
}
#manage .trip-history .trip {
  margin: 20px 0px 20px;
}
#manage .request-item {
  padding: 12px 0px 12px 12px;
  display: block;
  border-radius: 10px;
}
#manage .request-item .profile-pic {
  float: left;
  position: relative;
  cursor: pointer;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  border: 1px solid #F1FAFF;
}
#manage .request-item .request-text {
  float: left;
  margin: 4px 0px 0px 20px;
}
#manage .request-item .booking-status {
  margin-top: -5px;
  margin-left: -5px;
}
#manage .request-item .booking-status.pending {
  line-height: 15px;
}
#manage .request-item:hover {
  background-color: #F1FAFF;
}
#manage .request-item:last-child {
  margin: 0px;
}
#manage .request-item.booked {
  margin-top: -5px;
}
#manage .request-item.booked .profile-pic {
  margin-top: 12px;
  float: left;
  position: relative;
  cursor: pointer;
}

/* Trips being posted */
#trips-being-posted {
  background: #fbffcb;
  border-bottom: 1px solid #ffcc00;
}
#trips-being-posted .icon-alert {
  background: url("../images/icons/icon-alert-orange-l.dd4a40a6a93b.png") no-repeat left center;
  display: block;
  width: 80px;
  height: 70px;
}

/* Vehicle display in trip and profile view */
/* CSS for trip form */
#trip-form-preferences .preferences-label {
  width: 14.25%;
  float: left;
  color: #183154;
  margin-top: 5px;
}
@media (max-width: 767px) {
  #trip-form-preferences .preferences-label {
    width: 100%;
    float: none;
  }
}
#trip-form-preferences .preferences-contents {
  width: 85%;
  float: left;
}
@media (max-width: 767px) {
  #trip-form-preferences .preferences-contents {
    width: 100%;
    float: none;
  }
}

.preference-item-pickers {
  width: 400px;
  border: 1px solid #D7E6ED;
  border-radius: 10px;
  text-align: center;
  overflow: hidden;
}
@media (max-width: 767px) {
  .preference-item-pickers {
    width: 100%;
  }
}
.preference-item-pickers .preference-item-picker {
  float: left;
  padding: 5px;
  box-sizing: border-box;
  background-repeat: no-repeat;
}
.preference-item-pickers .preference-item-picker.active {
  background-color: #183154;
  color: #ffffff;
}
.preference-item-pickers .preference-item-picker.border {
  border-right: 1px solid #D7E6ED;
}
.preference-item-pickers .preference-item-picker.no-luggage {
  width: 40%;
}
.preference-item-pickers .preference-item-picker.size {
  width: 20%;
}
.preference-item-pickers .preference-item-picker.people {
  width: 50%;
}

.preference-item-pickers.luggage .preference-item-picker {
  background-image: url("../images/icons/icon-vehicle-luggage.a23c9d5fdda7.svg");
  background-position: center left 13px;
  background-size: 23px 23px;
  padding-left: 25px;
}
.preference-item-pickers.luggage .preference-item-picker.active {
  background-image: url("../images/icons/icon-vehicle-luggage-white.d28ab56a87e2.svg");
}

.preference-item-pickers.two-seats .preference-item-picker {
  background-image: url("../images/icons/icon-vehicle-seat.1e23bf263ba5.svg");
  background-position: center left 13px;
  background-size: 23px 23px;
  padding-left: 25px;
}
.preference-item-pickers.two-seats .preference-item-picker.active {
  background-image: url("../images/icons/icon-vehicle-seat-white.782ab4adaa59.svg");
  background-size: 23px 23px;
}

.preference-item-selector {
  padding: 5px 10px 5px 34px;
  border: 1px solid #D7E6ED;
  border-radius: 50px;
  text-align: center;
  box-sizing: border-box;
  float: left;
  margin: 10px 10px 0px 0px;
  background-size: 23px 23px;
  background-repeat: no-repeat;
  background-position: center left 5px;
  color: #183154;
}

.preference-item-selector.active {
  color: #ffffff;
  border: 1px solid #183154;
  background-color: #183154;
}

.preference-item-selector#winter_tires {
  background-image: url("../images/icons/icon-vehicle-winter-tires.60b257a0d48b.svg");
}

.preference-item-selector#winter_tires.active {
  background-image: url("../images/icons/icon-vehicle-winter-tires-white.fbc31e994c00.svg");
}

.preference-item-selector#bikes {
  background-image: url("../images/icons/icon-vehicle-bike.d6dff0a132d8.svg");
}

.preference-item-selector#bikes.active {
  background-image: url("../images/icons/icon-vehicle-bike-white.a7f501508ea3.svg");
}

.preference-item-selector#snowsports {
  background-image: url("../images/icons/icon-vehicle-snowsports.efb3c5e5fc78.svg");
}

.preference-item-selector#snowsports.active {
  background-image: url("../images/icons/icon-vehicle-snowsports-white.f336e7a1aa10.svg");
}

.preference-item-selector#pets {
  background-image: url("../images/icons/icon-vehicle-pet.df6c949c4110.svg");
}

.preference-item-selector#pets.active {
  background-image: url("../images/icons/icon-vehicle-pet-white.9d1e547210f1.svg");
}

/* Icons common to all vehicle displays */
.vehicle-preferences .vehicle-two-seats, .trip-item-vehicle-preferences .vehicle-two-seats {
  background: url("../images/icons/icon-vehicle-seat.1e23bf263ba5.svg") no-repeat center left;
  background-size: 25px 25px;
  padding-left: 32px;
}
.vehicle-preferences .vehicle-luggage, .trip-item-vehicle-preferences .vehicle-luggage {
  background: url("../images/icons/icon-vehicle-luggage.a23c9d5fdda7.svg") no-repeat center left;
  position: relative;
  color: #456682;
}
.vehicle-preferences .vehicle-luggage .luggage-size, .trip-item-vehicle-preferences .vehicle-luggage .luggage-size {
  font-size: 8px;
  font-weight: 700;
  color: #183154;
  margin-top: 2px;
  text-align: center;
}
.vehicle-preferences .vehicle-luggage.restricted, .trip-item-vehicle-preferences .vehicle-luggage.restricted {
  background: url("../images/icons/icon-vehicle-luggage-crossed.84fb3838cb4d.svg") no-repeat center left;
}
.vehicle-preferences .vehicle-winter-tires, .trip-item-vehicle-preferences .vehicle-winter-tires {
  background: url("../images/icons/icon-vehicle-winter-tires.60b257a0d48b.svg") no-repeat center left;
}
.vehicle-preferences .vehicle-winter-tires.restricted, .trip-item-vehicle-preferences .vehicle-winter-tires.restricted {
  background: url("../images/icons/icon-vehicle-winter-tires-crossed.dd66b2911364.svg") no-repeat center left;
}
.vehicle-preferences .vehicle-skis, .trip-item-vehicle-preferences .vehicle-skis {
  background: url("../images/icons/icon-vehicle-snowsports.efb3c5e5fc78.svg") no-repeat center left;
}
.vehicle-preferences .vehicle-skis.restricted, .trip-item-vehicle-preferences .vehicle-skis.restricted {
  background: url("../images/icons/icon-vehicle-snowsports-crossed.83c8468ee6dc.svg") no-repeat center left;
}
.vehicle-preferences .vehicle-bikes, .trip-item-vehicle-preferences .vehicle-bikes {
  background: url("../images/icons/icon-vehicle-bike.d6dff0a132d8.svg") no-repeat center left;
}
.vehicle-preferences .vehicle-bikes.restricted, .trip-item-vehicle-preferences .vehicle-bikes.restricted {
  background: url("../images/icons/icon-vehicle-bike-crossed.efdbcd6454bf.svg") no-repeat center left;
}
.vehicle-preferences .vehicle-pets, .trip-item-vehicle-preferences .vehicle-pets {
  background: url("../images/icons/icon-vehicle-pet.df6c949c4110.svg") no-repeat center left;
}
.vehicle-preferences .vehicle-pets.restricted, .trip-item-vehicle-preferences .vehicle-pets.restricted {
  background: url("../images/icons/icon-vehicle-pet-crossed.61e52b6f102a.svg") no-repeat center left;
}
.vehicle-preferences .vehicle-backrow, .trip-item-vehicle-preferences .vehicle-backrow {
  background: url("../images/icons/icon-vehicle-seat.1e23bf263ba5.svg") no-repeat center left;
}

.vehicle {
  position: relative;
  width: 300px;
  border: 1px solid #D7E6ED;
  border-radius: 10px;
  padding: 12px;
  box-sizing: border-box;
}
.vehicle .vehicle-photo {
  border-radius: 10px;
  margin-right: 10px;
  width: 135px;
  height: 85px;
  float: left;
}
.vehicle .vehicle-photo.prompt {
  background: #D7E6ED;
  text-align: center;
  line-height: 82px;
  color: #ffffff;
}
.vehicle .vehicle-name {
  float: left;
  font-size: 17px;
}
.vehicle .vehicle-name.prompt {
  width: 40%;
}
.vehicle .vehicle-prompt {
  height: 2px;
  width: 100%;
  background: #D7E6ED;
  display: block;
  margin-bottom: 15px;
}
.vehicle .vehicle-prompt.thick {
  height: 8px;
  width: 100%;
  background: #D7E6ED;
  display: block;
  margin-bottom: 15px;
  border-radius: 100px;
}
.vehicle .vehicle-colour {
  text-transform: capitalize;
}
.vehicle .vehicle-preferences {
  font-size: 16px;
  line-height: 22px;
}
.vehicle .vehicle-preferences .vehicle-preference {
  font-weight: 600;
  color: #183154;
}
.vehicle .vehicle-preferences .vehicle-preference.restricted {
  font-weight: 400;
  color: #456682;
}
.vehicle .vehicle-preferences .vehicle-luggage, .vehicle .vehicle-preferences .vehicle-winter-tires, .vehicle .vehicle-preferences .vehicle-skis, .vehicle .vehicle-preferences .vehicle-bikes, .vehicle .vehicle-preferences .vehicle-pets {
  background-size: 22px 22px;
  padding-left: 32px;
  margin: 5px 0px;
}
.vehicle .vehicle-preferences .vehicle-two-seats {
  background-size: 22px 22px;
  padding-left: 32px;
  margin: 5px 0px;
}
.vehicle .vehicle-plate {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 90px;
  height: 63px;
  border-top-left-radius: 3px;
}
.vehicle .vehicle-plate .plate {
  width: 72px;
  height: 45px;
  position: relative;
  border-radius: 3px;
  border: 2px solid #456682;
  background: #ffffff;
  margin: 8px 0px 0px 8px;
}
.vehicle .vehicle-plate .plate .plate-top {
  position: absolute;
  width: 100%;
  height: 15px;
  background: #456682;
  color: #ffffff;
  font-size: 10px;
  text-align: center;
  line-height: 14px;
}
.vehicle .vehicle-plate .plate .plate-number {
  font-size: 14px;
  font-weight: 600;
  color: #456682;
  margin-top: 19px;
  text-align: center;
  overflow: hidden;
  height: 20px;
}
.vehicle .vehicle-edit {
  position: absolute;
  right: 8px;
  top: 8px;
  background: url("../images/icons/icon-edit-grey.221f70974982.png") no-repeat left center;
  background-size: 13px 13px;
  padding-left: 18px;
}
.vehicle-large {
  border: none;
  width: 100%;
  padding: 0px;
}
.vehicle-large .vehicle-photo {
  float: left;
  margin-right: 2.5%;
  width: 47.5%;
  height: 200px;
  border: 1px solid #D7E6ED;
  box-sizing: border-box;
}
.vehicle-large .vehicle-details {
  float: right;
  width: 50%;
}

/* Vehicle form */
.vehicle-form .vehicle-picture {
  float: left;
  margin-right: 2.5%;
  width: 47.5%;
  height: 200px;
  border: 1px solid #D7E6ED;
  border-radius: 10px;
  box-sizing: border-box;
  position: relative;
}
@media (max-width: 767px) {
  .vehicle-form .vehicle-picture {
    width: 100%;
    margin-right: 0px;
  }
}
.vehicle-form .vehicle-picture input#id_image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  padding: 20px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.vehicle-form .vehicle-picture .vehicle-picture-add {
  position: inherit;
  opacity: 0.8;
  color: #183154;
  background: url("../images/icons/icon-vehicle-add.9f8346f57b1d.svg") no-repeat;
  text-align: center;
  height: 100%;
  padding-top: 150px;
  box-sizing: border-box;
  background-position: center center;
  background-size: 120px 120px;
}
.vehicle-form .vehicle-picture .vehicle-picture-edit {
  position: absolute;
  top: 10px;
  right: 10px;
}
.vehicle-form .vehicle-picture #upload_file {
  position: absolute;
  top: 0px;
  margin-top: 0px;
  width: 100%;
  font-size: 12px;
  overflow: hidden;
  box-sizing: border-box;
  background: #183154;
  color: #ffffff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  text-indent: 8px;
  line-height: 30px;
}
.vehicle-form .vehicle-picture:hover > .vehicle-picture-add, .vehicle-form .vehicle-picture:hover > .vehicle-picture-edit {
  opacity: 0.9;
}
.vehicle-form .vehicle-picture:active > .vehicle-picture-add, .vehicle-form .vehicle-picture:active > .vehicle-picture-edit {
  opacity: 1;
}
@media (max-width: 767px) {
  .vehicle-form .vehicle-photo {
    height: 200px;
    width: 100%;
  }
}
.vehicle-form .vehicle-details {
  float: right;
  width: 50%;
}
@media (max-width: 767px) {
  .vehicle-form .vehicle-details {
    float: none;
    width: 100%;
    clear: both;
    padding-top: 10px;
  }
}
@media (max-width: 767px) {
  .vehicle-form .vehicle-details .vehicle-make, .vehicle-form .vehicle-details .vehicle-model, .vehicle-form .vehicle-details .vehicle-colour, .vehicle-form .vehicle-details .vehicle-year {
    float: left;
    margin-right: 3px;
  }
}
.vehicle-form .col-2 {
  width: 50%;
  padding: 0px;
}
@media (max-width: 767px) {
  .vehicle-form .col-2 {
    width: 100%;
  }
}
.vehicle-form .vehicle-label {
  width: 20%;
  float: left;
  box-sizing: border-box;
  text-align: right;
  padding-right: 10px;
  padding-top: 15px;
  font-weight: 600;
  color: #183154;
}
@media (max-width: 767px) {
  .vehicle-form .vehicle-label {
    text-align: left;
  }
}
.vehicle-form .col-2 .vehicle-label {
  width: 40%;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .vehicle-form .vehicle-label.model {
    width: 40%;
    box-sizing: border-box;
  }
}
@media (max-width: 767px) {
  .vehicle-form .vehicle-label.year {
    padding-top: 19px;
  }
}
@media (max-width: 767px) {
  .vehicle-form .vehicle-label.plate {
    padding-top: 18px;
  }
}
.vehicle-form .vehicle-input {
  width: 80%;
  float: left;
  box-sizing: border-box;
  position: relative;
}
.vehicle-form .form-row {
  padding: 0px;
}
.vehicle-form .col-2 .vehicle-input {
  width: 60%;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .vehicle-form .vehicle-input.model {
    width: 60%;
    box-sizing: border-box;
  }
}
.vehicle-form .select2-container .select2-selection--single, .vehicle-form .select2-container--default .select2-selection--single {
  padding: 12px;
  height: 54px;
}
.vehicle-form .select2-container b, .vehicle-form .select2-container--default b {
  display: none;
}
.vehicle-form .select2-selection__rendered {
  padding-left: 0px;
  color: #183154 !important;
}
.select2-dropdown {
  border: 1px solid #D7E6ED !important;
}

.select2-selection__placeholder {
  color: #456682 !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #D7E6ED !important;
  padding-top: 8px;
  padding-bottom: 8px;
}

.select2-results__option--highlighted {
  background-color: #183154 !important;
  color: #ffffff !important;
}

.vehicle-tabs-no-vehicle {
  font-style: italic;
}
@media (min-width: 769px) {
  .vehicle-tabs-no-vehicle {
    margin-top: 2px;
  }
}

#vehicles-list .vehicle {
  background: #ffffff;
  float: left;
  width: 49%;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  #vehicles-list .vehicle {
    width: 100%;
  }
}
#vehicles-list .spacer {
  width: 2%;
  float: left;
}

#trip-info-right .vehicle {
  width: 100%;
}
@media (max-width: 767px) {
  #trip-info-right .vehicle {
    margin-top: 10px;
  }
}
#trip-info-right .vehicle .vehicle-photo.prompt {
  width: 48%;
  margin-right: 4%;
}
#trip-info-right .vehicle .vehicle-name.prompt {
  width: 48%;
}

/* Trip offer form */
#trip-form-vehicle .vehicle-tabs-master-container {
  display: none;
}
#trip-form-vehicle .vehicle-tabs-master-container.active {
  display: block;
}
#trip-form-vehicle .vehicle-tab {
  width: 90px;
  height: 60px;
  border-radius: 10px;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  display: block;
  opacity: 0.6;
  box-sizing: border-box;
  border: 1px solid #D7E6ED;
}
#trip-form-vehicle .vehicle-tab.selected {
  border: 1px solid #183154;
  opacity: 1;
}
#trip-form-vehicle .vehicle-tab.add {
  text-align: center;
  line-height: 55px;
  font-size: 30px;
  box-sizing: border-box;
  color: #183154;
  opacity: 1;
  display: none;
}
#trip-form-vehicle .vehicle-tab.add.active {
  display: block;
}
#trip-form-vehicle .vehicle-skip {
  font-size: 16px;
  color: #183154;
  font-weight: 600;
}
@media (max-width: 767px) {
  #trip-form-vehicle .vehicle-skip {
    float: left;
  }
}
#trip-form-vehicle #vehicle-tabs-container {
  margin-top: 8px;
}
#trip-form-vehicle #vehicle-tabs-container .vehicle-tab-content {
  display: none;
}
#trip-form-vehicle #vehicle-tabs-container .vehicle-tab-content.active {
  display: block;
}
#trip-form-vehicle .vehicle-tabs.active {
  display: block;
}

#trip-form-vehicle .vehicle-preferences .vehicle-luggage, #trip-form-vehicle .vehicle-preferences .vehicle-winter-tires, #trip-form-vehicle .vehicle-preferences .vehicle-bikes, #trip-form-vehicle .vehicle-preferences .vehicle-skis, #trip-form-vehicle .vehicle-preferences .vehicle-pets, .vehicle-form .vehicle-preferences .vehicle-luggage, .vehicle-form .vehicle-preferences .vehicle-winter-tires, .vehicle-form .vehicle-preferences .vehicle-bikes, .vehicle-form .vehicle-preferences .vehicle-skis, .vehicle-form .vehicle-preferences .vehicle-pets {
  padding-left: 32px;
  background-size: 25px 25px;
}
#trip-form-vehicle .vehicle-preferences .preference-item, .vehicle-form .vehicle-preferences .preference-item {
  margin-top: 7px;
  padding-bottom: 7px;
}
#trip-form-vehicle #id_type, #trip-form-vehicle #id_colour, .vehicle-form #id_type, .vehicle-form #id_colour {
  width: 100%;
}
@media (min-width: 769px) {
  #trip-form-vehicle #id_year-error, .vehicle-form #id_year-error {
    width: 200px;
  }
}
@media (min-width: 769px) {
  #trip-form-vehicle #id_type-error, #trip-form-vehicle #id_colour-error, .vehicle-form #id_type-error, .vehicle-form #id_colour-error {
    width: 120px;
  }
}
@media (max-width: 767px) {
  #trip-form-vehicle #id_type-error, #trip-form-vehicle #id_colour-error, .vehicle-form #id_type-error, .vehicle-form #id_colour-error {
    display: block;
  }
}

/* User view */
.user-left-container .vehicle {
  width: 100%;
  border: none;
  padding: 0px;
}
.user-left-container .vehicle .vehicle-photo {
  width: 100%;
  height: 160px;
  margin-bottom: 5px;
}
.user-left-container .vehicle .vehicle-edit {
  top: 0px;
  right: 0px;
}
.user-left-container .vehicle .vehicle-name div {
  float: left;
  margin-right: 3px;
}

/* Welcome form */
#welcome.page {
  padding-bottom: 0px;
  padding-bottom: 0px;
  padding-top: 20px;
}
@media (max-width: 767px) {
  #welcome.page {
    padding-top: 0px;
  }
}

/* Welcome */
#welcome .welcome-container {
  background: #ffffff;
  padding-bottom: 50px;
  text-align: center;
}
#welcome .welcome-contents {
  padding: 0px 20px 0px 20px;
}
@media (max-width: 767px) {
  #welcome .welcome-contents {
    padding: 0px;
  }
}
#welcome #resending-progress-indicator {
  margin: 0 auto;
}
#welcome .phone-verification-box {
  margin: 0 auto;
  max-width: 430px;
}
@media (max-width: 767px) {
  #welcome .phone-verification-box .float-left {
    float: none;
  }
}
#welcome .info-circle {
  margin: 4px 0px 0px 5px;
  display: inline-block;
}
#welcome h2 {
  font-size: 24px;
  font-weight: 800;
}
#welcome .question {
  font-size: 18px;
  font-weight: 700;
}
#welcome #id_gender-error {
  display: block;
  margin-top: 10px;
}
#welcome .bullet-item {
  float: left;
}
#welcome .bullet-item .bullet {
  float: left;
  width: 20px;
  height: 20px;
  border-radius: 100px;
  border: 1px solid #456682;
  cursor: pointer;
}
#welcome .bullet-item .bullet.active {
  background-size: contain;
}
#welcome .bullet-item .bullet.active .circle {
  height: 14px;
  width: 14px;
  margin: 3px 0px 0px 3px;
  border-radius: 10px;
  background: #456682;
}
#welcome .bullet-item .text {
  float: left;
  margin-left: 10px;
}
#welcome .bullet-item.spacer {
  margin-right: 30px;
}
#welcome .picture {
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 100px;
  border: 1px solid #dfdbdb;
  cursor: auto;
}
#welcome .profile-pic {
  width: 500px;
  height: 200px;
  margin: 0px auto;
  cursor: auto;
}
@media (max-width: 767px) {
  #welcome .profile-pic {
    width: 100%;
    height: 300px;
  }
}
#welcome .profile-pic {
  background: url("../images/misc/profile_picture_rules.99563b617a14.png") no-repeat center center;
  background-size: contain;
}
#welcome .upload-picture {
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 100px;
  border: 2px solid #dfdbdb;
  margin: 0 auto 10px;
}
#welcome .textarea {
  height: 150px;
}
#welcome #send-button, #welcome #send-code-button {
  width: 250px;
}
#welcome .welcome-common .verify-email {
  background: url("../images/icons/icon-email.fe885bfd9c96.png") no-repeat left center;
  padding-left: 50px;
  background-size: contain;
}
#welcome .welcome-common .verify-phone {
  background: url("../images/icons/icon-phone.7825182153ef.png") no-repeat left center;
  padding-left: 40px;
  background-size: contain;
}
#welcome .welcome-common .email-ticked {
  background: url("../images/icons/icon-tick-green.d63056c4f7a9.png") no-repeat left center;
  color: #009a4b;
  text-indent: 25px;
}
#welcome .welcome-common .social-signup-container {
  max-width: 400px;
  display: inline-block;
  margin: 0 auto;
}
#welcome .welcome-common #no_pending_email_form {
  display: none;
}
#welcome .welcome-common #no_pending_email_form ul.errorlist {
  font-size: 14px;
  text-align: left;
}
#welcome .welcome-common #no_pending_email_form [type=submit] {
  margin: 0px auto 0px;
  width: 250px;
}
#welcome .welcome-common #no_pending_email_form [for=id_email] {
  display: none;
}
#welcome .welcome-common #no_pending_email_form [name=email] {
  width: 250px;
  display: block;
}
#welcome .welcome-common #no_pending_email_form.active {
  display: block;
}
#welcome .welcome-common .country-list {
  text-align: left;
}
#welcome .button-loader {
  margin: 10px auto;
  width: 250px;
}
#welcome .welcome-left {
  width: 70%;
  float: left;
}
@media (max-width: 767px) {
  #welcome .welcome-left {
    width: 100%;
  }
}
#welcome .welcome-right {
  width: 30%;
  float: left;
}
#welcome .welcome-right .text-medium, #welcome .welcome-right #book .booking-form .trip-form-policies .text-slarge, #book .booking-form .trip-form-policies #welcome .welcome-right .text-slarge, #welcome .welcome-right #book .booking-form .trip-form-policies .trip-form-section-header, #book .booking-form .trip-form-policies #welcome .welcome-right .trip-form-section-header, #welcome .welcome-right #book .booking-form .trip-form-policies .policy-title, #book .booking-form .trip-form-policies #welcome .welcome-right .policy-title, #welcome .welcome-right #book .booking-form .trip-form-policies #community-agreement .community-item p, #book .booking-form .trip-form-policies #community-agreement .community-item #welcome .welcome-right p, #welcome .welcome-right #community-agreement .community-item #book .booking-form .trip-form-policies p, #community-agreement .community-item #book .booking-form .trip-form-policies #welcome .welcome-right p, #welcome .welcome-right #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .trip-details .trip-date, #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .trip-details #welcome .welcome-right .trip-date, #welcome .welcome-right #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .booking-details, #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item #welcome .welcome-right .booking-details, #welcome .welcome-right #book .booking-form .trip-form-policies .popular-routes .popular-routes-box, #book .booking-form .trip-form-policies .popular-routes #welcome .welcome-right .popular-routes-box, #welcome .welcome-right .popular-routes #book .booking-form .trip-form-policies .popular-routes-box, .popular-routes #book .booking-form .trip-form-policies #welcome .welcome-right .popular-routes-box, #welcome .welcome-right #book .booking-form .trip-form-policies .instruction-full .instruction-contents .instruction-item .instruction-item-title, #book .booking-form .trip-form-policies .instruction-full .instruction-contents .instruction-item #welcome .welcome-right .instruction-item-title, #welcome .welcome-right .instruction-full .instruction-contents .instruction-item #book .booking-form .trip-form-policies .instruction-item-title, .instruction-full .instruction-contents .instruction-item #book .booking-form .trip-form-policies #welcome .welcome-right .instruction-item-title, #welcome .welcome-right #payments .payment-box .payment-text, #payments .payment-box #welcome .welcome-right .payment-text, #welcome .welcome-right #payments .payment-box .payment-amount, #payments .payment-box #welcome .welcome-right .payment-amount, #welcome .welcome-right #book .booking-form .trip-form-policies #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details h2, #book .booking-form .trip-form-policies #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details #welcome .welcome-right h2, #welcome .welcome-right #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details #book .booking-form .trip-form-policies h2, #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details #book .booking-form .trip-form-policies #welcome .welcome-right h2, #welcome .welcome-right #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details .trip-date, #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details #welcome .welcome-right .trip-date {
  line-height: 22px;
}
@media (max-width: 767px) {
  #welcome .welcome-right {
    width: 100%;
    margin-top: 20px;
  }
}
#welcome #id_description {
  max-height: 100px;
  max-width: 500px;
  margin: 0 auto;
}
#welcome #id_description-error, #welcome #id_profile_image-error {
  display: block;
  margin-top: 15px;
}
#welcome .form-row.tos {
  margin: 0 auto;
  max-width: 500px;
  position: relative;
}
#welcome .form-row.tos .checker {
  border: 1px solid #666;
}
#welcome .loading {
  margin: 0 auto;
}
#welcome #tos-error {
  top: -40px;
}
@media (min-width: 1024px) {
  #welcome #tos-error {
    left: 270px;
  }
}
@media (min-width: 0px) and (max-width: 1023px) {
  #welcome #tos-error {
    left: auto;
    right: auto;
  }
}
#welcome #names-form .form-row {
  margin: 15px auto;
}
@media (min-width: 769px) {
  #welcome #names-form .form-row {
    max-width: 200px;
  }
}
@media (max-width: 767px) {
  #welcome #names-form .form-row {
    max-width: 100%;
  }
}
@media (min-width: 769px) {
  #welcome #names-form input[type=text] {
    max-width: 200px;
  }
}

.welcome-banner {
  max-width: 800px;
  margin: 20px auto 0px;
  padding: 25px 15px 10px 15px;
  box-sizing: border-box;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.welcome-banner .welcome-h1 {
  font-size: 32px;
}
@media (max-width: 767px) {
  .welcome-banner .welcome-h1 {
    font-size: 24px;
  }
}
.welcome-banner .welcome-h2 {
  font-size: 40px;
}
@media (max-width: 767px) {
  .welcome-banner .welcome-h2 {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .welcome-banner {
    margin: 0px;
    width: 100%;
    padding: 20px 15px 0px 15px;
  }
}

#welcome #id_code, #welcome #id_phone_number, #modal-phone #id_code, #modal-phone #id_phone_number, #add-bank-account #id_code, #add-bank-account #id_phone_number {
  font-family: "proxima-soft", sans-serif;
  width: 250px;
  padding: 17px 17px 17px 45px;
  box-sizing: border-box;
  font-size: 16px;
}
@media (max-width: 767px) {
  #welcome #id_code, #welcome #id_phone_number, #modal-phone #id_code, #modal-phone #id_phone_number, #add-bank-account #id_code, #add-bank-account #id_phone_number {
    margin: 0 auto;
  }
}
#welcome #id_code, #modal-phone #id_code, #add-bank-account #id_code {
  padding-left: 17px;
}
#welcome #id_dob, #modal-phone #id_dob, #add-bank-account #id_dob {
  width: 250px;
}

.exit-welcome {
  line-height: 58px;
  font-size: 14px;
  color: #456682;
}

.exit-welcome:hover {
  color: #183154;
}

.pre-page.welcome {
  background: #f0f8ff;
}

.welcome-progress-container {
  width: 500px;
}
@media (max-width: 767px) {
  .welcome-progress-container {
    width: 140px;
  }
}
@media (max-width: 320px) {
  .welcome-progress-container {
    width: 80px;
  }
}
.welcome-progress-container .welcome-progress {
  box-sizing: border-box;
  height: 17px;
  width: 70%;
  border: 1px solid #D7E6ED;
  border-radius: 20px;
}
.welcome-progress-container .welcome-progress .progress-indicator {
  background: #183154;
  height: 100%;
  border-bottom-left-radius: 20px;
  border-top-left-radius: 20px;
}
.welcome-progress-container .welcome-progress .progress-indicator.email {
  width: 14.28%;
}
.welcome-progress-container .welcome-progress .progress-indicator.name {
  width: 28.57%;
}
.welcome-progress-container .welcome-progress .progress-indicator.phone {
  width: 42.85%;
}
.welcome-progress-container .welcome-progress .progress-indicator.details {
  width: 57.14%;
}
.welcome-progress-container .welcome-progress .progress-indicator.image {
  width: 71.4%;
}
.welcome-progress-container .welcome-progress .progress-indicator.description {
  width: 85.7%;
}
.welcome-progress-container .welcome-progress .progress-indicator.tos {
  width: 100%;
  border-bottom-right-radius: 20px;
  border-top-right-radius: 20px;
}
@media (max-width: 767px) {
  .welcome-progress-container .welcome-progress {
    width: 100%;
  }
}
.welcome-progress-container .welcome-progress-label {
  float: left;
  width: 30%;
  text-align: right;
  padding-right: 20px;
  box-sizing: border-box;
  margin-top: 2px;
}
@media (max-width: 767px) {
  .welcome-progress-container .welcome-progress-label {
    width: 100%;
    float: none;
    margin-bottom: 10px;
    padding-right: 0px;
    text-align: center;
  }
}

#welcome-extras h2 {
  line-height: 30px;
}
#welcome-extras .usage-form-item {
  max-width: 400px;
  margin: 0 auto;
  position: relative;
}
#welcome-extras .usage-form-item .usage-form-item-option {
  padding: 20px;
  box-sizing: border-box;
  background: #efefef;
  border: 1px solid #ffffff;
  cursor: pointer;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}
#welcome-extras .usage-form-item .usage-form-item-option:hover {
  background: #dfdbdb;
}
#welcome-extras .usage-form-item .usage-form-item-option.active {
  background: #456682;
  color: #ffffff;
}
#welcome-extras .usage-form-item.two .usage-form-item-option {
  width: 50%;
  float: left;
}
#welcome-extras .usage-form-item.four .usage-form-item-option {
  width: 25%;
  float: left;
}
#welcome-extras #usage_frequency .usage-form-item-option {
  height: 95px;
}
@media only screen and (max-width: 666px) {
  .pre-page.welcome .container, .pre-page.welcome #business .business-container, #business .pre-page.welcome .business-container {
    padding-bottom: 20px;
  }
}
/*** CSS language overrides
in alphabetical order
*/
/* New Index */
#index-page.loggedout.fr .home-banner-graphic {
  display: none;
}
#index-page.loggedout.fr #home-banner .home-banner-right {
  background: #0099ff;
  position: relative;
}
@media (min-width: 769px) {
  #index-page.loggedout.fr .fb-video {
    position: absolute;
    right: 0px;
    bottom: 0px;
  }
}

/* Slightly larger buttons in French as language is more wordy */
.fr .button.narrowest, .fr #book .booking-form .narrowest.booking-send-button, #book .booking-form .fr .narrowest.booking-send-button, .fr .trip-search .narrowest.trip-search-button, .trip-search .fr .narrowest.trip-search-button, .fr .vehicle-form .narrowest[type=submit], .vehicle-form .fr .narrowest[type=submit] {
  max-width: 150px;
  min-width: 150px;
}

/* Trip form currency symbol */
.fr #trip-form #price-contents .price-contents .currency-sign, .fr #trip-form #modal-pricing-matrix .price-contents .currency-sign {
  margin-left: 62px;
}
@media (max-width: 767px) {
  .fr #trip-form #price-contents .price-contents .currency-sign, .fr #trip-form #modal-pricing-matrix .price-contents .currency-sign {
    margin-left: 50px;
  }
}
.fr #trip-form #id_compensation, .fr #trip-form #modal-compensation-input {
  padding-left: 20px;
}

/* Facebook share for segment */
.fr #trip-social-promote .social-shares .facebook-share {
  width: 100px;
}

/* Trip offer form */
.fr #instruction-choose-trip .col .button, .fr #instruction-choose-trip .col #book .booking-form .booking-send-button, #book .booking-form .fr #instruction-choose-trip .col .booking-send-button, .fr #instruction-choose-trip .col .trip-search .trip-search-button, .trip-search .fr #instruction-choose-trip .col .trip-search-button, .fr #instruction-choose-trip .col .vehicle-form [type=submit], .vehicle-form .fr #instruction-choose-trip .col [type=submit] {
  width: 200px;
  max-width: 200px;
}

/*** CSS specific to campaigns
in alphabetical order
*/
/* Greyhound landing page styles */
#landing_view-page.greyhound #header-page, #landing_view-page.greyhound #header-mobile, #landing_view-page.greyhound #landing-page-footer, #landing_view-page.greyhound #footer, #landing_view-page.greyhound .environment-definition, #landing_view-page.greyhound .admin-bar {
  display: none;
}
#landing_view-page.greyhound #greyhound-top {
  background: url("../images/greyhound/greyhound-banner.f36492bb0cb7.jpg") no-repeat top center;
  background-size: cover;
  height: 1800px;
  width: 100%;
  text-align: center;
}
@media (max-width: 767px) {
  #landing_view-page.greyhound #greyhound-top {
    background: url("../images/greyhound/greyhound-banner.f36492bb0cb7.jpg") no-repeat top center;
    background-size: cover;
    background-size: 1200px auto;
    background-position: right -355px bottom;
    height: 1320px;
  }
}
@media (max-width: 320px) {
  #landing_view-page.greyhound #greyhound-top {
    height: 1260px;
  }
}
#landing_view-page.greyhound #greyhound-top .greyhound-top-logo {
  position: absolute;
  top: 20px;
  left: 20px;
  background: url("../images/brand/poparide-logo.8b1c8af8c1ba.png") no-repeat;
  background-size: contain;
  width: 250px;
  height: 30px;
}
@media (max-width: 767px) {
  #landing_view-page.greyhound #greyhound-top .greyhound-top-logo {
    left: 10px;
    top: 10px;
  }
}
#landing_view-page.greyhound #greyhound-top .greyhound-top-tagline {
  position: absolute;
  right: 20px;
  top: 20px;
}
@media (max-width: 767px) {
  #landing_view-page.greyhound #greyhound-top .greyhound-top-tagline {
    right: 10px;
    top: 10px;
  }
}
#landing_view-page.greyhound #greyhound-top .greyhound-top-tagline .greyhound-top-tagline-text {
  float: left;
  color: #1F5B84;
  margin: 3px 15px 0px 0px;
  width: 200px;
  text-align: right;
}
#landing_view-page.greyhound #greyhound-top h1 {
  color: #003C65;
  font-size: 68px;
  font-weight: 800;
  margin: 120px 0px 50px;
}
@media (max-width: 767px) {
  #landing_view-page.greyhound #greyhound-top h1 {
    font-size: 30px;
    line-height: 52px;
    padding: 80px 0px 0px;
    margin: 0px;
  }
}
@media (max-width: 320px) {
  #landing_view-page.greyhound #greyhound-top h1 {
    font-size: 26px;
    padding: 70px 0px 0px;
  }
}
#landing_view-page.greyhound #greyhound-top h2 {
  font-size: 32px;
  font-weight: 400;
  color: #1F5B84;
  line-height: 40px;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  #landing_view-page.greyhound #greyhound-top h2 {
    font-size: 22px;
    line-height: 32px;
    padding: 0px 15px;
  }
}
#landing_view-page.greyhound #greyhound-top .greyhound-top-scroll {
  margin-top: 65px;
  font-size: 26px;
  color: #1F5B84;
}
@media (max-width: 767px) {
  #landing_view-page.greyhound #greyhound-top .greyhound-top-scroll {
    font-size: 24px;
    margin-top: 60px;
  }
}
@media (max-width: 320px) {
  #landing_view-page.greyhound #greyhound-top .greyhound-top-scroll {
    margin-top: 85px;
  }
}
#landing_view-page.greyhound #greyhound-numbers {
  background: #0D3044;
  color: #ffffff;
  padding-bottom: 50px;
}
#landing_view-page.greyhound #greyhound-numbers h2 {
  margin: 0px;
  padding: 40px 0px 40px;
  font-size: 68px;
  font-weight: 800;
  text-align: center;
}
@media (max-width: 767px) {
  #landing_view-page.greyhound #greyhound-numbers h2 {
    font-size: 42px;
  }
}
#landing_view-page.greyhound #greyhound-numbers .greyhound-numbers-item {
  width: 33.33%;
  float: left;
  text-align: center;
  box-sizing: border-box;
  padding: 80px 0px;
}
@media (max-width: 767px) {
  #landing_view-page.greyhound #greyhound-numbers .greyhound-numbers-item {
    width: 100%;
    float: none;
    text-align: center;
    box-sizing: border-box;
    padding: 30px 0px;
  }
}
#landing_view-page.greyhound #greyhound-numbers .greyhound-numbers-item .greyhound-numbers-title {
  font-size: 42px;
  font-weight: 800;
  margin-bottom: 30px;
}
#landing_view-page.greyhound #greyhound-numbers .greyhound-numbers-item .greyhound-numbers-tagline {
  font-size: 20px;
  line-height: 28px;
  opacity: 0.9;
  font-weight: 400;
}
#landing_view-page.greyhound #greyhound-numbers .greyhound-numbers-divider {
  width: 200px;
  height: 1px;
  background: rgba(255, 255, 255, 0.8);
  margin: 30px auto;
}
#landing_view-page.greyhound #greyhound-problem {
  text-align: center;
}
#landing_view-page.greyhound #greyhound-problem .greyhound-problem-container {
  max-width: 1260px;
  margin: 0px auto;
}
#landing_view-page.greyhound #greyhound-problem h2 {
  margin: 0px;
  padding: 70px 0px 40px;
  font-size: 68px;
  font-weight: 800;
  text-align: center;
  color: #003C65;
}
@media (max-width: 767px) {
  #landing_view-page.greyhound #greyhound-problem h2 {
    font-size: 42px;
  }
}
#landing_view-page.greyhound #greyhound-problem .greyhound-problem-left {
  float: left;
  width: 40%;
  margin: 0px 5%;
  font-size: 28px;
  color: #1F5B84;
  line-height: 36px;
  background: url("../images/greyhound/greyhound-tomb.856475f02af5.png") no-repeat top 60px center;
  background-size: 140px 190px;
  padding-top: 300px;
}
@media (max-width: 767px) {
  #landing_view-page.greyhound #greyhound-problem .greyhound-problem-left {
    float: none;
    width: 100%;
    margin: 0px;
    font-size: 24px;
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (max-width: 767px) {
  #landing_view-page.greyhound #greyhound-problem .greyhound-problem-left {
    font-size: 20px;
  }
}
#landing_view-page.greyhound #greyhound-problem .greyhound-problem-right {
  float: left;
  width: 40%;
  margin: 0px 5%;
  font-size: 28px;
  color: #1F5B84;
  line-height: 36px;
  background: url("../images/greyhound/greyhound-empty-seats.2cd3dc06b6d0.png") no-repeat top 100px center;
  background-size: auto 140px;
  padding-top: 300px;
}
@media (max-width: 767px) {
  #landing_view-page.greyhound #greyhound-problem .greyhound-problem-right {
    float: none;
    width: 100%;
    margin: 0px;
    font-size: 24px;
    background: url("../images/greyhound/greyhound-empty-seats.2cd3dc06b6d0.png") no-repeat top 100px center;
    background-size: 320px auto;
  }
}
@media (max-width: 767px) {
  #landing_view-page.greyhound #greyhound-problem .greyhound-problem-right {
    font-size: 20px;
  }
}
#landing_view-page.greyhound .greyhound-divider {
  width: 200px;
  height: 1px;
  background: #1F5B84;
  margin: 80px auto;
}
#landing_view-page.greyhound #greyhound-solution {
  text-align: center;
}
#landing_view-page.greyhound #greyhound-solution .greyhound-solution-container {
  max-width: 900px;
  margin: 0px auto;
}
#landing_view-page.greyhound #greyhound-solution h2 {
  margin: 0px;
  padding: 40px 0px 40px;
  font-size: 68px;
  font-weight: 800;
  text-align: center;
  color: #003C65;
}
@media (max-width: 767px) {
  #landing_view-page.greyhound #greyhound-solution h2 {
    font-size: 42px;
    padding: 0px;
  }
}
#landing_view-page.greyhound #greyhound-solution .greyhound-solution-subtitle {
  font-size: 28px;
  color: #1F5B84;
  line-height: 36px;
  margin: 50px 0px;
  font-weight: 400;
}
@media (max-width: 767px) {
  #landing_view-page.greyhound #greyhound-solution .greyhound-solution-subtitle {
    font-size: 24px;
    font-weight: 400;
    padding: 0px 15px;
  }
}
@media (max-width: 320px) {
  #landing_view-page.greyhound #greyhound-solution .greyhound-solution-subtitle {
    font-size: 20px;
  }
}
#landing_view-page.greyhound #greyhound-solution #greyhound-solution-graphic {
  background: url("../images/greyhound/greyhound-savings.3cbea351d525.png") no-repeat center center;
  background-size: contain;
  width: 100%;
  height: 527px;
}
@media (max-width: 767px) {
  #landing_view-page.greyhound #greyhound-solution #greyhound-solution-graphic {
    background-size: 95% auto;
    width: 100%;
    height: 250px;
  }
}
#landing_view-page.greyhound #greyhound-solution .greyhound-solution-point {
  width: 50%;
  float: left;
  padding: 20px;
  box-sizing: border-box;
  font-size: 20px;
  line-height: 28px;
  padding-top: 250px;
  color: #1F5B84;
}
@media (max-width: 767px) {
  #landing_view-page.greyhound #greyhound-solution .greyhound-solution-point {
    float: none;
    padding: 15px;
    width: 100%;
    margin-top: 20px;
  }
}
@media (max-width: 320px) {
  #landing_view-page.greyhound #greyhound-solution .greyhound-solution-point {
    font-size: 18px;
  }
}
#landing_view-page.greyhound #greyhound-solution .greyhound-solution-point.subsidies {
  background: url("../images/greyhound/greyhound-icon-infrastructure.8d67c8b9742f.png") no-repeat top 40px center;
  background-size: 254px 169px;
}
@media (max-width: 767px) {
  #landing_view-page.greyhound #greyhound-solution .greyhound-solution-point.subsidies {
    background: url("../images/greyhound/greyhound-icon-infrastructure.8d67c8b9742f.png") no-repeat top center;
    padding-top: 200px;
    background-size: 254px 169px;
  }
}
#landing_view-page.greyhound #greyhound-solution .greyhound-solution-point.legal {
  background: url("../images/greyhound/greyhound-icon-legal.0728d91bd15e.png") no-repeat top 40px center;
  background-size: 254px 169px;
}
@media (max-width: 767px) {
  #landing_view-page.greyhound #greyhound-solution .greyhound-solution-point.legal {
    background: url("../images/greyhound/greyhound-icon-legal.0728d91bd15e.png") no-repeat top center;
    padding-top: 200px;
    background-size: 254px 169px;
  }
}
#landing_view-page.greyhound #greyhound-solution .greyhound-solution-point.safety {
  background: url("../images/greyhound/greyhound-icon-safe.b0374cb01983.png") no-repeat top 75px center;
  background-size: 116px 116px;
}
@media (max-width: 767px) {
  #landing_view-page.greyhound #greyhound-solution .greyhound-solution-point.safety {
    background: url("../images/greyhound/greyhound-icon-safe.b0374cb01983.png") no-repeat top center;
    padding-top: 150px;
    background-size: 116px 116px;
  }
}
#landing_view-page.greyhound #greyhound-solution .greyhound-solution-point.sustainable {
  background: url("../images/greyhound/greyhound-icon-sustainable.d71aadd2cd7c.png") no-repeat top 75px center;
  background-size: 116px 116px;
}
@media (max-width: 767px) {
  #landing_view-page.greyhound #greyhound-solution .greyhound-solution-point.sustainable {
    background: url("../images/greyhound/greyhound-icon-sustainable.d71aadd2cd7c.png") no-repeat top center;
    padding-top: 150px;
    background-size: 116px 116px;
  }
}
#landing_view-page.greyhound .greyhound-counter {
  font-size: 100px;
  font-weight: 800;
  color: #003C65;
  padding-top: 20px;
  text-align: center;
}
@media (max-width: 767px) {
  #landing_view-page.greyhound .greyhound-counter {
    font-size: 70px;
    padding-top: 70px;
  }
}
#landing_view-page.greyhound .greyhound-counter-subtitle {
  text-align: center;
  font-size: 32px;
  color: #1F5B84;
  padding: 70px 0px;
  line-height: 42px;
}
@media (max-width: 767px) {
  #landing_view-page.greyhound .greyhound-counter-subtitle {
    font-size: 22px;
    padding: 50px 0px 20px;
    line-height: 32px;
  }
}
@media (max-width: 320px) {
  #landing_view-page.greyhound .greyhound-counter-subtitle {
    font-size: 20px;
  }
}
#landing_view-page.greyhound #greyhound-footer {
  padding: 30px 0px 80px;
  text-align: center;
}
#landing_view-page.greyhound #greyhound-footer h2 {
  font-size: 42px;
  font-weight: 800;
  color: #003C65;
}
@media (max-width: 320px) {
  #landing_view-page.greyhound #greyhound-footer h2 {
    font-size: 32px;
    line-height: 42px;
  }
}
#landing_view-page.greyhound #greyhound-footer .greyhound-footer-subtitle {
  font-size: 24px;
  color: #1F5B84;
  font-weight: 400;
  line-height: 32px;
}
@media (max-width: 767px) {
  #landing_view-page.greyhound #greyhound-footer .greyhound-footer-subtitle {
    font-size: 20px;
    line-height: 28px;
  }
}
#landing_view-page.greyhound #greyhound-footer .greyhound-footer-end {
  font-size: 16px;
  color: #1F5B84;
}

#greyhound-cta {
  background: #1F5B84;
  color: #ffffff;
  padding: 8px;
  box-sizing: border-box;
  text-align: center;
  font-size: 15px;
  position: relative;
}
@media (max-width: 767px) {
  #greyhound-cta {
    padding: 8px 30px 8px 8px;
    text-align: left;
  }
}

#greyhound-cta-close {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 35px;
  height: 35px;
  background: url("../images/icons/icon-close.d75f0875d4f6.png") no-repeat center center;
  background-size: 15px 15px;
  display: block;
}

/* HI Canada */
/* Definitions for TransLink customizations page */
#translink-location-header a.translink-logo {
  display: block;
  background: url("../images/partners/translink-logo.7bd3dc19ad1d.jpg") no-repeat right center;
  background-size: auto 55px;
  height: 60px;
  width: 280px;
  margin: -10px auto 0px;
  padding: 25px 0px 0px 0px;
  box-sizing: border-box;
  color: #456682;
}
@media (max-width: 767px) {
  #translink-location-header a.translink-logo {
    margin: -10px 0px 10px 0px;
  }
}
#translink-location-header h1 {
  font-size: 48px;
  font-weight: 800;
  color: #183154;
}
@media (max-width: 767px) {
  #translink-location-header h1 {
    font-size: 24px;
  }
}
#translink-location-header h2 {
  font-size: 24px;
  color: #666;
  font-weight: 600;
  margin: 30px 0px 40px;
}
@media (max-width: 767px) {
  #translink-location-header h2 {
    font-size: 18px;
    margin: 10px 0px 20px;
  }
}
#translink-location-header a.translink-location-header-box {
  float: left;
  display: block;
  width: 50%;
  padding: 150px 30px 10px 30px;
  box-sizing: border-box;
  text-align: center;
}
@media (max-width: 767px) {
  #translink-location-header a.translink-location-header-box {
    float: none;
    width: 100%;
    padding: 10px 0px 10px 70px;
    text-align: left;
  }
}
#translink-location-header a.translink-location-header-box .translink-location-header-box-title {
  font-size: 24px;
  font-weight: 800;
}
@media (max-width: 767px) {
  #translink-location-header a.translink-location-header-box .translink-location-header-box-title {
    padding-top: 0px;
    font-size: 18px;
  }
}
#translink-location-header a.translink-location-header-box .translink-location-header-box-subtitle {
  font-size: 18px;
  font-weight: 400;
  margin: 20px 0px;
  color: #456682;
}
@media (max-width: 767px) {
  #translink-location-header a.translink-location-header-box .translink-location-header-box-subtitle {
    font-size: 15px;
    margin: 10px 0px 0px 0px;
    background: url("../images/icons/icon-triangle-right-grey.af4c9cdcf7b3.png") no-repeat right top;
    background-size: auto 20px;
    padding-right: 25px;
  }
}
#translink-location-header a.translink-location-header-box .translink-location-header-box-cta {
  font-size: 18px;
  font-weight: 600;
  color: #456682;
  text-decoration: underline;
}
@media (max-width: 767px) {
  #translink-location-header a.translink-location-header-box .translink-location-header-box-cta {
    display: none;
  }
}
#translink-location-header a.translink-location-header-box:hover {
  opacity: 0.9;
}
#translink-location-header a.translink-location-header-box:active {
  opacity: 1;
}
#translink-location-header a.translink-location-header-box.driver {
  background: url("../images/icons/icon-driver-select.7c3f632a5881.png") no-repeat top center;
  background-size: 120px 120px;
}
@media (max-width: 767px) {
  #translink-location-header a.translink-location-header-box.driver {
    background: url("../images/icons/icon-driver-select.7c3f632a5881.png") no-repeat left top 15px;
    background-size: 50px 50px;
  }
}
#translink-location-header a.translink-location-header-box.driver .translink-location-header-box-title {
  color: #0099ff;
}
#translink-location-header a.translink-location-header-box.passenger {
  border-right: 1px dashed #ccc;
  background: url("../images/icons/icon-passenger-select.fae4d55a707e.png") no-repeat top center;
  background-size: 120px 120px;
}
@media (max-width: 767px) {
  #translink-location-header a.translink-location-header-box.passenger {
    border-right: none;
    border-bottom: 1px solid #dfdbdb;
    background: url("../images/icons/icon-passenger-select.fae4d55a707e.png") no-repeat left top 15px;
    background-size: 50px 50px;
    background-align: top left;
    margin-bottom: 10px;
    padding-bottom: 20px;
  }
}
#translink-location-header a.translink-location-header-box.passenger .translink-location-header-box-title {
  color: #ff4f02;
}

#find_for_location-page.translink .pre-page {
  border-bottom: none;
}
#find_for_location-page.translink .trip-results-title {
  float: none;
}
@media (min-width: 769px) {
  #find_for_location-page.translink .trip-results-title {
    text-align: center;
  }
}
#find_for_location-page.translink .float-right.page-count {
  display: none;
}

/*# sourceMappingURL=styles.css.map */
