/*** Global elements
Keep these files in the order defined
as they import components sequentially
*/
/* Device widths */
/* Show / Hide on different devices */
@import url('/static/pop/webui/common/css/nch7qnc.css')
@import url("https://fonts.googleapis.com/css2?family=Sriracha&display=swap");


@font-face {
    font-family: "GT Walsheim";
    src: url('/fonts/GT-Walsheim-Regular.woff2') format('woff2'),
         url('/fonts/GT-Walsheim-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "GT Walsheim";
    src: url('/fonts/GT-Walsheim-Bold.woff2') format('woff2'),
         url('/fonts/GT-Walsheim-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "GT Walsheim";
    src: url('/fonts/GT-Walsheim-Medium.woff2') format('woff2'),
         url('/fonts/GT-Walsheim-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "GT Walsheim";
    src: url('/fonts/GT-Walsheim-Black.woff2') format('woff2'),
         url('/fonts/GT-Walsheim-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: "GT Walsheim";
    src: url('/fonts/GT-Walsheim-Ultra-Bold.woff2') format('woff2'),
         url('/fonts/GT-Walsheim-Ultra-Bold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}


body {
    margin: 0;
    background: #ffffff;
    font-family: "GT Walsheim", "Noto Sans", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: .15px;
    overflow-x: hidden;
    -webkit-tap-highlight-color: transparent;
    word-spacing: -0.4px;
}

body p {
    margin: 0;
    background: #ffffff;
    font-family: "GT Walsheim", "Noto Sans", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: .15px;
    overflow-x: hidden;
    -webkit-tap-highlight-color: transparent;
    word-spacing: -0.4px;
}

@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;
}

/* Colors */
/* Fonts */
.font-secondary, #instruction-choose-trip h1, .how-single .how-single-process .how-single-process-column .how-single-process-column-icon, #how .how-header .how-header-box .how-header-box-benefit, #sustainability-page #sustainability-banner .sustainability-bubbles .sustainability-bubble {
  font-family: "Sriracha", recursive;
}

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

.text-small, .verification-item, textarea, 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, #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 .trip-form-section-header, #book .booking-form .trip-form-policies .policy-title {
  font-size: 16px !important;
  line-height: 24px;
}

.text-slarge, #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details h2, #book .booking-form .trip-form-policies .trip-form-section-header {
  font-size: 18px;
  line-height: 26px;
}

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

.text-xlarge {
  font-size: 22px !important;
  line-height: 28px !important;
}

.text-xxlarge {
  font-size: 42px !important;
  line-height: 52px !important;
}

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

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

.primary-color {
  color: #ff4f02;
}

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

.text-white {
  color: #fff;
}

h1.heading {
  font-size: 32px;
  font-weight: 700;
  color: #000000;
}

a img {
  border: none;
}

.error {
  color: #ff0000;
}

.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;
}

a:hover {
  color: #ff7430;
}

a:active {
  color: #dd4900;
}

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

.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: #777777;
}

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

.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, #home #home-find .home-find-box-offset, #passengers .how-single-process-offset, #how .how-header #how-header-container-orange-highlight {
  background: rgb(255, 174, 136);
  background: linear-gradient(340deg, rgb(255, 174, 136) 12%, rgb(255, 195, 140) 100%);
}

.gradient-blue, #canada-map .canada-map-cta, #home #home-post #home-post-box, #drivers .how-single-process-offset, #how .how-header #how-header-container-blue-highlight, #business .business-top {
  background: rgb(146, 211, 255);
  background: linear-gradient(340deg, rgb(146, 211, 255) 12%, rgb(205, 240, 255) 100%);
}

.gradient-yellow, #home #home-safety #home-safety-box, #how_safety-page .how-single-process .how-single-process-offset, #how .how-benefit.safety {
  background: rgb(255, 217, 151);
  background: linear-gradient(340deg, rgb(255, 217, 151) 12%, rgb(255, 246, 212) 100%);
}

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

.gradient-purple, #event_list-page #event-list-banner, #event_history_list-page #event-list-banner {
  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: #ff0000 !important;
}

.lightred {
  color: #ff6060 !important;
}

.black {
  color: #000000 !important;
}

.darkgrey {
  color: #333333;
}

.lightgrey {
  color: #dfdbdb;
}

.green {
  color: #05AC09;
}

.greyed {
  color: #dfdbdb !important;
}

.greyed {
  color: #777777 !important;
}

.lightergrey {
  color: #f8f8f8;
}

.grey {
  color: #666;
}

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

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

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

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

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

.faded {
  opacity: 0.3;
}

.border-box, #manage .trip .right-section, #manage .trip, #manage .trip-types .trip-type, #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, .container-wide, .container, #business .business-container, #header-page #header-bottom, textarea, .input-line, input[type=text], input[type=password], input[type=date], input[type=time], input[type=email], input[type=number], .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;
}

a {
  color: #ff4f02;
}

a.white {
  color: #fff;
}

a.underlined {
  text-decoration: underline;
}

.lower {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}

.uppercase {
  text-transform: uppercase;
}

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

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

a.link-grey, #terms a, #privacy a {
  color: #333333;
}

a.link-grey:hover, #terms a:hover, #privacy a:hover {
  color: #666;
}

a.link-grey:active, #terms a:active, #privacy a:active {
  color: #000;
}

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

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

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

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: #333333;
  margin: 20px 0px;
}

a.link-block, button.link-block {
  border: none;
  border-top: 1px solid #dfdbdb;
  background: url("../images/icons/icon-triangle-right-black.14ae5b23146b.png") no-repeat right center;
  background-size: 10px auto;
  padding: 18px 18px 18px 0px;
  color: #000;
  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;
  color: #000;
  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, #find-page #popular-routes .popular-routes-box .popular-route {
  transition: transform 0.2s;
}

.zoom-animate:hover, #find-page #popular-routes .popular-routes-box .popular-route: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: #fff;
  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: #fff;
  border-radius: 20px;
  font-size: 11px;
  margin-left: 5px;
}

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

.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;
}

.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;
}

.padding-small {
  padding: 10px;
}

.padding-medium {
  padding: 20px;
}

.padding-large {
  padding: 40px;
}

.orange-gradient, .button.orange, #welcome .welcome-common #no_pending_email_form .orange[type=submit], .vehicle-form .orange[type=submit] {
  /* 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, #welcome .welcome-common #no_pending_email_form .blue[type=submit], .vehicle-form .blue[type=submit] {
  /* 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, #welcome .welcome-common #no_pending_email_form .secondary[type=submit], .vehicle-form .secondary[type=submit] {
  background: #0099ff;
}

.button.secondary:hover, #welcome .welcome-common #no_pending_email_form .secondary[type=submit]:hover, .vehicle-form .secondary[type=submit]:hover {
  background: #44b4ff;
}

.button.secondary:secondarycoloraactive, #welcome .welcome-common #no_pending_email_form .secondary[type=submit]:secondarycoloraactive, .vehicle-form .secondary[type=submit]:secondarycoloraactive {
  background: #0077c6;
}

.button.secondary.with-plus, #welcome .welcome-common #no_pending_email_form .secondary.with-plus[type=submit], .vehicle-form .secondary.with-plus[type=submit] {
  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, #welcome .welcome-common #no_pending_email_form .secondary.with-plus[type=submit]:hover, .vehicle-form .secondary.with-plus[type=submit]: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, #welcome .welcome-common #no_pending_email_form .secondary.with-plus[type=submit]:active, .vehicle-form .secondary.with-plus[type=submit]: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("https://convoyeur.pro/static/pop/webui/common/images/icons/arrow_left_grey.f94ce5a911c3.svg") no-repeat center left;
  background-size: 20px 20px;
  color: #777777;
  padding: 15px 0px 15px 25px;
  display: inline-block;
}

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

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

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

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

.button, #welcome .welcome-common #no_pending_email_form [type=submit], .vehicle-form [type=submit] {
  padding: 15px 30px 15px 30px;
  font-size: 16px;
  background-color: #ff4f02;
  color: #ffffff;
  font-weight: 600;
  margin: 10px 0px 10px;
  clear: both;
  display: inline-block;
  text-align: center;
  border: none;
  cursor: pointer;
  border-radius: 15px;
  box-sizing: border-box;
  -moz-box-sizing: border-box; /* Firefox */
}

.button.small, #welcome .welcome-common #no_pending_email_form .small[type=submit], .vehicle-form .small[type=submit] {
  padding: 5px 10px;
  font-size: 14px;
}

.button.big, #welcome .welcome-common #no_pending_email_form .big[type=submit], .vehicle-form .big[type=submit] {
  padding: 20px 40px;
  font-size: 20px;
}

.button.transparent, #welcome .welcome-common #no_pending_email_form .transparent[type=submit], .vehicle-form .transparent[type=submit] {
  background: none;
  color: #ff4f02;
  border: 1px solid #ff4f02;
}

.button.grey.transparent, #welcome .welcome-common #no_pending_email_form .grey.transparent[type=submit], .vehicle-form .grey.transparent[type=submit] {
  background: none;
  color: #777777;
  border: 2px solid #777777;
}

.button.red.transparent, #welcome .welcome-common #no_pending_email_form .red.transparent[type=submit], .vehicle-form .red.transparent[type=submit] {
  background: none;
  color: #ff6060 !important;
  border: 2px solid #ff6060;
}

.button.transparent:hover, #welcome .welcome-common #no_pending_email_form .transparent[type=submit]:hover, .vehicle-form .transparent[type=submit]:hover {
  background: none;
  color: #ff7430;
  border: 1px solid #ff7430;
}

.button.transparent:active, #welcome .welcome-common #no_pending_email_form .transparent[type=submit]:active, .vehicle-form .transparent[type=submit]:active {
  background: none;
  color: #dd4900;
  border: 1px solid #dd4900;
}

.button.grey.transparent:hover, #welcome .welcome-common #no_pending_email_form .grey.transparent[type=submit]:hover, .vehicle-form .grey.transparent[type=submit]:hover {
  background: none;
  color: #333333;
  border: 2px solid #333333;
}

.button.grey.transparent:active, #welcome .welcome-common #no_pending_email_form .grey.transparent[type=submit]:active, .vehicle-form .grey.transparent[type=submit]:active {
  background: none;
  color: #000;
  border: 2px solid #000;
}

.button.darkgrey, #welcome .welcome-common #no_pending_email_form .darkgrey[type=submit], .vehicle-form .darkgrey[type=submit] {
  background: #333333;
  color: #fff;
}

.button.darkgrey:hover, #welcome .welcome-common #no_pending_email_form .darkgrey[type=submit]:hover, .vehicle-form .darkgrey[type=submit]:hover {
  opacity: 0.9;
  background: #333333;
  color: #fff;
}

.button.darkgrey:active, #welcome .welcome-common #no_pending_email_form .darkgrey[type=submit]:active, .vehicle-form .darkgrey[type=submit]:active {
  background: #000;
}

.button.download, #welcome .welcome-common #no_pending_email_form .download[type=submit], .vehicle-form .download[type=submit] {
  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;
}

.round {
  border-radius: 3px;
}

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

.button:hover, #welcome .welcome-common #no_pending_email_form [type=submit]:hover, .vehicle-form [type=submit]:hover {
  background-color: #ff7430;
  color: #fff;
}

.button:active, #welcome .welcome-common #no_pending_email_form [type=submit]:active, .vehicle-form [type=submit]:active {
  background-color: #dd4900;
}

.button.disabled, #welcome .welcome-common #no_pending_email_form .disabled[type=submit], .vehicle-form .disabled[type=submit] {
  background: #777777;
  color: #fff;
}

.button.full, #welcome .welcome-common #no_pending_email_form .full[type=submit], .vehicle-form .full[type=submit] {
  width: 100%;
}

.button.red, #welcome .welcome-common #no_pending_email_form .red[type=submit], .vehicle-form .red[type=submit] {
  background: #ff6060;
  color: #fff !important;
}

.button.narrow, #welcome .welcome-common #no_pending_email_form .narrow[type=submit], .vehicle-form .narrow[type=submit] {
  max-width: 200px;
  min-width: 200px;
}

.button.narrowest, #welcome .welcome-common #no_pending_email_form .narrowest[type=submit], .vehicle-form .narrowest[type=submit] {
  max-width: 125px;
  min-width: 125px;
  padding: 13px 20px 13px 20px;
}

.button.align-center, #welcome .welcome-common #no_pending_email_form .align-center[type=submit], .vehicle-form .align-center[type=submit] {
  margin: 0 auto;
}

.button.tiny, #welcome .welcome-common #no_pending_email_form .tiny[type=submit], .vehicle-form .tiny[type=submit] {
  padding: 5px 15px 5px 15px;
  display: inline-block;
}

.button.white, #welcome .welcome-common #no_pending_email_form .white[type=submit], .vehicle-form .white[type=submit] {
  background: #fff;
  color: #333333;
}

.button.white:hover, #welcome .welcome-common #no_pending_email_form .white[type=submit]:hover, .vehicle-form .white[type=submit]:hover {
  background: #ececec;
}

.button.white:active, #welcome .welcome-common #no_pending_email_form .white[type=submit]:active, .vehicle-form .white[type=submit]:active {
  background: #ffffff;
}

.button.clicked, #welcome .welcome-common #no_pending_email_form .clicked[type=submit], .vehicle-form .clicked[type=submit], .button.greyed, #welcome .welcome-common #no_pending_email_form .greyed[type=submit], .vehicle-form .greyed[type=submit] {
  background: #dfdbdb !important;
  cursor: default !important;
  color: #fff !important;
}

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

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

/* 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: #333333 !important;
    font-weight: 600;
    border-top: 1px solid #dfdbdb;
  }
  .in-app .button-fixed-bottom:active {
    color: #000000;
    background: #ffffff !important;
  }
  .in-app .button-fixed-bottom:focus {
    color: #777777 !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: #fff;
  color: #333333;
}

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

.btn.white:active {
  color: #000000;
  background: #ececec;
}

.btn.black {
  color: #ffffff !important;
  background: #000000;
  color: #333333;
}

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

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

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

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

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

.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.dd627b045aa0.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: #333333;
  color: #fff;
  padding: 7px;
  font-size: 13px;
  border-radius: 3px;
  top: -5px;
  z-index: 1000;
}

.input-grey, #welcome #id_code, #welcome #id_phone_number, #modal-phone #id_code, #modal-phone #id_phone_number, #welcome #names-form input[type=text], #welcome #id_description, .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, #add-trip-request #id_departure_date, #trip-form .input-edit, #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], .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, #stripe-elements-input, #book .booking-form #id_message, #book .booking-form #id_code, #password input[type=password], #password input[type=email] {
  background: #ececec;
  border-radius: 15px;
  border: none;
  color: #565a5c;
}

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

.input-error-box, #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, #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, #cancel-process label.error, #elements-errors, #book label.error, #policy-error {
  position: absolute;
  font-size: 12px;
  top: -35px;
  left: 0px;
  background: #ff6060;
  padding: 5px 10px 5px 10px;
  color: #fff;
  border-radius: 5px;
  z-index: 100;
}

.input-error-box: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, #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, #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: #ff6060;
  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, #register label.error {
  position: absolute;
  font-size: 14px;
  top: -35px;
  left: 0px;
  background: #0099ff;
  padding: 5px 10px 5px 10px;
  color: #fff;
  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, #register label.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: #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: #fff;
  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, #welcome #id_first_name-error, #welcome #id_last_name-error, #add-trip-request label.error, #instruction-post-trip #tos-error, .trip-search #id_origin-error, .trip-search #id_destination-error {
  position: absolute;
  font-size: 12px;
  top: -35px;
  left: 0px;
  background: #333333;
  padding: 5px 10px 5px 10px;
  color: #fff;
  border-radius: 5px;
  z-index: 100;
}

.input-error-box-grey:after, #welcome #id_first_name-error:after, #welcome #id_last_name-error:after, #add-trip-request label.error:after, #instruction-post-trip #tos-error:after, .trip-search #id_origin-error:after, .trip-search #id_destination-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: #333333;
  border-width: 7px;
  margin-left: -7px;
}

.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: #777777;
  margin: 10px 0px 10px;
}

.divider.grey {
  background: #ccc;
}

.divider.white {
  background: #fff;
}

.divider.light {
  background: #dfdbdb;
}

.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: #333333;
}

.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, .review-cta, #payout-settings .payout-method, #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, #how .how-header .how-header-box:active {
  box-shadow: none;
}

.box-shadow, #register .box, .how-single .how-single-process .container, .how-single .how-single-process #business .business-container, #business .how-single .how-single-process .business-container, #how .how-header #box-type-tabs, #how .how-header .how-header-box {
  box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 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: 11px 10px 10px 10px;
  width: auto;
  margin: 10px 0px 10px;
  border-radius: 15px;
  color: #333333;
  font-size: 15px;
}

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

.spacious {
  padding: 20px;
}

#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: #333333;
  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 #ffcc00;
  background: #fbffcb;
}

.success-msg {
  border: 1px solid #009900;
  background: #e9ffe4;
}

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

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

.white-msg {
  border: 1px solid #dfdbdb;
  background: #fff;
}

.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: 1100px;
  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: #333333;
  color: #fff;
  line-height: 20px;
  font-size: 15px;
}

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

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

.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: #fff;
  -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: #333;
  background: #fff;
  /* 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: #fff 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: #fff;
  border-width: 10px;
  margin-left: -10px;
  margin-top: -30px;
}

.arrow-down:before {
  border-color: rgba(194, 225, 245, 0);
  border-top-color: #777777;
  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: #000;
  opacity: 0.8;
  cursor: pointer;
}
#modal #modal-box {
  position: relative;
  background: #fff;
  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: #fff;
  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: #fff;
  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: #777777;
}

.booking-status-refund-request {
  background: url("https://convoyeur.pro/static/pop/webui/common/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.804ca7ec886b.png") no-repeat;
}

.icon-commercial {
  background: url("../images/icons/icon_commercial.c3ef07420862.png") 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;
}

/* Seats for trip listings */
.seat-common, #requests .request .seat {
  float: left;
  color: #fff;
  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: #fff;
  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: #333333 !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: #777777;
}
.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: #777777;
}
.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: #777777;
  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 #333333;
  color: #333333;
}

.clear-cross-circle {
  background: #ccc;
  color: #fff;
  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("https://convoyeur.pro/static/pop/webui/common/images/icons/icon_instant_book.12f0689c84f8.svg") no-repeat center left -3px;
  padding-left: 17px;
  background-size: 18px 18px;
}

/* 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;
}

input[type=text], input[type=password], input[type=date], input[type=time], input[type=email], input[type=number] {
  font-family: "proxima-soft", sans-serif;
  padding: 16px;
  background: #fff;
  margin: 5px 0px 5px 0px;
  width: 100%;
  border: 1px solid #ccc;
  color: #444;
  font-size: 15px;
  font-weight: 400;
}

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=text]:focus, input[type=password]:focus, input[type=date]:focus, input[type=time]:focus, input[type=email]:focus, input[type=number]:focus {
  border: 1px solid #ccc;
}

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;
  }
}

.trip-search ::-webkit-input-placeholder {
  color: #444;
}
.trip-search :-moz-placeholder { /* Firefox 18- */
  color: #444;
}
.trip-search ::-moz-placeholder { /* Firefox 19+ */
  color: #444;
}
.trip-search :-ms-input-placeholder {
  color: #444;
}

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

.input-line {
  padding: 15px;
  background: #fff;
  margin: 5px 0px 5px 0px;
  width: 100%;
  border-bottom: 1px solid #777777;
  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;
}

textarea {
  font-family: "proxima-soft", sans-serif;
  width: 100%;
  border: 1px solid #ccc;
  padding: 15px;
  font-size: 15px;
}

textarea.error {
  color: #333333;
}

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: 0px;
  color: #ff0000;
  font-size: 15px;
}

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

.checker-trigger {
  cursor: pointer;
}

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

.checker.active {
  background: url("../images/icons/icon-tick.e74f8fbf5bf0.png") no-repeat center center #fff;
  background-size: 20px 20px;
}

/* 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: #fff;
  padding: 10px 20px;
  display: inline-block;
  border: 2px solid #333333;
  color: #333333;
  border-radius: 50px;
}

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

.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-cross-grey.591e3dcde35b.png") no-repeat center center;
  background-size: 20px 20px;
  margin: 20px 0px 0px -10px;
}
@media (max-width: 767px) {
  #tripofferform .return-remove, #tripeditform .return-remove {
    float: left;
    margin-top: 25px;
    margin-left: 10px;
  }
}

.date-time input, .date-only input {
  cursor: pointer;
  background: url("../images/icons/icon-calendar-grey.1e7bcb3a32fa.png") no-repeat #fff center left;
  background-size: 17px;
  padding-left: 35px !important;
  background-position: 10px;
}

#id_departure_datetime, #id_departure_date, #id_departing {
  border: none;
  padding: 10px 15px 10px 15px;
  cursor: pointer;
}

#id_departure_date {
  cursor: pointer;
  background: url("../images/icons/icon-calendar-grey.1e7bcb3a32fa.png") no-repeat #fff center right;
  background-size: 17px;
  padding-left: 35px !important;
  background-position: 10px;
  pointer-events: none;
  box-sizing: border-box;
}

#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, #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 {
  height: 50px;
  background-color: #ececec;
  background-image: url("../images/icons/arrow-down.7db3ab8436bf.png");
  background-repeat: no-repeat;
  background-position: center right 10px;
  background-size: 10px auto;
  font-size: 15px;
  font-family: "proxima-soft", sans-serif;
  color: #333333;
  border-radius: 15px;
  border: none;
  padding: 0px 50px 0px 15px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  min-width: 60px;
  box-sizing: border-box;
}

.select-custom-rounded, #footer #lang-select {
  border-radius: 50px;
  padding: 0px 60px 0px 20px;
  background-position: center right 20px;
  font-weight: 600;
  font-size: 16px;
}

.select-custom: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 {
  border: none;
  box-shadow: none;
  outline: none;
}

/* Seat selector */
.seat-selector {
  position: relative;
  z-index: 100;
}
.seat-selector .seat-selector-trigger {
  border: 1px solid #ccc;
  border-radius: 3px;
  height: 20px;
  width: 28px;
  background: url("../images/icons/arrow-down.7db3ab8436bf.png") no-repeat right center #fff;
  background-position: 26px 16px;
  padding: 6px 8px 8px 8px;
  cursor: pointer;
}
.seat-selector .seat-selector-dropdown {
  display: none;
  width: 44px;
  text-align: center;
  position: absolute;
  border: 1px solid #ccc;
  border-radius: 3px;
  background: #fff;
}
.seat-selector .seat-selector-dropdown .seat-select {
  padding: 8px;
  background: #fff;
  text-align: center;
}
.seat-selector .seat-selector-dropdown .seat-select:hover, .seat-selector .seat-selector-dropdown .seat-select:active {
  background: #dfdbdb;
  cursor: pointer;
}
.seat-selector .seat-selector-dropdown .seat-select.active {
  background: #333;
  color: #fff;
  cursor: pointer;
}
.seat-selector .seat-selector-dropdown.active {
  display: block;
}

/* Form home */
#trip-home .form-row.origin {
  margin-bottom: 15px;
}
#trip-home .form-row.destination {
  margin-bottom: 10px;
}
#trip-home .form-row.date-time {
  margin-bottom: 10px;
}

.form-home #button-find .find-icon {
  background: url("../images/icons/icon-search.a019e1c0cd27.png") no-repeat left center;
  background-size: contain;
  width: 20px;
  height: 20px;
  float: left;
}
.form-home #button-find:hover .find-icon {
  background: url("../images/icons/icon-search-black.49370d91a59a.png") no-repeat left center;
  background-size: contain;
  width: 20px;
  height: 20px;
  float: left;
}
.form-home #button-offer .offer-icon {
  background: url("../images/icons/icon-add.a75a0a4a8c67.png") no-repeat left center;
  background-size: contain;
  width: 20px;
  height: 20px;
  float: left;
}
.form-home #button-offer:hover .offer-icon {
  background: url("../images/icons/icon-add-black.803de13a4c5e.png") no-repeat left center;
  background-size: contain;
  width: 20px;
  height: 20px;
  float: left;
}

.message-send-button {
  display: inline-block;
  width: 100px;
  float: right;
  margin-top: 0px;
  padding: 15px 20px;
  box-sizing: border-box;
  cursor: pointer;
  border-radius: 15px;
  color: #ffffff;
  background: #333333;
  border: none;
  text-align: center;
  font-weight: 600;
  font-size: 15px;
}

.message-send-button:hover {
  background: #333333;
}

.message-send-button:active {
  background: #000;
}

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

.button-loader-message .loader {
  top: 10px;
  right: 45px;
}

/* 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 {
  border: none;
  color: #fff;
  height: 1px;
  width: 1px;
  padding: 0px;
}

/* User type selection */
.user-type-selection {
  margin: 0 auto;
  width: 210px;
}
.user-type-selection .user-type-label {
  font-size: 16px;
  float: left;
  color: #777777;
  margin: 7px 0px 0px 20px;
}
.user-type-selection .user-type-trigger {
  float: left;
  width: 60px;
  height: 34px;
  background: #dfdbdb;
  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: #fff;
}
.user-type-selection .user-type-trigger.on {
  background: #05AC09;
}
.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;
}

/* Loading button */
.button-loader {
  position: relative;
  width: 250px;
}
.button-loader .button, .button-loader #welcome .welcome-common #no_pending_email_form [type=submit], #welcome .welcome-common #no_pending_email_form .button-loader [type=submit], .button-loader .vehicle-form [type=submit], .vehicle-form .button-loader [type=submit] {
  margin: 0px;
  width: 100%;
}
@media (max-width: 767px) {
  .button-loader {
    width: 100%;
  }
}

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

.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}

.loader {
  color: #ffffff;
  font-size: 4px;
  position: absolute;
  top: 10px;
  right: 35px;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

.loader:before,
.loader:after {
  content: "";
  position: absolute;
  top: 0;
}

.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.loader:after {
  left: 3.5em;
}

@-webkit-keyframes load7 {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
.button-loader-grey .loader {
  color: #777777;
  font-size: 4px;
  position: absolute;
  top: 10px;
  right: 35px;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

.loader.loader-grey {
  color: #777777;
  font-size: 4px;
  position: absolute;
  top: 10px;
  right: 35px;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

/* Payment policy form */
#payment-policy-form {
  position: relative;
}

/* Hiding form elements */
#id_driver {
  position: absolute;
  z-index: -1;
  background: #fff !important;
  color: #fff;
  border: none;
  height: 1px;
  width: 1px;
}

/* 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: #0099ff;
  border-radius: 10px;
}
.seat-matrix .destinations-container .segment .segment-name {
  font-size: 15px;
  color: #0099ff;
  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: #fff;
}
.seat-matrix .seats-container .seat .booking .unassigned {
  text-align: center;
}
.seat-matrix .seats-container .seat .booking.confirmed {
  background: #05AC09;
  color: #fff;
}
.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: #fff;
  margin: 0 auto;
}
.seat-matrix .seats-container .passenger .passenger-name {
  color: #fff;
  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: #f2f2f2;
}
.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: #000000;
}
.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: #f2f2f2;
}
.pricing-matrix .locations-values .location-price {
  text-align: center;
}

/* Tabs */
.pill-tabs {
  color: #666;
}
@media (max-width: 767px) {
  .pill-tabs {
    display: flex;
    width: 100%;
  }
}
.pill-tabs a {
  color: #666;
  display: block;
  font-size: 16px;
  border-radius: 100px;
  float: left;
  font-weight: 500;
  box-sizing: border-box;
  text-align: center;
}
@media (min-width: 769px) {
  .pill-tabs a {
    margin-right: 30px;
  }
}
@media (max-width: 767px) {
  .pill-tabs a {
    padding: 10px 30px;
    flex-basis: 100%;
  }
}
.pill-tabs a:hover {
  color: #000;
}
.pill-tabs a.active {
  display: inline !important;
  color: #fff;
}
@media (min-width: 769px) {
  .pill-tabs a.active {
    color: #000;
    font-weight: 700;
  }
}
@media (max-width: 767px) {
  .pill-tabs a.active {
    background: #333333;
  }
}

.line-tabs {
  margin: 0px 0px 0px;
}
.line-tabs a {
  width: 50%;
  float: left;
  color: #777777;
  border-bottom: 1px solid #dfdbdb;
  padding: 15px;
  box-sizing: border-box;
  text-align: center;
}
.line-tabs a.active {
  border-bottom: 3px solid #333333;
  color: #333333;
  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: 0px auto;
  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("https://convoyeur.pro/static/pop/webui/common/images/brand/convoyeur-logo.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: #777777;
}
#footer a:hover {
  color: #333333;
}
#footer a:active {
  color: #000000;
}
#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("https://convoyeur.pro/static/pop/webui/common/images/icons/icon-twitter-footer.f791216baf3e.svg") no-repeat;
  background-size: contain;
}
#footer .social-media .facebook {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/icons/icon-facebook-footer.3e1a8f8ba128.svg") no-repeat;
  background-size: contain;
}
#footer .social-media .instagram {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/icons/icon-instagram-footer.ce134eb6f307.svg") no-repeat;
  background-size: contain;
}
#footer .social-media .tiktok {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/icons/icon-tiktok-footer.19ed267e655b.svg") no-repeat center center;
  background-size: 30px 30px;
}
#footer .social-media .linkedin {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/icons/icon-linkedin-footer.2cebc6d0b5b3.svg") no-repeat;
  background-size: contain;
}
#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, #header-page #header-top .logo {
  display: block;
  width: 230px;
  height: 30px;
  float: left;
  background: url("https://convoyeur.pro/static/pop/webui/common/images/brand/convoyeur-logo.svg") no-repeat center left;
  background-size: contain;
  margin-top: 15px;
  margin-right: 20px;
}

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

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

.logo-header-mobile, #header-mobile #logo-mobile {
  width: 170px;
  height: 30px;
  display: block;
  float: left;
  margin: 14px 0px 0px 10px;
  background: url("https://convoyeur.pro/static/pop/webui/common/images/brand/convoyeur-logo.svg") no-repeat left center;
  background-size: contain;
}

#header-page {
  background: none;
  width: 100%;
  z-index: 500;
}
@media (max-width: 767px) {
  #header-page {
    display: none;
  }
}
#header-page #header-top {
  height: 70px;
  max-width: 1920px;
  margin: 0px auto;
}
#header-page #header-top #header-top-container {
  padding: 5px 10px 5px 15px;
}
#header-page #header-top #menu {
  position: relative;
}
#header-page #header-top #menu .menu-items {
  float: left;
}
#header-page #header-top #menu .menu-item {
  float: right;
  padding: 19px 21px 44px 21px;
  max-height: 60px;
  color: #565a5c;
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
  box-sizing: border-box;
  position: relative;
}
#header-page #header-top #menu .menu-item.post, #header-page #header-top #menu .menu-item.search {
  padding-left: 30px;
  padding-right: 20px;
  margin-right: 10px;
  margin-left: 10px;
  background-size: 20px 20px !important;
}
#header-page #header-top #menu .menu-item-dropdown-container {
  float: right;
  position: relative;
}
#header-page #header-top #menu .menu-item-dropdown-container:hover > div {
  display: inherit;
}
#header-page #header-top #menu .menu-item-dropdown {
  display: none;
  z-index: 1000;
  position: absolute;
  top: 60px;
  left: 8px;
  background: #fff;
  border-radius: 5px;
  border: 1px solid #dfdbdb;
  -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-top #menu .menu-item-dropdown a {
  width: 160px;
  padding: 15px 20px;
  border-bottom: 1px solid #dfdbdb;
  display: block;
  color: #777777;
  font-weight: 500;
  font-size: 15px;
}
#header-page #header-top #menu .menu-item-dropdown a:hover {
  color: #333333;
}
#header-page #header-top #menu .menu-item.apps, #header-page #header-top #menu .menu-item.apps.active {
  line-height: 15px;
}
#header-page #header-top #menu .menu-items-auth .menu-item {
  padding: 10px 20px 10px 20px;
  border: 2px solid #333333;
  color: #333333;
  border-radius: 30px;
  margin: 6px 0px 0px 10px;
}
#header-page #header-top #menu .menu-item.tour .question-mark, #header-page #header-top #menu .menu-item.tour:active .question-mark {
  font-size: 16px;
  border: 2px solid #565a5c;
  border-radius: 20px;
  padding: 1px 0px 0px 0px;
  float: left;
  line-height: 20px;
  width: 20px;
  height: 20px;
  text-align: center;
}
#header-page #header-top #menu .menu-item-grey {
  color: #777777;
  opacity: 1;
  margin: 0px 8px;
}
@media (min-width: 768px) and (max-width: 1023px) {
  #header-page #header-top #menu .menu-item-grey {
    margin: 0px 5px;
  }
}
#header-page #header-top #menu .menu-item-grey:hover {
  color: #333333;
}
#header-page #header-top #menu .menu-item-grey:active {
  color: #000;
}
#header-page #header-top #menu .menu-item-grey.active {
  color: #000;
  font-weight: 700;
}
#header-page #header-top #menu .menu-item.cta-add {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/icons/menu-post.71dc99e0cb22.svg") no-repeat center left;
  background-position: 15px;
  background-size: 14px 14px;
  border-radius: 50px;
  border: 1px solid #dfdbdb;
  margin-top: 7px;
  margin-left: 9px;
  padding: 12px 30px 12px 45px;
  color: #000000;
}
#header-page #header-top #menu .menu-item.cta-add.last {
  margin-right: 10px;
}
#header-page #header-top #menu .menu-item.cta-add:hover {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/icons/menu-post.71dc99e0cb22.svg") no-repeat #ececec center left;
  border: 1px solid #dfdbdb;
  background-position: 15px;
  background-size: 14px 14px;
}
@media (min-width: 1024px) {
  #header-page #header-top #menu .menu-item.cta-add:hover {
    background-position: 15px;
  }
}
#header-page #header-top #menu .menu-item.cta-add:active {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/icons/menu-post.71dc99e0cb22.svg") no-repeat #dfdbdb center left;
  background-size: 14px 14px;
  border: 1px solid #dfdbdb;
}
@media (min-width: 1024px) {
  #header-page #header-top #menu .menu-item.cta-add:active {
    background-position: 15px;
  }
}
#header-page #header-top #menu .menu-item.cta-find {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/icons/menu-search.933be5963c55.svg") no-repeat center left;
  background-position: 15px;
  border: 1px solid #dfdbdb;
  background-size: 14px 14px;
  border-radius: 50px;
  margin-top: 7px;
  margin-left: 9px;
  padding: 12px 30px 12px 45px;
  color: #000000;
}
#header-page #header-top #menu .menu-item.cta-find:hover {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/icons/menu-search.933be5963c55.svg") no-repeat #ececec center left;
  background-position: 15px;
  background-size: 14px 14px;
  border: 1px solid #dfdbdb;
}
#header-page #header-top #menu .menu-item.cta-find:active {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/icons/menu-search.933be5963c55.svg") no-repeat #dfdbdb center left;
  background-position: 15px;
  background-size: 14px 14px;
  border: 1px solid #dfdbdb;
}
#header-page #header-top #menu .menu-item.help {
  padding-left: 20px;
}
#header-page #header-top #menu .menu-item.events .event-icon {
  background: url("../images/icons/icon-star-grey.53b0e3582aa8.png") no-repeat top left;
  background-size: 26px 26px;
  width: 26px;
  height: 26px;
  float: left;
  margin-top: -3px;
}
@media (max-width: 870px) {
  #header-page #header-top #menu .menu-item.events .event-icon {
    display: none;
  }
}
#header-page #header-top #menu .menu-item.events .event-name {
  float: left;
}
#header-page #header-top #menu .menu-item.events:hover {
  opacity: 0.9;
}
#header-page #header-top #menu .menu-item.events:active {
  opacity: 1;
}
#header-page a.profile-pic {
  width: 45px;
  height: 45px;
  border-radius: 40px;
  border: 1px solid #dfdbdb;
  float: right;
  margin: 7px 0px 0px;
  position: relative;
  background-position: center center;
  cursor: pointer;
}
#header-page #header-bottom {
  width: 100%;
  height: 60px;
  background: #0099ff;
  color: #fff;
}
#header-page #header-bottom #header-bottom-container {
  z-index: 1000;
  max-width: 1100px;
  margin: 0 auto;
  position: relative;
}
#header-page #header-bottom #left {
  float: left;
}
#header-page #header-bottom #left .menu-item {
  display: block;
  float: left;
  color: #fff;
  text-decoration: none;
  padding: 19px 30px 20px 30px;
}
#header-page #header-bottom #left .menu-item.active {
  background: rgba(0, 0, 0, 0.1);
}
#header-page #header-bottom #left .menu-item.active:hover {
  background: rgba(0, 0, 0, 0.1);
  cursor: default;
}
#header-page #header-bottom #left .menu-item.with-notifications {
  padding: 19px 50px 20px 30px;
}
#header-page #header-bottom #left .menu-item:hover, #header-page #header-bottom #left .menu-item:active {
  background: rgba(0, 0, 0, 0.1);
}
#header-page #header-bottom #left .menu-welcome {
  margin-top: 17px;
  font-size: 16px;
}
#header-page #header-bottom #right .menu-item {
  display: block;
  float: right;
  color: #fff;
  text-decoration: none;
  padding: 19px 30px 20px 30px;
}
#header-page #header-bottom #right .login {
  float: right;
  padding: 19px 40px 20px 40px;
}
#header-page #header-bottom #right .login a {
  color: #fff;
}
#header-page #header-bottom #right .login.inactive {
  margin-top: 20px;
}
#header-page #header-bottom #right .login.active {
  background: rgba(0, 0, 0, 0.1);
  padding: 19px 40px 20px 40px;
}
#header-page #header-bottom #right #logout_button {
  position: absolute;
  right: 0px;
}

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

#menu-new {
  display: flex;
  justify-content: space-between;
}
#menu-new .logo-new {
  display: block;
  width: 190px;
  background: url("https://convoyeur.pro/static/pop/webui/common/images/brand/convoyeur-logo.svg") no-repeat center center;
  background-size: contain;
}
#menu-new .logo-new:hover {
  opacity: 0.9;
}
#menu-new .logo-new:active {
  opacity: 1;
}
#menu-new .menu-item-new {
  font-size: 16px;
  color: #000000;
  font-weight: 600;
  padding: 10px 20px 10px 25px;
  display: inline-block;
  opacity: 0.9;
}
#menu-new .menu-item-new:hover {
  opacity: 1;
}
#menu-new .menu-item-new:active {
  opacity: 0.8;
}
#menu-new .menu-item-new-search {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/icons/menu-search.933be5963c55.svg") no-repeat left center;
  background-size: 15px 15px;
}
#menu-new .menu-item-new-post {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/icons/menu-post.71dc99e0cb22.svg") no-repeat left center;
  background-size: 15px 15px;
}
#menu-new .menu-item-new-how {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/icons/menu-how.939b0f7d15da.svg") no-repeat left center;
  background-size: 15px 15px;
}
#menu-new .menu-item-new-sign-in {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/icons/menu-sign-in.97dd5ff53cd4.svg") no-repeat left center;
  background-size: 15px 15px;
}
#menu-new .menu-item-new-dropdown-container {
  position: relative;
}
#menu-new .menu-item-new-dropdown-container:hover > div {
  display: inherit;
}
#menu-new .menu-container {
  display: flex;
}
#menu-new .menu-item-new-dropdown {
  display: none;
  z-index: 1000;
  position: absolute;
  top: 40px;
  left: -40px;
  background: #fff;
  border-radius: 15px;
  border: 1px solid #dfdbdb;
  -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;
}
#menu-new .menu-item-new-dropdown a {
  width: 160px;
  padding: 15px 10px;
  border-bottom: 1px solid #dfdbdb;
  display: block;
  color: #777777;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
}
#menu-new .menu-item-new-dropdown a:hover {
  color: #333333;
}

.menu-trigger {
  cursor: pointer;
  float: right;
  display: block;
  margin: 4px 0px 0px 0px;
  right: 0px;
  width: 50px;
  height: 50px;
  opacity: 0.9;
  box-sizing: border-box;
  padding: 10px;
}
@media (max-width: 767px) {
  .menu-trigger {
    margin: 2px 0px 0px 10px;
  }
}
.menu-trigger .menu-trigger-line {
  height: 2px;
  width: 26px;
  background: #333333;
  display: block;
  margin: 5px -4px 8px;
  border-radius: 11px;
}

.menu-trigger:hover {
  opacity: 0.7;
}

.menu-trigger:active {
  opacity: 1;
}

@media only screen and (max-width: 1100px) {
  #header-page #header-top-container {
    padding: 0px 10px 0px 10px;
  }
  #header-page #header-top #menu .menu-item .cta-label {
    display: none;
  }
  #header-page #header-top #menu .menu-item.cta-find, #header-page #header-top #menu .menu-item.cta-add {
    width: 47px;
    height: 47px;
    padding: 0px;
    text-align: center;
    line-height: 34px;
    font-size: 24px;
    font-weight: 100;
    background-position: center center;
    background-size: 14px 14px;
  }
  #header-page #header-top #menu .menu-item.cta-find:hover, #header-page #header-top #menu .menu-item.cta-find:active {
    background-position: center center !important;
  }
  #header-page #header-top #menu .menu-item.cta-add:hover, #header-page #header-top #menu .menu-item.cta-add:active {
    background-position: center center !important;
  }
}
@media only screen and (max-width: 970px) {
  .menu-item-dashboard {
    display: none;
  }
  #header-page #header-top .logo-in {
    width: 140px;
    height: 30px;
    display: block;
    float: left;
    margin: 15px 20px 0px 0px;
    background: url("../images/brand/convoyeur-logo.png") no-repeat left center;
    background-size: contain;
  }
}
.loggedin #header-mobile {
  border-bottom: 1px solid #dfdbdb;
}

#header-mobile {
  height: 57px;
  background: #fff;
}
#header-mobile .find-trip-mobile {
  display: block;
  height: 40px;
  width: 40px;
  background: url("../images/icons/icon-search.a019e1c0cd27.png") no-repeat center center #ff4f02;
  background-size: 14px 14px;
  border-radius: 40px;
  margin-top: 10px;
  margin-right: 7px;
}
#header-mobile .find-trip-mobile:hover {
  background: url("../images/icons/icon-search.a019e1c0cd27.png") no-repeat center center #ff7430;
  background-size: 14px 14px;
}
#header-mobile .find-trip-mobile:active {
  background: url("../images/icons/icon-search.a019e1c0cd27.png") no-repeat center center #dd4900;
  background-size: 14px 14px;
}
#header-mobile .add-trip-mobile {
  display: block;
  height: 40px;
  width: 40px;
  background: url("../images/icons/icon-post.c8fa6aeb091c.png") no-repeat center center #0099ff;
  background-size: 14px 14px;
  border-radius: 40px;
  margin-top: 10px;
  color: #fff;
  text-align: center;
  line-height: 35px;
  font-size: 28px;
}
#header-mobile .add-trip-mobile:hover {
  background: url("../images/icons/icon-post.c8fa6aeb091c.png") no-repeat center center #44b4ff;
  background-size: 16px 16px;
}
#header-mobile .add-trip-mobile:active {
  background: url("../images/icons/icon-post.c8fa6aeb091c.png") no-repeat center center #0077c6;
  background-size: 16px 16px;
}
#header-mobile .profile-mobile {
  display: block;
  height: 40px;
  width: 40px;
  margin-top: 8px;
  border-radius: 40px;
  border: 1px solid #dfdbdb;
  margin-left: 7px;
}
#header-mobile .profile-mobile:active {
  opacity: 0.9;
}

/* Support for iPhone 5 screens */
@media only screen and (max-width: 350px) {
  #header-mobile {
    height: 60px;
    background: #fff;
    border-bottom: 1px solid #ccc;
  }
  #header-mobile .find-trip-mobile {
    display: block;
    height: 36px;
    width: 36px;
    background: url("../images/icons/icon-search.a019e1c0cd27.png") no-repeat center center #ff4f02;
    background-size: 14px 14px;
    border-radius: 40px;
    margin-top: 12px;
    margin-right: 5px;
  }
  #header-mobile .find-trip-mobile:hover {
    background: url("../images/icons/icon-search.a019e1c0cd27.png") no-repeat center center #ff7430;
    background-size: 14px 14px;
  }
  #header-mobile .find-trip-mobile:active {
    background: url("../images/icons/icon-search.a019e1c0cd27.png") no-repeat center center #dd4900;
    background-size: 14px 14px;
  }
  #header-mobile .add-trip-mobile {
    display: block;
    height: 36px;
    width: 36px;
    background: url("../images/icons/icon-post.c8fa6aeb091c.png") no-repeat center center #0099ff;
    background-size: 14px 14px;
    border-radius: 40px;
    margin-top: 12px;
    color: #fff;
    text-align: center;
    line-height: 35px;
    font-size: 28px;
  }
  #header-mobile .add-trip-mobile:hover {
    background: url("../images/icons/icon-post.c8fa6aeb091c.png") no-repeat center center #44b4ff;
    background-size: 16px 16px;
  }
  #header-mobile .add-trip-mobile:active {
    background: url("../images/icons/icon-post.c8fa6aeb091c.png") no-repeat center center #0077c6;
    background-size: 16px 16px;
  }
  #header-mobile .profile-mobile {
    display: block;
    height: 36px;
    width: 36px;
    margin-top: 12px;
    border-radius: 40px;
    border: 1px solid #dfdbdb;
    margin-left: 5px;
  }
  #header-mobile .profile-mobile:active {
    opacity: 0.9;
  }
  #header-mobile .menu-trigger {
    margin: 2px 0px 0px 0px;
  }
}
#index-page.loggedout #header-mobile {
  border-bottom: none;
  box-shadow: none;
}
#index-page.loggedout #header-page {
  border-bottom: none;
}
@media (min-width: 769px) {
  #index-page.loggedout #header-page #header-top #logo-container {
    float: left;
  }
}
#index-page.loggedout #header-page #header-top #menu .menu-item {
  font-size: 16px;
  opacity: 0.9;
}
#index-page.loggedout #header-page #header-top #menu .menu-item:hover {
  opacity: 1;
}
#index-page.loggedout #header-page #header-top #menu .help-icon {
  color: #fff;
  border: 2px solid #fff;
}
#index-page.loggedout #header-page #header-top a.previously {
  display: none;
}

#header-flow {
  height: 70px;
  border-bottom: 1px solid #dfdbdb;
}
@media (max-width: 767px) {
  #header-flow {
    height: 60px;
  }
}
#header-flow .logo {
  margin: 20px 10px 5px 15px;
}
@media (max-width: 767px) {
  #header-flow .logo {
    width: 150px;
    height: 25px;
    display: block;
    float: left;
    margin: 17px 0px 0px 10px;
    background: url("https://convoyeur.pro/static/pop/webui/common/images/brand/convoyeur-logo.svg") no-repeat left center;
    background-size: contain;
  }
}
#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 {
  float: right;
}
#header-flow .header-right .header-flow-button {
  padding: 25px 23px 27px 23px;
  box-sizing: border-box;
  display: inline-block;
}
@media (max-width: 767px) {
  #header-flow .header-right .header-flow-button {
    padding: 20px 13px 27px 20px;
  }
}

/* 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: #fff;
}

.page {
  padding-top: 40px;
  padding-bottom: 40px;
}
.page h1 {
  margin-top: 0px;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .page h1 {
    line-height: 32px;
  }
}
.page h1.float-left {
  margin-top: 0px;
}
.page h2 {
  font-size: 16px;
  margin: 0px;
}
@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: #fff;
  border-bottom: 1px solid #efefef;
}
.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, .pre-page #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 .pre-page .trip-date, .pre-page #payments .payment-box .payment-amount, #payments .payment-box .pre-page .payment-amount, .pre-page #payments .payment-box .payment-text, #payments .payment-box .pre-page .payment-text, .pre-page #book .booking-form .trip-form-policies .text-slarge, .pre-page #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 .pre-page #book .booking-form .trip-form-policies h2, #book .booking-form .trip-form-policies .pre-page .text-slarge, #book .booking-form .trip-form-policies .pre-page #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 .pre-page h2, .pre-page #book .booking-form .trip-form-policies .trip-form-section-header, #book .booking-form .trip-form-policies .pre-page .trip-form-section-header, .pre-page #book .booking-form .trip-form-policies .policy-title, #book .booking-form .trip-form-policies .pre-page .policy-title {
  color: #666;
}
.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 #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, #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, .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: #fff;
}

@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: 1100px;
  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: 2px solid #dfdbdb;
  border-radius: 5px;
  display: inline-block;
  box-sizing: border-box;
}
@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;
}
.button-group .button-item:hover {
  background: #efefef;
}
.button-group .button-item.border {
  border-right: 2px solid #dfdbdb;
  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/convoyeur-logo.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: #fff;
}
#pricing .box-spaceless .box-header {
  background: #0099ff;
  color: #fff;
  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: #fff;
}
#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 #dfdbdb;
  color: #777777;
  background: #fff;
  text-align: center;
  line-height: 40px;
  float: left;
  margin: 5px 10px 5px 0px;
  border-radius: 40px;
}
#pagination .pagination-item:hover {
  border: 1px solid #777777;
}
#pagination .pagination-item:active {
  border: 1px solid #333333;
  color: #333333;
}
#pagination .pagination-item.active, #pagination .pagination-item.active:hover {
  border: 1px solid #333333;
  background: #333333;
  color: #fff;
}
#pagination .pagination-item.dots {
  border: 1px solid transparent;
}

/* Development bar */
.environment-definition {
  padding: 5px;
  color: #000000;
  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, .referral-search, .event-search, .search-common-grey, #network-search, #help-search {
  position: relative;
  border-radius: 100px;
  border: 1px solid #777777;
  background: #fff;
  padding: 0px 20px 0px 20px;
}
.search-common input, .referral-search input, .event-search input, .search-common-grey input, #network-search input, #help-search input {
  border: none !important;
  padding: 15px 15px 15px 0px;
}
.search-common input:hover, .referral-search input:hover, .event-search input:hover, .search-common-grey input:hover, #network-search input:hover, #help-search input:hover, .search-common input:active, .referral-search input:active, .event-search input:active, .search-common-grey input:active, #network-search input:active, #help-search input:active, .search-common input:hover > input:active {
  border: none;
}
.search-common [type=submit], .referral-search [type=submit], .event-search [type=submit], .search-common-grey [type=submit], #network-search [type=submit], #help-search [type=submit] {
  position: absolute;
  top: 0px;
  right: 0px;
  background: url("../images/icons/icon-search-box.a7672a772476.png") no-repeat center center;
  background-size: 16px 17px;
  width: 50px;
  height: 60px;
  opacity: 0.7;
  cursor: pointer;
}
.search-common [type=submit]:hover, .referral-search [type=submit]:hover, .event-search [type=submit]:hover, .search-common-grey [type=submit]:hover, #network-search [type=submit]:hover, #help-search [type=submit]:hover {
  opacity: 0.8;
}
.search-common [type=submit]:active, .referral-search [type=submit]:active, .event-search [type=submit]:active, .search-common-grey [type=submit]:active, #network-search [type=submit]:active, #help-search [type=submit]:active {
  opacity: 1;
}

.search-common-grey, #network-search, #help-search {
  background: #efefef;
  border: none;
}
.search-common-grey input, #network-search 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: #fff;
  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.1367f2aef01d.png") 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 {
  width: 75px;
  height: 75px;
  border-radius: 60px;
  border: 1px solid #dfdbdb;
  display: block;
  float: left;
}
.member-summary .member-summary-details {
  float: left;
  margin: 17px 0px 0px 20px;
}
.member-summary .member-summary-details-top .member-summary-details-top-name {
  font-size: 20px;
  font-weight: 700;
  color: #000;
  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;
}

.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: #fff;
  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 #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, #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, #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: #333333;
  color: #fff;
  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-downloads .image-ios {
  width: auto;
  height: 56px;
}
#app-downloads .image-android {
  width: auto;
  height: 56px;
}

/*** Individual views
in alphabetical order
*/
/* About page */
@media (min-width: 769px) {
  #about .col-4 {
    margin-top: 30px;
  }
}
@media (min-width: 769px) {
  #about .col-8 {
    margin-top: 12px;
  }
}
#about h1 {
  font-size: 46px;
  line-height: 58px;
  color: #000000;
  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("https://convoyeur.pro/static/pop/webui/common/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;
}
@media (min-width: 769px) {
  #about #about-story {
    max-width: 480px;
  }
}
#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 #account-tabs-container, #about.team #about-tabs .tabs a.tab-header {
  color: #fff !important;
  text-shadow: 0px 0px 4px rgb(0, 0, 0);
}
#about.team .sub-nav-toggler .sub-nav-toggler-text {
  color: #fff !important;
}
#about.team .sub-nav-toggler .sub-nav-toggler-icon .line {
  background: #fff !important;
}
#about.team #team-cover {
  background: url("../images/about/team-cover.e9cf6d14c189.jpg") no-repeat center center;
  background-size: cover;
  height: 700px;
}
@media (max-width: 767px) {
  #about.team #team-cover {
    height: 500px;
  }
}
#about.team #team-cover h1 {
  color: #fff;
  margin-top: 450px;
  font-size: 42px;
  line-height: 46px;
}
@media (max-width: 767px) {
  #about.team #team-cover h1 {
    margin-top: 200px;
    font-size: 28px;
    line-height: 34px;
    padding: 10px;
  }
}
#about.team h2 {
  font-size: 32px;
  line-height: 38px;
}
#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: #fff;
  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;
  color: #777777;
  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: #fff;
}
@media (max-width: 767px) {
  #impact-page .col-3 {
    padding: 0px;
    width: 100%;
    clear: both;
    margin: 10px 0px 30px;
  }
}
#impact-page .button, #impact-page #welcome .welcome-common #no_pending_email_form [type=submit], #welcome .welcome-common #no_pending_email_form #impact-page [type=submit], #impact-page .vehicle-form [type=submit], .vehicle-form #impact-page [type=submit] {
  margin: 0 auto;
}

#about-tabs .tabs {
  border: none;
}
@media (min-width: 769px) {
  #about-tabs .tabs {
    max-width: 170px;
  }
}
#about-tabs .tabs a.tab-header {
  color: #333333;
  background: none;
  padding: 15px 0px 15px 0px;
  display: block;
}
#about-tabs .tabs a.tab-header.active, #about-tabs .tabs a.tab-header:hover {
  font-weight: 700;
  background: none;
}
#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 h2 {
  font-size: 32px;
  font-weight: 800;
}
#vision h3 {
  font-size: 24px;
  margin: 50px 0px 20px;
}
#vision p {
  margin: 14px 0px;
  padding: 0px;
  color: #666;
  font-size: 16px;
  line-height: 22px;
}

#sustainability-page #sustainability-banner {
  width: 100% !important;
  text-align: center;
  padding: 20px 0px 40px;
}
#sustainability-page #sustainability-banner h1 {
  color: #000000;
}
#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: #fff;
  padding: 160px 30px 0px 30px;
  box-sizing: border-box;
  color: #000000;
  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("https://convoyeur.pro/static/pop/webui/common/images/about/sustainability-car.caa21286689c.svg") no-repeat center top 60px #fff;
}
#sustainability-page #sustainability-banner .sustainability-bubbles .sustainability-bubble.homes {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/about/sustainability-home.9c1efbbf8082.svg") no-repeat center top 30px #fff;
}
#sustainability-page #sustainability-banner .sustainability-bubbles .sustainability-bubble.forest {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/about/sustainability_tree.243fa093f75b.svg") no-repeat center top 30px #fff;
}
@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("https://convoyeur.pro/static/pop/webui/common/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;
  color: #666;
}
#sustainability-page #sustainability-contents ul li a {
  color: #333333;
  text-decoration: underline;
}
#sustainability-page #sustainability-contents ul li a:hover {
  color: #000000;
}
#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: #fff;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
}
#book label.error {
  right: 0px;
  left: auto;
}
#book .book-contents {
  max-width: 1100px;
  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: 30px;
  margin: 25px 0px;
  color: #000;
  line-height: 34px;
}
@media (max-width: 767px) {
  #book .book-contents h1 {
    font-size: 24px;
    line-height: 30px;
    margin: 15px 0px;
  }
}
#book .book-contents h1.instant-book {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/icons/icon_instant_book.12f0689c84f8.svg") no-repeat;
  background-position: -6px center;
  background-size: 25px 25px;
  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: 20px;
  font-weight: 700;
  margin-bottom: 6px;
  color: #0099ff;
}
@media (max-width: 767px) {
  #book .book-contents .book-contents-left .book-trip-details .book-trip-details-locations {
    margin-bottom: 0px;
  }
}
#book .book-contents .book-contents-left .book-trip-details .book-trip-details-date {
  font-size: 18px;
  font-weight: 600;
  color: #777777;
}
#book .book-contents .book-contents-left .book-trip-details .book-trip-details-seats {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 6px;
  color: #000;
  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;
  }
}
#book .book-contents .book-contents-left .book-trip-details .book-trip-details-price {
  font-size: 18px;
  font-weight: 600;
  color: #009a4b;
  text-align: right;
}
@media (max-width: 767px) {
  #book .book-contents .book-contents-left .book-trip-details .book-trip-details-price {
    margin-left: 10px;
    float: left;
  }
}
#book .book-contents .book-contents-left .book-trip-details .book-trip-details-pickup-title {
  width: 20%;
  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%;
  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-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: 3px;
  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 10px;
}
#book .book-contents .book-contents-left .form-row {
  position: relative;
}
#book .book-contents .book-contents-left .book-seats .book-seats-title {
  margin-top: 0px;
}
@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.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: 0px;
  padding: 20px 10px 20px 10px;
  font-weight: 600;
  color: #666;
}
@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: 100px;
    border: 1px solid #dfdbdb;
    border-radius: 15px;
    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: #fff;
    border-top: 1px solid #dfdbdb;
    display: none;
  }
}
#book .book-contents .book-contents-right .book-summary .book-summary-title {
  font-weight: 700;
  color: #000;
}
#book .book-contents .book-contents-right .book-summary .book-summary-locations {
  font-weight: 700;
  color: #0099ff;
}
#book .book-contents .book-contents-right .book-summary .book-summary-date {
  color: #777777;
}
#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;
}
@media (min-width: 769px) {
  #book .book-contents .book-contents-right .book-summary.fixed {
    position: fixed;
    top: 25px;
    margin: 0px;
    z-index: 100;
    width: 293px;
  }
}
@media (max-width: 767px) {
  #book .book-contents .book-contents-right .book-summary.active {
    display: block;
  }
}
#book .book-contents .book-contents-right .book-summary-mobile {
  position: relative;
}
@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: #fff;
    border-top: 1px solid #dfdbdb;
    display: none;
  }
}
#book .book-contents .book-contents-right .book-summary-mobile .book-summary-mobile-locations {
  font-weight: 700;
  color: #0099ff;
}
#book .book-contents .book-contents-right .book-summary-mobile .book-summary-mobile-expand {
  position: absolute;
  right: 15px;
  top: 5px;
}
@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 {
    background: url("../images/icons/icon-triangle-up-grey.22156bff382c.png") no-repeat center center;
    width: 28px;
    height: 28px;
    background-size: 80% auto;
    display: block;
  }
}
@media (max-width: 767px) {
  #book .book-contents .book-summary-mobile-expand.close {
    background: url("../images/icons/icon-triangle-down-grey.1cfebcce6c88.png") no-repeat center center;
    background-size: 80% auto;
  }
}
#book .booking-form .input {
  padding: 15px;
  width: 100%;
  font-size: 14px;
  box-sizing: border-box;
  font-family: "proxima-soft", sans-serif;
  border-radius: 5px;
}
#book .booking-form .input.error {
  color: #333333;
}
#book .booking-form #id_message {
  max-height: 120px;
}
#book .booking-form #id_message, #book .booking-form #id_code {
  border: none;
}
#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: #000000;
}
#book .booking-form .button-loader {
  width: 100%;
}
#book .booking-form .booking-send-button {
  box-sizing: border-box;
  display: block;
  width: 100%;
  text-align: center;
  border-radius: 15px;
  background: #ff4f02;
  color: #fff;
  border: none;
  font-size: 16px;
  cursor: pointer;
  margin: 0px;
}
#book .booking-form .booking-send-button:hover {
  background: #ff7430;
}
#book .booking-form .booking-send-button:active {
  background: #dd4900;
}
#book .booking-form .booking-send-button.greyed {
  background: #C8C8C8;
  color: #fff !important;
}
#book .booking-form .booking-send-button.instant-book {
  background-color: #000000;
  opacity: 0.9;
  background-size: 20px 20px;
  background-position: 10px center;
}
#book .booking-form .booking-send-button.instant-book:hover {
  opacity: 0.8;
}
#book .booking-form .booking-send-button.instant-book:active {
  opacity: 1;
}
#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 #777777;
  padding: 3px 6px 3px 6px;
  border-radius: 3px;
  margin: 3px 3px 0px 0px;
  float: left;
  color: #777777;
}
#book .booking-form .owned-code:hover, #book .booking-form .codes-more-cta:hover {
  border: 1px solid #333333;
  color: #333333;
}
#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: 0px;
}
#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: #333333;
}
#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: #fff;
}
#booking.page #booking-top.refund-request-bg {
  color: #333333;
}
#booking.page #booking-top.refund-request-bg .booking-previous-url {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/icons/arrow_left_grey.f94ce5a911c3.svg") no-repeat left center;
  background-size: 20px auto;
}
#booking.page #booking-top.refund-request-bg .booking-previous-url, #booking.page #booking-top.refund-request-bg .booking-info-locations {
  color: #333333;
}
#booking.page #booking-top.refund-request-bg .booking-reference {
  border: 2px solid #333333;
}
#booking.page #booking-top.refund-request-bg .booking-profile-picture {
  border: 1px solid #333333;
}
#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("https://convoyeur.pro/static/pop/webui/common/images/icons/arrow_left.c6619f311934.svg") no-repeat left center;
  background-size: 20px auto;
  margin: 10px 0px 40px 0px;
  height: 20px;
  width: 200px;
  color: #fff;
  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;
}
@media (min-width: 769px) {
  #booking.page h1 {
    font-size: 32px;
    float: left;
  }
}
@media (max-width: 767px) {
  #booking.page h1 {
    font-size: 24px;
  }
}
#booking.page .booking-reference {
  font-weight: 600;
  border: 2px solid #fff;
  border-radius: 3px;
  padding: 0px 5px;
  display: inline-block;
}
@media (min-width: 769px) {
  #booking.page .booking-reference {
    float: right;
  }
}
#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: #fff;
  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-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: #fff;
}
#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.page .cancelled {
  color: #ff6060;
}

.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 #welcome .welcome-common #no_pending_email_form .approve[type=submit], #welcome .welcome-common #no_pending_email_form .modal-review-booking .approve[type=submit], .modal-review-booking .vehicle-form .approve[type=submit], .vehicle-form .modal-review-booking .approve[type=submit] {
  background: #333333;
}
.modal-review-booking .button.approve:hover, .modal-review-booking #welcome .welcome-common #no_pending_email_form .approve[type=submit]:hover, #welcome .welcome-common #no_pending_email_form .modal-review-booking .approve[type=submit]:hover, .modal-review-booking .vehicle-form .approve[type=submit]:hover, .vehicle-form .modal-review-booking .approve[type=submit]:hover {
  opacity: 0.9;
}
.modal-review-booking .button.approve:active, .modal-review-booking #welcome .welcome-common #no_pending_email_form .approve[type=submit]:active, #welcome .welcome-common #no_pending_email_form .modal-review-booking .approve[type=submit]:active, .modal-review-booking .vehicle-form .approve[type=submit]:active, .vehicle-form .modal-review-booking .approve[type=submit]:active {
  opacity: 1;
}
.modal-review-booking .button.decline, .modal-review-booking #welcome .welcome-common #no_pending_email_form .decline[type=submit], #welcome .welcome-common #no_pending_email_form .modal-review-booking .decline[type=submit], .modal-review-booking .vehicle-form .decline[type=submit], .vehicle-form .modal-review-booking .decline[type=submit] {
  background: #ff6060;
}
.modal-review-booking .button.decline:hover, .modal-review-booking #welcome .welcome-common #no_pending_email_form .decline[type=submit]:hover, #welcome .welcome-common #no_pending_email_form .modal-review-booking .decline[type=submit]:hover, .modal-review-booking .vehicle-form .decline[type=submit]:hover, .vehicle-form .modal-review-booking .decline[type=submit]:hover {
  opacity: 0.9;
}
.modal-review-booking .button.decline:active, .modal-review-booking #welcome .welcome-common #no_pending_email_form .decline[type=submit]:active, #welcome .welcome-common #no_pending_email_form .modal-review-booking .decline[type=submit]:active, .modal-review-booking .vehicle-form .decline[type=submit]:active, .vehicle-form .modal-review-booking .decline[type=submit]: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: 800;
}
#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 h1 {
  font-size: 72px;
  color: #000;
  font-weight: 800;
  margin: 30px 0px 20px;
  background: url("../images/brand/brand-top.234b718037e3.png") no-repeat top left;
  background-size: 80px auto;
  padding-top: 140px;
}
@media (max-width: 767px) {
  #brand h1 {
    font-size: 52px;
    line-height: 62px;
    margin: 20px 0px 20px;
    padding-top: 120px;
  }
}
#brand h2 {
  font-size: 42px;
  font-weight: 700;
  margin: 0px 0px 60px;
  color: #000;
  line-height: 44px;
}
#brand h3 {
  font-size: 24px;
  margin: 0px 0px 20px;
  font-weight: 700;
}
#brand .brand-paragraph {
  font-size: 18px;
  color: #777777;
  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: #000;
  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: #000;
  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: #777777;
}
#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: #000000;
}
#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: #333333;
  font-weight: 600;
  font-size: 18px;
}

#promo-items h1 {
  font-size: 72px;
  color: #000;
  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 #welcome .welcome-common #no_pending_email_form a[type=submit], #welcome .welcome-common #no_pending_email_form #promo_items-page.in-app a[type=submit], #promo_items-page.in-app .vehicle-form a[type=submit], .vehicle-form #promo_items-page.in-app a[type=submit] {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  text-align: center;
  background: url("../images/icons/icon-triangle-grey-right.11ca7a45b10e.png") #fff no-repeat center right 10px;
  background-size: 10px auto;
  border-radius: 0px;
  color: #333333;
  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: #777777 !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: #fff;
  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("https://convoyeur.pro/static/pop/webui/common/images/business/business-icon-bus.4dedc7f296b9.svg") no-repeat top 20px left 20px #fff;
  background-size: auto 80px;
}
@media (max-width: 767px) {
  #business .business-item-2 {
    background: url("https://convoyeur.pro/static/pop/webui/common/images/business/business-icon-bus.4dedc7f296b9.svg") no-repeat top 20px left 28px #fff;
    background-size: auto 60px;
  }
}
#business .business-item-3 {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/business/business-icon-affiliate.2d48ffbd7199.svg") no-repeat top 20px left 20px #fff;
  background-size: auto 80px;
}
@media (max-width: 767px) {
  #business .business-item-3 {
    background: url("https://convoyeur.pro/static/pop/webui/common/images/business/business-icon-affiliate.2d48ffbd7199.svg") no-repeat top 20px left 23px #fff;
    background-size: auto 60px;
  }
}
#business .business-item-4 {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/business/business-icon-events.eb8fceb440af.svg") no-repeat top 20px left 20px #fff;
  background-size: auto 80px;
  margin-right: 0px;
}
@media (max-width: 767px) {
  #business .business-item-4 {
    background: url("https://convoyeur.pro/static/pop/webui/common/images/business/business-icon-events.eb8fceb440af.svg") no-repeat top 20px left 23px #fff;
    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: #fff;
  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 #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: #ececec;
  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 #welcome .welcome-common #no_pending_email_form [type=submit], #welcome .welcome-common #no_pending_email_form #cancel-process [type=submit], #cancel-process .vehicle-form [type=submit], .vehicle-form #cancel-process [type=submit] {
  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 #welcome .welcome-common #no_pending_email_form [type=submit], #welcome .welcome-common #no_pending_email_form #cancel-process .button-confirm [type=submit], #cancel-process .button-confirm .vehicle-form [type=submit], .vehicle-form #cancel-process .button-confirm [type=submit] {
  max-width: 150px;
  width: 150px;
}
#cancel-process .button-confirm .loader {
  right: 70px;
}
#cancel-process .button-cancel .button, #cancel-process .button-cancel #welcome .welcome-common #no_pending_email_form [type=submit], #welcome .welcome-common #no_pending_email_form #cancel-process .button-cancel [type=submit], #cancel-process .button-cancel .vehicle-form [type=submit], .vehicle-form #cancel-process .button-cancel [type=submit] {
  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 #welcome .welcome-common #no_pending_email_form [type=submit], #welcome .welcome-common #no_pending_email_form .in-app #cancel-process .button-loader [type=submit], .in-app #cancel-process .button-loader .vehicle-form [type=submit], .vehicle-form .in-app #cancel-process .button-loader [type=submit] {
  max-width: 100% !important;
  width: 100% !important;
  float: none !important;
  color: #333333;
  background: #fff !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: center;
}
#community-agreement .pre-page {
  background: #0099ff;
  color: #fff;
  text-align: center;
  padding: 50px 0px 50px;
}
#community-agreement .community-icon {
  display: block;
  width: 50px;
  height: 50px;
  background: url("https://convoyeur.pro/static/pop/webui/common/images/icons/agreement_verified.9701980d9706.svg") no-repeat center center;
  margin: -10px auto 20px;
  background-size: contain;
}
@media (max-width: 767px) {
  #community-agreement .community-icon {
    margin-top: 30px;
  }
}
#community-agreement h1 {
  font-size: 24px;
  line-height: 28px;
  color: #000000;
}
#community-agreement h2 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  color: #000000;
}
#community-agreement .community-item {
  width: 30%;
  margin: 20px 1.6% 20px 1.6%;
  float: left;
  text-align: center;
  position: relative;
}
@media (max-width: 767px) {
  #community-agreement .community-item {
    padding-top: 32px;
    padding-left: 0px;
    width: 100%;
    margin: 20px auto 20px auto;
  }
}
#community-agreement .community-item h3 {
  font-size: 20px;
  font-weight: 700;
  color: #333333;
  margin: 10px 0px 0px 0px;
}
@media (max-width: 767px) {
  #community-agreement .community-item h3 {
    font-size: 24px;
    margin: 20px 0px 0px 0px;
  }
}
#community-agreement .community-item h4 {
  font-size: 18px;
  font-weight: 400;
  color: #333333;
  margin: 15px 0px 10px 0px;
  text-align: center;
}
#community-agreement .community-item .divider {
  max-width: 100px;
}
#community-agreement .community-item .community-item-icon {
  width: 100px;
  height: 100px;
  margin: 0px auto;
  text-align: center;
  display: block;
  position: relative;
}
#community-agreement #instruction-payment-icon {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/icons/no_cash.66fb313ae607.svg");
  background-size: contain;
}
#community-agreement #instruction-messaging-icon {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/icons/communication.32ee71ad1f12.svg");
  background-size: contain;
}
#community-agreement #instruction-time-icon {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/icons/on_time.db6baae9329b.svg");
  background-size: contain;
}

/* Community items on welcome step 4 */
#community-contents {
  margin: 0px auto;
}

/* 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 40px 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: #000;
}
@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: #000;
  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: 5px 0px 5px 35px;
}
@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: url("https://convoyeur.pro/static/pop/webui/common/images/stats/rides_taken.f3d74a40610f.svg") no-repeat left center;
  background-size: 24px 24px;
}
#dashboard #dashboard-top .dashboard-top-stats .stat-item.road {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/stats/km_shared.a41f811cf5df.svg") no-repeat left center;
  background-size: 24px 24px;
}
#dashboard #dashboard-top .dashboard-top-stats .stat-item.circle {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/stats/response_rate.fdece86f157a.svg") no-repeat left center;
  background-size: 24px 24px;
}
#dashboard #dashboard-top .dashboard-top-stats .stat-item.clock {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/stats/response_time.2d6f0b10b393.svg") no-repeat left center;
  background-size: 24px 24px;
}
#dashboard #dashboard-top .dashboard-profile-share {
  padding: 15px;
  border-radius: 5px;
  color: #777777;
}
#dashboard #dashboard-top .dashboard-top-earnings {
  float: right;
  width: 20%;
  padding-top: 34px;
  background: url("https://convoyeur.pro/static/pop/webui/common/images/stats/payouts.ed5c8c34d54e.svg") no-repeat left 2px top;
  background-size: 24px 24px;
  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: #333333;
  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;
  }
}
@media (max-width: 767px) {
  #dashboard #dashboard-bookings .dashboard-booking-tabs {
    display: none;
  }
}
#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-radius: 15px;
  border: 1px solid #dfdbdb;
  padding: 20px;
  background: #fff;
}
@media (max-width: 767px) {
  #dashboard #dashboard-bookings .dashboard-booking-tabs-container {
    padding: 0px;
    background: none;
    border: none;
    box-shadow: none;
  }
}
@media (min-width: 1024px) {
  #dashboard #dashboard-bookings .dashboard-booking-tabs-container .dashboard-booking-tab {
    display: none;
    box-shadow: none;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  #dashboard #dashboard-bookings .dashboard-booking-tabs-container .dashboard-booking-tab {
    display: none;
    box-shadow: none;
  }
}
@media (max-width: 767px) {
  #dashboard #dashboard-bookings .dashboard-booking-tabs-container .dashboard-booking-tab {
    display: block;
    padding: 20px;
    background: #fff;
    margin-bottom: 30px;
    border-radius: 15px;
    border: 1px solid #dfdbdb;
  }
}
#dashboard #dashboard-bookings .dashboard-booking-tabs-container .dashboard-booking-tab.active {
  display: block;
}
@media (min-width: 1024px) {
  #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-heading {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-heading {
    display: none;
  }
}
@media (max-width: 767px) {
  #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-heading {
    display: block;
    margin-bottom: 25px;
  }
}
@media (max-width: 767px) {
  #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-heading h2 {
    font-size: 22px;
    font-weight: 700;
    padding-top: 25px;
  }
}
#dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item {
  position: relative;
}
#dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .picture {
  float: left;
  width: 17%;
  width: 60px;
  height: 60px;
  border-radius: 60px;
  border: 2px solid #dfdbdb;
  margin-right: 3%;
  position: relative;
}
@media (min-width: 0px) and (max-width: 1023px) {
  #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .picture {
    width: 50px;
    height: 50px;
  }
}
@media (max-width: 767px) {
  #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .picture {
    width: 50px;
    height: 50px;
  }
}
#dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .picture .booking-status {
  position: absolute;
  top: -10px;
  left: -10px;
}
#dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .trip-details {
  float: left;
  width: 30%;
}
@media (max-width: 767px) {
  #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .trip-details {
    width: 70%;
    float: left;
  }
}
@media (min-width: 769px) {
  #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .trip-details {
    margin-top: 10px;
  }
}
#dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .trip-details h2 {
  color: #0099ff;
  font-size: 18px;
  font-weight: 700;
}
@media (max-width: 767px) {
  #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .trip-details h2 {
    margin-top: 5px;
  }
}
#dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .trip-details .trip-date {
  margin-top: 5px;
  color: #777777;
}
#dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .trip-details.trip-request h2 {
  color: #ff4f02;
}
#dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .booking-details {
  float: left;
  width: 50%;
  color: #777777;
}
#dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .booking-details strong {
  color: #333333;
}
@media (max-width: 767px) {
  #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .booking-details {
    width: 100%;
  }
}
#dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .booking-type {
  box-sizing: border-box;
  text-align: center;
  color: #fff;
  padding: 5px;
  border-radius: 3px;
  display: inline-block;
  position: absolute;
  right: 0px;
  top: 17px;
  width: 100px;
  font-size: 13px;
}
@media (max-width: 767px) {
  #dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .booking-type {
    left: 0px;
    top: 0px;
  }
}
#dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .booking-type.passenger {
  background: #ff4f02;
}
#dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item .booking-type.driving {
  background: #0099ff;
}
#dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item:hover {
  cursor: pointer;
}
#dashboard #dashboard-bookings .dashboard-booking-tabs-container .booking-item:hover .picture {
  border: 2px solid #ccc;
}
#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 .container h2, #dashboard #dashboard-recent-trips #business .business-container h2, #business #dashboard #dashboard-recent-trips .business-container h2 {
  font-size: 16px;
  font-weight: 600;
}
#dashboard #dashboard-recent-trips .container .recent-trip-item, #dashboard #dashboard-recent-trips #business .business-container .recent-trip-item, #business #dashboard #dashboard-recent-trips .business-container .recent-trip-item {
  border: 1px solid #dfdbdb;
  background: #fff;
  border-radius: 15px;
  padding: 20px;
}
@media (min-width: 0px) and (max-width: 1023px) {
  #dashboard #dashboard-recent-trips .container .recent-trip-item, #dashboard #dashboard-recent-trips #business .business-container .recent-trip-item, #business #dashboard #dashboard-recent-trips .business-container .recent-trip-item {
    padding: 15px;
  }
}
#dashboard #dashboard-recent-trips .container .recent-trip-item .trip-details h2, #dashboard #dashboard-recent-trips #business .business-container .recent-trip-item .trip-details h2, #business #dashboard #dashboard-recent-trips .business-container .recent-trip-item .trip-details h2 {
  color: #0099ff;
  font-size: 18px;
  float: left;
  font-weight: 700;
}
#dashboard #dashboard-recent-trips .container .recent-trip-item .trip-details .trip-date, #dashboard #dashboard-recent-trips #business .business-container .recent-trip-item .trip-details .trip-date, #business #dashboard #dashboard-recent-trips .business-container .recent-trip-item .trip-details .trip-date {
  float: left;
  color: #777777;
  margin-top: 0px;
  font-size: 16px;
}
@media (max-width: 767px) {
  #dashboard #dashboard-recent-trips .container .recent-trip-item .trip-details .trip-date, #dashboard #dashboard-recent-trips #business .business-container .recent-trip-item .trip-details .trip-date, #business #dashboard #dashboard-recent-trips .business-container .recent-trip-item .trip-details .trip-date {
    margin-top: 0px;
  }
}
#dashboard #dashboard-recent-trips .container .recent-trip-item .trip-booking .picture-container, #dashboard #dashboard-recent-trips #business .business-container .recent-trip-item .trip-booking .picture-container, #business #dashboard #dashboard-recent-trips .business-container .recent-trip-item .trip-booking .picture-container {
  width: 10%;
  float: left;
}
#dashboard #dashboard-recent-trips .container .recent-trip-item .trip-booking .picture-container .picture, #dashboard #dashboard-recent-trips #business .business-container .recent-trip-item .trip-booking .picture-container .picture, #business #dashboard #dashboard-recent-trips .business-container .recent-trip-item .trip-booking .picture-container .picture {
  width: 60px;
  height: 60px;
  border-radius: 60px;
  border: 2px solid #dfdbdb;
}
@media (max-width: 767px) {
  #dashboard #dashboard-recent-trips .container .recent-trip-item .trip-booking .picture-container .picture, #dashboard #dashboard-recent-trips #business .business-container .recent-trip-item .trip-booking .picture-container .picture, #business #dashboard #dashboard-recent-trips .business-container .recent-trip-item .trip-booking .picture-container .picture {
    width: 50px;
    height: 50px;
  }
}
@media (max-width: 767px) {
  #dashboard #dashboard-recent-trips .container .recent-trip-item .trip-booking .picture-container, #dashboard #dashboard-recent-trips #business .business-container .recent-trip-item .trip-booking .picture-container, #business #dashboard #dashboard-recent-trips .business-container .recent-trip-item .trip-booking .picture-container {
    width: 25%;
  }
}
#dashboard #dashboard-recent-trips .container .recent-trip-item .trip-booking .user-details, #dashboard #dashboard-recent-trips #business .business-container .recent-trip-item .trip-booking .user-details, #business #dashboard #dashboard-recent-trips .business-container .recent-trip-item .trip-booking .user-details {
  float: left;
  width: 40%;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
  margin-top: 20px;
}
@media (max-width: 767px) {
  #dashboard #dashboard-recent-trips .container .recent-trip-item .trip-booking .user-details, #dashboard #dashboard-recent-trips #business .business-container .recent-trip-item .trip-booking .user-details, #business #dashboard #dashboard-recent-trips .business-container .recent-trip-item .trip-booking .user-details {
    width: 75%;
  }
}
@media (max-width: 767px) {
  #dashboard #dashboard-recent-trips .container .recent-trip-item .trip-booking .user-details, #dashboard #dashboard-recent-trips #business .business-container .recent-trip-item .trip-booking .user-details, #business #dashboard #dashboard-recent-trips .business-container .recent-trip-item .trip-booking .user-details {
    margin-top: 17px;
  }
}
#dashboard #dashboard-recent-trips .container .recent-trip-item .trip-booking .feedback-details, #dashboard #dashboard-recent-trips #business .business-container .recent-trip-item .trip-booking .feedback-details, #business #dashboard #dashboard-recent-trips .business-container .recent-trip-item .trip-booking .feedback-details {
  float: left;
  width: 50%;
  color: #777777;
}
#dashboard #dashboard-recent-trips .container .recent-trip-item .trip-booking .feedback-details strong, #dashboard #dashboard-recent-trips #business .business-container .recent-trip-item .trip-booking .feedback-details strong, #business #dashboard #dashboard-recent-trips .business-container .recent-trip-item .trip-booking .feedback-details strong {
  color: #333333;
}
@media (min-width: 0px) and (max-width: 1023px) {
  #dashboard #dashboard-recent-trips .container .recent-trip-item .trip-booking .feedback-details, #dashboard #dashboard-recent-trips #business .business-container .recent-trip-item .trip-booking .feedback-details, #business #dashboard #dashboard-recent-trips .business-container .recent-trip-item .trip-booking .feedback-details {
    width: 100%;
  }
}
#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: #fff;
}
@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 #fff;
  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: #fff;
  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: #fff;
}
#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.page {
  padding-bottom: 0px;
}

#dashboard-boxes .dashboard-box {
  background: #fff;
  border-radius: 15px;
  border: 1px solid #dfdbdb;
  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-en.06e028ea534b.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.60d555973c06.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.7b0d27d75fec.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: #fff;
  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: #333333;
  border-top: 1px solid #dfdbdb;
  padding: 18px;
  text-align: center;
}
@media (min-width: 769px) {
  #dashboard-boxes .dashboard-box.last {
    margin-right: 0px;
  }
}
#dashboard-boxes .dashboard-box:hover {
  opacity: 1;
}

.fr #dashboard-boxes .dashboard-box-image-bumper {
  background: url("../images/dashboard/dashboard-box-bumper-fr.6565f637c9a2.png") no-repeat center center;
  background-size: cover;
}
.fr #dashboard-boxes .dashboard-box-image-refer {
  background: url("../images/dashboard/dashboard-box-refer-fr.b84872704258.png") no-repeat center center;
  background-size: cover;
}

/* 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: #777777;
  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: 5px;
}
@media (max-width: 767px) {
  #event_view-page #event-banner {
    height: 140px;
  }
}
#event_view-page #event-details {
  margin: 10px 0px;
  font-weight: 600;
}
#event_view-page .event-location {
  font-size: 14px;
  background: url("../images/icons/icon-location-grey.124fe38f5f21.png") no-repeat left center;
  background-size: 18px 18px;
  display: inline-block;
  padding-left: 25px;
  float: left;
}
#event_view-page .event-dates {
  float: left;
  font-size: 14px;
  background: url("../images/icons/icon_calendar_multi_grey.ea52611f9af9.png") no-repeat left center;
  background-size: 20px 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-photo-credit {
  float: right;
}
#event_view-page .event-in-past {
  background: url("../images/icons/icon-trip-past.f26f03a40d3c.png") no-repeat top left;
  background-size: 30px auto;
  padding-top: 45px;
}
#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: #fff;
  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: #fff;
  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 #fff;
    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: #000000;
}
#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("https://convoyeur.pro/static/pop/webui/common/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("https://convoyeur.pro/static/pop/webui/common/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("https://convoyeur.pro/static/pop/webui/common/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("https://convoyeur.pro/static/pop/webui/common/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_view-page #event-footer .event-search {
  border: 1px solid #ccc;
}

@media (max-width: 767px) {
  #event_list-page #event-list-banner, #event_history_list-page #event-list-banner {
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
}
#event_list-page #event-list-banner h1, #event_history_list-page #event-list-banner h1 {
  margin: 0px;
  font-size: 48px;
  line-height: 54px;
  font-weight: 900;
}
@media (max-width: 767px) {
  #event_list-page #event-list-banner h1, #event_history_list-page #event-list-banner h1 {
    line-height: 40px;
    font-size: 32px;
  }
}
@media (min-width: 1024px) {
  #event_list-page #event-list-banner h1.en, #event_history_list-page #event-list-banner h1.en {
    max-width: 800px;
  }
}
#event_list-page #event-list-banner h2, #event_history_list-page #event-list-banner h2 {
  font-size: 24px;
  line-height: 30px;
  font-weight: 500;
  margin: 30px 0px 0px 0px;
}
@media (max-width: 767px) {
  #event_list-page #event-list-banner h2, #event_history_list-page #event-list-banner h2 {
    margin: 20px 0px 0px 0px;
    font-size: 20px;
    line-height: 24px;
  }
}
#event_list-page #event-list-banner .container, #event_list-page #event-list-banner #business .business-container, #business #event_list-page #event-list-banner .business-container, #event_history_list-page #event-list-banner .container, #event_history_list-page #event-list-banner #business .business-container, #business #event_history_list-page #event-list-banner .business-container {
  padding: 40px 20px;
}
@media (max-width: 767px) {
  #event_list-page #event-list-banner .container, #event_list-page #event-list-banner #business .business-container, #business #event_list-page #event-list-banner .business-container, #event_history_list-page #event-list-banner .container, #event_history_list-page #event-list-banner #business .business-container, #business #event_history_list-page #event-list-banner .business-container {
    padding: 20px 0px;
  }
}
#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: #fff;
  margin-bottom: 15px;
  border: 1px solid #dfdbdb;
}
#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: #333333;
  font-weight: 600;
}
@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;
  background: url("../images/icons/arrow-right.3931900bc8c0.png") no-repeat right center;
  background-size: 20px 10px;
  padding-right: 30px;
  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 #777777;
}
#event_list-page #events-container .event-item:active, #event_history_list-page #events-container .event-item:active {
  border: 1px solid #333333;
}

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

/* Styles for find page */
#find-page .pre-page, #find_for_location-page .pre-page, #find_seo-page .pre-page, #find_to_seo-page .pre-page, #find_from_seo-page .pre-page {
  z-index: 1000;
  border-bottom: none;
}
#find-page h1, #find_for_location-page h1, #find_seo-page h1, #find_to_seo-page h1, #find_from_seo-page h1 {
  font-size: 48px;
  font-weight: 700;
}

#find_seo-page .pre-page {
  background: #fff;
}

#find-page .pre-page.find {
  border-bottom: none;
}

.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;
}
@media (max-width: 767px) {
  #searchbar .trigger-find-mobile {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
#searchbar .new-search {
  font-family: "proxima-soft", sans-serif !important;
  padding: 18px 16px 19px 35px;
  border-radius: 10px;
  background: url("https://convoyeur.pro/static/pop/webui/common/images/icons/search.91671e1ff3e1.svg") no-repeat center left 12px #ececec;
  background-size: 14px;
  font-weight: 500;
  color: #5b5b5b;
}
@media (min-width: 769px) {
  #searchbar .new-search {
    display: none;
  }
}
#searchbar .new-search:hover {
  color: #333;
}
@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-map-container {
  position: relative;
}
#find-map-container #map-cta {
  opacity: 1;
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
}

@media (min-width: 769px) {
  #find-map-container:hover #map-cta {
    opacity: 0.5;
  }
}

#find-page #wrapper {
  background: #fff;
  position: relative;
}
@media (min-width: 769px) {
  #find-page #find-map {
    height: 600px;
  }
}
@media (max-width: 767px) {
  #find-page #find-map {
    height: 400px;
    background: #dfdbdb;
  }
}
#find-page #map-cta {
  padding: 20px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 100px;
  position: absolute;
  z-index: 1000;
  top: 480px;
  font-size: 18px;
  text-align: center;
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  color: #666;
  border: 2px solid #dfdbdb;
}
@media (min-width: 768px) and (max-width: 1023px) {
  #find-page #map-cta {
    top: 400px;
  }
}
@media (max-width: 767px) {
  #find-page #map-cta {
    position: relative;
    border-radius: none;
    top: 0px;
    width: auto;
  }
}

#find .date-only {
  margin-top: 5px;
}
#find .find-button {
  margin-top: 15px;
}
#find .trip-destinations .destination-box {
  position: relative;
  float: left;
  color: #fff;
  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: #333333;
  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 #777777;
}

.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: #fff;
  border-top: 1px solid #dfdbdb;
  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 #dfdbdb;
    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: #0099ff;
  font-size: 16px;
  font-weight: 700;
}
#recent-searches a.recent-search-item .recent-search-dates {
  margin-top: 5px;
  font-size: 15px;
  color: #777777;
}
@media (min-width: 769px) {
  #recent-searches a.recent-search-item.add-border {
    border-top: 1px solid #dfdbdb;
  }
}
@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: #44b4ff;
}
#recent-searches a.recent-search-item:active .recent-search-locations {
  color: #0077c6;
}

.trip-results-title {
  font-size: 20px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .trip-results-title {
    font-size: 16px;
    float: none;
  }
}

#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 .loading {
  position: relative;
  top: 0px;
  left: 0px;
  margin: 150px auto;
  background: url("../images/animations/loading-logo.dd627b045aa0.gif") no-repeat;
  background-size: 30px 30px;
  width: 30px;
  height: 30px;
  opacity: 0.7;
}

@media (min-width: 769px) {
  #search-results-container .partner-banners {
    display: flex;
    justify-content: space-between;
  }
}
#search-results-container .partner-banner {
  height: 105px;
  color: #777777;
}
@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 #fff;
  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 #fff top center;
    background-size: contain;
  }
}
#search-results-container .partner-banner .hi-image {
  background: url("../images/partners/promo-hi-desktop.3cc8531a8674.jpg") no-repeat #fff;
  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 #fff 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 #777777;
  color: #333333;
}

.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: #333333;
  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: #000000;
}
@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("https://convoyeur.pro/static/pop/webui/common/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("https://convoyeur.pro/static/pop/webui/common/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("https://convoyeur.pro/static/pop/webui/common/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("https://convoyeur.pro/static/pop/webui/common/images/icons/notification.1065a7575484.svg") no-repeat left top 25px;
    background-size: 50px 50px;
  }
}

/* Trip find filters */
#trip-find-filters-trigger {
  border-top: 1px solid #dfdbdb;
  padding: 10px;
  font-size: 14px;
  background: #fff;
  color: #999999;
}
#trip-find-filters-trigger .icon-filter {
  background: url("../images/icons/icon-filter.74c5375b2521.png") no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  float: left;
  margin: 2px 10px 0px 0px;
}

#trip-find-filters {
  color: #666;
}
@media (max-width: 767px) {
  #trip-find-filters {
    display: none;
  }
}
#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-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
  }
}
@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 #efefef;
  }
}
@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 #efefef;
    margin-right: 20px;
    padding-right: 20px;
    margin-left: 20px;
  }
}
@media (max-width: 767px) {
  #trip-find-filters .filter-options {
    border-bottom: 1px solid #dfdbdb;
  }
}
@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: #777777;
}
#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;
}
#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.e74f8fbf5bf0.png") 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;
}
@media (min-width: 768px) and (max-width: 1023px) {
  #trip-find-filters .filter-label {
    display: none;
  }
}
@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.e74f8fbf5bf0.png") 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: #fff;
  color: #333333;
  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.8;
}
@media (min-width: 769px) {
  .trip-search .trip-search-swap {
    background: url("../images/icons/icon-swap-grey.9c6d2d9bbc8e.png") no-repeat center center;
    width: 4%;
    background-size: 25px 25px;
    float: left;
    position: relative;
    display: block;
    padding: 27px 0px;
    box-sizing: border-box;
  }
}
@media (max-width: 767px) {
  .trip-search .trip-search-swap {
    background: url("../images/icons/icon-swap-white.8de7138d8756.png") no-repeat center center #333;
    width: 35px;
    height: 35px;
    border-radius: 40px;
    display: block;
    position: absolute;
    background-size: 25px 25px;
    margin-top: 50px;
    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%;
  }
  .hotel-search-date{
    width: 50%!important;
  }
  .hotel-search-destination{
    width: 50%!important;
  }
}


.trip-search .trip-search-button {
  box-sizing: border-box;
  float: right;
  width: 16%;
  margin-left: 2%;
  padding: 21px 0px 20px 0px;
  font-size: 15px;
  border-radius: 10px;
  background: #333;
  color: #fff;
  text-align: center;
  cursor: pointer;
  font-weight: 700;
  font-family: "proxima-soft", sans-serif;
  border: none;
  margin-top: 0px;
}


@media (max-width: 767px) {
  .trip-search .trip-search-button {
    margin-left: 0px;
    margin-top: 10px;
    width: 100% !important;
  }
}
.trip-search .trip-search-button.greyed {
  color: #fff !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 {
  padding: 20px 15px 20px 35px;
  font-size: 16px;
  font-weight: 500;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #565a5c;
  background: url("https://convoyeur.pro/static/pop/webui/common/images/icons/calendar.98d099ccbf4b.svg") no-repeat #ececec center left 10px;
  background-size: 15px;
  border-radius: 10px;
}
.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;
  }
}

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

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

@media (min-width: 769px) {
  #trip-find-form {
    padding: 20px;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.2);
  }
}

@media (min-width: 769px) {
  .trip-search.vertical {
    border: none;
    background: #fff;
    box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.2);
    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-white.8de7138d8756.png") no-repeat center center #333;
    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: #fff;
  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 #fff;
  box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.6);
}
#cta-add-trip-request a.cta-add-trip {
  color: #fff;
  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 #fff;
  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: #fff;
  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: #FFF0C6;
}

#member-benefits .container, #member-benefits #business .business-container, #business #member-benefits .business-container {
  padding: 5px;
}
#member-benefits .member-benefit-item {
  float: left;
  width: 32%;
  margin-right: 1.33%;
  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.e74f8fbf5bf0.png") 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;
  }
}
#member-benefits .member-benefits-cta .member-benefits-cta-left {
  float: left;
}
@media (min-width: 769px) {
  #member-benefits .member-benefits-cta .member-benefits-cta-left {
    width: 75%;
  }
}
@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: 16px;
  font-weight: 500;
}
#member-benefits .member-benefits-cta .member-benefits-cta-button {
  display: block;
  float: right;
  font-size: 18px;
  background: none;
  border: 2px solid #333333;
  color: #333333;
  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 #000;
  color: #000;
}
#member-benefits .member-benefits-cta.scrolled {
  position: fixed;
  bottom: 0px;
  z-index: 900;
  opacity: 1;
  animation-name: fadeInOpacity;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 0.15s;
}
#member-benefits .member-benefits-cta.scrolled .member-benefits-cta-title {
  margin-top: 0px;
}
#member-benefits .member-benefits-cta.scrolled .member-benefit-item {
  display: none;
}
@media (min-width: 769px) {
  #member-benefits .member-benefits-cta.scrolled .member-benefits-cta-button {
    margin-top: -7px;
  }
}
@media (max-width: 767px) {
  #member-benefits .member-benefits-cta.scrolled .member-benefits-cta-button {
    margin-top: -5px;
    margin-bottom: 0px;
  }
}

@media (min-width: 769px) {
  #popular-routes {
    margin: 20px 0px 30px;
  }
}
#popular-routes h2 {
  font-size: 42px;
  font-weight: 700;
  padding: 0px;
  line-height: 30px;
  color: #000;
}
@media (max-width: 767px) {
  #popular-routes h2 {
    font-size: 24px;
  }
}
#popular-routes .text-xlarge {
  color: #777777;
}
#popular-routes .popular-routes-box {
  float: left;
  width: 22%;
  margin: 0px 4% 0px 0px;
  background: #fff;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  #popular-routes .popular-routes-box {
    width: 100%;
    margin: 20px 0px;
  }
}
#popular-routes .popular-routes-box h3 {
  margin-top: 0px;
  font-size: 20px;
}
#popular-routes .popular-routes-box .popular-route {
  font-size: 16px;
}
#popular-routes .popular-routes-box.last {
  margin-right: 0px !important;
}
#popular-routes .popular-routes-box.last {
  margin-right: 0px !important;
}
#popular-routes .popular-routes-cta {
  color: #777777;
}

#find-page #popular-routes .container, #find-page #popular-routes #business .business-container, #business #find-page #popular-routes .business-container {
  padding: 0px;
}
#find-page #popular-routes .popular-routes-box h3 {
  font-size: 16px;
  font-weight: 600;
}
#find-page #popular-routes .popular-routes-box .popular-route:active {
  opacity: 0.9;
}
@media (max-width: 767px) {
  #find-page #popular-routes .popular-routes-box {
    width: 100%;
    margin: 5px 0px;
  }
}

#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: #000000;
  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: #777777;
  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: #000;
  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 #777777;
}
#help a.help-start-block:active {
  border: 1px solid #333333;
}
#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;
}
#how .how-header h1 {
  font-size: 48px;
  font-weight: 800;
  color: #000;
  text-align: center;
  margin: 0px;
  padding: 100px 0px 40px;
}
@media (max-width: 767px) {
  #how .how-header h1 {
    font-size: 42px;
    padding: 40px 0px 30px;
    line-height: 48px;
  }
}
#how .how-header .how-subtitle {
  font-size: 32px;
  line-height: 38px;
  color: #333333;
  text-align: center;
  padding: 0px 0px 100px;
}
@media (max-width: 767px) {
  #how .how-header .how-subtitle {
    font-size: 24px;
    line-height: 30px;
    padding: 0px 15px;
  }
}
#how .how-header .how-header-container {
  max-width: 950px;
  padding: 0px 15px;
  margin: 0px auto;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  #how .how-header .how-header-container {
    padding: 10px;
    box-sizing: border-box;
  }
}
#how .how-header #how-header-container-orange-highlight {
  position: absolute;
  top: 440px;
  left: 0%;
  display: block;
  border-radius: 25px;
  width: 30%;
  height: 300px;
  z-index: 0;
}
@media (max-width: 767px) {
  #how .how-header #how-header-container-orange-highlight {
    display: none !important;
  }
}
#how .how-header #how-header-container-blue-highlight {
  position: absolute;
  top: 230px;
  right: 0%;
  display: block;
  border-radius: 25px;
  width: 30%;
  height: 300px;
  z-index: 0;
}
@media (max-width: 767px) {
  #how .how-header #how-header-container-blue-highlight {
    display: none !important;
  }
}
#how .how-header .how-header-box {
  background: #fff;
  width: 45%;
  padding: 30px;
  box-sizing: border-box;
  border-radius: 25px;
  text-align: center;
  transition: all 0.2s ease;
  cursor: pointer;
}
@media (max-width: 767px) {
  #how .how-header .how-header-box {
    display: none;
    width: 100%;
  }
}
#how .how-header .how-header-box #graphic-driver, #how .how-header .how-header-box #graphic-passenger {
  display: block;
  width: 100px;
  height: 100px;
  margin: 0px auto;
  position: relative;
  top: -80px;
}
@media (max-width: 767px) {
  #how .how-header .how-header-box #graphic-driver, #how .how-header .how-header-box #graphic-passenger {
    top: 0px;
    width: 60px;
    height: 60px;
  }
}
#how .how-header .how-header-box #graphic-driver {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/how/phone_add.bfa42a97770c.svg") no-repeat center center;
  background-size: contain;
}
#how .how-header .how-header-box #graphic-passenger {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/how/phone_search.ff216cdd3de6.svg") no-repeat center center;
  background-size: contain;
}
#how .how-header .how-header-box .how-header-box-headline {
  color: #000000;
  font-size: 32px;
  font-weight: 700;
  margin: -40px 0px 25px;
}
@media (max-width: 767px) {
  #how .how-header .how-header-box .how-header-box-headline {
    margin: 30px 0px 25px;
  }
}
#how .how-header .how-header-box .how-header-box-subtitle {
  font-size: 20px;
  color: #777777;
  margin-bottom: 5px;
  line-height: 26px;
  font-weight: 600;
}
@media (max-width: 320px) {
  #how .how-header .how-header-box .how-header-box-subtitle {
    font-size: 18px;
  }
}
#how .how-header .how-header-box .how-header-box-benefit {
  color: #333333;
  font-size: 20px;
  margin: 0px auto;
  display: inline-block;
}
#how .how-header .how-header-box .how-header-box-cta {
  padding: 20px 40px;
  font-size: 20px;
  margin: 30px 0px;
  font-weight: 600;
  display: inline-block;
  border-radius: 50px;
  color: #fff;
  text-align: center;
}
#how .how-header .how-header-box .how-header-box-more {
  font-size: 18px;
}
@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 {
  float: left;
  margin-right: 1%;
  background-position: center 32px;
}
#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 {
  float: right;
  margin-left: 1%;
  background-position: center 32px;
}
#how .how-header .how-header-box.drivers .how-header-box-cta {
  background: #000000;
}
#how .how-header .how-header-box.drivers .how-header-box-cta:hover {
  background: #333333;
}
#how .how-header .how-header-box.drivers .how-header-box-cta:active {
  background: #000000;
}
#how .how-header #box-type-tabs {
  background: #fff;
  margin: 0px 10px 5px 10px;
  border-radius: 15px;
  border: 1px solid #dfdbdb;
  overflow: hidden;
}
#how .how-header #box-type-tabs .box-type-tab {
  width: 50%;
  float: left;
  font-size: 16px;
  text-align: center;
  box-sizing: border-box;
  padding: 20px;
  color: #333333;
}
@media (max-width: 320px) {
  #how .how-header #box-type-tabs .box-type-tab {
    font-size: 14px;
  }
}
#how .how-header #box-type-tabs .box-type-tab.active {
  background: #000000;
  color: #fff;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
#how .how-header #box-type-tabs .box-type-tab.for-drivers.active {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
#how .how-benefit {
  padding: 60px 0px;
}
@media (max-width: 767px) {
  #how .how-benefit {
    padding: 50px 0px;
  }
}
#how .how-benefit h2 {
  font-size: 42px;
  color: #000000;
  margin: 0px;
  line-height: 52px;
}
@media (max-width: 767px) {
  #how .how-benefit h2 {
    font-size: 36px;
    line-height: 40px;
  }
}
#how .how-benefit h2.how-benefit-testimonials {
  background: url("../images/icons/icon-facebook-ratings-en.48d9cde160af.png") no-repeat;
  background-position: right center;
  background-size: 140px auto;
}
@media (max-width: 767px) {
  #how .how-benefit h2.how-benefit-testimonials {
    background-position: -8px 0px;
    background-size: 140px auto;
    padding-top: 40px;
  }
}
#how .how-benefit .how-benefit-subtitle {
  font-size: 24px;
  line-height: 28px;
  color: #777777;
}
@media (max-width: 767px) {
  #how .how-benefit .how-benefit-subtitle {
    font-size: 20px;
    line-height: 24px;
  }
}
#how .how-benefit .how-benefit-text {
  color: #777777;
  font-size: 20px;
  line-height: 24px;
}
#how .how-benefit.single .how-benefit-graphic {
  width: 45%;
  min-height: 200px;
  display: block;
}
@media (max-width: 767px) {
  #how .how-benefit.single .how-benefit-graphic {
    width: 100%;
    min-height: 150px;
    margin-bottom: 0px;
  }
}
#how .how-benefit.single .how-benefit-graphic.easy {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/how/easy_to_use.80347ce549cc.svg") no-repeat left center;
  background-size: contain;
}
#how .how-benefit.single .how-benefit-graphic.payments {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/how/secure_payments.90336718220a.svg") no-repeat center center;
  background-size: contain;
}
#how .how-benefit.single .how-benefit-graphic.safety {
  width: 100px;
  height: 100px;
  position: absolute;
  bottom: 0px;
  left: 40px;
  background: url("https://convoyeur.pro/static/pop/webui/common/images/how/shield_yellow.f59eacc79b41.svg") no-repeat center center;
  background-size: contain;
}
@media (max-width: 767px) {
  #how .how-benefit.single .how-benefit-graphic.safety {
    width: 70px;
    height: 70px;
    bottom: -10px;
    left: 20px;
  }
}
#how .how-benefit.single .how-benefit-graphic.community {
  background: url("../images/how/how-community-planet.412f011bb76a.png") no-repeat center center;
  background-size: contain;
}
#how .how-benefit.single .how-benefit-graphic.reliability {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/how/secure_payments.90336718220a.svg") no-repeat center center;
  background-size: contain;
}
#how .how-benefit.single .how-benefit-graphic.passengers {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/how/reliable_passengers.191471865893.svg") no-repeat center center;
  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%;
  }
}
#how .how-benefit.single.with-border {
  border: 5px solid #dfdbdb;
  padding: 40px;
  box-sizing: border-box;
  border-radius: 25px;
}
#how .how-benefit.single.with-border .how-benefit-points {
  margin-bottom: 0px;
}
@media (max-width: 767px) {
  #how .how-benefit.single.first {
    padding: 0px 0px 60px;
  }
}
#how .how-benefit.single.left .how-benefit-graphic {
  float: left;
}
@media (max-width: 767px) {
  #how .how-benefit.single.left .how-benefit-graphic {
    float: none;
  }
}
#how .how-benefit.single.left .how-benefit-contents {
  float: right;
}
@media (max-width: 767px) {
  #how .how-benefit.single.left .how-benefit-contents {
    float: none;
  }
}
#how .how-benefit.single.right .how-benefit-graphic {
  float: right;
}
@media (max-width: 767px) {
  #how .how-benefit.single.right .how-benefit-graphic {
    float: none;
  }
}
#how .how-benefit.single.right .how-benefit-contents {
  float: left;
}
@media (max-width: 767px) {
  #how .how-benefit.single.right .how-benefit-contents {
    float: none;
  }
}
#how .how-benefit.safety {
  position: relative;
  padding: 50px 50px 60px 50px;
  box-sizing: border-box;
  border-radius: 25px;
}
@media (max-width: 767px) {
  #how .how-benefit.safety {
    padding: 30px 30px 100px 30px;
  }
}
@media (max-width: 767px) {
  #how .how-benefit.safety h2 {
    margin-bottom: 20px;
  }
}
@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: 5px 5px;
  font-size: 18px;
  line-height: 26px;
  color: #777777;
}

.how-single h1 {
  font-size: 48px;
  font-weight: 700;
  color: #000000;
  padding-top: 0px;
}
@media (max-width: 767px) {
  .how-single h1 {
    font-size: 42px;
    margin-top: 20px;
    line-height: 46px;
  }
}
.how-single .how-single-header-container {
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  z-index: 1;
}
.how-single .how-single-tagline {
  font-size: 32px;
  font-weight: 500;
  color: #333333;
  padding-bottom: 30px;
  line-height: 30px;
}
@media (max-width: 767px) {
  .how-single .how-single-tagline {
    font-size: 20px;
    padding-bottom: 30px;
  }
}
.how-single .how-single-process {
  color: #fff;
  position: relative;
}
@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;
  position: relative;
  background: #ffffff !important;
  max-width: 1000px;
  border-radius: 25px;
}
@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-offset {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  border-radius: 25px;
  z-index: -1;
}
.how-single .how-single-process .how-single-process-column {
  padding: 20px;
  text-align: left;
  color: #333333;
}
@media (max-width: 767px) {
  .how-single .how-single-process .how-single-process-column {
    width: 100%;
    margin: 10px 0px;
    padding: 0px;
    text-align: left;
  }
}
.how-single .how-single-process .how-single-process-column .how-single-process-column-icon {
  font-size: 48px;
  margin: 10px 0px 30px 15px;
  position: relative;
  z-index: 0;
}
@media (max-width: 767px) {
  .how-single .how-single-process .how-single-process-column .how-single-process-column-icon {
    font-size: 42px;
    line-height: 40px;
    float: left;
    text-align: center;
    width: 25px;
    margin: 10px 0px 30px 15px;
  }
}
.how-single .how-single-process .how-single-process-column .how-single-process-column-icon .how-single-process-column-icon-offset {
  position: absolute;
  left: -3px;
  top: 0px;
  z-index: -1;
}
.how-single .how-single-process .how-single-process-column .how-single-process-column-title {
  font-size: 24px;
  line-height: 28px;
  font-weight: 600;
  margin: 15px 0px;
}
@media (max-width: 767px) {
  .how-single .how-single-process .how-single-process-column .how-single-process-column-title {
    font-size: 20px;
    float: left;
    margin: 20px 0px 0px 15px;
  }
}
.how-single .how-single-process .how-single-process-column .how-single-process-column-description {
  font-size: 20px;
  line-height: 24px;
  color: #777777;
}
@media (max-width: 767px) {
  .how-single .how-single-process .how-single-process-column .how-single-process-column-description {
    font-size: 18px;
    line-height: 22px;
    display: block;
    float: left;
    margin: -30px 0px 0px 55px;
  }
}

#how-container #how #how-text {
  color: #777777;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  #how-container #how #how-text {
    padding: 15px;
    width: 100%;
  }
}
#how-container #how #how-text a {
  color: #333333;
  text-decoration: underline;
}
#how-container #how #how-text h2 {
  padding-top: 70px;
  padding-bottom: 10px;
  font-size: 42px;
  color: #333333;
}
@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-graphic {
  width: 100px;
  height: 100px;
  background: url("https://convoyeur.pro/static/pop/webui/common/images/how/phone_add.bfa42a97770c.svg") no-repeat center center;
  background-size: contain;
  margin: 30px auto;
}
@media (max-width: 767px) {
  #drivers .how-single-header-graphic {
    top: 45px;
    width: 100px;
    height: 100px;
    background-size: 100px 100px;
    left: 0px !important;
  }
}
@media (max-width: 767px) {
  #drivers .how-single-process {
    margin: 0px 30px 0px 15px;
  }
}
#drivers .how-single-process-offset {
  bottom: -30px;
  right: -30px;
}
#drivers .how-single-process-column-icon-offset {
  color: rgb(146, 211, 255);
}
#drivers .how-benefit-graphic.empty-seats {
  background: url("../images/how/how-drivers-empty-seats.ae46eb1260bf.png") no-repeat top left;
  background-size: contain;
}
#drivers .how-benefit-graphic.reliability {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/how/reliable_passengers.191471865893.svg") no-repeat top left;
  background-size: contain;
}
#drivers .how-benefit-graphic.payouts {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/how/paid_after_trip.7aa2dea1bb4f.svg") no-repeat top left;
  background-size: contain;
}
#drivers .how-benefit-graphic.safety {
  background: url("../images/how/how-safety.22c6ffc3723b.png") no-repeat top left;
  background-size: contain;
}
#drivers .how-benefit-graphic.legal {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/how/its_legal.8756c17c7a2f.svg") no-repeat top center;
  background-size: contain;
}
#drivers .how-benefit-graphic.impact {
  background: url("../images/how/how-drivers-impact.412f011bb76a.png") no-repeat top left;
  background-size: contain;
}

#passengers .how-single-header-graphic {
  width: 100px;
  height: 100px;
  background: url("https://convoyeur.pro/static/pop/webui/common/images/how/phone_search.ff216cdd3de6.svg") no-repeat center center;
  background-size: contain;
  margin: 30px auto;
}
@media (max-width: 767px) {
  #passengers .how-single-header-graphic {
    top: 45px;
    width: 100px;
    height: 100px;
    background-size: 100px 100px;
    left: 0px !important;
  }
}
#passengers .how-single-process-offset {
  bottom: -30px;
  left: -30px;
}
#passengers .how-single-process-column-icon-offset {
  color: rgb(255, 174, 136);
}
#passengers .how-benefit-graphic.affordable {
  background: url("../images/how/how-passengers-affordable.cb0b4ca0a5dd.png") no-repeat top center;
  background-size: contain;
}
#passengers .how-benefit-graphic.safety {
  background: url("../images/how/how-passengers-safety.c26d0998bcb6.png") no-repeat top center;
  background-size: contain;
}
#passengers .how-benefit-graphic.online {
  background: url("../images/how/how-passengers-online.72fc2d26dfcf.png") no-repeat top center;
  background-size: contain;
}
#passengers .how-benefit-graphic.reviews {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/how/review_driver.0fc488ad4909.svg") no-repeat top center;
  background-size: contain;
}
#passengers .how-benefit-graphic.impact {
  background: url("../images/how/how-passengers-impact.412f011bb76a.png") no-repeat top center;
  background-size: contain;
}

#how_safety-page h1 {
  font-size: 48px;
  font-weight: 700;
  color: #000000;
  background: url("https://convoyeur.pro/static/pop/webui/common/images/how/shield.a9343cf9dabd.svg") no-repeat top left;
  background-size: 90px 90px;
  padding-top: 140px;
  margin-top: 10px;
}
@media (max-width: 767px) {
  #how_safety-page h1 {
    font-size: 42px;
    margin-top: 20px;
    line-height: auto;
    padding-top: 100px;
    background-size: 80px 80px;
  }
}
#how_safety-page .how-safety-subtitle {
  font-size: 32px;
  line-height: 42px;
  color: #777777;
}
@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: #000000;
  font-size: 42px;
  line-height: 46px;
}
#how_safety-page .how-safety-item {
  width: 42%;
  padding-right: 4%;
  float: left;
  margin: 30px 0px;
  padding-top: 110px;
}
@media (max-width: 767px) {
  #how_safety-page .how-safety-item {
    padding-top: 100px;
    margin: 50px 0px;
    width: 100%;
    float: none;
  }
}
#how_safety-page .how-safety-item h3 {
  color: #333333;
  font-size: 20px;
  margin: 0px 0px 30px 0px;
  line-height: 26px;
}
@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: 1100px !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-single-process .how-single-process-offset {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  border-radius: 25px;
  z-index: -1;
  right: -40px;
  bottom: -40px;
}
#how_safety-page .how-safety-item.verified {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/how/user_shield.4c3c1efb979c.svg") no-repeat top left;
  background-size: 80px 80px;
}
#how_safety-page .how-safety-item.reviews {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/how/choose.37eb7aafce8b.svg") no-repeat top left;
  background-size: 80px 80px;
}
#how_safety-page .how-safety-item.monitor {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/how/eye.e70fbdb84d7e.svg") no-repeat top left;
  background-size: 80px 80px;
}
#how_safety-page .how-safety-item.security {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/how/lock.06bef54a0178.svg") no-repeat top left;
  background-size: 80px 80px;
}
#how_safety-page .how-safety-item.insurance {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/how/shield.a9343cf9dabd.svg") no-repeat top left;
  background-size: 80px 80px;
}
#how_safety-page .how-safety-item.scams {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/how/warning.2368f53ddcf8.svg") no-repeat top left;
  background-size: 80px 80px;
}
#how_safety-page .how-safety-item.support {
  width: 100%;
  background: url("../images/how/support-team.72a421e84281.jpg") no-repeat top right;
  background-size: 630px auto;
  padding-right: 720px;
  padding-top: 0px;
  float: none;
  box-sizing: border-box;
  min-height: 320px;
}
@media (max-width: 767px) {
  #how_safety-page .how-safety-item.support {
    background: url("../images/how/support-team.72a421e84281.jpg") no-repeat top left;
    padding-right: 0px;
    padding-top: 200px;
    background-size: auto 200px;
  }
}
#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: #000000;
  background: #ececec;
  border-radius: 25px;
  opacity: 0.7;
}
@media (max-width: 767px) {
  #how_safety-page .how-safety-item.questions a.question-box {
    width: 100%;
    padding: 30px 10px;
    display: block;
    margin: 10px 0px;
  }
}
#how_safety-page .how-safety-item.questions a.question-box:hover {
  opacity: 0.7;
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  transition: all 0.2s ease;
}
#how_safety-page .how-safety-item.questions a.question-box:active {
  opacity: 1;
}
#how_safety-page .how-header-bottom {
  #
		color: #fff;
  background: rgba(0, 0, 0, 0.1);
}
#how_safety-page .how-header-bottom .how-header-bottom-left {
  background: url("../images/icons/icon_lightbulb_white_skewed.0224475b3082.png") no-repeat;
  background-position: left 0px;
  background-size: 50px 50px;
}

.how-cta {
  position: relative;
  display: block;
  border-radius: 25px;
  max-width: 1100px;
  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: #fff;
}
.how-cta .button, .how-cta #welcome .welcome-common #no_pending_email_form [type=submit], #welcome .welcome-common #no_pending_email_form .how-cta [type=submit], .how-cta .vehicle-form [type=submit], .vehicle-form .how-cta [type=submit] {
  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;
}

/* French graphics */
.fr #how .how-sub-benefit.reliability {
  background: url("../images/how/how-reviews-2-fr.e8a03007c7e4.png") no-repeat top left;
  background-size: 200px 100px;
}
.fr #how .how-sub-benefit.online {
  background: url("../images/how/how-online-fr.3af054c38969.png") no-repeat top left;
  background-size: 350px 100px;
}

.fr #passengers .how-benefit-graphic.safety {
  background: url("../images/how/how-passengers-safety-fr.6094a2adfbd3.png") no-repeat top center;
  background-size: contain;
}

.fr #drivers .how-benefit-graphic.safety {
  background: url("../images/how/how-drivers-safety-fr.f10089c608be.png") no-repeat top left;
  background-size: contain;
}
.fr #drivers .how-benefit-graphic.empty-seats {
  background: url("../images/how/how-drivers-empty-seats-fr.c9112fe50877.png") no-repeat top left;
  background-size: contain;
}

/* Home */
#home .text-slarge, #home #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 #home h2, #home #book .booking-form .trip-form-policies .trip-form-section-header, #book .booking-form .trip-form-policies #home .trip-form-section-header {
  font-size: 18px;
}
#home #home-banner {
  position: relative;
  width: 100%;
  padding: 0px;
  z-index: 3;
}
@media (max-width: 767px) {
  #home #home-banner {
    padding-top: 0px;
    background-size: cover;
  }
}
#home #home-banner h1 {
  font-size: 48px;
  font-weight: 700;
  color: #000;
  margin: 20px 0px 30px -4px;
  padding: 0px 0px 0px;
  line-height: 54px;
}
@media (max-width: 767px) {
  #home #home-banner h1 {
    font-size: 38px;
    line-height: 42px;
    padding: 0px;
    margin: 60px 0px 20px;
  }
}
#home #home-banner .home-banner-subtitle {
  font-size: 24px;
  line-height: 32px;
  color: #333333;
  font-weight: 600;
  max-width: 470px;
}
#home #home-banner .home-banner-container {
  position: relative;
  box-sizing: border-box;
  position: relative;
  max-width: 1100px;
  margin: 0px auto;
  background: url("https://convoyeur.pro/static/pop/webui/common/images/home/home-clouds.05ba4607b412.svg") no-repeat right 2% top;
}
@media (min-width: 769px) {
  #home #home-banner .home-banner-container {
    margin-top: 30px;
    background-size: 240px auto;
  }
}
@media (max-width: 767px) {
  #home #home-banner .home-banner-container {
    background: url("https://convoyeur.pro/static/pop/webui/common/images/home/home-clouds.05ba4607b412.svg") no-repeat right 20px top;
    background-size: 200px auto;
  }
}
#home #home-banner .home-banner-cta a.home-banner-cta-download {
  float: left;
}
#home #home-banner .home-banner-cta a.home-banner-cta-how {
  display: block;
  font-size: 20px;
  width: 240px;
  float: left;
  padding: 20px;
  text-align: center;
  box-sizing: border-box;
  color: #333333;
}
#home #home-banner .home-banner-cta a.home-banner-cta-how:hover {
  opacity: 0.9;
}
#home #home-banner .home-banner-cta a.home-banner-cta-how:active {
  color: #000000;
}
#home #home-banner .home-banner-picture {
  width: 540px;
  height: 400px;
  position: absolute;
  top: 120px;
  right: -90px;
  z-index: 3;
}
#home #home-banner .home-banner-picture img {
  position: absolute;
  border-radius: 25px;
  animation-name: multiple-image-crossfade;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 20s;
  background: #ececec;
  width: 100%;
}
#home #home-banner .home-banner-picture img:nth-of-type(1) {
  animation-delay: 16s;
}
#home #home-banner .home-banner-picture img:nth-of-type(2) {
  animation-delay: 12s;
}
#home #home-banner .home-banner-picture img:nth-of-type(3) {
  animation-delay: 8s;
}
#home #home-banner .home-banner-picture img:nth-of-type(4) {
  animation-delay: 4s;
}
#home #home-banner .home-banner-picture img:nth-of-type(5) {
  animation-delay: 0;
}
@keyframes multiple-image-crossfade {
  0% {
    opacity: 1;
  }
  17% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  92% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media (max-width: 767px) {
  #home #home-banner .home-banner-picture {
    border-radius: 25px;
    overflow: hidden;
    width: 100%;
    height: 300px;
    position: relative;
    top: 0px;
    left: 0px;
    right: 0px;
    margin: 0px;
  }
}
#home h2 {
  font-size: 32px;
  font-weight: 800;
  color: #000;
  line-height: 42px;
}
#home h3 {
  font-size: 18px;
  font-weight: 700;
  color: #000;
}
#home .home-subtitle {
  font-size: 18px;
  line-height: 26px;
  color: #777777;
  font-weight: 500;
  max-width: 470px;
}
#home #home-find {
  max-width: 1100px;
  margin: 20px auto;
  padding: 0px 0px;
  position: relative;
}
#home #home-find .home-find-box-offset {
  position: absolute;
  top: -40px;
  left: -40px;
  border-radius: 50px;
  z-index: -1;
  width: 820px;
  height: 350px;
}
@media (max-width: 767px) {
  #home #home-find .home-find-box-offset {
    display: none;
  }
}
@media (max-width: 767px) {
  #home #home-find {
    padding: 15px;
  }
}
#home #home-post {
  position: relative;
  max-width: 1100px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  #home #home-post {
    padding: 15px;
  }
}
#home #home-post #home-post-box {
  position: absolute;
  right: -50px;
  top: -220px;
  width: 420px;
  border-radius: 25px;
  padding: 40px;
}
@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 {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/home/car-a-b.651df5a95345.svg") no-repeat center center;
  background-size: contain;
  background-size: 200px auto;
  height: 100px;
}
@media (max-width: 767px) {
  #home #home-post #home-post-graphic {
    background-size: 150px auto;
  }
}
#home #home-post #home-post-graphic div {
  margin-top: 60px;
}
@media (max-width: 767px) {
  #home #home-post #home-post-graphic div {
    margin-top: 55px;
  }
}
#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 #home-safety {
  max-width: 1100px;
  margin: 0 auto;
  margin-top: 45px;
}
@media (max-width: 767px) {
  #home #home-safety {
    margin-top: 0px;
    padding: 15px;
  }
}
#home #home-safety #home-safety-box {
  padding: 100px 50px;
  border-radius: 25px;
}
@media (max-width: 767px) {
  #home #home-safety #home-safety-box {
    padding: 50px;
  }
}
#home #home-safety h2 {
  font-size: 50px;
}
@media (max-width: 767px) {
  #home #home-safety h2 {
    font-size: 32px;
    line-height: 36px;
  }
}
#home #home-safety .safety-graphic {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/home/safety-graphic.6b6a3d449191.svg") no-repeat;
  background-size: contain;
  display: block;
  margin: 0 auto;
  width: 60px;
  height: 70px;
}
#home #home-instagram {
  width: 100%;
}
#home #home-instagram .home-instagram-box {
  border-radius: 25px;
  margin: 0px;
  background: #dfdbdb;
  display: block;
}
#home #home-instagram .home-instagram-box-container-1 {
  float: left;
  width: 25%;
}
@media (max-width: 767px) {
  #home #home-instagram .home-instagram-box-container-1 {
    display: none;
  }
}
#home #home-instagram .home-instagram-box-container-2 {
  float: left;
  width: 50%;
}
@media (max-width: 767px) {
  #home #home-instagram .home-instagram-box-container-2 {
    width: 100%;
  }
}
#home #home-instagram .home-instagram-box-container-3 {
  float: left;
  width: 25%;
}
@media (max-width: 767px) {
  #home #home-instagram .home-instagram-box-container-3 {
    display: none;
  }
}
#home #home-instagram .home-instagram-box-1 {
  background: url("../images/home/instagram-picture-1.cbb7de47bfb0.jpg") no-repeat;
  background-size: cover;
  height: 188px;
  width: 90%;
  margin-bottom: 25px;
}
#home #home-instagram .home-instagram-box-2 {
  background: url("../images/home/instagram-picture-3.d8efedff3183.jpg") no-repeat;
  background-size: cover;
  height: 188px;
  width: 90%;
}
#home #home-instagram .home-instagram-box-3 {
  background: url("../images/home/instagram-picture-2.8b9ddcbfd78f.jpg") no-repeat;
  background-size: cover;
  height: 400px;
  width: 95%;
  position: relative;
}
@media (max-width: 767px) {
  #home #home-instagram .home-instagram-box-3 {
    height: 300px;
    width: 100%;
  }
}
#home #home-instagram .home-instagram-box-3 .home-instagram-box-text {
  color: #ffffff;
  font-size: 20px;
  line-height: 24px;
  padding: 320px 0px 0px 30px;
}
@media (max-width: 767px) {
  #home #home-instagram .home-instagram-box-3 .home-instagram-box-text {
    padding: 220px 0px 0px 30px;
  }
}
#home #home-instagram .home-instagram-box-3 .home-instagram-box-text a {
  color: #ffffff !important;
}
#home #home-instagram .home-instagram-box-4 {
  background: url("../images/home/instagram-picture-4.80d55c034144.jpg") no-repeat;
  background-size: cover;
  height: 400px;
  width: 95%;
}

#popular-routes {
  z-index: 10;
  position: relative;
}
@media (min-width: 769px) {
  #popular-routes {
    margin: 20px 0px 30px;
  }
}
#popular-routes .popular-routes-box {
  float: left;
  width: 20%;
  margin: 0px 2% 0px 2%;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  #popular-routes .popular-routes-box {
    width: 100%;
    margin: 20px 0px;
  }
}
#popular-routes .popular-routes-box h2 {
  margin-top: 0px;
  margin-bottom: 40px;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
}
#popular-routes .popular-routes-box .popular-route {
  font-size: 18px;
  text-align: center;
  margin: 20px 0px;
}
#popular-routes .popular-routes-box .popular-route a {
  display: block;
  margin-bottom: 7px;
}

#find-page #popular-routes .container, #find-page #popular-routes #business .business-container, #business #find-page #popular-routes .business-container {
  padding: 0px;
}
@media (max-width: 767px) {
  #find-page #popular-routes .popular-routes-box {
    width: 100%;
    margin: 5px 0px;
  }
}

.landing-how-it-works {
  display: none;
  background: #ff4f02;
  color: #fff;
  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, #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, .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 {
  font-size: 20px;
  font-weight: 500;
}
.landing-how-it-works .col-3 a {
  text-align: center;
  color: #fff !important;
  text-decoration: underline;
}
.landing-how-it-works .box-white {
  border: 2px solid #fff;
  border-radius: 3px;
  padding: 18px 90px 18px 50px;
  display: inline-block;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  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 #fff;
  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;
}

#canada-map {
  z-index: 0;
  position: relative;
}
#canada-map .canada-map-cta {
  position: absolute;
  left: 0px;
  top: 150px;
  width: 250px;
  padding: 40px;
  color: #333333;
  font-weight: 700;
  border-radius: 20px;
  font-size: 24px;
  line-height: 34px;
  text-align: center;
}
#canada-map .canada-map-graphic {
  z-index: 0;
  margin: -100px auto 20px;
  display: block;
  width: 1000px;
  height: 695px;
  background: url("../images/misc/search-map.7d7abdbe7f97.png") no-repeat center center;
  position: relative;
}
#canada-map .canada-map-location {
  position: absolute;
}
#canada-map .canada-map-location .canada-map-location-pointer {
  position: absolute;
  display: block;
  height: 10px;
  width: 10px;
  background: #0099ff;
  border-radius: 10px;
}
#canada-map .canada-map-location .canada-map-location-pointer.top {
  top: -10px;
}
#canada-map .canada-map-location .canada-map-location-pointer.bottom {
  bottom: -10px;
}
#canada-map .canada-map-location .canada-map-location-pointer.left {
  left: -10px;
}
#canada-map .canada-map-location .canada-map-location-pointer.left-only {
  left: -15px;
  top: 5px;
}
#canada-map .canada-map-location .canada-map-location-pointer.right {
  right: -10px;
}
#canada-map .canada-map-location .canada-map-location-pointer.right-only {
  right: -15px;
  top: 5px;
}
#canada-map .canada-map-location .canada-map-location-name {
  color: #000;
  font-size: 18px;
  font-weight: 600;
}
#canada-map .canada-map-location:hover {
  opacity: 0.7;
}
#canada-map .canada-map-location:active, #canada-map .canada-map-location:focus {
  opacity: 1;
}
#canada-map .canada-map-location.victoria {
  top: 559px;
  left: 64px;
}
#canada-map .canada-map-location.tofino {
  top: 512px;
  left: 43px;
}
#canada-map .canada-map-location.nanaimo {
  top: 484px;
  left: 50px;
}
#canada-map .canada-map-location.vancouver {
  top: 522px;
  left: 157px;
}
#canada-map .canada-map-location.squamish {
  top: 477px;
  left: 165px;
}
#canada-map .canada-map-location.whistler {
  top: 432px;
  left: 91px;
}
#canada-map .canada-map-location.kelowna {
  top: 501px;
  left: 222px;
}
#canada-map .canada-map-location.calgary {
  top: 465px;
  left: 277px;
}
#canada-map .canada-map-location.edmonton {
  top: 418px;
  left: 186px;
}
#canada-map .canada-map-location.saskatoon {
  top: 440px;
  left: 386px;
}
#canada-map .canada-map-location.regina {
  top: 480px;
  left: 416px;
}
#canada-map .canada-map-location.winnipeg {
  top: 520px;
  left: 516px;
}
#canada-map .canada-map-location.london {
  top: 681px;
  left: 549px;
}
#canada-map .canada-map-location.toronto {
  top: 672px;
  left: 650px;
}
#canada-map .canada-map-location.kingston {
  top: 625px;
  left: 606px;
}
#canada-map .canada-map-location.ottawa {
  top: 600px;
  left: 637px;
}
#canada-map .canada-map-location.montreal {
  top: 631px;
  left: 729px;
}
#canada-map .canada-map-location.quebec {
  top: 587px;
  left: 762px;
}
#canada-map .canada-map-location.halifax {
  top: 658px;
  left: 840px;
}

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

#sustainability {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  #sustainability {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    display: block !important;
  }
}
#sustainability #sustainability-box {
  width: 65%;
  padding: 60px 40px;
  border-radius: 35px;
  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 {
  width: 35%;
  padding: 50px;
}
@media (min-width: 769px) {
  #sustainability #sustainability-text {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media (max-width: 767px) {
  #sustainability #sustainability-text {
    width: 100%;
    padding: 40px 20px;
    box-sizing: border-box;
  }
}
#sustainability #sustainability-graphic {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/home/tree-graphic.bcb581f22bc1.svg") no-repeat;
  background-size: contain;
  display: block;
  height: 250px;
  width: 250px;
  margin: 0px auto 30px;
}
@media (max-width: 767px) {
  #sustainability #sustainability-graphic {
    background: url("https://convoyeur.pro/static/pop/webui/common/images/home/tree-graphic.bcb581f22bc1.svg") no-repeat center center;
    background-size: contain;
    width: 100%;
    height: 200px;
  }
}

/* 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("https://convoyeur.pro/static/pop/webui/common/images/brand/convoyeur-logo.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-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}
.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: #fff;
  background: #333333;
  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: #fff;
}
.instruction-full.primary .instruction-button {
  background: #fff;
  color: #ff4f02;
}

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

.instruction-full.primary a.instruction-top-cta, .instruction-full.secondary a.instruction-top-cta {
  color: #fff;
}
.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/convoyeur-logo-white.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: #000;
}
@media (max-width: 767px) {
  #instruction-post-trip .instruction-title {
    font-size: 28px;
  }
}
@media (min-width: 769px) {
  #instruction-post-trip .instruction-contents {
    max-width: 1050px;
    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: #000;
}
@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: #777777;
}
@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("https://convoyeur.pro/static/pop/webui/common/images/icons/on_time.db6baae9329b.svg") no-repeat top left;
  background-size: 100px 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("https://convoyeur.pro/static/pop/webui/common/images/icons/no_cash.66fb313ae607.svg") no-repeat top left;
  background-size: 100px 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("https://convoyeur.pro/static/pop/webui/common/images/how/warning.2368f53ddcf8.svg") no-repeat top left;
  background-size: 100px 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("https://convoyeur.pro/static/pop/webui/common/images/how/warning.2368f53ddcf8.svg") no-repeat top left;
  background-size: 100px 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("https://convoyeur.pro/static/pop/webui/common/images/icons/no_taxi.ec9e128393d5.svg") no-repeat top left;
  background-size: 100px 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("https://convoyeur.pro/static/pop/webui/common/images/icons/icon_instant_book.12f0689c84f8.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("https://convoyeur.pro/static/pop/webui/common/images/icons/icon_instant_book.12f0689c84f8.svg") no-repeat;
  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("https://convoyeur.pro/static/pop/webui/common/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("https://convoyeur.pro/static/pop/webui/common/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("https://convoyeur.pro/static/pop/webui/common/images/icons/agreement_verified.9701980d9706.svg") no-repeat top -5px left;
  background-size: 40px auto;
}

/* Modal instruction book */
.modal-instruction-book .modal-instruction-book-driver, #modal-booking-what-next .modal-instruction-book-driver {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  border: 1px solid #dfdbdb;
  margin-bottom: 20px;
}
.modal-instruction-book .modal-instruction-book-item, #modal-booking-what-next .modal-instruction-book-item {
  padding-left: 50px;
  box-sizing: border-box;
}
.modal-instruction-book .modal-instruction-book-item.reliable, #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-instruction-book .modal-instruction-book-item.wait, #modal-booking-what-next .modal-instruction-book-item.wait {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/icons/on_time.db6baae9329b.svg") no-repeat top -5px left;
  background-size: 40px auto;
}
.modal-instruction-book .modal-instruction-book-item.online, #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-instruction-book .modal-instruction-book-item.message, #modal-booking-what-next .modal-instruction-book-item.message {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/icons/communication.32ee71ad1f12.svg") no-repeat;
  background-size: 35px auto;
  background-position: 0 0px;
}
.modal-instruction-book .modal-instruction-book-item.return, #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-instruction-book .button, .modal-instruction-book #welcome .welcome-common #no_pending_email_form [type=submit], #welcome .welcome-common #no_pending_email_form .modal-instruction-book [type=submit], .modal-instruction-book .vehicle-form [type=submit], .vehicle-form .modal-instruction-book [type=submit], #modal-booking-what-next .button, #modal-booking-what-next #welcome .welcome-common #no_pending_email_form [type=submit], #welcome .welcome-common #no_pending_email_form #modal-booking-what-next [type=submit], #modal-booking-what-next .vehicle-form [type=submit], .vehicle-form #modal-booking-what-next [type=submit] {
  margin-left: 50px;
}

/* Landing pages */
#landing-page #landing-page-banner {
  background: #fff;
  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: #333333;
  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: #777777;
  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: #333333;
  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: #fff;
  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: #000;
}
@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: #fff;
}
#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: #333333;
  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: #333333;
}

.landing-page-cta:active {
  color: #000;
  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: #fff;
}
@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: 1100px;
  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: #777777;
}
@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 #welcome .welcome-common #no_pending_email_form a.landing-page-banner-cta-right-button[type=submit], #welcome .welcome-common #no_pending_email_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 .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] {
  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 #welcome .welcome-common #no_pending_email_form a.landing-page-banner-cta-right-button[type=submit], #welcome .welcome-common #no_pending_email_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 .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] {
    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: #777777;
  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;
  }
}

@media (min-width: 769px) {
  #locations ul {
    column-count: 3;
  }
}
#locations h1 {
  font-size: 24px;
  font-weight: 600;
}
#locations h2 {
  margin: 0px 0px 0px;
  font-size: 18px;
  font-weight: 500;
}
#locations h2 a {
  color: #333333;
}
#locations #pagination {
  text-align: center;
}

/* Location trigger */
.location-chooser {
  position: relative;
}
.location-chooser .location-input-vanity {
    border-radius: 10px;
    font-family: "proxima-soft", sans-serif;
    cursor: pointer;
    box-sizing: border-box;
    padding: 20px 15px 20px 35px;
    border: none;
    background: url(https://convoyeur.pro/static/pop/webui/common/images/icons/location.a9dbd27e31d6.svg)
                no-repeat #fff5f5 center left 10px;
    background-size: 15px;
    width: 100%;
    font-size: 16px;
    color: #565a5c;
}

/* Effet focus identique à form-textarea/select, avec ta couleur #ff4f02 */
.location-chooser .location-input-vanity:focus {
    outline: none;
    /* Si tu veux que la couleur de bordure soit visible, ajoute un vrai bord: */
    border: 2px solid #ff4f02;
    box-shadow: 0 0 0 3px rgba(255, 79, 2, 0.1);
}
.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: #fff;
}
.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: #333333;
  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-input, .modal-location .modal-location-input:hover {
  border-bottom: 1px solid #777777;
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  padding: 20px 0px 20px 25px;
  font-size: 20px;
  margin: 0px;
  border-radius: 0px !important;
}
.modal-location #id_origin-modal-location-input.modal-location-input, .modal-location #id_origin-modal-location-input.modal-location-input:hover {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/icons/location.a9dbd27e31d6.svg") no-repeat #fff center left -3px;
  background-size: 20px;
}
.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 {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/icons/location.a9dbd27e31d6.svg") no-repeat #fff center left -3px;
  background-size: 20px;
}
.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-result-item {
  border-bottom: 1px dotted #dfdbdb;
  padding: 10px 0px 10px 25px;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
}
.modal-location .modal-location-result-item:hover {
  background: #efefef;
}
.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: #333333 !important;
  color: #fff;
}
.modal-location .modal-location-error {
  padding: 10px;
  background: #ffcccc;
  box-sizing: border-box;
}
.modal-location .modal-location-error .modal-location-error-title {
  color: #333333;
  font-weight: 700;
  font-size: 16px;
}
.modal-location .modal-location-error .modal-location-error-subtitle {
  color: #333333;
  font-weight: 400;
  font-size: 16px;
}
.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 #welcome .welcome-common #no_pending_email_form .email[type=submit], #welcome .welcome-common #no_pending_email_form .modal-signin .email[type=submit], .modal-signin .vehicle-form .email[type=submit], .vehicle-form .modal-signin .email[type=submit] {
  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 #welcome .welcome-common #no_pending_email_form .email[type=submit]:hover, #welcome .welcome-common #no_pending_email_form .modal-signin .email[type=submit]:hover, .modal-signin .vehicle-form .email[type=submit]:hover, .vehicle-form .modal-signin .email[type=submit]:hover, .modal-signin .button.email:active, .modal-signin #welcome .welcome-common #no_pending_email_form .email[type=submit]:active, #welcome .welcome-common #no_pending_email_form .modal-signin .email[type=submit]:active, .modal-signin .vehicle-form .email[type=submit]:active, .vehicle-form .modal-signin .email[type=submit]: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: 15px;
  width: 100%;
  padding: 15px 20px 15px 40px;
  margin: 10px 0px;
  color: #777777;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  border: 1px solid #dfdbdb;
  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 #777777;
}
.social-logins .social-login.apple {
  background: url("../images/icons/icon_social_apple.3d5d4e60a055.png") no-repeat #fff;
  background-position: left 15px center;
  background-size: 20px 20px;
}
.social-logins .social-login.facebook {
  background: url("../images/icons/icon-social-facebook.76512ffeaf2e.png") no-repeat #fff;
  background-position: left 15px center;
  background-size: 20px 20px;
}
.social-logins .social-login.google {
  background: url("../images/icons/icon-social-google.1446d6483197.png") no-repeat #fff;
  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: #333333;
}
#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 #777777;
}
#account-recovery .with-boxes .box:active, #account-recovery .with-boxes .box:focus {
  border: 1px solid #333333;
}
#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: 2px solid #777777;
  display: inline-block;
  padding: 4px 13px 3px 13px;
  margin: 10px auto;
  color: #777777;
  font-weight: 600;
  font-size: 14px;
}

.toggle-messages:hover {
  border: 2px solid #333;
  color: #333;
}

.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: #999;
  margin-bottom: 5px;
}
.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 {
  background: #333333;
  color: #ffffff;
}
.message .message-spacer {
  width: 10px;
  height: 100%;
  display: block;
}
.message .message-contents {
  font-size: 15px;
  line-height: 20px;
  color: #777777;
  box-sizing: border-box;
}
.message .message-contents .message-bubble {
  overflow: auto;
  padding: 10px 15px;
  background: #ececec;
  border-radius: 20px;
  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("https://convoyeur.pro/static/pop/webui/common/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;
  border: none;
  color: #333;
  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 #dfdbdb;
  background: #fff;
}
@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: #fff;
  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: #333333;
  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 #welcome .welcome-common #no_pending_email_form .modal-close[type=submit], #welcome .welcome-common #no_pending_email_form .modal .modal-close[type=submit], .modal .vehicle-form .modal-close[type=submit], .vehicle-form .modal .modal-close[type=submit] {
  float: none;
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  height: auto;
}
.modal .modal-close.link-grey, .modal #terms a.modal-close, #terms .modal a.modal-close, .modal #privacy a.modal-close, #privacy .modal a.modal-close {
  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: #000;
  border-radius: 38px;
  color: #fff !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: 100px;
}
#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;
}
@media (min-width: 769px) {
  #modal-verification-phone #send-button, #modal-verification-phone #send-code-button, #modal-phone #send-button, #modal-phone #send-code-button {
    margin-left: 10px;
  }
}
@media (max-width: 767px) {
  #modal-verification-phone #send-button, #modal-verification-phone #send-code-button, #modal-phone #send-button, #modal-phone #send-code-button {
    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: #000;
}
#modal-video .modal-close {
  position: absolute;
  top: 20px;
  right: 20px;
  color: #fff;
  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 {
  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: #333333;
  color: #fff;
  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: #000;
}
.modal-promote .tabs {
  border: none;
}
.modal-promote .external-link a {
  color: #333333;
  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: #fff;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  position: relative;
}
.modal-social-promo .button-clipboard:hover {
  background: #666;
  color: #fff;
}
.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: #fff;
  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 #333333;
  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: #fff;
  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 #welcome .welcome-common #no_pending_email_form .modal-close[type=submit], #welcome .welcome-common #no_pending_email_form #invitation-suggestion-modal .modal-close[type=submit], #invitation-suggestion-modal .vehicle-form .modal-close[type=submit], .vehicle-form #invitation-suggestion-modal .modal-close[type=submit] {
    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: #darkgrey;
  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: #777777;
  display: block;
  font-size: 16px;
  background: #fff;
  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 {
  color: #333333;
}
.modal-list-template .modal-list a.modal-list-item:active {
  color: #000;
}
.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: #fff !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: #777777;
}

#modal-get-started a.link-block {
  padding-left: 60px;
  position: relative;
  font-size: 18px;
}
#modal-get-started a.link-block.post {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/icons/menu-post.71dc99e0cb22.svg") no-repeat center left;
  background-size: 20px 20px;
}
#modal-get-started a.link-block.find {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/icons/menu-search.933be5963c55.svg") no-repeat center left;
  background-size: 20px 20px;
}
#modal-get-started a.link-block.verify {
  background: url("../images/icons/icon-verified.804ca7ec886b.png") no-repeat center left;
  background-size: 20px 20px;
}
#modal-get-started a.link-block.instagram {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/icons/icon-instagram-footer.ce134eb6f307.svg") no-repeat center left;
  background-size: 20px 20px;
}
#modal-get-started a.link-block.tiktok {
  background: url("https://convoyeur.pro/static/pop/webui/common/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.facebook {
  background: url("../images/icons/icon_social_facebook.b0f206c8795f.png") no-repeat center left;
  background-size: 25px 25px;
}
#modal-review-poparide a.link-block.google {
  background: url("../images/icons/icon_social_google.08f8f096e0e4.png") no-repeat center left;
  background-size: 25px 25px;
}
#modal-review-poparide a.link-block.apple {
  background: url("../images/icons/icon_social_apple.3d5d4e60a055.png") no-repeat center left;
  background-size: 25px 25px;
}
#modal-review-poparide a.link-block.play {
  background: url("../images/icons/icon_play_store.d2225bdab368.png") 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 .icon-verified, #modal-info-verification .icon-commercial, #modal-info-commercial .icon-verified, #modal-info-commercial .icon-commercial {
  width: 60px;
  height: 60px;
  margin: 0px 0px 40px;
  display: block;
  background-size: contain;
}

#modal-menu .modal-close {
  margin: 0px;
}
#modal-menu .modal-box {
  width: 100%;
  height: 100%;
  max-width: none;
  overflow-y: scroll;
}
#modal-menu .container, #modal-menu #business .business-container, #business #modal-menu .business-container {
  max-width: 600px;
}
@media (max-width: 767px) {
  #modal-menu .container, #modal-menu #business .business-container, #business #modal-menu .business-container {
    max-width: 100%;
  }
}

#modal-verification-network-email .modal-box {
  padding: 0px;
}
#modal-verification-network-email .form-row {
  position: relative;
}
#modal-app-download .image-ios, #modal-app-download .image-android {
  width: 210px;
  height: auto;
}
#modal-app-download img:hover {
  opacity: 0.9;
}
#modal-app-download img:active {
  opacity: 1;
}

/* 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: #000;
  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_network_university.f0e1650200b3.png") no-repeat left center;
  background-size: 25px 25px;
  padding-left: 35px;
  color: #333;
  margin-top: 10px;
}
#network-landing #networking-landing-subtitle {
  font-size: 28px;
  margin: 30px 0px 10px;
  line-height: 36px;
  font-weight: 600;
  color: #000000;
}
@media (max-width: 767px) {
  #network-landing #networking-landing-subtitle {
    font-size: 24px;
    line-height: 28px;
  }
}
#network-landing .student-illustration {
  margin: 30px 0px 0px;
}
@media (max-width: 767px) {
  #network-landing iframe {
    width: 100%;
  }
}
#network-landing h2 {
  margin-top: 0px;
  font-size: 20px;
  color: #000;
  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;
}
#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-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.fb3bcf6600eb.png") 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.76512ffeaf2e.png") no-repeat center center;
  background-size: contain;
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.network-upsell a.network-upsell-tos {
  font-size: 12px !important;
}

.trip-item-profile-badge-network {
  display: block;
  height: 30px;
  width: 30px;
  float: left;
}
@media (max-width: 767px) {
  .trip-item-profile-badge-network {
    margin-top: -4px;
  }
}

/* Networks listing */
#networks h1 {
  font-size: 52px;
  font-weight: 800;
  color: #000;
  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: #000;
}
@media (max-width: 767px) {
  #networks .network-subtitle {
    font-size: 24px;
    line-height: 28px;
  }
}
#networks h2 {
  color: #000;
}
#networks .network-list-item {
  font-size: 16px;
  padding: 10px 0px 10px 45px;
  box-sizing: border-box;
}
#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: #333;
}

#network-search {
  max-width: 225px;
  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 #fff;
  color: #fff;
  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("https://convoyeur.pro/static/pop/webui/common/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: #fff;
  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: #fff;
  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: #777777;
}
.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: #777777;
  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: #fff;
  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: #000000;
}

.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: #fff;
  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: #000;
  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 #333333;
  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: #fff;
  border: 1px solid #dfdbdb;
}
@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;
}
#payments .booking-id {
  padding: 2px 5px 0px 5px;
  border: 2px solid #666;
  display: inline-block;
  border-radius: 15px;
  margin: -2px 10px 0px 0px;
  width: 70px;
}
@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.dd627b045aa0.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: #fff;
  border: 1px solid #dfdbdb;
  color: #333333;
}

#settings .payment-method {
  border: 1px solid #dfdbdb;
  border-radius: 15px;
  padding: 30px 30px 20px 30px;
  position: relative;
  background: #fff;
}
@media (max-width: 767px) {
  #settings .payment-method {
    padding: 15px 15px 0px 15px;
  }
}
#settings .payment-method .payment-icon {
  width: 40px;
  height: 20px;
}
#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 {
  padding: 0px 8px;
  font-size: 12px;
  background: #333333;
  color: #fff;
  border-radius: 100px;
  display: inline-block;
  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: #fff;
  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: #000;
  text-decoration: underline;
}
#payouts #payouts-listing .payout-listing:hover {
  border: 1px solid #777777;
}
@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;
}
@media (min-width: 769px) {
  #payouts #payouts-listing .payout-listing-state {
    float: right;
  }
}
#payouts #payouts-listing a.payout-details-cta {
  font-weight: 700 !important;
  color: #000000 !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 #333333;
    padding-right: 8px;
  }
}
@media (max-width: 767px) {
  #payouts .payout-deposit-estimates {
    border-left: 2px solid #333333;
    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-paid {
  color: #05AC09;
}
#payouts .payout-listing-amount-pending {
  color: #0099ff;
}
#payouts .payout-listing-amount-failed {
  color: #ff0000;
}
#payouts .payout-status-icon {
  height: 7px;
  width: 7px;
  border-radius: 10px;
  margin: 8px 10px 0px 0px;
}
#payouts .payout-status-paid {
  background: #009a4b;
}
#payouts .payout-status-pending {
  background: #0099ff;
}
#payouts .payout-status-failed {
  background: #ff6060;
}
#payouts .payout-status-clearing {
  background: #0099ff;
}
@media (min-width: 769px) {
  #payouts .payouts-total {
    float: right;
    margin-top: 15px;
  }
}
#payouts .payouts-subnav a {
  color: #777777;
  display: inline;
}
#payouts .payouts-subnav a.active {
  color: #333333;
  font-weight: 600;
}
#payouts .payouts-subnav a:hover {
  color: #333333;
}
#payouts .payouts-subnav a:active {
  color: #000;
}
#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;
}

.booking-id {
  padding: 2px 5px 0px 5px;
  border: 2px solid #777777;
  display: inline-block;
  border-radius: 15px;
  margin: -3px 10px 0px 0px;
  width: 70px;
  text-align: center;
}

a.payout-settings-cta {
  box-sizing: border-box;
  color: #333333;
  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: #333333;
  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 #dfdbdb;
  background: #fff;
  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;
}
@media (max-width: 767px) {
  #payout-settings .payout-method .payout-icon.paypal {
    background-position: -3px 0px;
  }
}
#payout-settings .payout-method .payout-icon.bank {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/icons/bank.4e3ae2a803a8.svg") no-repeat;
  background-size: contain;
}
@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-status.default {
  padding: 0px 8px;
  font-size: 12px;
  background: #333333;
  color: #fff;
  border-radius: 100px;
  display: inline-block;
}
#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: #333333;
}
#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: #000;
}
#payout-settings .payout-method .payout-schedule {
  background: url("../images/icons/icon-calendar.df5c07ad22d1.png") no-repeat left top;
  background-size: 28px 15px;
  padding-left: 18px;
  margin-top: 7px;
  line-height: 19px;
}
#payout-settings .payout-method .schedule-box {
  padding: 15px;
  box-sizing: border-box;
  border: 2px solid #dfdbdb;
  border-radius: 3px;
  cursor: pointer;
}
@media (min-width: 769px) {
  #payout-settings .payout-method .schedule-box {
    width: 32%;
    margin-right: 1.5%;
    float: left;
  }
}
@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: 2px solid #000;
}
#payout-settings .payout-method .schedule-box.active .payout-schedule-title {
  color: #000;
}
#payout-settings .payout-method .schedule-box.active .info-circle {
  background: #000;
}
#payout-settings .payout-method:hover {
  opacity: 1;
  cursor: pointer;
}
#payout-settings .payout-method.active {
  opacity: 1;
}
#payout-settings .payout-method.active:hover {
  cursor: auto;
}

.payout-actions .payout-actions-trigger {
  background: url("../images/icons/icon-settings.863df44f3270.png") center center no-repeat;
  width: 25px;
  height: 25px;
  background-size: 15px 15px;
  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: 100px;
  border-top: 1px solid #dfdbdb;
  border-right: 1px solid #dfdbdb;
  border-left: 1px solid #dfdbdb;
}
@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: 10px;
  display: block;
  border-bottom: 1px solid #dfdbdb;
  color: #333333;
  font-size: 13px;
  background: #fff;
}
@media (max-width: 767px) {
  .payout-actions .payout-actions-container .payout-action, .payout-actions .payout-actions-container a.payout-action {
    padding: 15px 0px 15px;
    border-bottom: none;
    border-top: 1px solid #dfdbdb;
    font-size: 14px;
    text-align: center;
  }
}
.payout-actions .payout-actions-container .payout-action:hover, .payout-actions .payout-actions-container a.payout-action:hover {
  padding: 10px;
  display: block;
  border-bottom: 1px solid #dfdbdb;
  background: #333333;
  color: #fff;
}
.payout-actions .payout-actions-container .payout-action:active, .payout-actions .payout-actions-container a.payout-action:active {
  padding: 10px;
  display: block;
  border-bottom: 1px solid #dfdbdb;
  background: #000;
  color: #fff;
}
.payout-actions .payout-actions-container.active {
  display: block;
}

#add-bank-account {
  /*#id_currency{
      color: $lightgrey;
      border: 1px solid $lightgrey;;
  }*/
}
@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 {
  background: #efefef;
  color: #666;
  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("https://convoyeur.pro/static/pop/webui/common/images/icons/bank.4e3ae2a803a8.svg") no-repeat left center;
  background-size: 40px 40px;
  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 #welcome .welcome-common #no_pending_email_form .narrow[type=submit], #welcome .welcome-common #no_pending_email_form #payouts-choice .narrow[type=submit], #payouts-choice .vehicle-form .narrow[type=submit], .vehicle-form #payouts-choice .narrow[type=submit] {
  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: #fff;
  border-radius: 50px;
  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 #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;
  }
}

@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: 800;
  color: #000;
  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 #333333;
  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: #333333;
}
.payout-tabs-app a.active {
  background: #333333;
  color: #fff;
}

.payouts-grand-total {
  font-size: 28px;
  font-weight: 800;
  color: #000;
  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: #777777;
  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: #333333;
  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.6236dba6f77a.png") no-repeat center center;
  background-size: 100px 100px;
}
#user-preferences .user-preference-group.two .user-preference.smoking {
  background: url("../images/icons/icon_preferences_smoking.94c42ea78684.png") 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.69c14d1846ae.png") 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.9fb244059f12.png") 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.f0953e08fe0b.png") 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-left: 48px;
  font-weight: 600;
  margin: 6px 0px;
  color: #333333;
}
.user-preferences-list .user-preference-item.scents.True {
  background: url("../images/icons/icon_preferences_smoking.94c42ea78684.png") no-repeat left -2px center;
  background-size: 40px 40px;
}
.user-preferences-list .user-preference-item.scents.False {
  background: url("../images/icons/icon_preferences_no_smoking.6236dba6f77a.png") no-repeat left -2px center;
  background-size: 40px 40px;
}
.user-preferences-list .user-preference-item.chattiness.l0 {
  background: url("../images/icons/icon_preferences_chattiness_low.69c14d1846ae.png") no-repeat left -5px center;
  background-size: 40px 40px;
}
.user-preferences-list .user-preference-item.chattiness.l1 {
  background: url("../images/icons/icon_preferences_chattiness_medium.9fb244059f12.png") no-repeat left -5px center;
  background-size: 40px 40px;
}
.user-preferences-list .user-preference-item.chattiness.l2 {
  background: url("../images/icons/icon_preferences_chattiness_high.f0953e08fe0b.png") no-repeat left -5px 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.trip-form-section-header, #book .booking-form .trip-form-policies .user-preferences-list .strong.trip-form-section-header, #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 #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 .text-medium.trip-form-section-header, #book .user-preferences-list .booking-form .trip-form-policies #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details .trip-form-section-header.trip-date, #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details #book .user-preferences-list .booking-form .trip-form-policies .trip-form-section-header.trip-date, #book .booking-form .trip-form-policies .user-preferences-list .text-medium.trip-form-section-header, #book .booking-form .trip-form-policies .user-preferences-list #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details .trip-form-section-header.trip-date, #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details #book .booking-form .trip-form-policies .user-preferences-list .trip-form-section-header.trip-date, #book .user-preferences-list .booking-form .trip-form-policies .text-slarge.trip-form-section-header, #book .user-preferences-list .booking-form .trip-form-policies #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details h2.trip-form-section-header, #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details #book .user-preferences-list .booking-form .trip-form-policies h2.trip-form-section-header, #book .booking-form .trip-form-policies .user-preferences-list .text-slarge.trip-form-section-header, #book .booking-form .trip-form-policies .user-preferences-list #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details h2.trip-form-section-header, #user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details #book .booking-form .trip-form-policies .user-preferences-list h2.trip-form-section-header, #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, #book .user-preferences-list .booking-form .trip-form-policies .policy-title.trip-form-section-header, #book .booking-form .trip-form-policies .user-preferences-list .policy-title.trip-form-section-header, #payments .payment-box #book .user-preferences-list .booking-form .trip-form-policies .payment-text.trip-form-section-header, #payments .payment-box #book .booking-form .trip-form-policies .user-preferences-list .payment-text.trip-form-section-header, #book .user-preferences-list .booking-form .trip-form-policies #payments .payment-box .payment-text.trip-form-section-header, #book .booking-form .trip-form-policies #payments .payment-box .user-preferences-list .payment-text.trip-form-section-header, #payments .payment-box #book .user-preferences-list .booking-form .trip-form-policies .payment-amount.trip-form-section-header, #payments .payment-box #book .booking-form .trip-form-policies .user-preferences-list .payment-amount.trip-form-section-header, #book .user-preferences-list .booking-form .trip-form-policies #payments .payment-box .payment-amount.trip-form-section-header, #book .booking-form .trip-form-policies #payments .payment-box .user-preferences-list .payment-amount.trip-form-section-header {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

/* Definitions for pricing page */
#pricing-header {
  background: #fff;
}
#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: #0099ff;
}
@media (max-width: 767px) {
  #pricing-header .pricing-header-left h1 {
    margin-bottom: 0px;
  }
}
#pricing-header .pricing-header-left h2 {
  font-weight: 400;
}
@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: 22px !important;
}

#trip-form #trip-form-pricing .price-label {
  width: 14.25%;
  float: left;
  font-size: 15px;
  color: #777777;
}
@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;
}
@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: 27px;
  left: 46px;
}
#trip-form #trip-form-pricing .segment-price-input .segment-price-input-amount input {
  padding: 18px 2px 18px 16px;
  background: #F2F2F2;
  border: none;
  font-size: 18px;
}
#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: 25px 0px 0px 30px;
  font-size: 16px;
  font-weight: 700;
  color: #000000;
}
@media (max-width: 767px) {
  #trip-form #trip-form-pricing .segment-price-input .segment-price-input-locations {
    margin: 15px 0px 0px 15px;
  }
}
#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: 25px 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: #fff;
}
@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 15px 40px 15px;
    box-sizing: border-box;
    float: none;
  }
}
#user .user-left .profile-pic.on-profile {
  display: block;
  border-radius: 500px;
  border: 1px solid #dfdbdb;
  width: 160px;
  height: 160px;
  background-position: center center;
  position: relative;
}
@media (min-width: 768px) and (max-width: 1023px) {
  #user .user-left .profile-pic.on-profile {
    width: 120px;
    height: 120px;
  }
}
@media (max-width: 767px) {
  #user .user-left .profile-pic.on-profile {
    width: 100px;
    height: 100px;
  }
}
#user .user-left .profile-picture-edit {
  position: absolute;
  top: 23px;
  right: 170px;
  background: url("../images/icons/icon_camera_white.c302e74354e3.png") no-repeat center center #333333;
  background-size: 30px 30px;
  background-position: 10px 9px;
  width: 50px;
  height: 50px;
  border-radius: 50px;
}
@media (max-width: 767px) {
  #user .user-left .profile-picture-edit {
    top: 10px;
    right: 0px;
    left: 85px;
    background-size: 24px 24px;
    width: 40px;
    height: 40px;
    background-position: 8px 7px;
  }
}
#user .user-left .profile-picture-edit:hover {
  background: url("../images/icons/icon_camera_white.c302e74354e3.png") no-repeat center center #222;
  background-size: 30px 30px;
  background-position: 10px 9px;
}
@media (max-width: 767px) {
  #user .user-left .profile-picture-edit:hover {
    background: url("../images/icons/icon_camera_white.c302e74354e3.png") no-repeat center center #222;
    background-size: 24px 24px;
    background-position: 8px 7px;
  }
}
#user .user-left .profile-picture-edit:active {
  background: url("../images/icons/icon_camera_white.c302e74354e3.png") no-repeat center center #000;
  background-size: 30px 30px;
  background-position: 10px 9px;
}
@media (max-width: 767px) {
  #user .user-left .profile-picture-edit:active {
    background: url("../images/icons/icon_camera_white.c302e74354e3.png") no-repeat center center #000;
    background-size: 24px 24px;
    background-position: 8px 7px;
  }
}
#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: #333333;
  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 .badges {
  text-align: center;
  margin-top: 10px;
  height: 25px;
}
@media (max-width: 767px) {
  #user .user-left .profile-details .badges {
    margin-top: 0px;
  }
}
#user .user-left .profile-details .badges .badge {
  width: 30px;
  height: 30px;
  box-sizing: border-box;
  background-size: contain;
  margin-right: 7px;
  float: left;
}
#user .user-left .profile-details .member-joined {
  background: url("../images/icons/icon_profile_dark.157778fcd1d6.png") no-repeat left top;
  background-size: 17px 17px;
  padding-left: 20px;
  background-position: -2px;
  margin-top: 3px;
  color: #777777;
}
#user .user-left .user-verifications {
  margin-top: 20px;
}
#user .user-responsiveness {
  width: 100%;
  color: #fff;
  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-grey.221f70974982.png") no-repeat center left;
  background-size: 23px 23px;
  padding-left: 30px;
  text-decoration: underline;
  color: #777777;
}
#user .user-right .user-description .edit-description {
  background-size: 13px 13px;
  padding-left: 17px;
}
#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;
    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%;
    margin: 8px 0px;
  }
}
#user .user-right .user-container.user-stats .user-stat .user-stat-container {
  margin: 0 auto;
}
@media (min-width: 769px) {
  #user .user-right .user-container.user-stats .user-stat .user-stat-icon {
    width: 25px;
    height: 25px;
    margin-bottom: 5px;
    display: inline-block;
    text-align: center;
  }
}
@media (max-width: 767px) {
  #user .user-right .user-container.user-stats .user-stat .user-stat-icon {
    width: 25px;
    height: 25px;
    float: left;
    margin-top: -2px;
  }
}
#user .user-right .user-container.user-stats .user-stat .user-stat-icon.driven {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/stats/people_driven.bd0d0f87f047.svg") no-repeat center center;
  background-size: 20px 20px;
}
@media (max-width: 767px) {
  #user .user-right .user-container.user-stats .user-stat .user-stat-icon.driven {
    background-size: 15px 15px;
  }
}
#user .user-right .user-container.user-stats .user-stat .user-stat-icon.taken {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/stats/rides_taken.f3d74a40610f.svg") no-repeat center center;
  background-size: 20px 20px;
}
@media (max-width: 767px) {
  #user .user-right .user-container.user-stats .user-stat .user-stat-icon.taken {
    background-size: 15px 15px;
  }
}
#user .user-right .user-container.user-stats .user-stat .user-stat-icon.shared {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/stats/km_shared.a41f811cf5df.svg") no-repeat center center;
  background-size: 20px 20px;
}
@media (max-width: 767px) {
  #user .user-right .user-container.user-stats .user-stat .user-stat-icon.shared {
    background-size: 15px 15px;
  }
}
#user .user-right .user-container.user-stats .user-stat .user-stat-icon.response-time {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/stats/response_time.2d6f0b10b393.svg") no-repeat center center;
  background-size: 20px 20px;
}
@media (max-width: 767px) {
  #user .user-right .user-container.user-stats .user-stat .user-stat-icon.response-time {
    background-size: 15px 15px;
  }
}
#user .user-right .user-container.user-stats .user-stat .user-stat-icon.response-rate {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/stats/response_rate.fdece86f157a.svg") no-repeat center center;
  background-size: 20px 20px;
}
@media (max-width: 767px) {
  #user .user-right .user-container.user-stats .user-stat .user-stat-icon.response-rate {
    background-size: 15px 15px;
  }
}
#user .user-right .user-container.user-stats .user-stat .user-stat-number {
  font-size: 20px;
  font-weight: 700;
  color: #333333;
}
@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 {
  color: #777777;
  font-weight: 500;
  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;
  }
}
#user .user-right .tabs-container .tab-container-item {
  padding: 20px;
  border-radius: 15px;
  border: 1px solid #dfdbdb;
  background: #fff;
}
@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;
    padding: 15px;
  }
}
#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 #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: #000000;
    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%;
  width: 50px;
  height: 50px;
  border-radius: 60px;
  border: 1px solid #dfdbdb;
  margin-right: 3%;
}
@media (min-width: 0px) and (max-width: 1023px) {
  #user .user-right .tabs-container .tab-container-item .picture {
    width: 50px;
    height: 50px;
  }
}
#user .user-right .tabs-container .tab-container-item .feedback-text {
  font-size: 14px;
  color: #777777;
}
#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: #666;
}
#user .user-right .tabs-container .tab-container-item .booking-details strong {
  color: #333333;
}
#user .user-right .tabs-container .tab-container-item .booking-type {
  box-sizing: border-box;
  text-align: center;
  color: #fff;
  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: 60px;
  border: 1px solid #dfdbdb;
  margin-right: 3%;
}
@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: #0099ff;
  font-weight: 700;
  margin-top: 3px;
  margin-bottom: 0px;
}
#user .user-right .tabs-container .tab-container-item .trip-item-profile .trip-details .trip-date {
  margin-top: -3px;
  color: #666;
}
@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: #777777;
  font-size: 16px;
}
#user .user-right .tabs-container .tab-container-item .trip-item-profile .booking-details strong {
  color: #333333;
}
@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: #fff;
  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 .trip-item-profile:hover {
  opacity: 0.9;
}
#user .user-right .tabs-container .tab-container-item .trip-item-profile:active {
  opacity: 1;
}
#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: #ff4f02;
}
#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.76512ffeaf2e.png") 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.76512ffeaf2e.png") 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;
}

#user-page .facebook-friends {
  padding: 10px 30px 30px 30px;
}
@media (max-width: 767px) {
  #user-page .facebook-friends {
    padding: 15px;
  }
}

#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;
}
.verification-item .verification-item-left {
  float: left;
  box-sizing: border-box;
  padding-left: 35px;
}
.verification-item .verification-item-left.community-agreement {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/icons/agreement_verified.9701980d9706.svg") no-repeat center left;
  background-size: 25px 25px;
  font-weight: 700;
  color: #333333;
}
.verification-item .verification-item-left.email {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/icons/email_verified.0d0861e88e68.svg") no-repeat center left;
  background-size: 25px 25px;
}
.verification-item .verification-item-left.phone {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/icons/phone_verified.96a10e965ff9.svg") no-repeat center left;
  background-size: 25px 25px;
}
.verification-item .verification-item-left.id {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/icons/id_verified.c4771818554c.svg") no-repeat center left;
  background-size: 25px 25px;
}
.verification-item .verification-item-left.facebook {
  background: url("../images/icons/icon_social_facebook.b0f206c8795f.png") no-repeat center left;
  background-size: 20px 20px;
}
.verification-item .verification-item-left.google {
  background: url("../images/icons/icon_social_google.08f8f096e0e4.png") no-repeat center left;
  background-size: 20px 20px;
}
.verification-item .verification-item-right {
  float: right;
  text-align: right;
}
.verification-item .verification-item-right.verified {
  color: #05AC09;
  font-weight: 600;
}
.verification-item .verification-item-right.signed {
  color: #1CC4BF;
  font-weight: 600;
}

/* Member summary displayed in both trips and requests at the bottom of the screen */
#user-summary {
  background: #fff;
}
#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 {
  width: 20%;
  float: left;
}
#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 {
  margin-left: 5%;
  width: 75%;
  float: right;
}
@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: 14px;
  margin-top: 20px;
  padding-left: 35px;
}
@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/icons/icon-circle.bd1287e24e08.png") no-repeat left center;
  background-size: 24px 24px;
}
#user-summary #user-summary-left .user-summary-stats .stat.response-time {
  background: url("../images/icons/icon-clock.666c1bc4b0b2.png") no-repeat left center;
  background-size: 24px 24px;
}
#user-summary #user-summary-left .user-summary-stats .stat.passengers-driven {
  background: url("../images/icons/icon-smiley.6222dfcb1d4a.png") no-repeat left center;
  background-size: 24px 24px;
}
#user-summary #user-summary-left .user-summary-stats .stat.km-shared {
  background: url("../images/icons/icon-road.37ea38c777a6.png") no-repeat left center;
  background-size: 24px 24px;
}
#user-summary #user-summary-left .badges .badge {
  background-size: 40px 40px;
  height: 40px;
  padding: 7px 0px 0px 54px;
  font-size: 16px;
  display: block;
}
#user-summary #user-summary-left .badges a.badge {
  color: #333333;
}
@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 {
  width: 20%;
  float: left;
}
#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: 75%;
  float: left;
  margin-left: 5%;
}

#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 #333333;
  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 #fff;
  outline: 0;
}
#profile-picture-crop-container #profile-picture-apply-crop {
  border: 2px solid #333333;
  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: 100px;
  background: url("../images/misc/profile_picture_rules.fe8a05e5379e.png") 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: #000;
}

#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: #333333;
  color: #fff;
  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: #fff;
}
#referral-options .button-clipboard:active {
  background: #000;
  color: #fff;
}
#referral-options .button-clipboard-success {
  position: absolute;
  left: 0px;
  top: 35px;
  font-weight: 400;
  text-align: left;
  width: 200px;
  font-size: 14px;
  color: #777777;
}

.referral-item {
  padding: 15px 0px;
  background: #fff;
  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 #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: #777777;
}
.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: #333333;
  color: #fff;
  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: #777777;
  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: #333333;
}
.code-item .code-copy:active {
  background: #000;
}

/* Referral landing page (when someone gets referred) */
#referral-landing #referral-landing-header .poparide-logo {
  float: left;
  background: url("https://convoyeur.pro/static/pop/webui/common/images/brand/convoyeur-logo.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("https://convoyeur.pro/static/pop/webui/common/images/brand/convoyeur-logo.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: #fff;
  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 #fff;
  border-radius: 5px;
  background-position: 165px;
  text-align: center;
  color: #fff;
}
.referral-widget .referral-widget-cta:hover {
  opacity: 1;
}
.referral-widget .referral-widget-cta:active {
  opacity: 0.9;
}
.referral-widget .text-xlarge {
  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: #333333;
}
.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: #333333;
  color: #fff;
  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: #000;
  font-size: 36px;
  line-height: 42px;
}
@media (max-width: 767px) {
  #register h1 {
    font-size: 30px;
    line-height: 38px;
  }
}
#register .submit-row {
  margin-top: 15px;
}
#register .box {
  border-radius: 15px;
  border: none;
  max-width: 400px;
  padding: 40px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  #register .box {
    box-shadow: none;
    padding: 0px;
  }
}
#register .form-row {
  position: relative;
}
#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 #dfdbdb;
  padding: 25px 40px 25px 50px;
  box-sizing: border-box;
  border-radius: 3px;
  font-size: 18px;
  color: #333333;
  font-weight: 600;
  background: url("../images/icons/icon-star-yellow.530cc965c461.png") no-repeat #ffffff;
  background-size: 25px 25px;
  background-position: 15px center;
  position: relative;
  display: block;
}
@media (max-width: 767px) {
  .review-cta {
    font-size: 14px;
    background-size: 20px 20px;
    background-position: 10px center;
    padding: 20px 0px 20px 35px;
  }
}
.review-cta a.review-cta-text {
  float: left;
  color: #333333;
}
.review-cta .review-cta-picture {
  float: left;
}
.review-cta .review-cta-arrow {
  position: absolute;
  right: 15px;
  top: 20px;
  background: url("../images/icons/icon-arrow-right-grey.0fa00a41d27c.png") no-repeat;
  background-size: contain;
  width: 35px;
  height: 35px;
}
@media (max-width: 767px) {
  .review-cta .review-cta-arrow {
    top: 20px;
    width: 25px;
    height: 25px;
  }
}

.review-cta.driver {
  color: #333333;
  background: url("../images/icons/icon-star-yellow.530cc965c461.png") no-repeat #ffffff;
  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;
  }
}
.review-cta.driver .review-cta-arrow {
  background: url("../images/icons/icon-arrow-right-grey.0fa00a41d27c.png") no-repeat;
  background-size: contain;
}

@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: #fff;
  border-radius: 15px;
  border: 1px solid #dfdbdb;
  margin-bottom: 10px;
  width: 100%;
}

.review-cta-view.yours {
  padding: 15px 15px 15px 40px;
  background: url("../images/icons/icon-tick-green.d63056c4f7a9.png") no-repeat 13px center #fff !important;
  background-position: 10px center;
}

#trip-bookings-for-passenger .review-cta-view.theirs {
  padding: 15px 15px 15px 40px;
  background: url("../images/icons/icon-star-yellow.530cc965c461.png") no-repeat #ffffff;
  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/icon-star-yellow.530cc965c461.png") no-repeat #ffffff;
  background-position: 15px center;
  background-size: 15px 15px;
}

#review-process h2 {
  font-size: 32px;
  font-weight: 700;
  margin: 0px 0px 20px;
  line-height: 36px;
}
@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: #777777;
  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;
  background: #F2F2F2;
  border-radius: 5px;
  border: none;
  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 #welcome .welcome-common #no_pending_email_form [type=submit], #welcome .welcome-common #no_pending_email_form #review-process [type=submit], #review-process .vehicle-form [type=submit], .vehicle-form #review-process [type=submit] {
  float: right;
}
#review-process .button-next {
  background: #333333;
  max-width: 100px;
  min-width: 0px;
  clear: none;
  margin: 0px;
  min-width: 120px;
}
#review-process .button-next:hover {
  background: #000;
}
#review-process .button-next:active {
  background: #333333;
}

#review-process.driver .review-process-item-star-label {
  color: #333333;
}
#review-process.driver .review-process-item-no-show .review-process-item-no-show-option {
  background: url("../images/icons/icon-triangle-right-black.14ae5b23146b.png") no-repeat right center;
  background-size: 10px auto;
  padding: 20px 0px;
  border: none;
  font-size: 18px;
  width: 100%;
  color: #333;
  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 #welcome .welcome-common #no_pending_email_form [type=submit], #welcome .welcome-common #no_pending_email_form #review-process.driver [type=submit], #review-process.driver .vehicle-form [type=submit], .vehicle-form #review-process.driver [type=submit] {
  background: #333333;
}
#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: #000;
  background: url("../images/icons/icon-star-yellow.530cc965c461.png") 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: #333333;
  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: #000;
}
#review-process.passenger .review-process-box .review-process-item-target .review-process-item-state {
  float: right;
  margin-top: 10px;
  font-size: 16px;
}
#review-process.passenger .review-process-box .review-process-item-target .review-process-item-state.star {
  background: url("../images/icons/icon-star-yellow.530cc965c461.png") no-repeat left center;
  background-size: 20px 20px;
  padding-left: 25px;
  line-height: 22px;
}
#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 #333;
  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 #333;
}
#review-process.passenger .review-process-box .review-process-item-no-show .review-process-item-no-show-box.active {
  background: #333;
  color: #fff;
  border: none;
}
#review-process.passenger .review-process-box .review-process-item-recap .review-process-item-star-recap {
  color: #000;
  background: url("../images/icons/icon-star-yellow.530cc965c461.png") 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 #dfdbdb;
  padding-top: 30px;
  margin-top: 30px;
  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: #fff;
    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: #333333;
  color: #fff;
  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: #333333;
}
.rating-summary .rating {
  padding-left: 20px;
  float: left;
  background: url("https://convoyeur.pro/static/pop/webui/common/images/icons/star.6e9a5160a96a.svg") no-repeat top 3px left;
  background-size: 16px 16px;
}
.rating-summary .review-count {
  float: left;
}
.rating-summary .divider-dot {
  height: 4px;
  width: 4px;
  border-radius: 4px;
  float: left;
  margin: 9px 5px 0px 5px;
  background: #333333;
}

/* User ratings */
.user-ratings {
  border: 1px solid #dfdbdb;
  background: #fff;
  border-radius: 15px;
}
.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("https://convoyeur.pro/static/pop/webui/common/images/icons/star.6e9a5160a96a.svg") no-repeat left top -3px;
  background-size: 27px 27px;
  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 {
  padding: 20px;
}
@media (max-width: 767px) {
  .reviews-list {
    padding: 15px;
  }
}
.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: #777777;
}
.reviews-list .review-item .review-item-contents .review-item-trip-details {
  color: #333333;
  font-weight: 600;
  margin: 3px 0px 3px;
}
.reviews-list .review-item .review-item-contents .review-item-text {
  color: #777777;
}
.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: 2px solid #333333;
  padding: 12px 20px 12px 20px;
  border-radius: 3px;
  text-align: center;
  color: #333333;
  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: 2px solid #333333;
  background: #333333;
  padding: 12px 20px 12px 20px;
  border-radius: 3px;
  text-align: center;
  color: #fff;
  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: #777777;
}
#reviews .reviews-submenu a.active {
  font-weight: 700;
  color: #333333;
}
#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;
  }
}
#reviews .reviews-list {
  border: 1px solid #dfdbdb;
  border-radius: 15px;
}

@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;
  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;
}
#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;
}
#review-detail #review-detail-container .review-detail-item .review-detail-item-contents {
  color: #777777;
}
#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 #fff;
  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: #777777;
}
.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: #fff;
  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: #333333;
}
.review-done .review-external-prompt a.review-external-prompt-cta.google {
  background: url("../images/icons/icon_social_google.08f8f096e0e4.png") 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.b0f206c8795f.png") 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: 800;
  color: #000;
  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;
}
#settings #account-tabs .tabs .tab-header {
  color: #333333;
  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: #000;
}
#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;
}
#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;
}
@media (min-width: 769px) {
  #settings #email-addresses .email-status {
    float: right;
  }
}
@media (max-width: 767px) {
  #settings #email-addresses .email-status {
    margin-left: 12px;
  }
}
#settings #email-addresses .primary, #settings #email-addresses .verified, #settings #email-addresses .unverified {
  float: right;
  margin-left: 10px;
  border-radius: 20px;
  padding: 2px 8px 2px 8px;
}
@media (max-width: 767px) {
  #settings #email-addresses .primary, #settings #email-addresses .verified, #settings #email-addresses .unverified {
    float: left;
  }
}
#settings #email-addresses .unverified {
  background: #ff6060;
  color: #fff;
}
#settings #email-addresses .primary {
  color: #fff;
  background: #333333;
}
#settings #email-addresses .verified {
  background: #05AC09;
  color: #fff;
}
#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: 120px;
}
#settings #personal-details .error {
  display: block;
}
#settings #personal-details #id_driver {
  background: #F2F2F2;
}
#settings .facebook-account {
  background: url("../images/icons/icon_social_facebook.b0f206c8795f.png") 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 #777777;
  border-radius: 3px;
  font-size: 16px;
  color: #777777;
  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: 16px;
  float: left;
  color: #333333;
  margin-top: 4px;
  font-weight: 600;
}
.account-notification .notification-label-recommended {
  padding: 2px 10px;
  background: #333333;
  color: #fff;
  border-radius: 20px;
  margin-bottom: 10px;
  display: inline-block;
  font-size: 12px;
}
.account-notification .notification-trigger {
  float: right;
  width: 50px;
  height: 28px;
  background: #dfdbdb;
  border-radius: 34px;
  padding: 2px;
  box-sizing: border-box;
  position: relative;
}
.account-notification .notification-trigger .circle {
  height: 24px;
  width: 24px;
  border-radius: 37px;
  background: #fff;
}
.account-notification .notification-trigger.on {
  background: #05AC09;
}
.account-notification .notification-trigger.on .circle {
  position: absolute;
  right: 2px;
  top: 2px;
}
.account-notification .notification-error {
  clear: both;
}

#settings #language label {
  display: none;
}
#settings #language select {
  min-width: 142px;
}

@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;
}
@media (min-width: 769px) {
  #verification .subtitle {
    padding: 0px 0px 0px 55px;
    background: url("../images/icons/icon-verified.804ca7ec886b.png") no-repeat center left;
    background-size: 40px 40px;
    display: flex;
    align-items: center;
  }
}
@media (max-width: 767px) {
  #verification .subtitle {
    background: url("../images/icons/icon-verified.804ca7ec886b.png") no-repeat top left;
    padding: 55px 0px 0px 0px;
    background-size: 40px 40px;
  }
}
#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 #777777;
  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: #fff;
  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 #dfdbdb;
  border-radius: 3px;
  margin: 10px 0px;
  width: 200px;
  text-align: center;
  color: #333333;
}
@media (max-width: 767px) {
  #socialaccount_connections-page li a {
    width: 100%;
    box-sizing: border-box;
  }
}
#socialaccount_connections-page li a:hover {
  opacity: 0.9;
}
#socialaccount_connections-page li a:active {
  opacity: 1;
}
#socialaccount_connections-page li a.facebook {
  background: url("../images/icons/icon-social-facebook.76512ffeaf2e.png") no-repeat #fff;
  background-position: left 15px center;
  background-size: 20px 20px;
}
#socialaccount_connections-page li a.google {
  background: url("../images/icons/icon-social-google.1446d6483197.png") no-repeat #fff;
  background-position: left 15px center;
  background-size: 20px 20px;
}
#socialaccount_connections-page li a.apple {
  background: url("../images/icons/icon_social_apple.3d5d4e60a055.png") no-repeat #fff;
  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: #fff;
  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: #fff;
}
.admin-bar .environment-indicator.local {
  background: #777777;
}
.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: #333333;
  font-weight: 600;
  text-decoration: none;
}
.admin-bar .admin-item a:hover {
  color: #000000;
}
.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: #fff;
  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: #333333;
}
@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 #333333;
  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: #000;
  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 #dfdbdb;
  border-radius: 15px;
  font-size: 15px;
}
.trip-copy-container #trip-list {
  margin-top: 0px;
}
.trip-copy-container .trip-copy-container-cta {
  opacity: 0.8;
  font-weight: 500;
  color: #000;
  padding: 16px 10px 15px 10px;
}
.trip-copy-container .trip-copy-container-cta .trip-copy-container-cta-left {
  float: left;
  background: url("../images/icons/icon_copy.1f1d3d042e68.png") no-repeat center left;
  background-size: 20px 20px;
  padding-left: 30px;
}
.trip-copy-container .trip-copy-container-cta .trip-copy-container-cta-right {
  float: right;
  font-size: 18px;
}
.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 .trip-item-to-copy {
  display: block;
  color: #333333;
  padding: 15px;
  box-sizing: border-box;
  border-top: 1px solid #dfdbdb;
}
.trip-copy-container .trip-item-to-copy .trip-item-to-copy-left {
  float: left;
}
.trip-copy-container .trip-item-to-copy .trip-item-to-copy-right {
  float: right;
  margin-top: 10px;
}
.trip-copy-container .trip-item-to-copy .trip-item-to-copy-left-location {
  color: #0099ff;
  font-weight: 700;
}
.trip-copy-container .trip-item-to-copy .trip-item-to-copy-left-details {
  font-weight: 600;
}
.trip-copy-container .trip-item-to-copy .trip-item-to-copy-left-details .trip-item-to-copy-seat {
  color: #000;
}
.trip-copy-container .trip-item-to-copy .trip-item-to-copy-left-details .trip-item-to-copy-price {
  color: #009a4b;
}
.trip-copy-container .trip-item-to-copy:hover {
  opacity: 0.8;
}
.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 {
  /* Styling placeholder */
}
#trip-form .trip-form-section-header {
  font-size: 24px;
  margin-bottom: 15px;
  color: #000000;
  font-weight: 700;
}
#trip-form .trip-form-section-subheader {
  font-size: 15px;
  color: #777777;
}
#trip-form .trip-form-section-label {
  font-size: 15px;
  color: #333333;
  font-weight: 600;
}
#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: #333;
}
#trip-form #id_departure_date, #trip-form #id_return_date {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/icons/calendar.98d099ccbf4b.svg") no-repeat 12px 24px #ececec !important;
  background-size: 14px 14px !important;
  font-size: 15px;
}
#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: #333;
  padding: 5px 10px 5px 10px;
  color: #fff;
  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: #333;
  border-width: 7px;
  margin-left: -7px;
}
#trip-form #trip-form-locations #undo-vias-optimized-button {
  color: #666;
}
#trip-form #trip-form-locations .location-container .location-label {
  width: 30%;
  float: left;
  font-size: 15px;
  color: #333333;
  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.287173f6ed74.png") repeat;
  background-size: 3px 3px;
  opacity: 1;
  height: 53px;
  width: 5px;
  position: absolute;
  top: 4px;
  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: 15px;
}
#trip-form #trip-form-locations .vias-container-box .via .geo-location {
  padding-left: 20px;
}
#trip-form #trip-form-locations .vias-container-box .via input {
  font-size: 14px;
}
#trip-form .input-edit {
  color: #777777;
  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: #818181;
  background: url("../images/icons/icon-add-circle.3426ca638829.png") left center no-repeat;
  background-size: 22px 22px;
  background-position: 10px;
  padding: 18px 15px 18px 40px;
  margin-top: 0px;
  border: 1px dashed #ccc;
  border-radius: 15px;
}
#trip-form #add-via-button:hover {
  color: #666;
}
#trip-form #trip-form-datetime .date-only, #trip-form #trip-form-datetime .time-only {
  position: relative;
}
#trip-form #trip-form-datetime .date-only input, #trip-form #trip-form-datetime .time-only input {
  padding: 20px 15px 20px;
}
#trip-form #trip-form-datetime .time-only input {
  width: 90px;
  font-size: 15px;
}
#trip-form #trip-form-datetime .date-edit {
  padding: 20px 15px 20px;
  font-size: 14px;
  color: #777777;
}
#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: 15px;
  color: #333333;
  margin-top: 19px;
}
#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: #000;
}
#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 .datetime-type-selectors {
  border: 1px solid #bbbbbb;
  border-radius: 15px;
  overflow: hidden;
  margin: 17px 0px 20px 0px;
}
@media (min-width: 769px) {
  #trip-form .datetime-type-selectors {
    width: 376px;
  }
}
@media (max-width: 767px) {
  #trip-form .datetime-type-selectors {
    width: 285px;
  }
}
#trip-form .datetime-type-selectors .datetime-type-dropdown {
  z-index: 20000;
  width: 100%;
}
#trip-form .datetime-type-selectors .datetime-type-dropdown .datetime-type-selector {
  text-align: center;
  width: 50%;
  float: left;
  padding: 5px;
  box-sizing: border-box;
}
#trip-form .datetime-type-selectors .datetime-type-dropdown .datetime-type-selector-single {
  border-right: 1px solid #bbbbbb;
}
#trip-form .datetime-type-selectors .datetime-type-dropdown .datetime-type-selector.active {
  background: #333333;
  color: #fff;
}
#trip-form .datetime-type-selectors .datetime-type-dropdown .datetime-type-selector:hover {
  color: #000;
  background: #efefef;
}
#trip-form .datetime-type-selectors .datetime-type-dropdown .datetime-type-selector.active:hover {
  color: #fff;
  background: #333333;
}
#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 #ccc;
  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: #000000;
}
#trip-form #trip-form-space .space-seats #seats .seat.active {
  background: #333333;
  color: #fff;
}
#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: 60px 20px 30px 40px;
  border: 2px solid #dfdbdb;
  border-radius: 15px;
}
#trip-form #trip-form-booking-type .booking-type-contents .booking-type-common .booking-type-title {
  font-size: 16px;
  font-weight: 700;
}
#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: 2px solid #333;
  box-shadow: none;
}
#trip-form #trip-form-booking-type .booking-type-contents .booking-type.booking-type-common.request-to-book {
  margin-right: 5%;
  background: url("../images/icons/icon_request_to_book.6d57c6621e14.png") no-repeat center left #fff;
  background-size: 35px 35px;
  background-position: 37px 20px;
}
@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.booking-type-common.instant-book {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/icons/icon_instant_book.12f0689c84f8.svg") no-repeat;
  background-size: 35px 25px;
  background-position: 30px 20px;
}

/* For Task instant book */
#trip-form #trip-form-booking-type .booking-type-contents .booking-type-common.instant-book.available {
  background: url("../images/icons/icon_instant_book.12f0689c84f8.svg") no-repeat #fff  !important;
  background-size: auto 35px !important;
  background-position: 32px 20px !important;
  border: 2px solid #000;
}
 .booking-type-common {
  cursor:pointer !important;
}


#trip-form #trip-form-booking-type .booking-type-contents .booking-type-common.instant-book.unavailable {
  background: url("../images/icons/icon_instant_book_greyed.988ce14db2cd.png") no-repeat #fff;
  background-size: auto 35px;
  background-position: 40px 20px;

}
#trip-form #trip-form-booking-type .booking-type-contents .booking-type-common.instant-book.unavailable .booking-type-title {
  opacity: 0.5;
}
#trip-form #trip-form-network-choice .network-choice-label {
  width: 14.25%;
  float: left;
  font-size: 15px;
  color: #777777;
  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: 2px solid #dfdbdb;
  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;
}
#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: 2px solid #333;
  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 #fff;
  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: #fff;
}
@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: 100px;
  }
}
#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 #777777;
}
#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: #333;
  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: #fff;
  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: #000;
  opacity: 1;
}
#trip-form .dropdown-list, #trip-form .dropdown-search {
  width: 100%;
  overflow-y: auto;
  background: #fff;
  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 #777777 !important;
  width: 100%;
  height: 48px;
  margin: 0px 0px 15px;
  padding: 12px;
  cursor: pointer;
  opacity: 1;
  background: #fff;
}
#trip-form .dropdown-search {
  display: none;
}
#trip-form #buttons {
  margin-top: 10px;
  width: 100%;
  border: 1px solid #fff;
}
#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 #fff;
  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: #fff;
  color: #333;
}
#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: #fff;
  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: 15px;
  border: 1px solid #dfdbdb;
  text-align: center;
  margin-right: 7px;
  margin-bottom: 7px;
  line-height: 10px;
}
#trip-form .form-row.seats .seatno.active {
  background: #333333;
  color: #fff;
}
#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 #welcome .welcome-common #no_pending_email_form .large[type=submit], #welcome .welcome-common #no_pending_email_form #trip-form .large[type=submit], #trip-form .vehicle-form .large[type=submit], .vehicle-form #trip-form .large[type=submit] {
  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: #fff;
}
#trip-form .payment-methods .payment-method.cashless {
  border-right: 1px solid #ccc;
}
#trip-form .payment-methods .payment-method.active {
  background: #333333;
  color: #fff;
}
#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: 15px;
  margin-bottom: 15px;
  padding-top: 70px;
  height: 24px;
}
@media (max-width: 767px) {
  .trip-form-policies .policy-column .policy-title {
    margin-bottom: 0px;
    padding-top: 60px;
  }
}
.trip-form-policies .policy-column .policy-title.cash {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/icons/no_cash.66fb313ae607.svg") no-repeat top left -5px;
  background-size: 60px 60px;
}
@media (max-width: 767px) {
  .trip-form-policies .policy-column .policy-title.cash {
    padding-top: 70px;
  }
}
.trip-form-policies .policy-column .policy-title.reliable {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/icons/on_time.db6baae9329b.svg") no-repeat;
  background-size: 60px 60px;
}
@media (max-width: 767px) {
  .trip-form-policies .policy-column .policy-title.reliable {
    padding-top: 70px;
  }
}
.trip-form-policies .policy-column .policy-title.safety {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/how/warning.2368f53ddcf8.svg") no-repeat top left -5px;
  background-size: 60px 60px;
}
@media (max-width: 767px) {
  .trip-form-policies .policy-column .policy-title.safety {
    padding-top: 70px;
  }
}
.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 #welcome .welcome-common #no_pending_email_form [type=submit], #welcome .welcome-common #no_pending_email_form #trip-form [type=submit], #trip-form .vehicle-form [type=submit], .vehicle-form #trip-form [type=submit] {
    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 .success-icon {
  height: 20px;
  width: 20px;
  background: url("../images/icons/icon-tick-green.d63056c4f7a9.png") left center no-repeat;
  background-size: 15px 15px;
  border-radius: 16px;
  float: left;
  margin-right: 2px;
  margin-top: 0px;
}
#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 #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 #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: #fff;
    border-top: 1px solid #dfdbdb;
    padding: 20px 0px;
    text-align: center;
    color: #333333;
    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: #333333;
}
@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("https://convoyeur.pro/static/pop/webui/common/images/icons/vehicle.ed57ac5125d5.svg") no-repeat left center;
  background-size: contain;
}
#instruction-choose-trip .col.driver .button, #instruction-choose-trip .col.driver #welcome .welcome-common #no_pending_email_form [type=submit], #welcome .welcome-common #no_pending_email_form #instruction-choose-trip .col.driver [type=submit], #instruction-choose-trip .col.driver .vehicle-form [type=submit], .vehicle-form #instruction-choose-trip .col.driver [type=submit] {
  background: #0099ff;
}
#instruction-choose-trip .col.driver .button:hover, #instruction-choose-trip .col.driver #welcome .welcome-common #no_pending_email_form [type=submit]:hover, #welcome .welcome-common #no_pending_email_form #instruction-choose-trip .col.driver [type=submit]:hover, #instruction-choose-trip .col.driver .vehicle-form [type=submit]:hover, .vehicle-form #instruction-choose-trip .col.driver [type=submit]:hover {
  background: #44b4ff;
}


#instruction-choose-trip .col.passenger .icon {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/icons/notification.1065a7575484.svg") no-repeat left center;
  background-size: contain;
}

#instruction-choose-trip .col.bed .icon {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/icons/bed.2010921.svg") no-repeat left center;
  background-size: contain;
}

#instruction-choose-trip .col.bell .icon {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/icons/hotel-bell-ringing.3172818.svg") no-repeat left center ;
  background-size: contain;
}


#instruction-choose-trip .col.search .icon {
  background: url("https://convoyeur.pro/static/pop/webui/common/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;
}
#trip-list .trip {
  padding: 15px;
  margin-bottom: 20px;
  box-sizing: border-box;
  background: #fff;
  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: #777777;
  padding: 10px 20px 10px 20px;
  margin-top: 45px;
}
#trip-list .trip .trip-cta .trip-button:hover {
  color: #333333;
}
@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: #fff;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  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: #4C4C4C;
}
@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: #777777;
  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 #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 #dfdbdb;
  background: #fff;
  box-sizing: border-box;
  margin: 0px 0px 15px;
  width: 100%;
  position: relative;
}
.trip-item .trip-item-bar {
  position: absolute;
  width: 3px;
  height: 85%;
  top: 50%;
  transform: translateY(-50%);
  background: #0099ff;
}
.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;
  border-radius: 100px;
  border: 1px solid #dfdbdb;
  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: #000000;
}
.trip-item .trip-item-profile .trip-item-profile-badge-verified {
  float: left;
  margin: -5px 0px 0px 7px;
  background: url("../images/icons/icon-verified.804ca7ec886b.png") no-repeat;
  background-size: contain;
  height: 27px;
  width: 27px;
}
.trip-item .trip-item-profile .trip-item-profile-reviews {
  font-weight: 600;
}
.trip-item .trip-item-profile .trip-item-profile-reviews .rating {
  background-position: 0px 0px;
  padding-left: 17px;
  padding-left: 20px;
  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: #0099ff;
  font-size: 18px;
  font-weight: 700;
}
.trip-item .trip-item-details .trip-item-details-locations.instant-book {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/icons/icon_instant_book.12f0689c84f8.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: #777777;
}
@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 15px 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: 100%;
  box-sizing: border-box;
  height: 90px;
  border-radius: 3px;
  margin-bottom: 5px;
}
.trip-item .trip-item-vehicle .trip-item-vehicle-details {
  width: 100%;
  color: #666;
  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-trotinettes, .trip-item .trip-item-vehicle .trip-item-vehicle-preferences .vehicle-bikes, .trip-item .trip-item-vehicle .trip-item-vehicle-preferences .vehicle-pets {
  width: 25px;
  height: 25px;
  background-size: 25px 25px;
  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-trotinettes.off, .trip-item .trip-item-vehicle .trip-item-vehicle-preferences .vehicle-bikes.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("https://convoyeur.pro/static/pop/webui/common/images/icons/icon_instant_book.12f0689c84f8.svg") no-repeat center left;
  background-size: 20px 20px;
  background-position: -2px 0px;
  display: block;
  width: 20px;
  height: 20px;
}
.trip-item .trip-item-cta .trip-item-cta-price {
  color: #05AC09;
  font-size: 18px;
  font-weight: 700;
  text-align: right;
  margin-top: 3px;
}
.trip-item .trip-item-cta .trip-item-cta-per-seat {
  text-align: right;
  color: #777777;
}
.trip-item .trip-item-cta .trip-item-cta-seats {
  text-align: right;
  color: #000000;
  font-size: 16px;
}

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

.trip-item:active {
  background: #ececec;
  border: 1px solid #777777;
}

/* Trip item for mobile */
.trip-item-mobile {
  border-radius: 15px;
  border: 1px solid #dfdbdb;
  background: #fff;
  box-sizing: border-box;
  margin: 0px 0px 15px;
  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 {
  float: right;
  color: #05AC09;
  font-size: 16px;
  font-weight: 700;
  text-align: right;
  margin-left: 10px;
}
.trip-item-mobile .trip-item-mobile-cta .trip-item-mobile-cta-seats {
  color: #000000;
  text-align: right;
  float: right;
}
.trip-item-mobile .trip-item-mobile-cta .trip-item-instant-book {
  float: right;
  background: url("https://convoyeur.pro/static/pop/webui/common/images/icons/icon_instant_book.12f0689c84f8.svg") no-repeat center left;
  background-size: 20px 20px;
  background-position: -3px 0px;
  display: block;
  width: 20px;
  height: 20px;
}
.trip-item-mobile .trip-item-mobile-details {
  width: 100%;
  padding: 0px 10px 0px 10px;
  margin: 10px 0px 10px;
  border-left: 3px solid #0099ff;
  box-sizing: border-box;
}
.trip-item-mobile .trip-item-mobile-details .trip-item-mobile-details-locations .trip-item-mobile-details-location {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.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: #0099ff;
  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: #777777;
}
.trip-item-mobile .trip-item-mobile-details .trip-item-mobile-details-locations .trip-item-mobile-details-location-spacer {
  height: 3px;
  width: 100%;
}
.trip-item-mobile .trip-item-mobile-vehicle {
  width: 100%;
  padding: 0px 10px 5px 10px;
  box-sizing: border-box;
  color: #666;
  font-weight: 600;
}
.trip-item-mobile .trip-item-mobile-vehicle .trip-item-mobile-vehicle-details {
  box-sizing: border-box;
}
.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-trotinettes, .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-trotinettes.off, .trip-item-mobile .trip-item-mobile-vehicle .trip-item-mobile-vehicle-preferences .vehicle-bikes.off {
  display: none;
}

.trip-item-mobile:hover {
  border: 1px solid #dfdbdb;
}

.trip-item-mobile:active {
  background: #F2FAFF;
  border: 1px solid #333333;
}

/* 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: 10px;
  margin-bottom: 10px;
  background: #dfdbdb;
}
.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;
  border: 1px solid #dfdbdb;
}
.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: #777777;
  float: left;
  margin-left: 5px;
}
.trip-item-common-profile .trip-item-common-profile-right .trip-item-common-profile-badge-verified {
  background: url("../images/icons/icon-verified.804ca7ec886b.png") no-repeat;
  background-size: contain;
  height: 20px;
  width: 20px;
  float: left;
  margin-left: 10px;
}
.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 {
    float: right;
  }
}
.trip-item-common-profile .trip-item-common-profile-right .trip-item-common-profile-circle {
  background: #777777;
  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-request-item-container {
  position: relative;
}

.trip-request-item {
  height: 150px;
  padding: 0px;
  margin-bottom: 15px;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #dfdbdb;
  width: 32%;
  margin-right: 2%;
  float: left;
  border-radius: 15px;
  position: relative;
}
@media (max-width: 767px) {
  .trip-request-item {
    width: 100%;
    height: auto;
  }
}
.trip-request-item .trip-request-item-bar {
  position: absolute;
  width: 3px;
  height: 50px;
  top: 13px;
  background: #ff4f02;
}
.trip-request-item .trip-request-item-details {
  padding: 15px 10px 5px 15px;
}
.trip-request-item .trip-request-item-details .trip-request-item-locations {
  color: #ff4f02;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 5px;
  display: block;
}
@media (max-width: 767px) {
  .trip-request-item .trip-request-item-details .trip-request-item-locations {
    font-size: 15px;
  }
}
.trip-request-item .trip-request-item-details .trip-request-item-departure {
  font-weight: 600;
  float: left;
}
.trip-request-item .trip-request-item-details .trip-request-item-seats {
  font-weight: 700;
  float: right;
  color: #000000;
}
.trip-request-item .trip-request-item-details-mobile .trip-request-item-details-mobile-departure {
  padding: 10px 0px 0px 10px;
  float: left;
  font-weight: 600;
}
.trip-request-item .trip-request-item-details-mobile .trip-request-item-details-mobile-seats {
  float: right;
  padding: 10px 10px 0px 0px;
  font-weight: 700;
  color: #000000;
}
.trip-request-item .trip-request-item-details-mobile .trip-request-item-details-mobile-locations {
  width: 100%;
  padding: 0px 10px 0px 10px;
  margin: 10px 0px 5px;
  border-left: 3px solid #ff4f02;
  box-sizing: border-box;
}
.trip-request-item .trip-request-item-details-mobile .trip-request-item-details-mobile-locations .trip-request-item-details-mobile-location {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.trip-request-item .trip-request-item-details-mobile .trip-request-item-details-mobile-locations .trip-request-item-details-mobile-location .trip-request-item-details-mobile-locality-name {
  color: #ff4f02;
  font-weight: 700;
}
.trip-request-item .trip-request-item-details-mobile .trip-request-item-details-mobile-locations .trip-request-item-details-mobile-location .trip-request-item-details-mobile-location-name {
  color: #777777;
}
.trip-request-item .trip-request-item-details-mobile .trip-request-item-details-mobile-locations .trip-request-item-details-mobile-location-divider {
  height: 3px;
  width: 100%;
}
.trip-request-item .trip-item-common-profile .trip-item-common-profile-reviews {
  float: right !important;
}

.trip-request-item:hover {
  border: 1px solid #999;
}

.trip-request-item:active {
  background: #ececec;
  border: 1px solid #777777;
}

.trip-request-item:hover > .admin-results-pouche-request-cta {
  display: block;
}

#trip-list-ctas a.trip-list-cta {
  display: block;
  width: 45%;
  float: left;
  box-sizing: border-box;
  padding: 20px 20px 20px 0px;
  background: #fff;
  border-radius: 15px;
  position: relative;
  background: url("../images/icons/icon-triangle-grey-right.11ca7a45b10e.png") no-repeat right 15px center #fff;
  background-size: auto 20px;
  border: 1px solid #dfdbdb;
  overflow: hidden;
}
@media (max-width: 767px) {
  #trip-list-ctas a.trip-list-cta {
    width: 100%;
    float: none;
    background: url("../images/icons/icon-triangle-grey-right.11ca7a45b10e.png") no-repeat right 10px center #fff;
    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: #333333;
  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: #777777;
  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: #0099ff;
}
@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: #ff4f02;
}
#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 #999;
}
#trip-list-ctas a.trip-list-cta:active {
  border: 1px solid #000000;
}

.trip-item:hover + .admin-results-pouche-trip-cta {
  display: block;
}

.no-results-text {
  font-weight: 600;
  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-social {
  text-align: center;
  font-size: 16px;
  margin-top: 50px;
}

/* Trip Requests */
#requests .request {
  border: 1px solid #dfdbdb;
  padding: 20px;
  border-radius: 5px;
  background: #fff;
}
@media (max-width: 767px) {
  #requests .request {
    padding: 10px;
  }
}
#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: #777777;
  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: #777777;
}
#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: 1100px;
    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: #fff;
}
.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: #777777;
}
@media (max-width: 767px) {
  .request-add .request-description {
    display: none;
  }
}

.request-add:hover {
  background: #ff4f02;
  color: #fff;
  border-left: 5px solid #ff4f02;
}
.request-add:hover .request-cta {
  color: #fff;
}
.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: 1100px;
    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: #fff;
  }
}
.request-add:hover .add-icon {
  color: #fff;
}
.request-add:hover .create-alert {
  color: #fff;
}
.request-add:hover .request-description {
  color: #fff;
}

.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: #fff;
}
.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 #id_departure_date {
  cursor: pointer;
  background: url("../images/icons/icon-calendar-grey.1e7bcb3a32fa.png") no-repeat center left 10px #F2F2F2 !important;
  background-size: 14px 14px !important;
}
#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: #333333;
}
#add-trip-request .existing-request .errorlist {
  font-weight: 600px;
  color: #333333;
}
#add-trip-request .existing-request a {
  color: #333333;
}
#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: 6px 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") #fff 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 */
#trip_request_add-page #trip-request-pre, #trip_request_update-page #trip-request-pre {
  border-bottom: none !important;
  background: none;
}
@media (min-width: 769px) {
  #trip_request_add-page #trip-request-pre, #trip_request_update-page #trip-request-pre {
    margin: 20px 0px 0px 0px;
  }
}
#trip_request_add-page #trip-request-pre h1.trip-request-pre-h1, #trip_request_update-page #trip-request-pre h1.trip-request-pre-h1 {
  color: #000;
  font-weight: 800;
}
@media (min-width: 769px) {
  #trip_request_add-page #trip-request-pre h1.trip-request-pre-h1, #trip_request_update-page #trip-request-pre h1.trip-request-pre-h1 {
    font-size: 48px;
    margin-bottom: 1px;
  }
}
@media (max-width: 767px) {
  #trip_request_add-page #trip-request-pre h1.trip-request-pre-h1, #trip_request_update-page #trip-request-pre h1.trip-request-pre-h1 {
    font-size: 32px;
    margin-bottom: 20px;
  }
}
#trip_request_add-page #add-trip-request .xs-spacer, #trip_request_update-page #add-trip-request .xs-spacer {
  height: 25px;
}
#trip_request_add-page #trip-request-add, #trip_request_update-page #trip-request-add {
  padding-top: 10px;
}
#trip_request_add-page .video-cta, #trip_request_update-page .video-cta {
  margin-top: 16px;
}
#trip_request_add-page .banner-video-cta-icon, #trip_request_update-page .banner-video-cta-icon {
  background: #fff;
  border-radius: 100px;
  color: #ff4f02;
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  line-height: 25px;
}
#trip_request_add-page .banner-video-cta-text, #trip_request_update-page .banner-video-cta-text {
  font-size: 16px;
}

#request-actions {
  background: none;
}
#request-actions .request-action {
  padding: 18px 15px 18px 15px;
  color: #777777;
  font-weight: 600;
}
@media (max-width: 767px) {
  #request-actions .request-action {
    padding: 18px 15px 18px 15px;
  }
}
#request-actions .request-action:hover {
  color: #333333;
}
#request-actions .request-action:active {
  color: #000;
}
#request-actions .request-action.settings {
  background: url("../images/icons/icon-settings-grey.83e4cbfd8a1d.png") no-repeat left 10px center;
  padding-left: 40px;
  background-size: 20px 20px;
}
@media (min-width: 769px) {
  #request-actions .request-action.settings {
    position: absolute;
    right: 5px;
    top: 15px;
  }
}
#request-actions .container, #request-actions #business .business-container, #business #request-actions .business-container {
  margin: 0 auto;
  padding: 0px;
  position: relative;
}

#request {
  position: relative;
  background: #fff;
}
#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: #F2F2F2;
}
#request #trip-matches-for-passenger .notification-icon {
  opacity: 1;
  background: url("https://convoyeur.pro/static/pop/webui/common/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: #333333;
  text-decoration: underline;
}
#request #trip-matches-for-passenger .suspended-text a:hover {
  color: #000;
}
@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 #333333;
  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 #333333;
    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 #000000;
  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 #333333;
    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-cancelled-alert {
  padding: 5px 10px 5px 30px;
  border-radius: 50px;
  background: url("../images/icons/icon-cancel-red.ce63778ae882.png") no-repeat top center;
  color: #ff6060;
  background-size: 18px 18px;
  background-position: 5px;
  font-weight: 600;
  font-size: 16px;
  margin: 0px 0px 0px -4px;
  display: inline-block;
  text-align: center;
}

.trip-info-alert {
  margin-bottom: 10px;
  display: inline-block;
  font-weight: 600;
}

.trip-info-alert.trip-past {
  background: url("../images/icons/icon-trip-past.f26f03a40d3c.png") no-repeat left center;
  padding-left: 27px;
  background-size: 18px 18px;
  font-size: 16px;
}

/* 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: #777777;
  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: #333333;
}
#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: #000;
}
#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/icon-settings-grey.83e4cbfd8a1d.png") no-repeat left 10px center;
  padding-left: 40px;
  background-size: 20px 20px;
}
#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: #fff;
  border-radius: 16px;
  position: absolute;
}
#trip_view-page .trip-actions .request-trigger.open, #trip_edit-page .trip-actions .request-trigger.open {
  background: #05AC09;
  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: #ff6060;
  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: #05AC09;
}
#trip_view-page .trip-actions .trip-status.closed, #trip_edit-page .trip-actions .trip-status.closed {
  color: #ff6060;
}
#trip_view-page .trip-actions .trip-status.suspended, #trip_edit-page .trip-actions .trip-status.suspended {
  color: #777777;
}
#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 #dfdbdb;
}

#trip #trip-login {
  text-align: center;
}
#trip #trip-login .button, #trip #trip-login #welcome .welcome-common #no_pending_email_form [type=submit], #welcome .welcome-common #no_pending_email_form #trip #trip-login [type=submit], #trip #trip-login .vehicle-form [type=submit], .vehicle-form #trip #trip-login [type=submit] {
  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: #fff;
}
#trip #trip-info h1 {
  color: #0099ff;
  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: 17px;
  font-weight: 700;
}
#trip #trip-info .button-reveal-more-info {
  border: 2px solid #333333;
  padding: 6px 13px;
  text-align: center;
  font-weight: 600;
  border-radius: 100px;
  display: inline-block;
  margin-top: 15px;
}
@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, #trip #trip-info .button-reveal-more-info:active {
  border: 2px solid #333333;
  color: #333333;
}
#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: #777777;
}
@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 .trip-description-long {
  display: none;
}
#trip #trip-info #trip-info-left #trip-info-description .trip-description-long.active {
  display: block;
}
#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;
  }
}
@media (min-width: 769px) {
  #trip #trip-booked {
    float: left;
  }
}
#trip #trip-booked .container, #trip #trip-booked #business .business-container, #business #trip #trip-booked .business-container {
  padding: 0px 0px 10px 0px;
}
#trip #trip-booked .booked-text {
  float: left;
  margin: 6px 20px 10px 0px;
  font-size: 15px;
}
@media (max-width: 767px) {
  #trip #trip-booked .booked-text {
    margin: 6px 10px 10px 0px;
  }
}
#trip #trip-booked .booked {
  border: 1px solid #dfdbdb;
  width: 30px;
  height: 30px;
  border-radius: 40px;
  float: left;
  margin-top: 0px;
  margin-right: 5px;
  text-align: center;
  line-height: 35px;
  font-size: 18px;
}
#trip #trip-booked .booked.empty {
  border: none;
  background: url("../images/icons/icon-seat-empty-grey.b0935f6f05c6.png") no-repeat center center;
  background-size: contain;
  margin-top: 2px;
}

#trip #trip-booked .booked.empty.bed {
  border: none;
  background: url("../images/icons/double-bed-icon.svg") no-repeat center center;
  background-size: contain;
  margin-top: 2px;
}
@media (min-width: 769px) {
  #trip .trip-views {
    float: left;
    margin-left: 20px;
    margin-top: 5px;
    border-left: 1px solid #dfdbdb;
    padding-left: 20px;
  }
}
#trip #trip-bookings {
  background: #fff;
}
#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: #fff;
  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: #fff;
  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: #777777;
  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: #333333;
  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 #777777;
}
@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: #fff;
  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: #fff;
}
#trip #trip-bookings #trip-bookings-tabs-contents .booking-tab .booking-status-container .booking-status-container-heading.requested {
  background: #0099ff;
  color: #fff;
  border-bottom: none;
}
#trip #trip-bookings #trip-bookings-tabs-contents .booking-tab .booking-status-container .booking-status-container-heading.confirmed {
  background: #05AC09;
  color: #fff;
  border-bottom: none;
}
#trip #trip-bookings #trip-bookings-tabs-contents .booking-tab .booking-status-container .booking-status-container-heading.cancelled {
  background: #ff6060;
  color: #fff;
  border-bottom: none;
}
#trip #trip-bookings #trip-bookings-tabs-contents .booking-tab .booking-status-container .booking-status-container-heading.question {
  background: #666;
  color: #fff;
}
#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: #ff0000;
}
#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: #fff;
  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: #fff;
  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: #fff;
}
#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 #000000;
  border-radius: 50px;
  margin: 5px auto 5px;
  text-align: center;
  font-size: 30px;
  color: #333333;
  line-height: 39px;
  display: block;
}
#trip .invite-tab-trigger .invite-tab-label {
  color: #333333;
  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: 15px 25px;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.8);
  margin: 280px auto;
  display: inline-block;
  font-size: 18px;
  color: #0099ff;
}
@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 {
  background: #fff;
  color: #44b4ff;
}
#trip-map .trip-map-cta .trip-map-cta-button:active {
  background: #ececec;
  color: #0077c6;
}

@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("https://convoyeur.pro/static/pop/webui/common/images/icons/communication.32ee71ad1f12.svg") no-repeat top left;
  padding-top: 65px;
  background-size: 50px 50px;
}
#trip-what-next .icon-pay-online {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/icons/no_cash.66fb313ae607.svg") no-repeat top left;
  padding-top: 65px;
  background-size: 50px 50px;
}
#trip-what-next .icon-safety {
  background: url("../images/icons/icon-community-guideline-safety.64b7edb08a80.png") no-repeat top left;
  padding-top: 65px;
  background-size: 50px 50px;
}
#trip-what-next .icon-payout {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/icons/bank.4e3ae2a803a8.svg") no-repeat top left;
  padding-top: 65px;
  background-size: 50px 50px;
}
#trip-what-next .icon-tick {
  background: url("https://convoyeur.pro/static/pop/webui/common/images/icons/tick.efb37f031670.svg") no-repeat top left;
  padding-top: 40px;
  background-size: 30px 30px;
}

.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: #fff;
  }
}
#trip-social-promote .share-trip-cta {
  margin-right: 16px;
  line-height: 25px;
  color: #777777;
  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: #777777;
  color: #fff;
  text-align: center;
  float: left;
  display: block;
}
#trip-social-promote .social-shares .social-share-more:hover {
  background: #333333;
}
#trip-social-promote .social-shares .social-share-more:active {
  background: #000;
}

/* New booking summary below */
.booking-summary-for-driver {
  width: 100%;
  color: #fff;
}
.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 #fff;
  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: #fff;
  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: 600;
}
.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);
}

.requested-bg {
  background: #0099ff;
}

.question-bg {
  background: #777777;
}

.cancelled-bg {
  background: #ff6060;
}

.approved-bg {
  background: #05AC09;
}

.refund-request-bg {
  background: #FFCC00;
}

.booking-summary-for-driver.refund-request-bg {
  color: #333333;
}
.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 #333333;
}

.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;
    width: 100%;
    z-index: 100;
    bottom: 0px;
    left: 0px;
    padding: 10px;
    box-sizing: border-box;
  }
}

.booking-summary-for-passenger {
  display: inline-block;
  color: #fff;
  font-weight: 600;
  padding: 20px 40px 20px 20px;
  box-sizing: border-box;
  text-align: left;
  font-size: 18px;
  margin: 0px auto;
  border-radius: 15px;
  min-width: 250px;
}
@media (max-width: 767px) {
  .booking-summary-for-passenger {
    width: 100%;
    font-size: 16px;
  }
}

a.booking-summary-for-passenger, a.booking-summary-for-passenger:hover, a.booking-summary-for-passenger:active {
  color: #fff;
}

a.booking-summary-for-passenger.request-cta {
  background: url("../images/icons/icon-triangle-right-white.b76b157a3eef.png") right 13px center no-repeat #ff4f02;
  background-size: 10px auto;
  color: #fff;
}

a.booking-summary-for-passenger.request-cta:hover {
  background: url("../images/icons/icon-triangle-right-white.b76b157a3eef.png") right 13px center no-repeat #ff7430;
  background-size: 10px auto;
  color: #fff;
}

a.booking-summary-for-passenger.request-cta:active {
  background: url("../images/icons/icon-triangle-right-white.b76b157a3eef.png") right 13px center no-repeat #dd4900;
  background-size: 10px auto;
  color: #fff;
}

a.booking-summary-for-passenger.requested-bg {
  color: #fff;
  background: url("../images/icons/icon-triangle-right-white.b76b157a3eef.png") right 13px center no-repeat #0099ff;
  background-size: 10px auto;
}

a.booking-summary-for-passenger.requested-bg:hover {
  background: url("../images/icons/icon-triangle-right-white.b76b157a3eef.png") right 13px center no-repeat #44b4ff;
  background-size: 10px auto;
  color: #fff;
}

a.booking-summary-for-passenger.requested-bg:active {
  background: url("../images/icons/icon-triangle-right-white.b76b157a3eef.png") right 13px center no-repeat #0077c6;
  background-size: 10px auto;
  color: #fff;
}

a.booking-summary-for-passenger.approved-bg {
  background: url("../images/icons/icon-triangle-right-white.b76b157a3eef.png") right 13px center no-repeat #05AC09;
  background-size: 10px auto;
  color: #fff;
}

a.booking-summary-for-passenger.approved-bg:hover {
  background: url("../images/icons/icon-triangle-right-white.b76b157a3eef.png") right 13px center no-repeat #049E08;
  background-size: 10px auto;
  color: #fff;
}

a.booking-summary-for-passenger.approved-bg:active {
  background: url("../images/icons/icon-triangle-right-white.b76b157a3eef.png") right 13px center no-repeat #028405;
  background-size: 10px auto;
  color: #fff;
}

a.booking-summary-for-passenger.cancelled-bg {
  background: url("../images/icons/icon-triangle-right-white.b76b157a3eef.png") right 13px center no-repeat #ff6060;
  background-size: 10px auto;
  color: #fff;
}

a.booking-summary-for-passenger.cancelled-bg:hover {
  background: url("../images/icons/icon-triangle-right-white.b76b157a3eef.png") right 13px center no-repeat #EE4646;
  background-size: 10px auto;
  color: #fff;
}

a.booking-summary-for-passenger.cancelled-bg:active {
  background: url("../images/icons/icon-triangle-right-white.b76b157a3eef.png") right 13px center no-repeat #E62323;
  background-size: 10px auto;
  color: #fff;
}

a.booking-summary-for-passenger.refund-request-bg {
  background: url("../images/icons/icon-triangle-right-black.14ae5b23146b.png") right 13px center no-repeat #FFCC00;
  background-size: 10px auto;
  color: #333333;
}

a.booking-summary-for-passenger.refund-request-bg:hover {
  background: url("../images/icons/icon-triangle-right-black.14ae5b23146b.png") right 13px center no-repeat #F1C102;
  background-size: 10px auto;
  color: #333333;
}

a.booking-summary-for-passenger.refund-request-bg:active {
  background: url("../images/icons/icon-triangle-right-black.14ae5b23146b.png") right 13px center no-repeat #FFD736;
  background-size: 10px auto;
  color: #333333;
}

@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 h1 {
  font-size: 42px;
  line-height: 48px;
  font-weight: 800;
}
@media (max-width: 767px) {
  #segments_page h1 {
    font-size: 32px;
    line-height: 36px;
  }
}
#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: #333;
  color: #fff;
  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 #333333;
  font-weight: 700;
}
#manage .trip {
  margin: 0px 0px 20px;
  padding: 20px;
  border-radius: 15px;
  background: #fff;
  border: 1px solid #dfdbdb;
}
#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 {
  margin: 0px 0px 20px;
  cursor: default !important;
}
#manage .request-item .profile-pic {
  margin-top: 12px;
  float: left;
  position: relative;
  cursor: pointer;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  border: 2px solid #dfdbdb;
}
#manage .request-item .request-text {
  float: left;
  margin: 12px 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: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: #666;
  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 #dfdbdb;
  border-radius: 15px;
  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;
}
.preference-item-pickers .preference-item-picker.active {
  background: #333333;
  color: #fff;
}
.preference-item-pickers .preference-item-picker.border {
  border-right: 1px solid #dfdbdb;
}
.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: url("../images/icons/icon_vehicle_luggage.62a5dcf55f8e.png") no-repeat center left 13px;
  background-size: 23px 23px;
  padding-left: 25px;
}
.preference-item-pickers.luggage .preference-item-picker.active {
  background: url("../images/icons/icon_vehicle_luggage_white.88ee616bd68e.png") no-repeat center left 13px #333333;
  background-size: 23px 23px;
}

.preference-item-pickers.two-seats .preference-item-picker {
  background: url("../images/icons/icon_vehicle_seat.0f482823b20b.png") no-repeat center left 13px;
  background-size: 23px 23px;
  padding-left: 25px;
}
.preference-item-pickers.two-seats .preference-item-picker.active {
  background: url("../images/icons/icon_vehicle_seat_white.03c705f82173.png") no-repeat center left 13px #333333;
  background-size: 23px 23px;
}

.preference-item-selector {
  padding: 5px 10px 5px 34px;
  border: 1px solid #dfdbdb;
  border-radius: 50px;
  text-align: center;
  box-sizing: border-box;
  float: left;
  margin: 10px 10px 0px 0px;
}

.preference-item-selector#trotinettes {
  background: url("../images/icons/icon_vehicle_trotinettes.png") no-repeat center left 5px;
  background-size: 23px 23px;
  color: #333333;
}

.preference-item-selector#trotinettes.active {
  background: url("../images/icons/icon_vehicle_trotinettes_white.png") no-repeat center left 5px #333333;
  background-size: 23px 23px;
  color: #fff;
  border: 1px solid #333333;
}

.preference-item-selector#bikes {
  background: url("../images/icons/icon_vehicle_bike.30c39bc8ff90.png") no-repeat center left 5px;
  background-size: 23px 23px;
  color: #333333;
}

.preference-item-selector#bikes.active {
  background: url("../images/icons/icon_vehicle_bike_white.b859521b296c.png") no-repeat center left 5px #333333;
  background-size: 23px 23px;
  color: #fff;
  border: 1px solid #333333;
}

.preference-item-selector#snowsports {
  background: url("../images/icons/icon_vehicle_snowsports.a87ecbb5a4d5.png") no-repeat center left 5px;
  background-size: 23px 23px;
  color: #333333;
}

.preference-item-selector#snowsports.active {
  background: url("../images/icons/icon_vehicle_snowsports_white.cd9739726cd3.png") no-repeat center left 5px #333333;
  background-size: 23px 23px;
  color: #fff;
  border: 1px solid #333333;
}

.preference-item-selector#pets {
  background: url("../images/icons/icon_vehicle_pets.4424314fa4c3.png") no-repeat center left 5px;
  background-size: 23px 23px;
  color: #333333;
}

.preference-item-selector#pets.active {
  background: url("../images/icons/icon_vehicle_pets_white.0116cf01acd6.png") no-repeat center left 5px #333333;
  background-size: 23px 23px;
  color: #fff;
  border: 1px solid #333333;
}

/* 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_green.57d0bf0b3b87.png") no-repeat center left;
  color: #05AC09;
  font-weight: 600;
  background-size: 25px 25px;
  padding-left: 32px;
}
.vehicle-preferences .vehicle-luggage, .trip-item-vehicle-preferences .vehicle-luggage {
  background: url("../images/icons/icon_vehicle_luggage.62a5dcf55f8e.png") no-repeat center left;
  position: relative;
  color: #333333;
}
.vehicle-preferences .vehicle-luggage .luggage-size, .trip-item-vehicle-preferences .vehicle-luggage .luggage-size {
  font-size: 10px;
  color: #fff;
  margin-top: 3px;
  text-align: center;
}
.vehicle-preferences .vehicle-trotinettes, .trip-item-vehicle-preferences .vehicle-trotinettes {
  background: url("../images/icons/icon_vehicle_trotinettes.png") no-repeat center left;
}
.vehicle-preferences .vehicle-bikes, .trip-item-vehicle-preferences .vehicle-bikes {
  background: url("../images/icons/icon_vehicle_bike.30c39bc8ff90.png") no-repeat center left;
}
.vehicle-preferences .vehicle-backrow, .trip-item-vehicle-preferences .vehicle-backrow {
  background: url("../images/icons/icon_vehicle_seat.0f482823b20b.png") no-repeat center left;
}

.vehicle {
  position: relative;
  width: 300px;
  border: 1px solid #dfdbdb;
  border-radius: 15px;
  padding: 10px;
  box-sizing: border-box;
}
.vehicle .vehicle-photo {
  border-radius: 15px;
  margin-right: 10px;
  width: 135px;
  height: 85px;
  float: left;
}
.vehicle .vehicle-photo.prompt {
  background: #dfdbdb;
  text-align: center;
  line-height: 82px;
  color: #fff;
}
.vehicle .vehicle-name {
  float: left;
}
.vehicle .vehicle-name.prompt {
  width: 40%;
}
.vehicle .vehicle-prompt {
  height: 2px;
  width: 100%;
  background: #dfdbdb;
  display: block;
  margin-bottom: 15px;
}
.vehicle .vehicle-prompt.thick {
  height: 10px;
  width: 100%;
  background: #dfdbdb;
  display: block;
  margin-bottom: 15px;
  border-radius: 15px;
}
.vehicle .vehicle-colour {
  text-transform: capitalize;
}
.vehicle .vehicle-preferences {
  font-size: 15px;
  line-height: 22px;
}
.vehicle .vehicle-preferences .vehicle-luggage, .vehicle .vehicle-preferences .vehicle-trotinettes, .vehicle .vehicle-preferences .vehicle-bikes {
  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 #333333;
  background: #fff;
  margin: 8px 0px 0px 8px;
}
.vehicle .vehicle-plate .plate .plate-top {
  position: absolute;
  width: 100%;
  height: 15px;
  background: #333333;
  color: #fff;
  font-size: 10px;
  text-align: center;
  line-height: 14px;
}
.vehicle .vehicle-plate .plate .plate-number {
  font-size: 14px;
  font-weight: 600;
  color: #333333;
  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 .vehicle-primary {
  background: #333333;
  padding: 0px 5px 0px 5px;
  border-radius: 20px;
  color: #fff;
  font-size: 12px;
  box-sizing: border-box;
}

.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 #ccc;
  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 #ccc;
  border-radius: 5px;
  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: #999;
  background: url("../images/icons/icon-vehicle-add.fc6fe73ed22b.png") no-repeat;
  text-align: center;
  height: 100%;
  padding-top: 150px;
  box-sizing: border-box;
  background-position: center 40px;
}
.vehicle-form .vehicle-picture .vehicle-picture-edit {
  opacity: 0.8;
  background: url("../images/icons/icon-camera-white.adbdbed1ab58.png") no-repeat center center;
  width: 40px;
  height: 40px;
  position: absolute;
  background-size: 30px 30px;
  background-color: rgba(0, 0, 0, 0.2);
  padding: 10px;
  border-radius: 5px;
  box-sizing: border-box;
  top: 10px;
  right: 10px;
}
.vehicle-form .vehicle-picture #upload_file {
  top: 0px;
  margin-top: 0px;
  width: 100%;
  font-size: 12px;
  overflow: hidden;
  box-sizing: border-box;
  background: #0099ff;
  color: #fff;
  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;
}
@media (max-width: 767px) {
  .vehicle-form .vehicle-label {
    text-align: left;
  }
}
.vehicle-form .col-2 .vehicle-label {
  width: 40%;
  box-sizing: border-box;
}
.vehicle-form .vehicle-label.model {
  padding-top: 15px;
}
@media (max-width: 767px) {
  .vehicle-form .vehicle-label.model {
    width: 40%;
    box-sizing: border-box;
  }
}
.vehicle-form .vehicle-label.year {
  padding-top: 17px;
}
@media (max-width: 767px) {
  .vehicle-form .vehicle-label.year {
    padding-top: 19px;
  }
}
.vehicle-form .vehicle-label.plate {
  padding-top: 8px;
}
@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 .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;
}
.vehicle-form #id_type, .vehicle-form #id_colour {
  color: #777777;
}

.vehicle-tabs-no-vehicle {
  font-style: italic;
}
@media (min-width: 769px) {
  .vehicle-tabs-no-vehicle {
    margin-top: 2px;
  }
}

#vehicles-list .vehicle {
  background: #fff;
  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: 15px;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  display: block;
  opacity: 0.6;
  box-sizing: border-box;
  border: 2px solid #dfdbdb;
}
#trip-form-vehicle .vehicle-tab.selected {
  border: 2px solid #333333;
  opacity: 1;
}
#trip-form-vehicle .vehicle-tab.add {
  border: 2px dotted #777777;
  text-align: center;
  line-height: 55px;
  font-size: 30px;
  box-sizing: border-box;
  color: #777777;
  opacity: 1;
  display: none;
}
#trip-form-vehicle .vehicle-tab.add.active {
  display: block;
}
#trip-form-vehicle .vehicle-tab.add.active:hover {
  display: block;
  border: 2px dotted #333333;
  color: #333333;
}
#trip-form-vehicle .vehicle-tab.add.active:active {
  display: block;
  border: 2px dotted #000;
  color: #000;
}
@media (max-width: 767px) {
  #trip-form-vehicle .vehicle-skip {
    float: left;
  }
}
#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-trotinettes, #trip-form-vehicle .vehicle-preferences .vehicle-bikes, .vehicle-form .vehicle-preferences .vehicle-luggage, .vehicle-form .vehicle-preferences .vehicle-trotinettes, .vehicle-form .vehicle-preferences .vehicle-bikes {
  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, #trip-form-vehicle #id_luggage_size, .vehicle-form #id_type, .vehicle-form #id_colour, .vehicle-form #id_luggage_size {
  font-family: "proxima-soft", sans-serif;
  background: #fff;
  border: 1px solid #ccc;
  height: 30px;
  font-size: 14px;
  border-radius: 0px;
}
#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: #fff;
  padding-bottom: 50px;
  text-align: center;
}
#welcome .welcome-contents {
  padding: 0px 20px 0px 20px;
}
#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;
  }
}
@media (max-width: 767px) {
  #welcome .phone-verification-box #send-button, #welcome .phone-verification-box #send-code-button {
    margin: 15px auto;
  }
}
#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 #777777;
  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: #333333;
}
#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.fe8a05e5379e.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 {
  padding: 16px 30px 16px 30px !important;
  margin-left: 20px;
}
#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: 10px auto;
}
#welcome .welcome-common #no_pending_email_form [for=id_email] {
  display: none;
}
#welcome .welcome-common #no_pending_email_form [name=email] {
  width: auto;
  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: 200px;
}
#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 #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;
  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 .community-title {
  max-width: 600px;
  margin: 0 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 {
  font-family: "proxima-soft", sans-serif;
  width: 200px;
  padding: 17px 17px 17px 45px;
  box-sizing: border-box;
  font-size: 14px;
}
@media (max-width: 767px) {
  #welcome #id_code, #welcome #id_phone_number, #modal-phone #id_code, #modal-phone #id_phone_number {
    margin: 0 auto;
  }
}
#welcome #id_code, #modal-phone #id_code {
  padding-left: 17px;
}

.exit-welcome {
  line-height: 58px;
  font-size: 14px;
  color: #333333;
}

.exit-welcome:hover {
  color: #000;
}

.pre-page.welcome {
  background: #f0f8ff;
}

.welcome-progress-container {
  position: absolute;
  left: 50%;
  width: 500px;
  margin: 22px 0px 0px -250px;
}
@media (max-width: 767px) {
  .welcome-progress-container {
    left: 180px;
    width: 120px;
    margin: 18px 0px 0px 0px;
  }
}
@media (max-width: 320px) {
  .welcome-progress-container {
    width: 80px;
  }
}
.welcome-progress-container .welcome-progress {
  margin-top: 5px;
  float: left;
  box-sizing: border-box;
  height: 17px;
  width: 70%;
  border: 1px solid #dfdbdb;
  border-radius: 20px;
}
.welcome-progress-container .welcome-progress .progress-indicator {
  background: #05AC09;
  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 {
    float: none;
    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 #fff;
  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: #333333;
  color: #fff;
}
#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 .vehicle-form .narrowest[type=submit], .vehicle-form .fr .narrowest[type=submit], .fr #welcome .welcome-common #no_pending_email_form .narrowest[type=submit], #welcome .welcome-common #no_pending_email_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 .vehicle-form [type=submit], .vehicle-form .fr #instruction-choose-trip .col [type=submit], .fr #instruction-choose-trip .col #welcome .welcome-common #no_pending_email_form [type=submit], #welcome .welcome-common #no_pending_email_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/convoyeur-logo.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: #fff;
  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: #fff;
  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: #777777;
}
@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: #000;
}
@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: #777777;
}
@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: #333;
  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 */