.ghostMessage {
color: #999999 !important;
}
.separator {
height: 20px;
font-size: 1px;
}
.center {
text-align: center;
}
.right {
text-align: right;
}
.blue {
font-weight: bold;
color: #273747;
}
.red {
color: #ff9326;
}
.big {
font-size: 38px;
}
ul span.big {
font-size: 1.5em;
}
fieldset p {
text-align: left;
font-size: 14px;
color: #535353;
}
#speech-success {
margin: 30px auto 20px auto;
padding: 0 0 12px 158px;
line-height: 25px;
font-size: 18px;
font-weight: bold;
background: url('../images/clickable/big_tick.png') no-repeat left top;
}
#speech-success2, #speech-default2, #speech-success3 {
margin: 30px auto 20px auto;
padding: 0 0 0 158px;
line-height: 25px;
font-size: 18px;
font-weight: bold;
background: url('../images/clickable/big_tick.png') no-repeat left top;
min-height: 101px;
}
#speech-default2 {
padding: 0;
background: none;
min-height: 40px;
}
#speech-success3 {
background: url('../images/clickable/panel_email.jpg') no-repeat left top;
min-height: 131px;
}
#text-speech-success2 {
margin: 0 auto;
padding: 10px 0 10px 0;
font-weight: bold;
text-align: center;
}
#text-speech-success2 div.text {
padding-bottom: 20px;
max-width: 850px;
}
#text-speech-success2 div.fb-like-block {
display: inline-block;
margin-right: 70px;
vertical-align: top;
}
#speech-fail {
margin: 30px auto 20px auto;
line-height: 25px;
font-size: 18px;
font-weight: bold;
}
#speech {
margin: 30px auto 20px auto;
line-height: 25px;
font-size: 18px;
font-weight: bold;
}
#speech span {
color: #a9a9aa;
font-weight: bold;
}
#speech p, #speech-success2 p, #speech-default2 p, #speech-success3 p {
margin: 0;
padding: 0;
}
#speech img, #speech-default2 img {
margin: -22px -25px 0 0;
float: right;
}
a.tooltip, a.tooltip-left {
display: none;
cursor: pointer;
}
span.tooltip {
position: absolute;
margin-top: 49px;
padding: 3px 7px;
max-width: 280px;
color: #fff;
text-align: center;
background: #273747;
border: 1px solid #34495F;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
font-size: 12px;
font-weight: 600;
cursor: default;
}
span.tooltip a{
color:inherit !important;
text-decoration:underline !important;
}
div.frame a.tooltip {
margin-left: 5px;
}
div.label-icon {
margin: 10px;
position: absolute;
top: 10px;
right: 10px;
text-align: center;
}
div.label-icon img {
max-height: 80px;
}
/*
HEADER
*/
.provider #header {
float: left;
margin: 0;
padding: 6px 0;
width: 100%;
}
#dock-provider {
background: #273747;
float: left;
height: auto;
margin: 0 0 10px 0;
padding-top: 0;
width: 100%;
max-width: 100%;
}
/*
MEMBERSPACE
*/
#member-space-error {
color: #ff0000;
text-align: left;
margin-top: 15px;
clear: both;
}
#member-space-error.home {
position: absolute;
z-index: 9;
text-align: center;
width: 100%;
margin-top: 8px;
font-weight: bold;
}
/*
#forcelogin p.error {
padding: 0;
color: #ff0000;
}*/
.user-nav .navBars {
-moz-user-select: none;
color: #fff;
float: right;
cursor: pointer;
font-size: 22px;
padding: 10px 20px;
text-align: right;
width: 100%;
display: none;
position: relative;
z-index: 100;
}
legend {
color: #535353;
}
/*
MAIN CONTENT
*/
#content h1.band {
margin: 0;
padding: 0;
font-size: 1.6em;
}
#content h2.classic {
margin: 20px 0 25px;
text-align: left;
color: #273747;
font-size: 28px;
font-weight: 600;
}
div.title-classic-search {
float: left;
}
#left, #right {
float: left;
max-width: 48%;
width: 100%;
}
#right {
margin-left: 4%;
}
div.form-container {
margin: 0 auto;
max-width: 1170px;
width: 100%;
}
div.form-container.form-big {
}
.tripInformation.simple #left, .tripRecurrent.simple #left {
float: none;
margin: 0 auto;
}
.tripInformation div.frame div.content {
line-height: 23px;
}
.tripInformation div.frame div.content.textblock, .tripRecurrent div.frame div.content.textblock, .tripCancelpolicy div.frame div.content.textblock {
padding: 20px;
text-align: left;
}
.tripInformation div.frame div.content, .tripRecurrent div.frame div.content, .tripCancelpolicy div.frame div.content {
background: #f0f0f0;
}
.tripInformation div.frame.selected {
border: 2px solid #ff9326;
}
.tripInformation div.frame.selected h2 {
color: #ff9326;
}
.tripRecurrent div.frame div.content h3, .tripCancelpolicy div.frame div.content h3 {
margin-top: 0px;
text-align: left;
}
.tripRecurrent h3 div {
font-size: 13px;
font-style: italic;
}
.tripRecurrent.double h3 div {
display: inline-block;
vertical-align: middle;
line-height: 15px;
}
.tripRecurrent div.frame div.content p {
margin: 15px 0 5px 0;
}
.tripCancelpolicy img.icon_cp {
margin-left: 8px;
}
#ride-description-container, #vehicle-description-container, #choose-signup-description-container, #profile-menu-container, #parameters-menu-container {
max-width: 1170px;
}
.ride-description, .vehicle-description, .choose-signup-description, .profile-menu-block, .parameters-menu-block {
width: 320px;
min-height: 316px;
margin: 0 30px 0 0;
padding: 20px 25px;
float: left;
color: #263746;
cursor: pointer;
background: #f6f6f6 none repeat scroll 0 0;
}
.ride-description:nth-child(3n+3), .vehicle-description:nth-child(3n+3), .choose-signup-description:nth-child(2n+2), .profile-menu-block:nth-child(3n+3), .parameters-menu-block:nth-child(3n+3) {
margin-right: 0;
}
.ride-desc-short {
margin: 25px 0 0px;
}
.profile-menu-block, .parameters-menu-block {
min-height: 190px;
}
.ride-description h2, .vehicle-description h2, .choose-signup-description h2, .profile-menu-block h2, .parameters-menu-block h2 {
font-size: 24px;
margin: 0;
text-align: center;
text-transform: uppercase;
}
#ride-description-container h3 {
font-size: 18px;
margin: 20px 0 12px;
}
.choose-signup-description h3 {
text-align: center;
font-size: 18px;
}
.ride-description p.icon, .vehicle-description p.icon, .profile-menu-block p.icon, .parameters-menu-block p.icon {
display: table;
vertical-align: middle;
width: 100%;
text-align: center;
}
.ride-description p.icon {
height: 163px;
}
.vehicle-description p.icon {
height: 128px;
}
.choose-signup-description p.icon {
height: 116px;
text-align: center;
}
.profile-menu-block p.icon {
height: 108px;
}
.parameters-menu-block p.icon {
height: 108px;
}
.ride-description .icon img, .vehicle-description .icon img, .choose-signup-description .icon img, .profile-menu-block .icon img, .parameters-menu-block .icon img {
max-width: 100%;
}
.ride-description .icon_span, .vehicle-description .icon_span, .profile-menu-block .icon_span, .parameters-menu-block .icon_span {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.ride-description:nth-child(1) .icon_span img.change-image {
display: none;
}
.ride-description:nth-child(2) .icon_span img.change-image {
display: none;
}
.ride-description:nth-child(2):hover .icon_span img.change-image {
display: inline-block;
}
.ride-description:nth-child(2):hover .icon_span img.image {
display: none;
}
.ride-description:nth-child(3) .icon_span img.change-image {
display: none;
}
.ride-description:nth-child(3):hover .icon_span img.change-image {
display: inline-block;
}
.ride-description:nth-child(3):hover .icon_span img.image {
display: none;
}
.ride-description p.description {
min-height: 56px;
}
.vehicle-description p.description {
min-height: 172px;
margin-bottom: 0px;
}
.vehicle-description p.description span.description-footer {
display: block;
margin-top: 20px;
text-align: center;
font-weight: bold;
}
.choose-signup-description p.description {
min-height: 84px;
}
.profile-menu-block p.description, .parameters-menu-block p.description {
min-height: 62px;
margin-bottom: 0px;
}
.ride-description p.center, .choose-signup-description p.center {
margin-bottom: 0px;
}
.vehicle-description:hover, .ride-description:hover, .choose-signup-description:hover, .profile-menu-block:hover, .parameters-menu-block:hover {
color: #fff;
background: #263746;
}
.vehicle-description:hover .blue {
color: #fff;
}
div.frame {
padding: 0;
}
div.frame a {
color: #2C5CA9;
text-decoration: none;
}
div.frame a:hover {
text-decoration: underline;
}
div.frame div.content {
clear: both;
background-color: #f6f6f6;
margin: 0;
padding: 20px 0;
position: relative;
}
div.frame div.content.textblock {
padding: 25px;
text-align: justify;
}
div.frame div.content.textpopup {
padding: 20px 20px 10px 20px;
}
div.frame div.content p {
margin: 13px 0 8px 0;
}
div.frame div.content input:not(.adyen-checkout__input), div.frame div.content textarea,
.mt-input, .mt-textarea {
padding: 3px;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
border: 1px solid #ccc;
border-radius: 3px;
color: #535353;
background: #fff;
outline: none;
}
div.frame div.content input[type="text"]:not(.adyen-checkout__input),
div.frame div.content input[type="email"],
div.frame div.content input[type="tel"],
div.frame div.content input[type="password"],
div.frame div.content textarea,
.mt-input, .mt-textarea {
cursor: inherit;
padding: 0 10px;
height: 29px;
}
div.frame div.content input.input-file {
background: none;
border: none;
}
div.frame div.content select,
.mt-select {
border: 1px solid #cccccc;
border-radius: 3px;
color: #535353;
cursor: pointer;
font-size: 14px;
height: 31px;
font-family: 'Open Sans', sans-serif;
-moz-appearance: none;
-webkit-appearance: none;
background: #ffffff url("../images/icons/arrow_select.png") no-repeat scroll right 5px center;/*TODO deplacer image dans icons et renommer*/
padding: 3px 25px 3px 10px;
}
div.frame div.content input.checkbox, div.frame div.content input.radiobutton, #form-speech-success2 input.checkbox {
background: none;
border: none;
padding: 0;
vertical-align: middle;
margin-left: 0;
}
div.frame div.content textarea,
.mt-textarea {
overflow: auto;
resize: none;
max-width: 504px;
width: 100%;
height: 96px;
padding: 5px 10px;
}
div.frame div.content td {
padding-top: 10px;
}
div.frame div.content td.submit {
padding-top: 20px;
text-align: left;
}
#form-speech-success2 td.submit {
padding-top: 12px;/*TODO a voir*/
text-align: center;
}
.mt-pseudo-link{
background:none;
border:none;
text-align:left;
font-size: inherit;
color: #2C5CA9;
cursor: pointer;
}
.mt-pseudo-link:hover{
text-decoration: underline;
}
div.frame div.content .newform, div.frame div.content div.newcont {/*TODO identifier transfer_page autrement?*/
margin: 0 100px;
}
div.frame div.content div.newcont .newform {
margin: 0;
}
div.frame div.content .newform td.submit input {
width: 300px;
}
div.frame div.content form.provsignup td.submit input {
width: auto;
}
div.frame div.content .newform.txtwidth input[type="text"],
div.frame div.content .newform.txtwidth input[type="email"],
div.frame div.content .newform.txtwidth input[type="tel"],
div.frame div.content .newform.txtwidth input[type="password"] {
width: 220px;
}
div.frame div.content table.tbl_one > tbody > tr > td {
width: 100%;
}
div.frame div.content table.tbl_one > tbody > tr:first-child > td {
padding-top: 0px;
}
div.frame div.content table.tbl_one.width100 table {
width: 100%;
}
div.frame div.content table.fullwidth {
width: 100%;
}
#form-speech-success2 td.submit input {
min-width: 260px;
}
#form-speech-success2 td.submit input.margin {
margin-right: 40px;
}
div.frame div.content td.label {
color: #535353;
font-size: 14px;
padding: 10px 20px 0 0;
}
div.frame div.content td.label .burgundy {
color: #ff0000;
}
div.frame div.content td.padd {
padding-right: 20px;
}
div.frame div.content td.no-padd {
padding-top: 0;
}
div.frame div.content td.no-padd-right {
padding-right: 0;
}
div.frame div.content input.error, div.frame div.content textarea.error, div.frame div.content select.error,
.mt-textarea.error {
border: 1px solid #ff0000;
}
div.frame div.content label.error {
border-bottom: 1px solid #ff0000;
}
div.frame div.content td.error {
color: #ff0000;
}
div.frame div.content td.error ul {
margin: 0 0 0 18px;
padding: 0;
}
div.frame div.content td.title {
padding: 24px 0 20px;
}
div.frame div.content td.first {
padding-top: 10px;
}
div.frame div.content td.title > span {
background: #273747 none repeat scroll 0 0;
text-transform: uppercase;
color: #fff;
font-size: 16px;
margin: 5px 0 0 -100px;
padding: 8px 0 8px 100px;
max-width: 420px;
width: 100%;
display: block;
}
div.frame div.content h4.cancelled {
background: #535353;
}
div.frame div.content h4 {
max-width: 250px;
text-align: center;
}
div.frame div.content h3.form-title {
min-width: 180px;
outline-style: none;
display: inline-block;
margin: 0 30px 0 0;
background: #273747 none repeat scroll 0 0;
text-transform: uppercase;
color: #fff;
font-size: 16px;
padding: 8px 0 8px 15px;
}
div.frame div.content td.subtitle {
padding-top: 20px;
}
div.frame div.content td.subtitle.first {
padding-top: 0;
}
div.frame div.content td.subtitle span, div.frame div.content div.subtitle span {
text-transform: uppercase;
color: #273747;
font-size: 16px;
font-weight: bold;
margin: 0;
padding: 0;
}
div.frame div.content img, div.frame div.content input {
vertical-align: middle;
}
div.frame div.content input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #999999;
}
div.frame div.content input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #999999;
opacity: 1;
}
div.frame div.content input::-moz-placeholder { /* Firefox 19+ */
color: #999999;
opacity: 1;
}
div.frame div.content input:-ms-input-placeholder { /* IE 10+ */
color: #999999;
}
div.frame div.content input:-moz-placeholder { /* Firefox 18- */
color: #999999;
}
div.frame div.content h3 {
color: #535353;
font-size: 24px;
margin: 15px 0;
}
div.frame div.content h1 {
color: #535353;
font-size: 20px;
margin: 20px 0 12px;
}
div.frame div.content h2 {
color: #535353;
margin: 0px 0;
}
div.frame div.content h2.signup {
color: #273747;
text-align: center;
font-size: 20px;
margin: 0;
}
/* ---------------------------------------------
# BANDEAU TITLE
---------------------------------------------- */
div.title h1, div.title div, div.title-big h1, div.title-big div {
text-align: left;
}
div.title h1, div.title-big h1 {
color: #273747;
font-weight: 600;
margin: 20px 0 25px;
}
div.title-big h1 {
font-size: 28px;
}
div.form-container div.title-bar, div.frame div.title-bar {
background-color: #273747;
width: 100%;
}
div.form-container div.title.provider-subsection {
max-width: 495px;
width: 100%;
}
div.form-container div.title h1 {
width: 100%;
color: #273747;
text-align: left;
font-size: 28px;
font-weight: 600;
margin: 20px 0 25px;
padding: 0;
}
div.form-container div.title-bar h2, div.frame div.title-bar h2 {
color: #ffffff;
font-size: 16px;
margin: 0;
padding: 8px 15px;
text-align: center;
text-transform: uppercase;
width: auto;
font-weight: normal;
max-width: inherit;
}
div.form-container div.title.provider-subsection h1 {
max-width: 485px;
width: 100%;
text-align: center;
}
div.form-container div.title div {
max-width: 405px;
width: 100%;
}
div.form-container div.title.provider-subsection div {
max-width: 495px;
width: 100%;
}
.with-space {
margin-top: 30px !important;
}
.margin0 {
margin-top: 0px !important;
}
.margin10 {
margin-top: 10px !important;
}
.margin20 {
margin-top: 20px !important;
}
.margin30 {
margin-top: 30px !important;
}
.margin_ul {
margin-top: 12px !important;
}
.padding20 {
padding-top: 20px !important;
}
.provider .main-header {
float: left;
width: 100%;
}
.provider .header-logo {
float: left;
}
.provider .header-logo a {
display: inline;
}
.provider .header-logo a img {
float: left;
}
.provider .right-header {
float: right;
}
.provider .man-right {
float: right;
margin-top: 4px;
}
.provider .man-right ul {
list-style: none;
padding: 0;
display: table-cell;
}
.provider .man-right li {
display: table-cell;
}
.provider .man-right li img {
margin-right: 10px;
vertical-align: bottom;
}
.provider .man-right li a {
color: #273747;
text-decoration: none;
display: block;
}
.provider .button-login a {
background: #eeeeee!important;
color: #0a0a0a!important;
padding: 5px 12px;
}
.provider .button-login a:hover {
background: #273747!important;
color: #fff!important;
}
.provider div#profile-incomplete {
padding-right: 25px;
padding-top: 6px;
display: table-cell;
}
.provider div#profile-incomplete a, .provider li#profile-incomplete a {
background: url('../images/icons/warning_red.png') no-repeat left;
padding-left: 30px;
color: #ff0000;
text-decoration: none;
font-weight: bold;
}
.provider .banner {
background: rgba(0, 0, 0, 0) url("../images/backgrounds/dock_provider.jpg") repeat scroll 0 0;/*TODO?*/
float: left;
width: 100%;
}
.provider .banner h1 {
font-size: 28px;
padding: 25px 0;
color: #fff;
}
.provider .banner h1 a {
color: #fff;
text-decoration: none;
}
.provider #memberspace-info fieldset {
margin-bottom: 30px;
}
span.grayed, div.grayed {
color: #888888;
}
div.frame div.content a.profile-incomplete {
color: #FF0000;
text-decoration: none;
font-weight: bold;
max-width: 500px;
display: block;
}
.ride-description:hover a, .choose-signup-description:hover a, .profile-menu-block:hover a, .parameters-menu-block:hover a {
color: #fff;
}
div.profile-menu-block span.missing {
color: #FF0000;
font-size: 14px;
text-align: center;
font-weight: bold;
margin-top: 5px;
display: block;
}
.search-block {
float: right;
margin-top: 20px;
padding: 1px 4px 1px 8px;
border: 1px solid #ccc;
border-radius: 3px;
color: #535353;
}
.search-result {
background: #ff9326;
}
.search-block form {
margin: 0;
padding: 0;
}
.search-block input {
float: left;
border: none;
background: none;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
width: 190px;
height: 30px;
}
.search-block input.submit {
margin: 2px 2px 2px 6px;
width: 24px;
height: 28px;
cursor: pointer;
background: url('../images/icons/wolf.png') no-repeat center;
}
#result-back {
position: relative;
margin: 11px 120px -5px 0;
text-align: right;
}
#result-back-top, #result-back-top2, #result-back-big-top, #result-back-big-bottom {
position: relative;
text-align: right;
}
#result-back-top {
margin: -15px 120px -12px 0;
}
#result-back-top2 {
margin: -33px 0 3px 0;
}
#result-back-big-top {
margin: -15px 0 -12px 0;
}
#result-back-big-bottom {
margin: -5px 0 -15px 0;
}
#result-back a, #result-back-top a, #result-back-top2 a, #result-back-big-top a, #result-back-big-bottom a {
font-weight: bold;
}
div.offerInfo {
float: right;
margin-right: 20px;
text-align: center;
}
div.offerInfo img {
max-height: 80px;
}
div.offerInfo #roundtrip_text {
float: right;
margin-left: 20px;
margin-top: 0;
}
div.tripInfo {
font-weight: bold;
margin: 0 20px;
}
div.tripInfo img.vehicle {
height: 28px;
margin-left: 16px;
}
div.user-english {
float: right;
height: 16px;
margin-right: -3px;
font-size: 12px;
font-weight: normal;
font-style: italic;
}
div.user-english img {
margin: -2px 0 0 6px;
}
div.services-text-special {
font-size: 10px;
margin-left: 2px;
margin-top: -2px;
}
div#popup_seeRequest div#providerConfirmRequest {
display: none;
}
div#providerConfirmRequest div.frame div.content .error2 {
color: #FF0000;
}
div#tutorial-popup {
display: none;
}
div#providerTutorial {
width: 740px;
}
div#providerTutorial td.submit {
padding-top: 30px;
text-align: center;
}
div#providerTutorial td.submit input {
margin: 0;
}
div#providerTutorial td.submit input:nth-child(2) {
margin-left: 30px;
}
#logoPresta {
float: left;
margin-right: 20px;
height: 72px;
display: table;
}
#logoPresta span {
display: table-cell;
vertical-align: middle;
}
.subContainer {
background: #fff;
}
.subContainer h1 {
position: absolute;
padding: 0;
}
.subContainer h1 span {
position: absolute;
margin: 0 0 0 8px;
padding: 0;
width: 250px;
height: 28px;
font-size: 18px;
text-align: center;
line-height: 28px;
font-weight: bold;
color: #fff;
background: #4C73BB;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius : 15px;
}
.subContainer h1 a {
color: #fff;
font-size: 14px;
font-style: italic;
}
.subContent {
margin-top: 24px;
padding: 24px 10px 15px;
}
/*
.choose-provider-container {
float: right;
margin-top: 13px;
}
.choose-provider {
width: 158px;
height: 59px;
vertical-align: middle;
display: table-cell;
cursor: pointer;
background: url('../images/clickable/choose_this.png') no-repeat right top;
background-color: #4d72bd;
}
.choose-provider div {
width: 99px;
height: 30px;
display: table-cell;
color: #fff;
text-align: center;
font-size: 14px;
font-weight: bold;
}
#signup-icons {
float: left;
margin-left: 35px;
margin-top: 20px;
width: 195px;
text-align: center;
}*/
.learn-more-help {
padding-right: 20%;
}
.learn-more-help.velo {
background: url('../images/vehicles/VEH_4ca2f2e7316c89.79469721.png') no-repeat right top;
}
.learn-more-help.moto {
background: url('../images/vehicles/VEH_4ca2f2f09d7dc5.78047564.png') no-repeat right top;
}
.learn-more-help.taxi {
background: url('../images/vehicles/VEH_4ca2f2f9d2bb20.71519490.png') no-repeat right top;
}
.learn-more-help.aide {
background: url('../images/vehicles/VEH_4ca2f3190bea99.37534179.png') no-repeat right top;
}
.learn-more-help.petite_remise {
background: url('../images/vehicles/VEH_4ca2f2f9d2bb20.71519490.png') no-repeat right top;
}
.learn-more-help.autocar {
background: url('../images/vehicles/VEH_4cd01654cf5149.18756226.png') no-repeat right top;
}
.learn-more-help.vltp {
background: url('../images/vehicles/VEH_4ca2f2f9d2bb20.71519490.png') no-repeat right top;
}
.learn-more-help.vtc {
background: url('../images/vehicles/VEH_4ca2f305edb656.47054355.png') no-repeat right top;
}
#learn-more-content {
clear: both;
}
.learn-more-title {
float: left;
}
div#result-back-big-top.learn-more-back {
float: right;
margin-top: 20px;
}
/*
.search-return-block {
float: right;
margin-top: 40px;
margin-right: 8px;
}*/
.burgundy {
color: #ff0000;
padding-left:3px;
}
.autocomplete-list, .autocomplete-list2, .autocomplete-list3 {
position: absolute;
display: none;
margin-top: 32px;
margin-left: 0px;
width: 372px;
height: 150px;
}
.autocomplete-list ul, .autocomplete-list2 ul, .autocomplete-list3 ul {
margin: 0;
padding: 0;
list-style: none;
overflow-x: hidden;
overflow-y: auto;
max-height: 100px;
border: 1px solid #ccc;
border-top: none;
}
.autocomplete-list li, .autocomplete-list2 li, .autocomplete-list3 li {
display: block;
padding-top: 7px;
padding-left: 10px;
padding-right: 10px;
min-height: 26px;
background: #fff;
cursor: pointer;
}
.autocomplete-list li:hover, .autocomplete-list li.active, .autocomplete-list2 li:hover, .autocomplete-list2 li.active, .autocomplete-list3 li:hover, .autocomplete-list3 li.active {
color: #fff;
background: #273747;
}
.autocomplete-list2 {
width: 292px;
}
.autocomplete-list3 {
width: 172px;
}
.goUp {
font-style: italic;
text-align: right;
}
#steps a.blue-button {
float: none;
}
/*
.customers {
margin: 0 auto;
}
.customers span {
position: absolute;
font-weight: bold;
font-size: 11px;
text-align: right;
}
#customers-velo {
max-width: 854px;
width: 100%;
height: 105px;
background: url('../images/backgrounds/customers_velo.png') no-repeat center 10px;
}
#customers-velo .customer1 {
margin-left: 87px;
margin-top: 32px;
text-align: right;
}
#customers-velo .customer2 {
margin-left: 203px;
margin-top: 9px;
width: 83px;
text-align: center;
}
#customers-velo .customer3 {
margin-left: 345px;
margin-top: 50px;
}
#customers-velo .customer4 {
margin-left: 526px;
margin-top: 10px;
}
#customers-velo .customer5 {
margin-left: 656px;
margin-top: 0;
}
#customers-moto {
max-width: 854px;
height: 105px;
background: url('../images/backgrounds/customers_moto.png') no-repeat center 7px;
}
#customers-moto .customer1 {
margin-left: 96px;
margin-top: 15px;
text-align: right;
}
#customers-moto .customer2 {
margin-left: 253px;
margin-top: 9px;
}
#customers-moto .customer3 {
margin-left: 417px;
margin-top: 33px;
}
#customers-moto .customer4 {
margin-left: 569px;
margin-top: 11px;
}
#customers-taxi {
max-width: 854px;
width: 100%;
height: 105px;
background: url('../images/backgrounds/customers_taxi.png') no-repeat center 10px;
}
#customers-taxi .customer1 {
margin-left: 37px;
margin-top: 21px;
text-align: right;
}
#customers-taxi .customer2 {
margin-left: 230px;
}
#customers-taxi .customer3 {
margin-left: 417px;
}
#customers-taxi .customer4 {
margin-left: 577px;
margin-top: 13px;
width: 100px;
text-align: center;
}
#customers-taxi .customer5 {
margin-left: 697px;
}
#customers-aide {
max-width: 854px;
width: 100%;
height: 105px;
background: url('../images/backgrounds/customers_aide.png') no-repeat center 8px;
}
#customers-aide .customer1 {
margin-left: 194px;
margin-top: 14px;
text-align: right;
}
#customers-aide .customer2 {
margin-left: 507px;
margin-top: 15px;
width: 100px;
text-align: center;
}
#customers-autocar {
max-width: 854px;
width: 100%;
height: 105px;
background: url('../images/backgrounds/customers_autocar.png') no-repeat center 8px;
}
#customers-autocar .customer1 {
margin-left: 124px;
margin-top: 2px;
text-align: right;
}
#customers-autocar .customer2 {
margin-left: 437px;
margin-top: 2px;
}
#customers-autocar .customer3 {
margin-left: 687px;
margin-top: 2px;
}
*/
div.frame .no-blue-links a {
font-weight: normal;
text-decoration: none;
}
div.frame .no-blue-links a:hover {
color: #fff;
}
div.frame .no-blue-links:hover a {
color: #fff;
text-decoration: underline;
}
div#content .company-category-div h1.page-title, div#content .faq-main-div h1.page-title {
margin: 20px 0 25px;
text-align: left;
color: #273747;
font-size: 28px;
font-weight: 600;
}
div#content h1.no-margin {
margin-top: 0px;
}
div#content .company-category-div h2, div#seeResa h2.title-resa, div#providerSeeResa h2.title-resa {
background-color: #263746;
color: #ffffff;
font-size: 16px;
font-weight: normal;
padding: 8px 15px;
width: 45%;
text-transform: uppercase;
margin: 30px 0 25px;
text-indent: 0;
}
div#content .company-category-div h3 {
color: #263746;
font-size: 18px;
text-transform: uppercase;
text-indent: 0;
margin: 25px 0 20px;
}
div#content .company-category-div h4 {
color: #263746;
font-size: 16px;
text-transform: uppercase;
text-indent: 0;
margin: 25px 0 20px;
}
div#content .company-category-div p, div#content .company-category-div ul li {
text-align: justify;
}
div.signup-separator {
margin-top: 20px;
width: 100%;
}
div.provsignup-separator, div.vehicles-separator {
margin-top: 20px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #ECECEC;
width: 100%;
}
.company-category-div .buttons {
text-align: center;
}
.company-category-div .buttons a.blue-button {
width: 220px;
}
.company-category-div .buttons a.blue-button:nth-child(2) {
margin-left: 80px;
}
#login div.frame div.content table td.submit {
padding-top: 35px;
}
/*
#content-login div.lost-password {
margin-top: -70px;
float: left;
}
#content-login div.signup-login {
padding-top: 25px;
padding-bottom: 5px;
clear: both;
}
#content-login a {
font-weight: normal;
}*/
form#fb_login {
display: none;
}
#form-speech-success2 td.field {
padding-top: 10px;
padding-bottom: 5px;
text-align: center;
}
#form-speech-success2 td.field label {
color: #888;
font-size: 13px;
font-weight: bold;
font-style: italic;
}
#signup div.frame div.content form#login-form table td.submit {
padding-top: 35px;
}
/*
#content-signup .signup-afterride {
padding-top: 5px;
padding-bottom: 35px;
}
#content-signup .big-title-tab {
border-top: 1px solid #273747;
width: 58%;
text-align: center;
}
#content-signup .big-title2-tab {
margin-top: 40px;
border-top: 1px solid #273747;
width: 58%;
float: left;
text-align: center;
}
#content-signup .big-title {
display: inline-table;
margin-top: -10px;
padding-bottom: 8px;
padding-left: 12px;
padding-right: 12px;
background-color: #f6f6f6;
color: #273747;
font-size: 16px;
font-weight: bold;
letter-spacing: 1px;
vertical-align: top;
}
#content-signup .big-title-after {
clear: both;
margin: 0;
padding: 0;
}
#content-signup div.lost-password {
margin-top: -70px;
float: left;
}
#content-signup div.lost-password a {
font-weight: normal;
}
#content-signup .signup-desc {
margin-top: 5px;
margin-bottom: 12px;
float: left;
width: 50%;
font-size: 12px;
font-style: italic;
}
#content-signup .social-connect {
float: right;
position: absolute;
margin-top: -60px;
width: 265px;
right: 180px;
}
#content-signup .social-connect p.social-title {
padding-bottom: 8px;
text-align: center;
font-style: italic;
font-weight: bold;
}
#content-signup .social-connect div.social-button {
float: left;
margin-left: 35px;
}
#content-signup .social-connect p.social-terms {
clear: left;
padding-top: 12px;
text-align: center;
font-style: italic;
font-size: 11px;
margin: 0;
}
#content-signup .social-connect-after {
clear: both;
margin: 0;
padding: 0;
}
#content-signup div.social-connect2 {
display: inline-block;
width: 67%;
vertical-align: top;
}
#content-signup p.social-title2 {
text-align: center;
font-style: italic;
font-weight: bold;
line-height: 19px;
}
#content-signup div.social-button2 {
display: table;
margin: 0 auto;
padding-top: 3px;
}
#content-signup div.social-button2 a {
width: 236px;
}
#content-signup div.registered-user {
display: inline-block;
vertical-align: top;
}
#content-signup div.registered-user p {
margin-top: 7px;
margin-bottom: 0px;
text-align: center;
}
#content-signup p.registered-user img {
padding-top: 1px;
padding-bottom: 1px;
}
#content-signup div.fb-facepile {
padding-top: 5px;
padding-left: 60px;
line-height: 0px;
display: table;
}
#content-signup div.signup-separator {
margin-top: 8px;
}*/
span.msgbox_title {
color: red;
font-size: 16px;
font-weight: bold;
}
div.frame div.content form#providerVehiclesNumber td.submit input {
width: auto;
}
/*
form.fileupload div.fileupload-buttonbar {
margin-top: 10px;
margin-left: 3px;
}
form.fileupload table.presentation {
margin-left: 3px;
}
div.frame div.content form.fileupload .fileinput-button input {
font-size: 20px;
}
tbody.files tr.template-upload, tr.template-download {
float: left;
margin-right: 30px;
}
tbody.files td strong.error {
color: red;
}
form.fileupload .ui-widget {
font-size: 0.95em;
}
tbody.files button {
outline: none;
}*/
form#providerCompany table.block-0 td.label {
max-width: 220px;
}
form#providerParamRides p + table {
width: 100%;
}
form#providerParamRides table.tab_dept {
display: none;
}
form#providerParamRides table.tab_dept td.field {
padding-top: 4px;
}
form#providerParamRides table.tab_dept td.submit {
padding-bottom: 10px;
}
form#providerParamRides td.field label {
font-size: 12px;
line-height: 12px;
}
form#providerParamRides td.field input[type="checkbox"] {
margin: 0 3px 0 0;
}
iframe#blog_provider {
max-width: 1200px;
width: 100%;
height: 950px;
margin: 0 auto;
display: block;
}
form#parametersBank table:first-child tr:first-child td {
padding-top: 0px;
padding-bottom: 10px;
}
#parametersBank-parametersBank-iban_code, #parametersBank-parametersBank-iban_holder {
text-transform: uppercase;
}
#parametersBank-parametersBank-iban_error {
display: none;
}
div#declare_resa form#declareResa, div#declare_resa form#providerDeclareResa {
display: none;
}
#declareResa p, #providerDeclareResa p, #providerConfirmCodeResa p {
margin: 0;
}
form#providerConfirmCodeResa tr {
display: inline-block;
}
form#providerConfirmCodeResa td.submit {
padding-left: 10px;
padding-top: 10px;
}
form#providerConfirmCodeResa td.submit input {
padding: 0px 15px;
height: 30px;
line-height: 28px;
}
div#declare_answer_resa form#declareAnswerResa, div#declare_answer_resa form#providerDeclareAnswerResa {
display: none;
}
#declareAnswerResa div.frame div.content table:first-child tr:first-child td, #providerDeclareAnswerResa div.frame div.content table:first-child tr:first-child td {
padding-top: 0px;
}
#declareAnswerResa p, #providerDeclareAnswerResa p, #providerReplyReviewResa p {
margin: 0;
}
#seeResa-declareResa-comments, #providerSeeResa-providerDeclareResa-comments {
max-width: 548px;
width: 100%;
}
#seeResa-declareAnswerResa-comments, #providerSeeResa-providerDeclareAnswerResa-comments {
width: 598px;
}
div.frame div.content form#reviewResa td.submit input, div.frame div.content form#providerReplyReviewResa td.submit input {
width: 200px;
}
#seeResa-reviewResa-comments, #seeResa-reviewResa-comments_private, #seeResa-reviewResa-feedback_comments {
max-width: 560px;
width: 100%;
}
#providerSeeResa-providerReplyReviewResa-comments {
max-width: 560px;
width: 100%;
margin-left: 0px;
}
#seeRequest-seeRequest-service {
max-width: 500px;
width: 100%;
height: 110px;
}
.fancybox_loading_big {
background: #fff url('../images/icons/loading_big.gif') no-repeat 50% 50% !important;
}
div.misc-text-special {
font-size: 10px;
color: #888888;
margin-top: -3px;
}
#summaryResa-summaryResa-terms {
margin-left: 1px;
}
#summaryResa-summaryResa-payment_error {
display: none;
}
form#providerParamRides td.padd {
padding-right: 5px;
}
#providerParamRides-providerParamRides-zipcodes_error {
display: none;
}
div#faq-question ul, div#faq-question ol {
margin-top: 12px;
margin-bottom: 12px;
}
div#faq-question>ul>li,
div#faq-question>ol>li {
margin: 8px;
margin-bottom: 8px;
}
div#faq-question li ul {
padding-left: 20px;
list-style-type: disc;
}
div.frame#smallRequest {
width: 70%;
float: left;
padding: 0 0 12px 0;
margin-bottom: 20px;
background: none;
box-shadow: 0 0 3px #ccc;
}
div.frame#smallRequest div.content {
margin: 0 14px;
}
div.frame#smallRequest div.content p {
margin: 0;
}
div.frame#smallRequest div.content table.block-0 {
width: 100%;
margin-bottom: 10px;
}
div.frame#smallRequest div.form_title {
font-size: 24px;
font-weight: bold;
text-align: center;
white-space: nowrap;
}
div.frame#smallRequest div.steps {
width: 100%;
padding-top: 4px;
}
div.frame#smallRequest div.step1 {
float: left;
width: 30%;
}
div.frame#smallRequest div.step2 {
float: left;
width: 34%;
margin: 0 12px;
}
div.frame#smallRequest div.step3 {
float: right;
width: 30%;
}
div.frame#smallRequest div.steps span.number {
float: left;
margin-right: 8px;
}
div.frame#smallRequest div.steps span.number img {
width: 28px;
vertical-align: middle;
}
div.frame#smallRequest div.steps div.subtitle {
font-weight: bold;
font-size: 16px;
vertical-align: middle;
line-height: 28px;
white-space: nowrap;
}
div.frame#smallRequest div.steps div.subtitle.selected {
color: #ffffff;
}
div.frame#smallRequest div.content div.address_title1, div.frame#smallRequest div.content div.address_title2 {
font-weight: bold;
margin-top: 4px;
margin-bottom: 0px;
}
div.frame#smallRequest div.content div.address_title2 {
margin-bottom: -5px;
margin-top: -7px;
}
div.frame#smallRequest div.content td {
padding-top: 0px;
}
div.frame#smallRequest div.content table:first-child tr:first-child td {
padding-top: 0px;
}
div.frame#smallRequest div.content td.padd {
padding-right: 10px;
}
div.frame#smallRequest div.content td.no-padd-right {
padding-right: 0px;
}
div.frame#smallRequest div.content td.submit {
text-align: center;
padding-top: 15px;
}
div.frame#smallRequest div.content td.submit input {
width: 200px;
font-size: 16px;
}
div.frame#smallRequest div.content div.submit_special {
float: right;
margin-top: -22px;
margin-right: 54px;
font-size: 12px;
}
#smallRequest div.city-text-special {
font-size: 10px;
margin-top: 1px;
margin-left: 1px;
}
#smallRequest div#autocomplete-departure-block .autocomplete-list {
width: 286px;
z-index: 1000;
}
#smallRequest div#autocomplete-return-block .autocomplete-list {
width: 286px;
z-index: 1000;
}
div#smallRequest #countriesMenu {
width: 184px;
}
div#smallRequest .countrybtn-group {
margin-right: 8px;
}
div#profiles_best-title {
text-transform: uppercase;
text-align: center;
font-weight: bold;
float: left;
width: 100%;
color: #535353;
font-size: 20px;
margin: 30px auto 15px;
}
div.profiles_best {
display: table;
margin: 0 auto;
/*width: 100%;*/
}
div.profiles_best div.tr {
display: block;
}
div.profiles_best div.tr.padding {
padding-top: 20px;
}
div.profiles_best div.td {
display: inline-block;
}
div.profiles_best div.td.col {
width: 214.5px;
padding-right: 20px;
}
div.profiles_best div.td.col.last {
padding-right: 0px;
}
div.profiles_best div.td div.profile {
display: table;
width: 100%;
border: 1px solid #c4c4c4;
border-collapse: collapse;
}
div.profiles_best div.td div.profile.margin {
margin-top: 20px;
}
div.profiles_best div.td div.profile div.tr.row1 {
text-align: center;
background: #eee;
height: 120px;
display: block;
padding: 0;
}
div.profiles_best div.td div.profile div.tr.row1 a {
cursor: pointer;
display: block;
}
div.profiles_best div.td div.profile div.tr.row1 img.photo {
vertical-align: middle;
margin: 0 auto;
display: block;
height: 120px;
max-width: 100%;
/*max-width: 216px;
width: 100%;*/
}
div.profiles_best div.td div.profile div.tr.row1 img.nophoto {
width: 100%;
display: block;
height: 120px;
background: url(../images/clickable/logo_profile.png) center center no-repeat;
}
div.profiles_best div.td div.profile div.tr div.td.col1 {
height: 40px;
width: 100%;
display: table;
}
div.profiles_best div.td div.profile div.tr div.td.col1 a {
vertical-align: middle;
text-align: center;
display: table-cell;
height: 100%;
width: 100%;
padding: 0 6px;
color: #273747;
text-decoration: none;
font-weight: 600;
font-size: 13px;
}
div.profiles_best div.td div.profile div.tr div.td.col1 a:hover {
text-decoration: none !important;
}
#roundtrip_text {
color: #273747;
font-size: 45px;
margin-top: 10px;
}
#roundtrip_text div {
font-weight: bold;
}
#roundtrip_text p {
margin-top: 0;
font-size: 20px;
text-transform: uppercase;
}
div.frame div.content td.label.lang_label {
padding-left: 40px;
padding-top: 5px;
}
div.frame div.content td.lang_field {
padding-top: 5px;
}
div.frame div.content .newform .tbl_departure, div.frame div.content .newform .tbl_address, div.frame div.content .newform .tbl_complementary {
width: 100%;
}
div.frame div.content .tbl_equipments {
margin-bottom: 10px;
}
div.frame div.content .tbl_equipments td.label {
vertical-align: bottom;
}
div.frame div.content .tbl_equipments td.padd {
padding-right: 40px;
}
div.frame div.content td.guid_label1, div.frame div.content td.guid_label2 {
padding-right: 26px;
padding-bottom: 5px;
vertical-align: top !important;
}
h2.cancelpolicy-name img {
margin-left: 8px;
margin-top: 3px;
vertical-align: top;
}
div.content form#contact a {
font-weight: normal;
}
div.faq-title {
float: left;
}
div.faq-title div {
margin-top: -10px;
margin-bottom: 25px;
}
div.faq-link-back {
float: right;
margin-top: 20px;
}
div.faq-link-container {
width: 100%;
text-align: center;
margin-top: 40px;
}
div.faq-link-back a {
font-weight: bold;
}
div.faq-sidebar {
width: 100%;
display: table;
}
div.faq-sidebar div.row {
display: table-cell;
width: 22%;
vertical-align: top;
}
div.faq-sidebar div.row div.cell {
background-color: #f6f6f6;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #ECECEC;
overflow: hidden;
}
div.faq-sidebar div.row div.cell div.link {
padding: 10px;
font-weight: bold;
font-size: 14px;
}
div.faq-sidebar div.row div.cell div.link.style1 {
border-top: 1px solid #ECECEC;
}
div.faq-sidebar div.row div.cell div.link.style2 {
background-color: #273747;
}
div.faq-sidebar div.row div.cell div.link a {
color: #273747;
}
div.faq-sidebar div.row div.cell div.link.style2 a {
color: #fff;
}
div.faq-main {
display: table-cell;
width: 80%;
padding-left: 30px;
}
div.faq-main h2#category {
border-bottom: 1px solid #ECECEC;
font-size: 18px;
color: #273747;
}
div.faq-main h2#category.style1 {
margin-top: 0px;
}
div.faq-main h2#category.style2 {
margin-top: 20px;
}
div.faq-main ul.questions {
padding-left: 16px;
margin-bottom: 0px;
line-height: 18px;
}
div.faq-main h2#question {
border-bottom: 1px solid #ECECEC;
font-size: 18px;
margin-top: 0px;
color: #273747;
}
div.faq-main div#faq-question {
margin-bottom: 20px;
text-align: justify;
}
div.faq-main div.read-also {
margin-bottom: 20px;
font-style: italic;
}
div.faq-main div.read-also span {
font-weight: bold;
}
div.faq-main div.read-also ul {
padding-left: 16px;
margin-top: 8px;
margin-bottom: 0px;
}
div.faq-main div.contact {
font-size: 11px;
font-style: italic;
}
span.tripDate {
margin-left: 2px;
font-size: 10px;
font-weight: normal;
font-style: italic;
}
div#seeResa div.tripDate, div#providerSeeResa div.tripDate {
display: inline-block;
float: right;
line-height: 24px;
font-size: 10px;
font-weight: normal;
font-style: italic;
}
div#seeOffers p.report {
text-align: center;
color: #FF0000;
font-weight: bold;
}
div#seeOffers p.report img {
margin-right: 8px;
vertical-align: bottom;
}
div#seeOffers p#summary {
display: none;
margin-top: 30px;
margin-bottom: 0px;
font-style: italic;
}
div#seeOffers h3#offers {
margin-top: 20px;
margin-bottom: 20px;
float: left;
line-height: 28px;
}
div#seeOffers p.no-offers {
clear: both;
}
div#seeOffers div.order {
margin-top: 20px;
float: left;
line-height: 30px;
width: 50%;
text-align: center;
}
div#seeOffers div.line-space {
border-top: 1px solid #E2E2E2;
margin: 0 -20px 20px -20px;
}
div#seeOffers div.clearer.spacer1 {
margin-top: 30px;
}
div#seeOffers div.clearer.spacer2 {
margin-top: 20px;
}
div#seeOffers h4.offer-price {
width: 212px;
display: inline-block;
vertical-align: top;
background-color: #273747;
color: #ffffff;
font-size: 20px;
font-weight: 600;
margin: 0 25px 0 0;
padding: 8px 1px;
text-align: center;
text-transform: uppercase;
cursor: pointer;
}
div#seeOffers h4.offer-price.cancelled {
background-color: #535353;
opacity: 0.75;
filter: alpha(opacity=75);;
cursor: default;
}
div#seeOffers div.offer-head {
display: inline-block;
}
div#seeOffers div.offer-head div.rating {
margin-bottom: 4px;
}
div#seeOffers div.offer-head div.rating span.note {
font-weight: 600;
color: #ff9226;
font-size: 16px;
padding-right: 4px;
}
div#seeOffers div.offer-head a.link_provider_profile img {
margin-right: 6px;
}
div#seeOffers div.offer-head div.stars {
margin-right: 8px;
vertical-align: middle;
display: inline-block;
}
div#seeOffers div.offer-head a.link_provider_profile_review, div#seeOffers div.offer-head a.link_provider_profile.review {
font-weight: normal;
font-size: 11px;
text-decoration: none;
}
div#seeOffers div.offer-head span.offerno {
font-weight: bold;
}
div#seeOffers div.offer-head span.date {
margin-left: 2px;
font-size: 10px;
font-style: italic;
}
div#seeOffers div.submit2 {
float: right;
}
div#seeOffers div.submit2 input.button {
width: 220px;
}
div#seeOffers div.offer-past {
display: inline-block;
font-weight: bold;
padding-bottom: 2px;
}
div#seeOffers div.offer-past div.status {
padding-top: 3px;
color: #888888;
opacity: 0.65;
filter: alpha(opacity=65);
}
div#seeOffers div.offer-past div.date {
margin-left: 2px;
font-size: 10px;
font-weight: normal;
font-style: italic;
}
div#seeOffers div.offer-picture {
display: table-cell;
width: 212px;
padding-right: 30px;
padding-top: 10px;
vertical-align: top;
}
div#seeOffers div.offer-picture.margin {
padding-top: 20px;
}
div#seeOffers div.offer-picture div.picture {
width: 100%;
height: 212px;
max-width: 212px;
background-position:center;
background-color: #fff;
text-align: center;
border: 1px solid #E2E2E2;
vertical-align: middle;
cursor: pointer;
background-size:cover;
margin:0 auto;
}
div#seeOffers div.offer-picture div.picture.past {
cursor: default;
}
div#seeOffers div.offer-picture div.picture img.photo {
max-width: 100%;
max-height: 212px;
}
div#seeOffers div.offer-picture div.picture img.photo.past {
opacity: 0.65;
filter: alpha(opacity=65);
}
div#seeOffers div.offer-picture img.zoom {
cursor: pointer;
position: relative;
margin-top: -51px;
margin-right: -3px;
float: right;
}
div#seeOffers div.offer-picture div.default {
width: 100%;
height: 212px;
line-height: 212px;
border: 1px solid #E2E2E2;
background: url('../images/icons/zoom.png') no-repeat right bottom #ffffff;
text-align: center;
vertical-align: middle;
cursor: pointer;
}
div#seeOffers div.offer-picture div.default.past {
background: #ffffff;
cursor: default;
opacity: 0.75;
filter: alpha(opacity=75);
}
div#seeOffers div.offer-picture div.subtitle {
font-size: 10px;
text-align: center;
color: #aaaaaa;
margin-top: 2px;
}
div#seeOffers div.offer-table {
display: table;
width: 100%;
}
div#seeOffers div.list-offer.past {
opacity: 0.65;
filter: alpha(opacity=65);
}
div#seeOffers div.list-offer.margin {
padding-top: 20px;
}
div#seeOffers div.list-offer {
display: table-cell;
padding-top: 10px;
padding-left: 0px;
padding-bottom: 0px;
vertical-align: top;
}
div#seeOffers div.list-offer div.prices {
margin-bottom: 8px;
line-height: 14px;
font-weight: bold;
}
div#seeOffers div.list-offer div.prices div {
text-decoration: underline;
width: 90px;
display: inline-block;
vertical-align: top;
}
div#seeOffers div.list-offer div.prices span {
font-size: 16px;
}
div#seeOffers div.list-offer div.vehicle {
font-size: 18px;
margin-bottom: 10px;
font-weight: 600;
}
div#seeOffers div.list-offer div.cancelpolicy {
float: left;
}
div#seeOffers div.list-offer div.cancelpolicy a.link_cp {
font-weight: 600;
}
div#seeOffers div.list-offer div.cancelpolicy img {
margin-left: 5px;
}
div#seeOffers div.list-offer div.delay {
float: right;
}
div#seeOffers div.list-offer a.read-more {
cursor: pointer;
text-decoration: underline;
}
div#seeOffers div.list-offer div.clearer {
padding-top: 10px;
}
div#seeOffers div.list-offer div.services, div#seeOffers div.list-offer div.services-full {
text-align: justify;
line-height: 18px;
}
div#seeOffers div.list-offer div.services-full {
display: none;
}
div#seeOffers div.list-offer a.grayed {
color: #888888;
}
div.info-head {
padding: 2px 0 16px 32px;
margin: 0 20px;
font-size: 15px;
background: url('../images/icons/info.png') no-repeat left top;
}
div.info-head span.blue {
border-bottom: 1px dotted #ccc;
}
div#seeOffer div.offer-detail, div#seeOffers div.offer-detail {
margin: 0 20px;
}
div#seeOffer h3.offerno {
margin-top: 25px;
margin-bottom: 10px;
}
div#seeOffer h3.offerno span {
margin-left: 2px;
font-size: 10px;
font-weight: normal;
font-style: italic;
}
div#seeOffer div.offer-roundtrip {
font-weight:bold;
text-decoration: underline;
margin-bottom: 8px;
}
div#seeOffer div.offer-roundtrip.wayout {
margin-top: 15px;
}
div#seeOffer p.list-offer.col1 {
padding-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
width: 48%;
float: left;
}
div#seeOffer p.list-offer.col2 {
padding-left: 30px;
margin-top: 0px;
margin-bottom: 0px;
width: 48%;
float: left;
}
div#seeOffer div.list-offer {
padding-left: 0px;
margin-top: 2px;
margin-bottom: 0px;
max-height: 160px;
overflow-y: auto;
}
div#seeOffer span.list-offer-mobile {
display: none;
}
div#seeOffer p.list-offer img.icon_cp {
margin-left: 5px;
}
div#seeOffer a#link_provider_profile {
margin-top: 10px;
display: block;
}
div#seeOffer p.cancel {
text-align: center;
margin-top: 25px;
margin-bottom: 0;
}
div#seeOffer div.competition {
font-style: italic;
font-size: 12px;
margin-bottom: 12px;
}
div#summaryGetRide p.information {
margin: 20px;
}
#send-ride td.field.facebook {
padding-top: 15px;
}
div#summaryGetRide table#send-ride {
width: 100%;
text-align: center;
}
div#summaryGetRide table#send-ride td.submit {
text-align: center;
}
div#summaryGetRide div.tripInformation div.button2 {
text-align: center;
margin-top: 15px;
margin-bottom: -15px;
}
div#summaryGetRide div.tripInformation div.button2 a {
font-weight: bold;
}
div#summaryResa div.tripFrame.offer div.offerno {
float: right;
font-size: 10px;
line-height: 4px;
margin-top: -10px;
}
div#providerSeeResa div.tripFrame.offer h2 span.price {
font-size: 14px;
}
div#summaryResa div.tripInformation div.list-offer div.stars {
margin-left: 5px;
margin-right: 5px;
vertical-align: middle;
display: inline-block;
}
div#summaryResa div.tripFrame.offer div.list-offer img.icon_cp, div#seeResa div.tripFrame.offer div.list-offer img.icon_cp, div#providerSeeResa div.tripFrame.offer div.list-offer img.icon_cp {
margin-left: 5px;
}
div#summaryResa #form_reservation div.price-total {
font-weight: bold;
margin-bottom: 10px;
color: #273747;
}
div#summaryResa #form_reservation div.price-total span {
font-size: 20px;
}
div#summaryResa #form_reservation div#payment_button strong.maintenance {
font-size: 14px;
color: #FF0000;
font-style: normal;
}
div#summaryResa #form_reservation span#label_bank_account {
padding-left: 8px;
font-style: italic;
font-size: 12px;
}
div#summaryResa #form_reservation a#link_bank_account {
font-weight: normal;
}
div#summaryResa #form_reservation a.error_link {
font-weight: normal;
}
div#summaryResa div#payment_button {
font-style: italic;
font-size: 12px;
}
div#summaryResa div#payment_button strong {
font-size: 14px;
color: #FF0000;
font-style: normal;
}
div#summaryResa #form_reservation td.submit input {
width: auto;
}
div.resa_before_steps {
width: 100%;
float: left;
/*padding-top: 8px;
margin-bottom: 18px;*/
margin-bottom: 40px;
}
div.resa_before_steps div.step1 {
float: left;
width: 32%;
}
div.resa_before_steps div.step2 {
float: left;
width: 31%;
margin: 0 18px;
}
div.resa_before_steps div.step3 {
float: right;
width: 32%;
}
div.resa_before_steps div.step1 span, div.resa_before_steps div.step2 span, div.resa_before_steps div.step3 span {
float: left;
margin-right: 10px;
line-height: 36px;
}
div.resa_before_steps div.step1 span img, div.resa_before_steps div.step2 span img, div.resa_before_steps div.step3 span img {
vertical-align: middle;
}
div.resa_before_steps div.step1 div, div.resa_before_steps div.step2 div, div.resa_before_steps div.step3 div {
line-height: 19px;
}
div.resa_before_steps div.step1 div {
margin-right: 90px;
}
div.resa_before_steps div.step2 div {
margin-right: 50px;
}
div.resa_before_steps div.step3 div {
margin-right: 20px;
}
div.search-block.margin {
margin-top: 30px;
}
#content h2.classic.margin {
margin-top: 30px;
}
div.rides-info {
font-weight: 600;
margin-bottom: 10px;
clear: both;
}
div.rides-paging {
float: right;
}
div.history-link {
float: left;
margin-top: 20px;
}
div.resas-filters {
display: inline-block;
margin-bottom: 10px;
}
div.offers-filters {
margin-bottom: 10px;
}
div.resas-filters a, div.offers-filters a {
margin-right: 20px;
font-weight: bold;
display: inline-block;
}
div.resas-filters a:last-child {
margin-right: 0;
}
div.resas-filters a.filter, div.offers-filters a.filter {
background-color: #2C5CA9;
color: #FFF;
padding: 1px 3px;
}
div.resas-filters-info {
display: inline-block;
float: right;
font-weight: 600;
margin-bottom: 10px;
}
div.offers-filters div {
margin-left: 40px;
display: inline-block;
}
div.offers-filters div a {
margin-right: 0px;
font-weight: normal;
}
div.offers-filters-info {
font-weight: 600;
margin-bottom: 10px;
}
div#seeRequest div.user-profile {
margin: 20px 0;
text-align: center;
}
div#seeRequest div.provider-actions {
float: right;
text-align: center;
margin: 10px 20px 0 0;
position: absolute;
right: 0;
}
div#seeRequest div.provider-actions span.report {
display: inline-block;
font-weight: bold;
}
div#seeRequest div.provider-actions span.report img {
margin-bottom: 5px;
}
div#seeRequest div.provider-actions a#report_menu {
display: inline-block;
cursor: pointer;
}
div#seeRequest div.provider-actions a#report_menu img, div#seeRequest div.provider-actions a#hide_menu img {
margin-bottom: 5px;
}
div#seeRequest div.provider-actions a#hide_menu {
display: inline-block;
margin-left: 35px;
}
div#seeRequest form#reportRequest {
display: none;
}
form#seeRequest div#price_final {
font-weight: bold;
}
form#seeRequest strong.price_currency {
vertical-align: middle;
}
form#seeRequest span.price_vat {
padding-left: 6px;
font-size: 11px;
}
form#seeRequest div.price_margin {
margin-right: 230px;
}
form#seeRequest div.price_final {
position: absolute;
font-weight: normal;
font-size: 11px;
margin-top: 6px;
}
form#seeRequest td.price_text, form#seeRequest td.price_field, form#seeRequest td.price_final_text, form#seeRequest td.price_final_field {
padding-bottom: 20px;
}
form#seeRequest a#link_popup_confirm {
display: none;
}
form#seeRequest div.error-provider {
width: 65%;
padding: 35px 0 10px 0;
font-weight: bold;
color: #FF0000;
}
div#providerConfirmRequest {
width: 780px;
}
div#providerConfirmRequest h4 {
display: table;
margin-bottom: 20px;
max-width: none;
text-align: left;
}
div#providerConfirmRequest div.summary div.col1 {
float: left;
font-size: 14px;
}
div#providerConfirmRequest div.summary div.row1.col1 {
font-size: 17px;
}
div#providerConfirmRequest div.summary div.row1.col1 span.vat {
font-size: 14px;
}
div#providerConfirmRequest div.summary div.col2 {
float: right;
font-size: 14px;
}
div#providerConfirmRequest div.summary div.row1.col2 {
line-height: 22px;
}
div#providerConfirmRequest div.summary div.space {
clear: both;
margin-bottom: 12px;
}
div#providerConfirmRequest div.summary div#popup_wayin_block {
clear: both;
display: none;
}
div#providerConfirmRequest div.summary div.row2 {
padding-bottom: 2px;
text-decoration: underline;
}
div#providerConfirmRequest div.summary div.row4 {
clear: both;
padding-top: 8px;
padding-bottom: 2px;
text-decoration: underline;
}
:lang(es) div#providerConfirmRequest div.summary div.row1.col1 {
font-size: 15px;
}
@media screen and (max-width: 480px) {
:lang(es) div#providerConfirmRequest div.summary div.row1.col1,
:lang(es) div#providerConfirmRequest div.summary div.row1.col2 {
font-size: 13px;
}
}
div#providerConfirmRequest div.readme {
margin-top: 20px;
margin-bottom: 8px;
clear: both;
display: inline-block;
}
div#providerConfirmRequest div.readme span {
font-size: 24px;
font-weight: bold;
color: #273747;
}
div#providerConfirmRequest div.readme ul {
margin: 8px 0 0 0;
}
div#providerConfirmRequest div.readme ul li {
padding-bottom: 8px;
}
div#providerConfirmRequest table td.terms {
padding-top: 0px;
}
div#providerConfirmRequest table td.terms input {
margin-left: 0px;
}
div#providerConfirmRequest table td.button1 {
width: 48%;
padding-right: 10px;
text-align: right;
}
div#providerConfirmRequest table td.button2 {
width: 48%;
padding-left: 10px;
text-align: left;
}
a.print_resa {
cursor: pointer;
background: url('../images/icons/print.png') no-repeat left;
height: 16px;
padding-left: 22px;
margin-right: 50px;
}
div#seeResa p.cancel_button, div#providerSeeResa p.cancel_button {
text-align: center;
margin-bottom: 0;
}
div#seeResa p.cancel_button.margin, div#providerSeeResa p.cancel_button.margin {
margin-top: 25px;
}
div#seeResa div.detailpayment, div#seeResa div.provider-details, div#seeResa div.coderesa, div#seeResa div.cancelpolicy, div#seeResa div.passenger-details, div#seeResa div.detaildispute, div#seeResa div.detailreview, div#seeResa p.cancel_button,
div#providerSeeResa div.detailpayment, div#providerSeeResa div.user-title, div#providerSeeResa div.user-details, div#providerSeeResa div.cancelpolicy, div#providerSeeResa div.detaildispute, div#providerSeeResa div.detailreview, div#providerSeeResa p.cancel_button {
padding-left: 20px;
padding-right: 20px;
}
div#seeResa div#declare_resa, div#providerSeeResa div#declare_resa, div#seeResa div#declare_answer_resa, div#providerSeeResa div#declare_answer_resa {
padding: 8px 20px;
background-color: #FFC926;
}
div#seeResa div#declare_resa div.text1 {
margin-top: 10px;
margin-bottom: 15px;
font-weight: bold;
}
div#providerSeeResa div#declare_resa div.text1 {
margin-top: 10px;
font-weight: bold;
}
div#providerSeeResa div#declare_resa div.text2 {
margin-top: 10px;
margin-bottom: 10px;
font-weight: bold;
}
div#seeResa div#declare_resa p.buttons {
text-align: center;
}
div#seeResa div#declare_resa p.buttons a, div#providerSeeResa div#declare_resa div.text2 a, div#seeResa div#declare_answer_resa p.buttons a, div#providerSeeResa div#declare_answer_resa p.buttons a {
cursor: pointer;
}
div#seeResa div#declare_resa p.buttons a.margin, div#seeResa div#declare_answer_resa p.buttons a.margin, div#providerSeeResa div#declare_answer_resa p.buttons a.margin {
margin-left: 40px;
}
div#seeResa div#declare_resa p.buttons a.blue-button, div#seeResa div#declare_answer_resa p.buttons a.blue-button, div#providerSeeResa div#declare_answer_resa p.buttons a.blue-button {
background-color: #2C5CA9;
color: #fff;
}
form#declareResa, form#providerDeclareResa, form#declareAnswerResa, form#providerDeclareAnswerResa {
width: 780px;
}
form#declareResa td.submit input.padding, form#providerDeclareResa td.submit input.padding, form#declareAnswerResa td.submit input.padding, form#providerDeclareAnswerResa td.submit input.padding {
margin-left: 12px;
}
div#seeResa div#declare_answer_resa div.text2, div#providerSeeResa div#declare_answer_resa div.text2 {
margin-top: 10px;
margin-bottom: 10px;
}
div#seeResa div#declare_answer_resa div.text2 span, div#providerSeeResa div#declare_answer_resa div.text2 span, div#seeResa div#declare_answer_resa div.text3 span, div#providerSeeResa div#declare_answer_resa div.text3 span {
font-weight: bold;
}
div#seeResa div#declare_answer_resa div.text3, div#providerSeeResa div#declare_answer_resa div.text3 {
margin-top: 10px;
margin-bottom: 15px;
}
div#seeResa div#declare_answer_resa p.buttons, div#providerSeeResa div#declare_answer_resa p.buttons {
text-align: center;
}
div#seeResa h2.title-resa.payment {
float: left;
}
div#seeResa h2.title-resa, div#providerSeeResa h2.title-resa {
padding-left: 20px;
}
div#seeResa div.invoice {
float: right;
margin-top: 35px;
margin-right: 20px;
}
div#seeResa div.invoice a {
background: url('../images/icons/file_pdf.png') no-repeat left center;
padding-left: 24px;
padding-top: 2px;
padding-bottom: 2px;
}
div#seeResa div.payment {
margin-bottom: 18px;
clear: both;
}
div#seeResa div.detailprice {
display: inline-block;
}
div#seeResa div.detailprice div.price1, div#seeResa div.detailprice div.price2 {
margin-bottom: 10px;
}
div#seeResa div.detailprice div.price1 span.price, div#seeResa div.detailprice div.price2 span.price, div#seeResa div.detailprice div.voucher span, div#seeResa div.detailprice div.total {
font-weight: bold;
}
div#seeResa div.detailprice div.price1 span.roundtrip, div#seeResa div.detailprice div.price2 span.roundtrip {
margin-left: 8px;
font-style: italic;
vertical-align: top;
line-height: 18px;
font-size: 10px;
}
div#seeResa div.detailprice div.price2.margin {
margin-bottom: 18px;
}
div#seeResa div.detailprice div.voucher {
margin-bottom: 10px;
}
div#seeResa div.detailprice div.voucher1 {
margin-bottom: 10px;
font-weight: bold;
}
div#seeResa div.detailprice div.voucher2 {
margin-bottom: 18px;
font-weight: bold;
}
div#seeResa div.detailprice div.total span, div#seeResa div.refund span, div#providerSeeResa div.totalprice span {
font-size: 20px;
}
div#seeResa div.refund {
display: inline-block;
margin-left: 100px;
font-weight: bold;
}
div#seeResa div.roundtrip-link, div#providerSeeResa div.roundtrip-link {
margin-top: 18px;
}
div#seeResa div.roundtrip-link a, div#providerSeeResa div.roundtrip-link a {
font-weight: normal;
}
div#providerSeeResa div.paymentleft {
width: 55%;
float: left;
}
div#providerSeeResa div.payment {
margin-bottom: 18px;
}
div#providerSeeResa div.pricepaid {
margin-bottom: 10px;
font-weight: bold;
}
div#providerSeeResa div.feespcent {
margin-bottom: 10px;
font-weight: bold;
}
div#providerSeeResa div.invoices {
margin-top: 20px;
float: right;
}
div#providerSeeResa div.invoice1 {
margin-bottom: 10px;
}
div#providerSeeResa div.invoice2 {
line-height: 24px;
vertical-align: top;
}
div#providerSeeResa div.invoice1 a, div#providerSeeResa div.invoice2 a {
background: url('../images/icons/file_pdf.png') no-repeat left center;
padding-left: 24px;
padding-top: 2px;
padding-bottom: 2px;
}
div#providerSeeResa div.totalprice {
font-weight: bold;
}
div#seeResa div.provider-details {
display: table;
}
div#seeResa div.provider-details div.col1 {
display: table-cell;
width: 42%;
}
div#seeResa div.provider-details div.category, div#seeResa div.provider-details div.rcs, div#seeResa div.provider-details div.manager, div#seeResa div.provider-details div.phone2, div#seeResa div.provider-details div.fax, div#seeResa div.provider-details div.email, div#seeResa div.provider-details div.website, div#seeResa div.passenger-details div.phone, div#seeResa div.passenger-details div.email, div#providerSeeResa div.user-details div.phone, div#providerSeeResa div.user-details div.email {
margin-top: 5px;
}
div#seeResa div.provider-details div.note {
margin-top: 5px;
line-height: 18px;
}
div#seeResa div.provider-details div.note div {
margin-left: 5px;
margin-right: 5px;
vertical-align: top;
display: inline-block;
}
div#seeResa div.provider-details div.address {
margin-top: 5px;
max-height: 80px;
overflow-y: auto;
}
div#seeResa div.provider-details div.col2 {
display: table-cell;
width: 35%;
padding-left: 25px;
}
div#seeResa div.provider-details div.subtitle2 {
margin-bottom: 8px;
font-weight: bold;
font-style: italic;
}
div#seeResa div.provider-details div.phone1 a, div#seeResa div.provider-details div.phone2 a, div#seeResa div.provider-details div.email a, div#seeResa div.provider-details div.website a, div#seeResa div.passenger-details div.phone a, div#seeResa div.passenger-details div.email a, div#providerSeeResa div.user-details div.phone a, div#providerSeeResa div.user-details div.email a {
font-weight: normal;
}
div#seeResa div.provider-details div.profil_button {
display: table-cell;
vertical-align: middle;
text-align: right;
}
div#seeResa div.provider-details div.profil_button a.blue-button {
display: table;
font-size: 16px;
height: auto;
line-height: normal;
margin: 5px auto;
padding: 7px 30px;
float: right;
}
div#providerSeeResa div.user-title {
margin-bottom: 18px;
}
div#providerSeeResa div.user-details {
display: table;
width: 70%;
}
div#providerSeeResa div.user-details div.col1 {
display: table-cell;
width: 49%;
}
div#providerSeeResa div.user-details div.subtitle2 {
margin-bottom: 8px;
font-weight: bold;
font-style: italic;
}
div#providerSeeResa div.user-details div.company {
margin-bottom: 5px;
}
div#providerSeeResa div.user-details div.col2 {
display: table-cell;
width: 49%;
padding-left: 30px;
}
div#seeResa div.coderesa {
display: table;
}
div#seeResa div.coderesa div.col1 {
display: table-cell;
vertical-align: middle;
}
div#seeResa div.coderesa div.code1 span {
padding: 5px 12px;
border: 1px solid #bbb;
background-color: #FFF;
color: #273747;
font-size: 18px;
font-weight: bold;
}
div#seeResa div.coderesa div.col2 {
display: table-cell;
width: 40%;
padding-left: 20px;
}
div#seeResa div.coderesa div.code2 {
font-weight: bold;
color: #273747;
}
div#seeResa div.coderesa div.text2 {
display: table-cell;
padding-left: 30px;
vertical-align: bottom;
}
div#seeResa h2.title-resa img.icon_cp, div#providerSeeResa h2.title-resa img.icon_cp {
margin-left: 8px;
margin-top: 3px;
vertical-align: top;
}
div#seeResa div.dispute-date, div#providerSeeResa div.dispute-date {
font-style: italic;
}
div#seeResa div.dispute-reason, div#providerSeeResa div.dispute-reason {
margin-top: 5px;
}
div#seeResa div.dispute-reason span, div#providerSeeResa div.dispute-reason span {
font-weight: bold;
}
div#seeResa div.dispute-tips, div#providerSeeResa div.dispute-tips {
margin-top: 20px;
margin-bottom: 20px;
padding-left: 75px;
padding-top: 4px;
padding-bottom: 4px;
font-weight: bold;
font-style: italic;
font-size: 13px;
background: url('../images/icons/idea.png') no-repeat left center;
border-top: 1px dotted #D4D4D4;
border-bottom: 1px dotted #D4D4D4;
}
div#seeResa div.dispute-tips ol, div#providerSeeResa div.dispute-tips ol {
margin: 0;
padding: 0;
}
div#seeResa div#dispute_messages, div#providerSeeResa div#dispute_messages {
max-height: 400px;
overflow-y: auto;
}
div#seeResa div#dispute_messages div.datemsg, div#providerSeeResa div#dispute_messages div.datemsg {
margin-top: 20px;
float: left;
clear: both;
width: 48%;
border-left: 1px dotted #CDCDCD;
padding-left: 12px;
}
div#seeResa div#dispute_messages div.datemsg.first, div#providerSeeResa div#dispute_messages div.datemsg.first {
margin-top: 0px;
}
div#seeResa div#dispute_messages div.datemsg.answer, div#providerSeeResa div#dispute_messages div.datemsg.answer {
float: right;
margin-left: 20px;
}
div#seeResa div#dispute_messages div.datemsg span, div#providerSeeResa div#dispute_messages div.datemsg span {
font-weight: bold;
}
div#seeResa div#dispute_messages div.textmsg, div#providerSeeResa div#dispute_messages div.textmsg {
margin-top: 5px;
font-size: 13px;
}
div#seeResa span.dispute-close, div#providerSeeResa span.dispute-close {
font-style: italic;
}
div#seeResa span.dispute-close span, div#providerSeeResa span.dispute-close span {
font-weight: bold;
}
div#providerSeeResa a.normal {
font-weight: normal;
}
div#seeResa form#reviewResa ul.notes-stars div.stars1 {
width: 340px;
float: left;
margin-right: 25px;
}
div#seeResa form#reviewResa ul.notes-stars div.stars2 {
float: left;
margin-right: 25px;
}
div#seeResa div.subtitle.evaluation, div#providerSeeResa div.subtitle.evaluation {
margin-top: 25px;
margin-bottom: 15px;
}
div#seeResa div.note-details, div#providerSeeResa div.note-details {
margin-top: 12px;
}
div#seeResa div.note-details div.note {
width: 350px;
display: inline-block;
}
div#providerSeeResa div.note-details div.note {
width: 160px;
display: inline-block;
}
div#seeResa div.note-details div.stars, div#providerSeeResa div.note-details div.stars {
margin-left: 30px;
vertical-align: top;
display: inline-block;
}
div#seeResa div.note-total, div#providerSeeResa div.note-total {
margin-top: 12px;
padding-top: 6px;
border-top: 1px dotted #CDCDCD;
}
div#seeResa div.note-total {
width: 500px;
}
div#providerSeeResa div.note-total {
width: 310px;
}
div#seeResa div.note-total div.note, div#providerSeeResa div.note-total div.note {
font-weight: bold;
text-transform: uppercase;
display: inline-block;
}
div#seeResa div.note-total div.note {
text-align: center;
width: 350px;
}
div#providerSeeResa div.note-total div.note {
width: 160px;
}
div#seeResa div.note-total div.stars, div#providerSeeResa div.note-total div.stars {
margin-left: 30px;
vertical-align: top;
display: inline-block;
}
div#seeResa div.subtitle.reviews, div#providerSeeResa div.subtitle.reviews {
margin-top: 25px;
margin-bottom: 15px;
}
div#seeResa div.reviews-comments, div#providerSeeResa div.reviews-comments {
width: 49%;
}
div#seeResa div.reviews-comments span, div#providerSeeResa div.reviews-comments span, div#seeResa div.reviews-answer span, div#providerSeeResa div.reviews-answer span {
font-weight: bold;
}
div#seeResa div.reviews-comments div, div#providerSeeResa div.reviews-comments div, div#seeResa div.reviews-answer div, div#providerSeeResa div.reviews-answer div {
margin-top: 5px;
font-size: 13px;
}
div#seeResa div.reviews-answer, div#providerSeeResa div.reviews-answer {
margin-top: 16px;
float: right;
width: 49%;
margin-left: 20px;
}
div#seeResa div.clear, div#providerSeeResa div.clear {
clear: both;
}
div#providerSeeResa div.reviews-form {
margin-top: 30px;
}
div.cancellation-small-text {
font-size: 11px;
margin-top: 6px;
}
div.success_offers_text {
font-size: 15px;
line-height: 21px;
font-weight: normal;
margin-top: 8px;
font-style: normal;
}
div.success_offers_list {
font-size: 14px;
font-weight: bold;
text-align: center;
margin: 20px 0 16px 0;
}
div.success_offers_table {
font-size: 14px;
padding: 2px 10px;
border: 1px solid #888888;
max-height: 280px;
overflow-y: auto;
margin: 0 auto;
margin-bottom: -8px;
}
div.success_offers_table table tr.bold {
font-weight: bold;
}
div.success_offers_table table td.price {
white-space: nowrap;
}
div.success_resa_thanks {
font-size: 15px;
line-height: 21px;
font-weight: normal;
margin-top: 8px;
font-style: normal;
}
div.success_resa p.margin {
margin: 0;
}
div.success_resa div.details {
background-color: #FFC926;
border: 1px solid #888888;
font-size: 14px;
color: #535353;
padding: 14px;
width: 800px;
text-align: left;
font-style: normal;
font-weight: normal;
margin-bottom: 20px;
}
div.success_resa div.details div.provider, div.success_resa div.details div.phone {
display: inline-block;
width: 46%;
}
div.success_resa div.details div.phone {
padding-left: 30px;
}
div.success_resa div.details div.email, div.success_resa div.details div.phone2 {
margin-top: 5px;
}
div.success_resa div.code {
text-align: left;
padding-bottom: 0px;
margin-bottom: -10px;
font-size: 14px;
color: #535353;
font-weight: normal;
font-style: normal;
}
div.success_resa div.code div {
padding-bottom: 4px;
font-weight: bold;
}
div.success_resa div.buttons {
margin-top: 35px;
margin-bottom: -5px;
}
div.success_resa div.buttons a.margin {
margin-left: 40px;
}
div#text-speech-success2.success_signup_evidences {
color: #FF0000;
font-size: 18px;
text-align: left;
}
div#text-speech-success2.success_signup_evidences ul {
padding-left: 20px;
}
form#parametersBank td a {
font-weight: normal;
}
form#parametersBank td.submit input.blue-button {
width: auto !important;
}
form#parametersBank td.submit input.padding {
margin-left: 12px;
}
div#storeResa p.policies {
font-weight: bold;
}
div#storeResa p.policies img.icon_cp {
margin-left: 5px;
}
div#storeResa div.policies {
font-style: italic;
font-size: 13px;
}
div.close_account_error {
padding-top: 15px;
font-weight: bold;
color: #FF0000;
}
form#providerParamRides td img.vehicles {
margin-right: 10px;
}
form#providerParamRides table.tbl_passengers {
width: auto;
}
form#providerParamRides td.passengers_min {
white-space: nowrap;
}
form#providerParamRides td.submit.passengers {
padding-top: 8px;
padding-left: 15px;
}
form#providerParamRides td.submit.passengers input {
width: auto;
line-height: 30px;
height: 30px;
margin: 0;
}
form#providerParamRides div.dept_text {
margin-bottom: 4px;
}
form#providerParamRides div.div_dept {
font-weight: bold;
cursor: pointer;
width: 30%;
float: left;
background: url(../images/icons/bullet_plus.png) left center no-repeat;
padding-left: 28px;
}
form#providerParamRides div.div_nb_zip {
font-style: italic;
font-size: 12px;
cursor: pointer;
width: 33%;
margin-left: 14px;
line-height: 20px;
float: left;
}
form#providerParamRides div.select_all {
margin-left: 3px;
float: left;
display: none;
}
form#providerParamRides div.select_all a {
cursor: pointer;
font-style: italic;
font-size: 12px;
font-weight: normal;
}
form#providerParamRides div.select_all a.margin {
margin-left: 20px;
}
form#providerParamRides td.td_zip {
padding-top: 5px;
}
form#providerParamRides td.td_zip.padding {
padding-left: 10px
}
form#providerCompany strong.capital {
vertical-align: middle;
}
form.provsignup strong.capital {
vertical-align: middle;
}
form.provsignup img.spinner {
margin-left: 10px;
}
form.provsignup table.block-2, form.provsignup table.block-10, form.provsignup table.block-13 {
width: 100%;
}
form.provsignup td.field.datelimit:last-child {
width: 200px;
}
#form-speech-success2 table#speech-table {
margin: 0 auto;
}
form#form_ride {
margin: 0 20px;
}
form#form_ride div.text_fb {
margin-top: 16px;
font-size: 14px;
}
form#providerInformation span.email {
word-break: break-all;
}
img.error404 {
float: right;
width: 180px;
margin-left: 20px;
}
div.user-params #left p.links {
margin-top: 20px;
margin-bottom: 0px;
line-height: 22px;
}
div.user-params #right div.content {
background-color: #fff;
padding: 0;
}
div.user-params #right div.content table:first-child tr:first-child td {
padding-top: 0px;
}
/* SPEECH BUBBLES: WITH A BORDER AND TRIANGLE */
.bubble-triangle-border {
position: relative;
padding: 10px 15px;
margin: 1em 0 3em;
border: 3px solid #273747;
background: #fff;
/* css3 */
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
/* the triangle */
.bubble-triangle-border:before {
content: "";
position: absolute;
bottom: -20px; /* value = - border-top-width - border-bottom-width */
left: 40px; /* controls horizontal position */
border-width: 20px 20px 0;
border-style: solid;
border-color: #273747 transparent;
/* reduce the damage in FF3.0 */
display: block;
width: 0;
}
/* creates the smaller triangle */
.bubble-triangle-border:after {
content: "";
position: absolute;
bottom: -13px; /* value = - border-top-width - border-bottom-width */
left: 47px; /* value = (:before left) + (:before border-left) - (:after border-left) */
border-width: 13px 13px 0;
border-style: solid;
border-color: #fff transparent;
/* reduce the damage in FF3.0 */
display: block;
width: 0;
}
/* Variant : left */
/* creates the larger triangle */
.bubble-triangle-border.left:before {
top: 10px; /* controls vertical position */
bottom: auto;
left: -30px; /* value = - border-left-width - border-right-width */
border-width: 15px 30px 15px 0;
border-color: transparent #273747;
}
/* creates the smaller triangle */
.bubble-triangle-border.left:after {
top: 14px; /* value = (:before top) + (:before border-top) - (:after border-top) */
bottom: auto;
left: -24px; /* value = - border-left-width - border-right-width */
border-width: 11px 24px 11px 0;
border-color: transparent #fff;
}
/* JQUERY STARS NOTATION */
ul.notes-stars {
margin: 0;
padding: 0;
}
ul.notes-stars li {
float: left;
margin: 0;
padding: 0;
list-style: none;
margin-top: -3px;
}
ul.notes-stars li label {
display: block;
text-align: center;
line-height: 20px;
width: 22px;
height: 22px;
background: url(../images/icons/stars.png) center top no-repeat;
cursor: pointer;
}
ul.notes-stars li label.display {
cursor: default;
}
ul.notes-stars li.note-half label {
background: url(../images/icons/stars_half.png) center top no-repeat;
}
ul.notes-stars li.note-off label {
background-position: center -36px;
}
ul.notes-stars.js li {
height: 22px;
min-height: 22px;
min-width: 22px;
width: 23px;
}
ul.notes-stars.js input {
position: absolute;
left: -999%;
}
.mt-rating-star{
vertical-align:-20%;
display:inline-block !important;
margin-right:1px;
background-repeat:no-repeat;
}
/* JQUERY CONTEXT MENU */
.context-menu-icon:before {
position: absolute;
top: 50%;
left: 0;
width: 28px;
font-family: "context-menu-icons";
font-size: 16px;
font-style: normal;
font-weight: normal;
line-height: 1;
color: #273747;
text-align: center;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.context-menu-icon.context-menu-hover:before {
color: #fff;
}
.context-menu-list {
position: absolute;
display: inline-block;
min-width: 180px;
max-width: 320px;
padding: 4px 0;
margin: 5px;
font-family: inherit;
font-size: inherit;
list-style-type: none;
background: #eee;
border: 1px solid #bebebe;
border-radius: 3px;
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
font-size: 12px;
}
.context-menu-item {
position: relative;
padding: 3px 18px;
color: #2f2f2f;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #eee;
}
.context-menu-separator {
padding: 0;
margin: 5px 0;
border-bottom: 1px solid #e6e6e6;
}
.context-menu-item > label > input,
.context-menu-item > label > textarea {
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}
.context-menu-item.context-menu-hover {
color: #fff;
cursor: pointer;
background-color: #273747;
}
.context-menu-item.context-menu-disabled {
color: #626262;
background-color: #fff;
}
.context-menu-item.context-menu-disabled {
color: #626262;
}
.context-menu-input.context-menu-hover,
.context-menu-item.context-menu-disabled.context-menu-hover {
cursor: default;
background-color: #eee;
}
.context-menu-submenu:after {
position: absolute;
top: 50%;
right: 8px;
z-index: 1;
width: 0;
height: 0;
content: '';
border-color: transparent transparent transparent #2f2f2f;
border-style: solid;
border-width: 4px 0 4px 4px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
/**
* Inputs
*/
.context-menu-item.context-menu-input {
padding: 5px 10px;
}
/* vertically align inside labels */
.context-menu-input > label > * {
vertical-align: top;
}
/* position checkboxes and radios as icons */
.context-menu-input > label > input[type="checkbox"],
.context-menu-input > label > input[type="radio"] {
position: relative;
top: 3px;
}
.context-menu-input > label,
.context-menu-input > label > input[type="text"],
.context-menu-input > label > textarea,
.context-menu-input > label > select {
display: block;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.context-menu-input > label > textarea {
height: 100px;
}
.context-menu-item > .context-menu-list {
top: 5px;
/* re-positioned by js */
right: -5px;
display: none;
}
.context-menu-item.context-menu-visible > .context-menu-list {
display: block;
}
.context-menu-accesskey {
text-decoration: underline;
}
/* COUNTRY PHONE SELECTOR */
#countriesOpenElement { float:left; margin-left:0px; margin-right:5px; display:none; }
.selectCountryFromList { cursor:pointer; }
#selectedCountryFromList {
padding: 3px;
margin-top:0px;
line-height:22px;
text-decoration:none;
position: relative;
}
#selectedCountryFromList .selected_calling_code{
color:black;
margin: 0 3px;
width: 30px;
display: inline-block;
vertical-align:middle;
}
@media screen and (max-width: 600px) {
#selectedCountryFromList .selected_calling_code{
font-size:1.2em;
width: 40px;
}
}
#countriesMenu { list-style:none; font-size:13px; color:#535353; font-weight:normal; line-height:19px; max-height:240px; width:264px; }
#countriesMenu .countryCode{font-weight:bold}
#countriesMenu .countryName, #countriesMenu .countryCode{margin-top:4px;color:#535353}
#countriesMenu .countryName{margin-left:5px}
.countrybtn{display:inline-block;*display:inline;padding:4px 10px 4px;margin-bottom:0;*margin-left:.3em;font-size:13px;line-height:18px;*line-height:20px;color:#333333;text-align:center;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);vertical-align:middle;cursor:pointer;background-color:#f5f5f5;*background-color:#e6e6e6;background-image:-ms-linear-gradient(top, #ffffff, #e6e6e6);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);background-image:linear-gradient(top, #ffffff, #e6e6e6);background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);background-repeat:repeat-x;border:1px solid #cccccc;*border:0;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-bottom-color:#b3b3b3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);filter:progid:dximagetransform.microsoft.gradient(enabled=false);*zoom:1;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05)}
.countrybtn:hover,.countrybtn:active,.countrybtn.active,.countrybtn.disabled,.countrybtn[disabled]{background-color:#e6e6e6;*background-color:#d9d9d9}
.countrybtn:active,.countrybtn.active{background-color:#cccccc \9}
.countrybtn:first-child{*margin-left:0}
.countrybtn:hover{color:#333333;text-decoration:none;background-color:#e6e6e6;*background-color:#d9d9d9;background-position:0 -15px;-webkit-transition:background-position 0.1s linear;-moz-transition:background-position 0.1s linear;-ms-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear}
.countrybtn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.countrybtn.active,.countrybtn:active{background-color:#e6e6e6;background-color:#d9d9d9 \9;background-image:none;outline:0;-webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05)}
.countrybtn.disabled,.countrybtn[disabled]{cursor:default;background-color:#e6e6e6;background-image:none;opacity:0.65;filter:alpha(opacity=65);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.countrybtn{border-color:#ccc;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25)}
.countrybtn-group{position:relative;*margin-left:.3em;*zoom:1}
.countrybtn-group:before,.countrybtn-group:after{display:table;content:""}
.countrybtn-group:after{clear:both}
.countrybtn-group:first-child{*margin-left:0}
.countrybtn-group + .countrybtn-group{margin-left:5px}
.countrybtn-group > .countrybtn{position:relative;display:inline-block;float:left;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.countrybtn-group > .countrybtn:first-child{margin-left:0;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-webkit-border-top-left-radius:4px;border-top-left-radius:4px;-moz-border-radius-bottomleft:4px;-moz-border-radius-topleft:4px}
.countrybtn-group > .countrybtn:last-child,.countrybtn-group > .dropdown-toggle{-webkit-border-top-right-radius:4px;border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;-moz-border-radius-topright:4px;-moz-border-radius-bottomright:4px}
.countrybtn-group > .countrybtn.large:first-child{margin-left:0;-webkit-border-bottom-left-radius:6px;border-bottom-left-radius:6px;-webkit-border-top-left-radius:6px;border-top-left-radius:6px;-moz-border-radius-bottomleft:6px;-moz-border-radius-topleft:6px}
.countrybtn-group > .countrybtn.large:last-child,.countrybtn-group > .large.dropdown-toggle{-webkit-border-top-right-radius:6px;border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;border-bottom-right-radius:6px;-moz-border-radius-topright:6px;-moz-border-radius-bottomright:6px}
.countrybtn-group > .countrybtn:hover,.countrybtn-group > .countrybtn:focus,.countrybtn-group > .countrybtn:active,.countrybtn-group > .countrybtn.active{z-index:2}
.countrybtn-group .dropdown-toggle:active,.countrybtn-group.ctopen .dropdown-toggle{outline:0}
.countrybtn-group > .dropdown-toggle{*padding-top:4px;padding-right:8px;*padding-bottom:4px;padding-left:8px;-webkit-box-shadow:inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05)}
.countrybtn-group > .countrybtn-mini.dropdown-toggle{padding-right:5px;padding-left:5px}
.countrybtn-group > .countrybtn-small.dropdown-toggle{*padding-top:4px;*padding-bottom:4px}
.countrybtn-group > .countrybtn-large.dropdown-toggle{padding-right:12px;padding-left:12px}
.countrybtn-group.ctopen .dropdown-toggle{background-image:none;-webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05)}
.countrybtn-group.ctopen .countrybtn.dropdown-toggle{background-color:#e6e6e6}
.countrybtn-group.ctopen .countrybtn-primary.dropdown-toggle{background-color:#0055cc}
.countrybtn-group.ctopen .countrybtn-warning.dropdown-toggle{background-color:#f89406}
.countrybtn-group.ctopen .countrybtn-danger.dropdown-toggle{background-color:#bd362f}
.countrybtn-group.ctopen .countrybtn-success.dropdown-toggle{background-color:#51a351}
.countrybtn-group.ctopen .countrybtn-info.dropdown-toggle{background-color:#2f96b4}
.countrybtn-group.ctopen .countrybtn-inverse.dropdown-toggle{background-color:#222222}
.countrybtn .caret{margin-top:7px;margin-left:0}
.countrybtn:hover .caret,.ctopen.countrybtn-group .caret{opacity:1;filter:alpha(opacity=100)}
.countrybtn-primary .caret,.countrybtn-warning .caret,.countrybtn-danger .caret,.countrybtn-info .caret,.countrybtn-success .caret,.countrybtn-inverse .caret{border-top-color:#ffffff;border-bottom-color:#ffffff;opacity:0.75;filter:alpha(opacity=75)}
.caret{display:inline-block;width:0;height:0;vertical-align:top;border-top:4px solid #000000;border-right:4px solid transparent;border-left:4px solid transparent;content:"";opacity:0.3;filter:alpha(opacity=30)}
.ctdropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;max-height:400px;overflow-y:auto;padding:4px 0;margin:2px 0 0;list-style:none;background-color:#ffffff;border:1px solid #fff;*border-right-width:2px;*border-bottom-width:2px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.2);box-shadow:0 0 10px rgba(0, 0, 0, 0.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}
.ctdropdown-menu li{text-align:left}
.ctdropdown-menu.pull-right{right:0;left:auto}
.ctdropdown-menu .divider{*width:100%;height:1px;margin:8px 1px;*margin:-5px 0 5px;overflow:hidden;background-color:#e5e5e5;border-bottom:1px solid #ffffff}
.ctdropdown-menu a{display:block;padding:3px 15px;clear:both;font-weight:normal;line-height:18px;color:#333333;white-space:nowrap}
.ctdropdown-menu li > a:hover,.ctdropdown-menu .active > a,.ctdropdown-menu .active > a:hover{text-decoration:none;background-color:#efefef}
.ctopen{*z-index:1000}
.ctopen .ctdropdown-menu{display:block}
.pull-right .ctdropdown-menu{right:0;left:auto}
.ctleft {float:left}
.ctright {float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;font-size:0}
.flag-emoji{ font-size: 26px; vertical-align: middle; }
/* SOCIAL BUTTONS */
a#FbLogin{
display:inline-block;
line-height:28px;
background-color:#5c7bb4;
border-radius:2px;
height:36px;
line-height:35px;
color:#fff;
text-align:center;
max-width:300px;
}
a#FbLogin:hover, a#GoogleLogin:hover, a#TwLogin:hover {
opacity: 0.94;
text-decoration:none;
cursor:pointer;
}
a#GoogleLogin{display:inline-block;width:200px;line-height:28px;background-color:#ce523c;background-image:-webkit-gradient(linear,0 0,0 100%,from(#df5e4d),color-stop(50%,#d35945),color-stop(51%,#cc4730),to(#bc3519));background-image:-webkit-linear-gradient(#df5e4d,#d35945 50%,#cc4730 51%,#bc3519);background-image:-moz-linear-gradient(top,#df5e4d,#d35945 50%,#cc4730 51%,#bc3519);background-image:-ms-linear-gradient(#df5e4d,#d35945 50%,#cc4730 51%,#bc3519);background-image:-o-linear-gradient(#df5e4d,#d35945 50%,#cc4730 51%,#bc3519);background-image:linear-gradient(#df5e4d,#d35945 50%,#cc4730 51%,#bc3519);background-repeat:no-repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#df5e4d',endColorstr='#bc3519',GradientType=0);color:#fff;text-shadow:1px 1px 1px #2e4b7d;border:1px solid #901d05;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.27);text-decoration:none;font-size:11px;font-weight:bold;cursor:pointer;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
a#GoogleLogin span{display:inline-block;margin-right:5px;width:26px;height:28px;float:left;background-image:url('../images/icons/social_buttons_background.png');background-repeat:no-repeat;background-position:-34px 1px}
a#TwLogin{display:inline-block;width:200px;line-height:28px;box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.27);background-color:#2bafdb;background-image:-webkit-gradient(linear,0 0,0 100%,from(#31cafd),color-stop(50%,#2ebae8),color-stop(51%,#17b1e4),to(#2081a9));background-image:-webkit-linear-gradient(#31cafd,#2ebae8 50%,#17b1e4 51%,#2081a9);background-image:-moz-linear-gradient(top,#31cafd,#2ebae8 50%,#17b1e4 51%,#2081a9);background-image:-ms-linear-gradient(#31cafd,#2ebae8 50%,#17b1e4 51%,#2081a9);background-image:-o-linear-gradient(#31cafd,#2ebae8 50%,#17b1e4 51%,#2081a9);background-image:linear-gradient(#31cafd,#2ebae8 50%,#17b1e4 51%,#2081a9);background-repeat:no-repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#31cafd',endColorstr='#2081a9',GradientType=0);cursor:pointer;color:#fff;text-shadow:1px 1px 1px #228db9;border:1px solid #1B6C8F;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;text-decoration:none;font-size:11px;font-weight:bold;cursor:pointer;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
a#TwLogin span{display:inline-block;margin-right:5px;width:26px;height:28px;float:left;background-image:url('../images/icons/social_buttons_background.png');background-repeat:no-repeat;background-position:-66px 2px;}
#GoogleLogin, #TwLogin{float:left}
/* JQUERY DROPDOWN MENU
LEVEL ONE */
ul.dropdown2 { position: relative; list-style: none; display: table-cell; vertical-align: middle; margin: 0; }
ul.dropdown2 li { float: left; zoom: 1; /*font-weight: bold;*/ }
ul.dropdown2 li.hover,
ul.dropdown2 li:hover { position: relative; }
ul.dropdown3 { position: relative; list-style: none; display: table-cell; vertical-align: middle; margin: 0; }
ul.dropdown3 li { float: left; zoom: 1; /*font-weight: bold;*/ }
ul.dropdown3 li.hover,
ul.dropdown3 li:hover { position: relative; }
/* LEVEL TWO */
ul.dropdown ul { visibility: hidden; position: absolute; list-style: none; top: 100%; left: -38px; padding-top: 5px; }
ul.dropdown ul li { font-weight: bold; font-size: 13px; background: #f6f6f6; color: #535353; float: none; text-align: left; }
ul.dropdown ul li a { padding: 4px 8px; border-bottom: 1px solid #ccc; width: 100%; display: inline-block; color: #4C73BB; } /* IE 6&7 Needs Inline Block */
ul.dropdown ul li:hover { background: #4C73BB; }
ul.dropdown ul li a:hover { color: #fff; }
#memberspace-banneer ul.dropdown2 ul { background: #273747; border: none; visibility: hidden; position: absolute; list-style: none; top: 100%; padding: 0; margin: 0; z-index: 100; }
#memberspace-banneer li ul.sub_menu li { float: none; text-align: left; margin: 0; }
#memberspace-banneer li ul.sub_menu li a { background: none; font-size: 14px; padding: 10px; border-bottom: 1px solid #ccc; color: #ffffff; text-decoration: none; float: left; width: 100%; box-sizing: border-box; } /* IE 6&7 Needs Inline Block */
ul.dropdown2 ul.sub_menu li:hover { background: #4C73BB; }
#memberspace-banneer li ul.sub_menu li a:hover { color: #ff9326; }
ul.dropdown3 ul { background: #273747; border: none; visibility: hidden; position: absolute; list-style: none; top: 100%; padding: 0; z-index: 100; }
/* LEVEL THREE */
ul.dropdown ul ul { left: 100%; top: 0; list-style: none; }
ul.dropdown li:hover > ul { visibility: visible; }
ul.dropdown2 ul ul { left: 100%; top: 0; list-style: none; }
ul.dropdown2 li:hover > ul { visibility: visible; }
ul.dropdown3 ul ul { left: 100%; top: 0; list-style: none; }
ul.dropdown3 li:hover > ul { visibility: visible; }
/* MEDIA QUERIES */
@media screen and (min-width: 320px) and (max-width: 374px) {
/*========================= popup =========================*/
#fancybox-close {
top: 0 !important;
right: 0 !important;
}
}
@media screen and (min-width: 320px) and (max-width: 424px) {
/*========================= seeresa =========================*/
span.print_resa {
display: block;
padding-top: 8px;
}
a.print_resa {
margin-right: 0;
}
}
@media screen and (max-width: 480px) {
/*========================= learn more =========================*/
#learn-more-customers .customer-type { margin: 0 2.5%; }
#learn-more-customers .customer-picture { width: 100px; height: 100px; background-size: cover; }
#learn-more-content-line2 td img { width: 80% }
}
@media screen and (min-width: 320px) and (max-width: 480px) {
/*========================= tripcat =========================*/
div.title-big {
padding: 0 20px;
}
div.title-big h1 {
font-size: 22px;
}
.ride-desc-short {
padding: 0 20px;
}
#ride-description-container, #vehicle-description-container, #choose-signup-description-container, #parameters-menu-container, #profile-menu-container {
width: auto;
}
#ride-description-container h3 {
font-size: 16px;
}
.ride-description, .vehicle-description, .choose-signup-description, .profile-menu-block, .parameters-menu-block {
margin: 10px 0 !important;
width: auto;
}
.vehicle-description {
min-height: auto;
}
.vehicle-description p.description, .choose-signup-description p.description, .parameters-menu-block p.description, .profile-menu-block p.description {
min-height: auto;
}
div.frame div.content.textblock {
padding: 20px;
}
div#profiles_best-title {
font-size: 16px;
width: auto;
}
div.profiles_best {
display: inherit;
}
div.profiles_best div.tr {
display: inherit;
}
div.profiles_best div.td.col {
display: inline-block;
padding: 1% 1%;
width: 48%;
}
div.profiles_best div.td.col.last {
padding-right: 1%;
}
div.profiles_best div.td div.profile {
display: block;
text-align: center;
line-height: 1.35;
width: 100%;
}
div.profiles_best div.td div.profile.margin {
margin-top: 0;
}
div.profiles_best div.td div.profile div.tr {
padding: 0;
}
div.profiles_best div.td div.profile div.tr.row1 {
height: 90px;
}
div.profiles_best div.td div.profile div.tr.row1 img.photo {
height: 90px;
}
div.profiles_best div.td div.profile div.tr.row1 img.nophoto {
width: 100%;
height: 90px;
}
div.profiles_best div.td div.profile div.tr div.td.col1 a {
font-size: 12px;
}
/*========================= transfer form =========================*/
div.frame div.content .newform, div.frame div.content div.newcont {
margin: 0 20px;
}
div.frame div.content div.newcont .newform {
margin: 0;
}
.tbl_one {
width: 100%;
}
div.form-container div.title {
padding: 0 20px;
width: auto;
}
div.form-container div.title h1 {
font-size: 22px;
}
div.frame div.content td.title {
width: 100%;
}
div.frame div.content td.title > span {
display: block;
padding: 8px 20px;
margin: 5px -20px 0 -20px;
width: auto;
max-width: inherit;
}
div.frame p.information {
margin: 0 20px;
}
div.frame a.tooltip {
margin-left: 0px;
}
div.frame div.content input[type="text"],
div.frame div.content input[type="email"],
div.frame div.content input[type="tel"],
div.frame div.content input[type="password"],
div.frame div.content textarea {
width: 230px !important;
}
div.frame div.content input[type="file"] {
width: 242px !important;
}
div.frame div.content select {
max-width: 252px;
}
.autocomplete-list, .autocomplete-list2 {
width: 252px !important;
}
div.frame div.content td.lang_field input[type="text"] {
width: auto !important;
}
.newform input#getRide-getRide-num_pass, .newform input#getRide-getRide-num_luggage {
width: 50px !important;
}
div.frame div.content .newform td.submit input {
width: 252px;
}
div.frame div.content input.datepicker {
padding: 0 6px;
width: 76px !important;
}
div.frame div.content td {
float: left;
padding-top: 6px;
padding-right: 0px;
}
div.frame div.content td.label {
float: left;
padding: 10px 20px 0 0;
width: 100% !important;
}
div.frame div.content .newform td.label, div.frame div.content .newform td.label.error, div.frame div.content .newform td.field {
padding-top: 6px;
}
div.frame div.content td.padd {
float: left;
padding-right: 1em;
padding-top: 5px;
}
div.frame div.content .tbl_datetime td.padd {
float: left;
width: 80% !important;
}
div.frame div.content .tbl_datetime td.label {
padding: 10px 0 0 0 !important;
width: 56px !important;
}
div.frame div.content .tbl_isrecurrent td.label {
width: auto !important;
}
div.frame div.content .tbl_equipments td.label {
width: 54% !important;
}
div.frame div.content .tbl_equipments td.field {
width: 26% !important;
}
div.frame div.content .tbl_equipments td.padd {
padding-top: 8px;
padding-right: 20px;
}
div.frame div.content td.guid_label1 {
width: auto !important;
}
div.frame div.content .tbl_guide td.padd {
padding-top: 6px;
}
div.frame div.content td.label.lang_label {
padding-left: 0;
}
/*========================= law =========================*/
div#content .company-category-div h1.page-title {
font-size: 22px;
}
div#content div.learn-more-category-div h1.page-title {
font-size: 22px;
}
.company-category-div {
padding: 0 20px;
}
div#content .company-category-div .buttons a.blue-button {
margin-left: 0;
margin-right: 0;
}
div#content .company-category-div h2 {
width: auto;
padding: 8px 20px;
margin: 30px -20px 25px;
}
/*========================= learn more =========================*/
#learn-more-customers {
/*display: none;*/
}
#learn-more-content-line2 {
display: inline-block;
}
#learn-more-content-line2 td.img1, #learn-more-content-line2 td.img2, #learn-more-content-line2 td.img3 {
width: 64px;
clear: left;
float: left;
}
#learn-more-content-line2 td.col1, #learn-more-content-line2 td.col2, #learn-more-content-line2 td.col3 {
height: 70px;
}
#learn-more-content-line2 td.img2 {
padding-top: 5px;
padding-left: 0;
}
#learn-more-content-line2 td.col2 {
padding-top: 5px;
padding-right: 0;
}
#learn-more-content-line2 td.img3 {
padding-top: 5px;
}
#learn-more-content-line2 td.col3 {
padding-top: 5px;
padding-left: 15px;
}
/*========================= provider =========================*/
#left, #right {
float: none;
max-width: inherit;
}
#right {
margin-top: 30px;
margin-left: 0;
}
/*========================= provider subsection =========================*/
.learn-more-title {
width: 100%;
}
div#result-back-big-top.learn-more-back {
margin-top: -35px;
}
.learn-more-help {
padding-right: 0;
background: none !important;
}
.customers {
display: none;
}
/*========================= error 404 =========================*/
img.error404 {
display: none;
}
/*========================= my rides =========================*/
p.page-list, p.page-more {
margin-left: 20px;
}
/*========================= provider resas =========================*/
div.offers-filters div {
margin-left: 0;
}
/*========================= provider profile menu =========================*/
div.text-profile-incomplete span {
font-size: 16px;
}
/*========================= provider company =========================*/
div.frame div.content form.textform td.label {
width: 100% !important;
max-width: inherit !important;
font-weight: 600;
}
/*========================= login =========================*/
#login-social-connect {
position: relative;
margin-top: 20px;
margin-left: 0;
}
/*========================= provider verifications =========================*/
div#content-verifications div.line-verification div.name-verif {
min-width: 200px;
}
div#content-verifications div.line-verification div.name-verif2 {
display: inline-block;
}
div#content-verifications div.line-verification div.tooltip-verif {
display: inline-block;
}
div#content-verifications div.line-verification div.button-verif {
display: inherit;
padding-left: 0;
}
div#content-verifications div.error-facebook-profile {
display: block;
padding-left: 0;
/*width: auto;*/
margin-top: 10px;
}
/*========================= faq =========================*/
div#content .faq-main-div h1.page-title {
font-size: 22px;
}
.faq-main-div {
padding: 0 20px;
}
div.faq-sidebar div.row {
display: block;
width: 100%;
margin-bottom: 24px;
}
div.faq-sidebar div.row.hidebar {
display: none;
}
div.faq-main {
display: block;
width: 100%;
padding-left: 0;
}
div.faq-link-back {
margin-top: -20px;
margin-bottom: 10px;
}
/*========================= user signup =========================*/
#content-signup div.social-connect2 {
display: block;
width: 100%;
}
#content-signup div.registered-user {
display: block;
width: 100%;
margin-top: 20px;
}
#content-signup .big-title-tab {
width: 100%;
}
#content-signup .big-title2-tab {
width: 100%;
}
#content-signup .signup-desc {
width: auto;
}
#content-signup .social-connect {
margin: 0 20px;
padding-top: 10px;
float: none;
position: relative;
width: auto;
right: 0;
}
#content-signup .social-connect div.social-button {
float: none;
margin: 0 auto;
display: table;
}
/*========================= provider param rides =========================*/
form#providerParamRides td.submit.passengers {
padding-left: 0;
width: 100%;
}
/*========================= activity =========================*/
div#activity-words, div#activity_en-words {
margin-left: 0;
width: 100%;
}
input#activity-activity-drivers {
width: 45px !important;
}
/*========================= provider signup =========================*/
div.frame div.content form.provsignup td.submit input {
font-size: 14px;
padding: 0 10px;
width: auto;
}
form.provsignup td.field.datelimit:last-child {
width: auto;
}
/*========================= provider vehicles =========================*/
input#providerVehicles-providerVehiclesNumber-vehicles {
width: 45px !important;
}
div.frame div.content form#providerVehiclesNumber td.submit input {
font-size: 14px;
padding: 0 10px;
width: auto;
}
#provider-vehicles div.frame div.content div.vehicle-title {
clear: both;
padding-top: 25px;
margin-top: 0;
}
#provider-vehicles div.frame div.content div.vehicle-title div {
/*display: inline;*/
}
#provider-vehicles div.frame div.content div.vehicle-title div.vehicle-name {
width: 70%;
min-height: 20px;
float: left;
margin-top: 5px;
}
#provider-vehicles div.frame div.content div.vehicle-title div.photos_ok, #provider-vehicles div.frame div.content div.vehicle-title div.photos_error {
background-size: 80%;
margin-top: -60px;
margin-right: 16px;
}
#provider-vehicles div.frame div.content div.vehicle-title div.delete-vehicle {
position: relative;
top: -10px;
line-height: inherit;
}
#provider-vehicles div.nb-words-count {
margin-left: 0;
width: 100%;
}
#provider-vehicles td.field.option {
width: 100%;
}
/*========================= success =========================*/
#speech-success, #speech-success2, #speech-default2, #speech-success3, #speech-fail, #speech, #text-speech-success2, div.success_offers_list {
padding: 0 20px;
}
#speech-success, #speech-success2, #speech-default2, #speech-success3 {
background: none;
}
div.success_offers_table {
padding: 2px;
margin-bottom: 20px;
font-size: 12px;
}
#text-speech-success2 div.text {
font-size: 12px;
}
#text-speech-success2 div.fb-like-block {
margin-right: 0;
}
#form-speech-success2 td.submit input {
font-size: 14px;
padding: 0 10px;
width: auto;
}
div.success_resa div.details {
width: auto;
}
div.success_resa div.details div.provider, div.success_resa div.details div.phone {
display: block;
width: auto;
}
div.success_resa div.details div.phone {
padding-left: 0;
margin-top: 10px;
}
div.success_resa div.buttons {
margin-bottom: 20px;
}
div.success_resa div.buttons a.blue-button, #form-speech-success2 td.submit input.margin {
margin-left: 0;
margin-right: 0;
}
div.jquery-msgbox {
left: 0 !important;
width: auto !important;
}
/*========================= provider account =========================*/
.provider #header {
width: auto;
}
.provider .right-header {
float: left;
}
.provider .banner h1 {
font-size: 26px;
}
/*========================= seerequest =========================*/
input#seeRequest-seeRequest-price {
width: 75px !important;
}
div#providerConfirmRequest table td.submit {
width: 100%;
padding-left: 0;
padding-right: 0;
text-align: center;
}
div#providerConfirmRequest table td.submit input {
width: 232px;
}
div#providerConfirmRequest table td.submit a {
width: 172px;
}
div#providerConfirmRequest table td.button2 {
padding-top: 6px;
}
/*========================= summaryresa =========================*/
div#summaryResa #form_reservation td.submit input {
font-size: 14px;
height: 50px;
line-height: inherit;
white-space: normal;
}
/*========================= provider tutorial =========================*/
div#providerTutorial div.policies span {
margin-left: 0 !important;
display: block;
}
div#providerTutorial td.submit input {
width: 200px;
}
div#providerTutorial td.submit input:nth-child(2) {
margin-left: 0;
margin-top: 10px;
}
/*========================= seeoffers =========================*/
div#seeOffers div.offer-head {
display: block;
margin-top: 10px;
}
div#seeOffers div.offer-picture {
display: block;
padding-right: 0;
width: 100%;
}
div#seeOffers div.list-offer {
display: block;
}
div#seeOffers div.offer-past {
display: block;
margin-top: 10px;
}
/*========================= seeresa =========================*/
div#seeResa div.coderesa {
display: block;
}
div#seeResa div.coderesa div.col1 {
display: block;
width: auto;
}
div#seeResa div.coderesa div.col2 {
display: block;
width: auto;
padding-left: 0;
padding-top: 20px;
}
div#seeResa div.coderesa div.text2 {
display: block;
padding-left: 0;
padding-top: 10px;
}
div#seeResa div.dispute-tips, div#providerSeeResa div.dispute-tips {
background: none;
padding-left: 15px;
}
div#seeResa div#dispute_messages div.datemsg, div#providerSeeResa div#dispute_messages div.datemsg {
width: auto;
}
div#seeResa div.reviews-comments, div#providerSeeResa div.reviews-comments {
width: auto;
}
div#seeResa div.reviews-answer, div#providerSeeResa div.reviews-answer {
width: auto;
}
form#providerConfirmCodeResa td.submit {
padding-left: 0;
}
form#providerConfirmCodeResa td.submit input {
width: 100px;
}
form#declareResa td.submit input.padding, form#providerDeclareResa td.submit input.padding, form#declareAnswerResa td.submit input.padding, form#providerDeclareAnswerResa td.submit input.padding {
margin-left: 5px;
}
form#declareResa td.submit input, form#providerDeclareResa td.submit input, form#declareAnswerResa td.submit input, form#providerDeclareAnswerResa td.submit input {
padding: 0 25px;
}
div#seeResa div.note-total {
width: auto;
}
div#providerSeeResa div.note-total {
width: auto;
}
div#seeResa div.note-total div.stars, div#providerSeeResa div.note-total div.stars {
margin-left: 20px;
}
form#parametersBank td.submit input.padding {
margin-left: 4px;
}
}
@media screen and (min-width: 481px) and (max-width: 767px) {
/*========================= tripcat =========================*/
div.title-big {
padding: 0 20px;
}
div.title-big h1 {
font-size: 22px;
}
.ride-desc-short {
padding: 0 20px;
}
#ride-description-container, #vehicle-description-container, #choose-signup-description-container, #parameters-menu-container, #profile-menu-container {
width: auto;
}
#ride-description-container h3 {
font-size: 16px;
}
.ride-description, .vehicle-description, .choose-signup-description, .profile-menu-block, .parameters-menu-block {
margin: 10px 0 !important;
padding: 30px 5%;
width: 90%;
}
.vehicle-description, .choose-signup-description, .profile-menu-block, .parameters-menu-block {
min-height: auto;
}
.vehicle-description p.description, .choose-signup-description p.description, .profile-menu-block p.description, .parameters-menu-block p.description {
min-height: auto;
}
div.frame div.content.textblock {
padding: 20px;
}
div#profiles_best-title {
font-size: 16px;
width: auto;
float: none;
text-align: center;
}
div.profiles_best {
display: inherit;
}
div.profiles_best div.tr {
display: block;
}
div.profiles_best div.td {
display: inherit;
}
div.profiles_best div.td.col {
float: left;
padding: 1% 1%;
width: 31.3%;
}
div.profiles_best div.td.col.last {
padding-right: 1%;
}
div.profiles_best div.td div.profile.margin {
margin-top: 0;
}
div.profiles_best div.td div.profile div.tr {
padding: 0;
}
div.profiles_best div.td div.profile div.tr.row1 img.nophoto {
width: 100%;
}
div.profiles_best div.td div.profile div.tr div.td.col1 a {
font-size: 12px;
}
/*========================= transfer form =========================*/
div.frame div.content .newform, div.frame div.content div.newcont {
margin: 0 20px;
}
div.frame div.content div.newcont .newform {
margin: 0;
}
.tbl_one {
width: 100%;
}
div.form-container div.title {
padding: 0 20px;
}
div.form-container div.title h1 {
font-size: 22px;
}
div.frame div.content td.title {
width: 100%;
}
div.frame div.content td.title > span {
padding: 8px 20px;
margin: 5px -20px 0 -20px;
width: auto !important;
font-size: 16px;
max-width: inherit;
}
div.frame p.information {
margin: 0 20px;
}
div.frame a.tooltip {
margin-left: 0px;
}
.newform input#getRide-getRide-num_pass, .newform input#getRide-getRide-num_luggage {
width: 50px !important;
}
div.frame div.content textarea {
width: 370px;
}
div.frame div.content td {
float: left;
padding-top: 6px;
padding-right: 0px;
}
div.frame div.content td.label {
float: left;
padding: 10px 20px 0 0;
width: 100% !important;
}
div.frame div.content .newform td.label, div.frame div.content .newform td.label.error, div.frame div.content .newform td.field {
padding-top: 6px;
}
div.frame div.content td.padd {
float: left;
padding-right: 0;
padding-top: 10px;
}
div.frame div.content .tbl_datetime td.padd {
padding-right: 20px;
}
div.frame div.content .tbl_datetime td.label {
padding-top: 10px !important;
width: auto !important;
}
div.frame div.content .tbl_isrecurrent td.label {
width: auto !important;
}
div.frame div.content .tbl_equipments td.label {
width: 38% !important;
}
div.frame div.content .tbl_equipments td.field {
width: 42% !important;
}
div.frame div.content .tbl_equipments td.padd {
padding-top: 8px;
padding-right: 20px;
}
div.frame div.content td.guid_label1 {
width: auto !important;
}
div.frame div.content td.label.lang_label {
padding-left: 0;
}
/*========================= law =========================*/
div#content .company-category-div h1.page-title {
font-size: 22px;
}
div#content div.learn-more-category-div h1.page-title {
font-size: 22px;
}
.company-category-div {
padding: 0 20px;
}
div#content .company-category-div h2 {
width: auto;
padding: 8px 20px;
margin: 30px -20px 25px;
}
div#content .company-category-div .buttons a.blue-button {
margin-left: 0;
margin-right: 0;
}
/*========================= learn more =========================*/
#learn-more-content-line2 {
display: inline-block;
}
#learn-more-content-line2 td.img1, #learn-more-content-line2 td.img2, #learn-more-content-line2 td.img3 {
width: 64px;
clear: left;
float: left;
}
#learn-more-content-line2 td.col1, #learn-more-content-line2 td.col2, #learn-more-content-line2 td.col3 {
height: 70px;
}
#learn-more-content-line2 td.img2 {
padding-top: 5px;
padding-left: 0;
}
#learn-more-content-line2 td.col2 {
padding-top: 5px;
padding-right: 0;
}
#learn-more-content-line2 td.img3 {
padding-top: 5px;
}
#learn-more-content-line2 td.col3 {
padding-top: 5px;
padding-left: 15px;
}
/*========================= provider =========================*/
#left, #right {
float: none;
max-width: inherit;
}
#right {
margin-top: 30px;
margin-left: 0;
}
/*========================= provider subsection =========================*/
.learn-more-title {
width: 100%;
}
div#result-back-big-top.learn-more-back {
margin-top: -35px;
}
.learn-more-help {
padding-right: 0;
background: none !important;
}
.customers {
display: none;
}
/*========================= provider profile menu =========================*/
div.text-profile-incomplete span {
font-size: 16px;
}
/*========================= provider company =========================*/
div.frame div.content form.textform td {
float: none;
}
div.frame div.content form.textform td.label {
width: 40% !important;
max-width: inherit !important;
}
/*========================= login =========================*/
#login-social-connect {
position: relative;
margin-top: 20px;
margin-left: 0;
}
/*========================= provider verifications =========================*/
div#content-verifications div.line-verification div.name-verif2 {
display: inline-block;
}
div#content-verifications div.line-verification div.tooltip-verif {
display: inline-block;
}
div#content-verifications div.line-verification div.button-verif {
display: inline-block;
}
div#content-verifications div.error-facebook-profile {
display: block;
padding-left: 0;
margin-top: 10px;
}
/*========================= faq =========================*/
div#content .faq-main-div h1.page-title {
font-size: 22px;
}
.faq-main-div {
padding: 0 20px;
}
div.faq-sidebar div.row {
width: 30%;
}
/*========================= provider param rides =========================*/
form#providerParamRides td.submit.passengers {
padding-top: 6px;
}
/*========================= provider vehicles =========================*/
#provider-vehicles div.frame div.content div.vehicle-title {
clear: both;
padding-top: 25px;
margin-top: 0;
}
#provider-vehicles div.frame div.content div.vehicle-title div.vehicle-name {
width: 70%;
min-height: 20px;
float: left;
margin-top: 5px;
}
#provider-vehicles div.frame div.content div.vehicle-title div.photos_ok, #provider-vehicles div.frame div.content div.vehicle-title div.photos_error {
background-size: 80%;
height: 29px;
}
#provider-vehicles div.frame div.content div.vehicle-title div.delete-vehicle {
line-height: 29px;
}
#provider-vehicles div.nb-words-count {
margin-left: 0;
width: 100%;
}
#provider-vehicles td.field.option {
width: 50%;
}
#provider-vehicles textarea[name="providerVehicles-providerVehicles-description"] {
max-width: 480px;
}
/*========================= success =========================*/
#speech-default2, #speech-fail, #speech, #text-speech-success2, div.success_offers_list {
padding: 0 20px;
}
#speech-success, #speech-success2, #speech-default2, #speech-success3 {
padding: 0 20px 0 178px;
background-position-x: 20px;
}
div.success_offers_table {
margin: 0 20px 20px 20px;
}
#text-speech-success2 div.text {
font-size: 12px;
}
#text-speech-success2 div.fb-like-block {
margin-right: 0;
}
div.success_resa div.details {
width: auto;
}
div.success_resa div.details div.provider, div.success_resa div.details div.phone {
display: block;
width: auto;
}
div.success_resa div.details div.phone {
padding-left: 0;
margin-top: 10px;
}
div.success_resa div.buttons {
margin-bottom: 20px;
}
div.success_resa div.buttons a.blue-button, #form-speech-success2 td.submit input.margin {
margin-left: 0;
margin-right: 0;
}
/*========================= seerequest =========================*/
div.offerInfo {
top: 0;
}
div#providerConfirmRequest table td.button1 {
padding-right: 5px;
}
div#providerConfirmRequest table td.button2 {
padding-left: 5px;
}
/*========================= provider tutorial =========================*/
div#providerTutorial div.policies span:nth-child(4) {
margin-left: 0 !important;
display: block;
}
/*========================= seeoffers =========================*/
div#seeOffers h4.offer-price {
width: 30%;
}
div#seeOffers div.offer-head {
width: 64%;
}
div#seeOffers div.offer-past {
width: 64%;
}
/*========================= user signup =========================*/
#content-signup .social-connect {
width: 200px;
right: 20px;
}
#content-signup .social-connect div.social-button {
margin: 0;
}
/*========================= seeresa =========================*/
div#seeResa div.coderesa div.text2 {
padding-left: 20px;
vertical-align: middle;
}
form#providerConfirmCodeResa td.label {
width: auto !important;
}
form#providerConfirmCodeResa td.submit {
padding-top: 6px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
/*========================= transfer form =========================*/
#roundtrip_text {
font-size: 12px;
}
#roundtrip_text div {
display: inline-block;
margin-right: 5px;
}
#roundtrip_text p {
margin: 0;
display: inline-block;
font-size: 10px;
}
div.label-icon {
right: 10px;
margin: 0;
}
div.label-icon.block {
margin: -20px 10px 0;
float: right;
position: inherit;
top: 0;
right: 0;
}
div.label-icon img {
float: right;
max-height: 50px;
}
/*========================= my rides =========================*/
#memberspace-banneer {
display: none;
}
.user-nav .navBars {
display: inline-block;
}
ul.dropdown2 {
display: none;
}
#memberspace-banneer div.frame {
background: #273747;
}
#memberspace-banneer ul {
box-sizing: border-box;
width: 100%;
margin: 0;
padding: 0 10px;
}
#memberspace-banneer li {
margin-right: 0;
width: 100%;
line-height: 40px;
text-align: center;
}
#memberspace-banneer li.title {
float: none;
font-size: 20px;
margin: 0 auto;
text-align: center;
}
#memberspace-banneer li ul.sub_menu {
display: none;
}
div.title-classic-search {
width: 100%;
}
#content h2.classic {
padding: 0 20px;
font-size: 22px;
}
div.search-block {
margin: 0 20px 20px 20px;
float: left;
}
div.rides-info {
padding: 0 20px;
}
p.no-search-results {
margin-left: 20px;
margin-right: 20px;
}
div.history-link {
padding: 0 20px;
}
div.paging-top {
margin: 0 20px;
}
.newdesign .nav > li.memberspace {
display: block;
}
/*========================= provider rides =========================*/
.big {
font-size: 26px;
}
/*========================= provider param rides =========================*/
form#providerParamRides div.div_dept {
width: auto;
}
form#providerParamRides div.div_nb_zip {
width: 100%;
margin-top: 4px;
margin-left: 0;
}
form#providerParamRides div.select_all {
margin-left: 0;
}
form#providerParamRides td.td_zip {
display: block;
width: 100%;
padding-top: 0;
}
form#providerParamRides td.td_zip.padding {
padding-left: 0;
}
/*========================= provider signup =========================*/
form.provsignup table.block-3 td.field {
width: 100%;
}
/*========================= provider vehicles =========================*/
#provider-vehicles div.vehicle-description-bubble {
display: none;
}
/*========================= provider account =========================*/
.provider .banner {
display: none;
}
.provider #logo {
float: none;
}
.provider .man-right {
float: left;
margin-top: 6px;
}
.provider div#profile-incomplete {
padding: 0 0 6px 0;
display: inline-block;
float: none;
}
/*========================= seerequest =========================*/
div.offerInfo {
margin: 0 20px 6px 10px;
position: relative;
}
div#seeRequest div.offerInfo {
margin-top: -20px;
}
div.offerInfo img {
float: right;
max-height: 50px;
}
div.offerInfo #roundtrip_text {
float: none;
margin-left: 0;
font-size: 12px;
}
div.offerInfo #roundtrip_text div {
display: inline-block;
margin-right: 10px;
}
div.offerInfo #roundtrip_text p {
display: inline-block;
margin: 0;
font-size: 10px;
}
div#seeRequest div.provider-actions {
position: relative;
}
form#seeRequest div.price_final {
position: relative;
}
form#seeRequest div.error-provider {
width: auto;
padding-top: 85px;
}
form#seeRequest td.padd.datetime {
padding-right: 5px;
}
div#providerConfirmRequest {
width: auto;
}
div#providerConfirmRequest div.summary div {
width: 100%;
float: none;
}
div#providerConfirmRequest div.readme span {
font-size: 20px;
}
/*========================= summaryresa =========================*/
div.resa_before_steps {
margin-bottom: 50px;
float: none;
}
div.resa_before_steps div.step1, div.resa_before_steps div.step2, div.resa_before_steps div.step3 {
float: none;
width: 100%;
margin: 0;
min-height: 32px;
display: table;
}
div.resa_before_steps div.step2 {
margin: 20px 0;
}
div.resa_before_steps div.step1 span, div.resa_before_steps div.step2 span, div.resa_before_steps div.step3 span {
line-height: inherit;
display: table-cell;
}
div.resa_before_steps div.step1 div, div.resa_before_steps div.step2 div, div.resa_before_steps div.step3 div {
display: table-cell;
vertical-align: middle;
width: 100%;
}
div#summaryResa #form_reservation label[for="code_voucher"] {
display: block;
margin-bottom: 6px;
}
div#summaryResa #form_reservation input#code_voucher {
margin-left: 0;
width: 160px !important;
}
/*========================= seeoffer =========================*/
div#seeOffer p.list-offer.col1, div#seeOffer p.list-offer.col2 {
width: auto;
float: none;
}
div#seeOffer p.list-offer.col2 {
padding-left: 0;
}
div#seeOffer div.list-offer {
display: none;
}
div#seeOffer span.list-offer-mobile {
display: block;
}
/*========================= provider tutorial =========================*/
div#providerTutorial {
width: auto;
}
div#providerTutorial div.evaluation > div {
margin-left: 0 !important;
margin-right: 0 !important;
float: none !important;
}
div#providerTutorial div.evaluation > div:nth-child(2) {
margin-top: 10px;
}
div#providerTutorial td.submit {
float: none;
}
/*========================= seeoffers =========================*/
div#seeOffers h3#offers {
float: none;
}
div#seeOffers div.order {
float: none;
line-height: 30px;
width: auto;
text-align: left;
}
div#seeOffers div.list-offer div.cancelpolicy {
float: none;
}
div#seeOffers div.list-offer div.delay {
float: none;
}
/*========================= seeoffers =========================*/
div#seeOffers div.submit2 {
float: none;
text-align: center;
margin-top: 10px;
}
/*========================= seeresa =========================*/
div#seeResa div.tripDate, div#providerSeeResa div.tripDate {
float: none;
line-height: inherit;
margin-right: 0;
display: block;
}
div#seeResa h2.title-resa, div#providerSeeResa h2.title-resa {
width: auto;
padding: 8px 20px;
margin: 30px 0 25px;
}
div#seeResa h2.title-resa.payment {
float: none;
}
div#seeResa div.provider-details div.col1 {
display: block;
width: auto;
}
div#seeResa div.provider-details div.col2 {
display: block;
width: auto;
padding-left: 0;
padding-top: 15px;
}
div#seeResa div.provider-details div.profil_button {
display: block;
text-align: left;
padding-top: 15px;
}
div#seeResa div.provider-details div.profil_button {
float: left;
}
div#seeResa div.invoice {
float: none;
margin: 0 0 15px 20px;
}
div#seeResa div.refund {
margin-left: 0;
display: block;
}
div#seeResa form#reviewResa ul.notes-stars div.stars1 {
width: auto;
float: none;
margin-right: 0;
margin-bottom: 5px;
}
div#seeResa form#reviewResa ul.notes-stars div.stars2 {
float: none;
margin-right: 0;
margin-bottom: 5px;
}
div#seeResa div.note-details {
display: inline-block;
width: 100%;
}
div#seeResa div.note-details:nth-child(3) {
margin-top: 0;
}
div#providerSeeResa div.note-details {
display: inline-block;
width: 100%;
}
div#providerSeeResa div.note-details:nth-child(3) {
margin-top: 0;
}
div#seeResa div.note-details div.note {
width: auto;
margin-bottom: 5px;
}
div#providerSeeResa div.note-details div.note {
width: auto;
margin-bottom: 5px;
}
div#seeResa div.note-details div.stars, div#providerSeeResa div.note-details div.stars {
margin-left: 0;
display: block;
}
div#seeResa div.note-total div.note {
width: auto;
}
div#providerSeeResa div.note-total div.note {
width: auto;
}
div#providerSeeResa div.paymentleft {
width: 100%;
}
div#providerSeeResa div.invoices {
float: left;
width: 100%;
}
div#providerSeeResa div.user-details {
display: block;
width: auto;
}
div#providerSeeResa div.user-details div.col1 {
display: block;
width: auto;
}
div#providerSeeResa div.user-details div.col2 {
display: block;
width: auto;
padding-left: 0;
padding-top: 15px;
}
form#declareResa, form#providerDeclareResa, form#declareAnswerResa, form#providerDeclareAnswerResa {
width: auto;
}
div#seeResa div#declare_resa p.buttons a.blue-button, div#seeResa div#declare_answer_resa p.buttons a.blue-button, div#providerSeeResa div#declare_answer_resa p.buttons a.blue-button, div#seeResa div#declare_resa p.buttons a.red-button, div#seeResa div#declare_answer_resa p.buttons a.red-button, div#providerSeeResa div#declare_answer_resa p.buttons a.red-button {
display: table;
font-size: 16px;
height: auto;
line-height: normal;
margin: 8px auto;
padding: 7px 30px;
}
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
/*========================= my resas =========================*/
div.resas-filters {
padding: 0 20px;
}
div.resas-filters-info {
padding: 0 20px;
float: none;
width: auto;
}
/*========================= provider rides =========================*/
div.offers-filters {
padding: 0 20px;
}
div.offers-filters-info {
padding: 0 20px;
}
/*========================= provider parameters =========================*/
div.text-parameters {
padding: 0 20px;
}
/*========================= provider profile menu =========================*/
div.text-profile-incomplete {
padding: 0 20px;
}
a.public-profile-link {
padding: 5px 20px 0 20px;
}
/*========================= provider forms =========================*/
#result-back-top2 {
padding: 0 20px;
}
/*========================= parameters =========================*/
div.user-params {
margin: 0 20px;
}
div.user-params h2.classic {
padding: 0 !important;
}
/*========================= activity =========================*/
div#slogan-length, div#slogan_en-length {
margin-left: 0;
width: 100%;
}
/*========================= provider signup =========================*/
div.frame div.content h2.signup {
margin: 0 20px;
}
/*========================= provider account =========================*/
.provider .banner h1 {
padding-left: 20px;
padding-right: 20px;
}
.provider .header-logo {
margin-left: 20px;
}
.provider .right-header {
margin: 0 20px;
}
.provider .man-right {
float: left;
}
/*========================= seerequest =========================*/
div#seeRequest div.user-profile {
margin: 20px;
}
form#seeRequest td.price_text, form#seeRequest td.price_field, form#seeRequest td.price_final_text, form#seeRequest td.price_final_field {
padding-bottom: 0;
}
/*========================= summarygetride =========================*/
div#summaryGetRide table#send-ride td.submit {
float: none;
}
/*========================= summaryresa =========================*/
div.resa_before_steps {
padding: 0 20px;
width: auto;
}
div.resa_before_steps div.step1 div, div.resa_before_steps div.step2 div, div.resa_before_steps div.step3 div {
margin-right: 0;
}
}
@media screen and (min-width: 480px) and (max-width: 480px) {
/*========================= tripcat =========================*/
div.profiles_best div.td div.profile div.tr.row1 {
height: 120px;
}
div.profiles_best div.td div.profile div.tr.row1 img.photo {
height: 120px;
}
div.profiles_best div.td div.profile div.tr.row1 img.nophoto {
height: 120px;
}
}
@media screen and (max-width: 640px) {
div#content .learn-more-category-div img.advantages-img, div#content .learn-more-category-div img.right-advantages-img {
float: none;
display: block;
margin: 50px auto 0 auto;
}
div#content div.learn-more-category-div h3, div#content div.learn-more-category-div #menu11{
text-align: center;
}
div#content div.learn-more-category-div .security-transparency-text {
text-align: justify;
}
div#content .learn-more-category-div div.advantages-block, div#content .learn-more-category-div div.advantages-right-block {
display: inline-block;
width: 100%;
box-sizing: border-box;
}
}
@media screen and (min-width: 640px) and (max-width: 640px) {
/*========================= transfer form =========================*/
div.frame div.content td.label.guid_label1 {
padding-right: 50px;
}
div.frame div.content .tbl_guide td.label.lang_field {
width: 220px !important;
}
}
@media screen and (min-width: 640px) and (max-width: 736px) {
/*========================= law =========================*/
div#content .company-category-div .buttons a.blue-button:nth-child(2) {
margin-left: 10px;
}
/*========================= success =========================*/
div.success_resa div.buttons a.blue-button.margin {
margin-left: 10px;
}
#form-speech-success2 td.submit input.margin {
margin-right: 10px;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
/*========================= tripcat =========================*/
div.title-big {
padding: 0 20px;
}
.ride-desc-short {
padding: 0 20px;
}
div.frame.sqblocks {
padding: 0 20px;
}
.ride-description {
width: 25.7%;
}
.vehicle-description, .choose-signup-description, .parameters-menu-block, .profile-menu-block {
width: 41%;
margin-top: 10px !important;
margin-bottom: 10px;
margin-right: 30px !important;
}
.vehicle-description:nth-child(2n+2), .parameters-menu-block:nth-child(2n+2), .profile-menu-block:nth-child(2n+2), .choose-signup-description:nth-child(2n+2) {
margin-right: 0 !important;
}
.vehicle-description p.description {
min-height: 152px;
}
div.frame div.content.textblock {
padding: 20px;
}
div.profiles_best {
display: inherit;
}
div.profiles_best div.tr {
display: block;
}
div.profiles_best div.td {
display: inherit;
}
div.profiles_best div.td.col {
float: left;
padding: 1% 1%;
width: 31.2%;
}
div.profiles_best div.td.col.last {
padding-right: 1%;
}
div.profiles_best div.td div.profile.margin {
margin-top: 0;
}
div.profiles_best div.td div.profile div.tr {
padding: 0;
}
div.profiles_best div.td div.profile div.tr.row1 img.nophoto {
width: 100%;
}
/*========================= transfer form =========================*/
div.frame div.content .newform, div.frame div.content div.newcont {
margin: 0 20px;
}
div.frame div.content div.newcont .newform {
margin: 0;
}
div.form-container div.title {
padding: 0 20px;
}
div.frame div.content td.title > span {
display: block;
padding: 8px 20px;
margin: 5px -20px 0 -20px;
width: auto;
}
div.frame p.information {
margin: 0 20px;
}
#roundtrip_text {
font-size: 30px;
}
#roundtrip_text p {
font-size: 15px;
}
/*========================= law =========================*/
.company-category-div {
padding: 0 20px;
}
div#content .company-category-div h2 {
width: auto;
padding: 8px 20px;
margin: 30px -20px 25px;
}
/*========================= provider subsection =========================*/
.learn-more-title {
width: 100%;
}
div#result-back-big-top.learn-more-back {
margin-top: -35px;
}
/*========================= my rides =========================*/
ul.dropdown2 {
width: 100%;
box-sizing: border-box;
}
#content h2.classic {
padding: 0 20px;
}
div.search-block {
margin-right: 20px;
}
div.rides-info {
padding: 0 20px;
}
p.no-search-results {
margin-left: 20px;
margin-right: 20px;
}
div.history-link {
padding: 0 20px;
}
div.paging-top {
margin: 0 20px;
}
/*========================= faq =========================*/
.faq-main-div {
padding: 0 20px;
}
/*========================= provider vehicles =========================*/
#provider-vehicles div.frame div.content div.vehicle-title div.vehicle-name {
max-width: 80%;
}
/*========================= success =========================*/
#speech-default2, #speech-fail, #speech, #text-speech-success2, div.success_offers_list {
padding: 0 20px;
}
#speech-success, #speech-success2, #speech-default2, #speech-success3 {
padding: 0 20px 0 178px;
background-position-x: 20px;
}
div.success_offers_table {
margin: 0 20px 20px 20px;
}
#text-speech-success2 div.text {
font-size: 12px;
}
#text-speech-success2 div.fb-like-block {
margin-right: 0;
}
div.success_resa div.buttons {
margin-bottom: 20px;
}
/*========================= seerequest =========================*/
div.offerInfo {
margin: 0 20px 6px 10px;
}
div.offerInfo img {
max-height: 60px;
}
div.offerInfo #roundtrip_text {
float: none;
margin-left: 10px;
margin-top: 0;
font-size: 20px;
}
div.offerInfo #roundtrip_text div {
display: inline-block;
margin-right: 10px;
}
div.offerInfo #roundtrip_text p {
display: inline-block;
margin: 0;
font-size: 12px;
}
form#seeRequest td.price_text, form#seeRequest td.price_field, form#seeRequest td.price_final_text, form#seeRequest td.price_final_field {
width: 100%;
display: block;
}
form#seeRequest div.price_final {
position: relative;
}
/*========================= user signup =========================*/
#content-signup .social-connect {
right: 8%;
}
/*========================= seeresa =========================*/
div#seeResa div.provider-details div.profil_button a.blue-button {
display: table;
font-size: 16px;
height: auto;
line-height: normal;
margin: 5px auto;
padding: 7px 30px;
}
}
@media screen and (max-width: 767px) {
/*========================= learn more =========================*/
#learn-more-customers {
display: block;
text-align: center;
}
#learn-more-customers .customer-type {
display: inline-block;
height: 170px;
margin: 0 30px;
}
div#content div.learn-more-category-div h2 {
font-size: 16px;
}
div#content div.learn-more-category-div h3 {
font-size: 14px;
}
#learn-more-content-line2 td img {
margin-top: 10px;
}
#learn-more-content-line2 td div {
margin-bottom: 5px;
}
}
@media screen and (min-width: 768px) and (max-width: 768px) {
/*========================= tripcat =========================*/
.ride-description {
width: 23.6%;
}
.vehicle-description, .choose-signup-description, .parameters-menu-block, .profile-menu-block {
width: 41%;
}
div.profiles_best div.td.col {
padding-right: 8px;
}
}
@media screen and (min-width: 768px) {
/*========================= learn more =========================*/
div#content .learn-more-category-div img.advantages-img, div#content .learn-more-category-div img.right-advantages-img {
margin-bottom: 20px;
}
}
@media screen and (min-width: 768px) and (max-width: 854px) {
/*========================= provider subsection =========================*/
.customers {
display: none;
}
/*========================= my rides =========================*/
#memberspace-banneer .title {
margin-bottom: 10px;
width: 100%;
}
#memberspace-banneer li.menu1 {
margin-left: 10px;
}
/*========================= provider signup =========================*/
form.provsignup table.block-0 td.label {
width: 18%;
float: left;
}
form.provsignup table.block-0 td.field {
width: 72%;
float: left;
}
/*========================= provider vehicles =========================*/
#provider-vehicles table.block-0 td.label {
width: 18%;
float: left;
}
#provider-vehicles table.block-0 td.field {
width: 72%;
float: left;
}
#provider-vehicles td.field.option {
width: 45%;
float: left;
}
#provider-vehicles textarea[name="providerVehicles-providerVehicles-description"] {
max-width: 492px !important;
}
#provider-vehicles div.vehicle-description-bubble {
margin-left: 542px;
}
/*========================= seerequest =========================*/
div#providerConfirmRequest {
width: auto;
}
/*========================= seeoffer =========================*/
div#seeOffer p.list-offer.col2 {
padding-left: 20px;
}
/*========================= seeoffers =========================*/
div#seeOffers div.submit2 {
float: none;
text-align: center;
margin-top: 10px;
}
/*========================= seeresa =========================*/
form#declareResa, form#providerDeclareResa, form#declareAnswerResa, form#providerDeclareAnswerResa {
width: auto;
}
}
@media screen and (min-width: 800px) and (max-width: 800px) {
/*========================= tripcat =========================*/
.ride-description {
width: 24.1%;
}
.vehicle-description, .choose-signup-description, .parameters-menu-block, .profile-menu-block {
width: 41.4%;
}
}
@media screen and (min-width: 960px) and (max-width: 960px) {
/*========================= tripcat =========================*/
.vehicle-description, .choose-signup-description, .parameters-menu-block, .profile-menu-block {
width: 42.9%;
}
div.profiles_best div.td.col {
float: left;
padding: 1% 1%;
width: 23%;
}
}
@media screen and (min-width: 1024px) and (max-width: 1024px) {
/*========================= tripcat =========================*/
.ride-description {
width: 26.2%;
}
.vehicle-description, .choose-signup-description, .parameters-menu-block, .profile-menu-block {
width: 43.3%;
}
div.profiles_best div.td.col {
float: left;
padding: 1% 1%;
width: 23%;
}
/*========================= provider signup =========================*/
#logoPresta {
height: auto;
}
}
/* HEADER AND FOOTER NEW DESIGN */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
.newdesign article, .newdesign aside, .newdesign details, .newdesign figcaption, .newdesign figure, .newdesign footer, .newdesign header, .newdesign hgroup, .newdesign main, .newdesign menu, .newdesign nav, .newdesign section, .newdesign summary { display: block; }
.newdesign audio, .newdesign canvas, .newdesign progress, .newdesign video { display: inline-block; vertical-align: baseline; }
.newdesign audio:not([controls]) { display: none; height: 0; }
.newdesign [hidden], .newdesign template { display: none; }
.newdesign a:not(.mt-button) { background-color: transparent; }
.newdesign a:active, .newdesign a:hover { outline: 0; }
.newdesign abbr[title] { border-bottom: 1px dotted; }
.newdesign b, .newdesign strong { font-weight: bold; }
.newdesign dfn { font-style: italic; }
.newdesign h1 { font-size: 2em; margin: 0.67em 0; }
.newdesign mark { background: #ff0; color: #000; }
.newdesign small { font-size: 80%; }
.newdesign sub, .newdesign sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
.newdesign sup { top: -0.5em; }
.newdesign sub { bottom: -0.25em; }
.newdesign img { border: 0; }
.newdesign svg:not(:root) { overflow: hidden; }
.newdesign figure { margin: 1em 40px; }
.newdesign hr { box-sizing: content-box; height: 0; }
.newdesign pre { overflow: auto; }
.newdesign code, .newdesign kbd, .newdesign pre, .newdesign samp { font-family: monospace, monospace; font-size: 1em; }
.newdesign button, .newdesign input, .newdesign optgroup, .newdesign select, .newdesign textarea { color: inherit; font: inherit; margin: 0; }
.newdesign button { overflow: visible; }
.newdesign button, .newdesign select { text-transform: none; }
.newdesign button, .newdesign html input[type="button"], .newdesign input[type="reset"], .newdesign input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
.newdesign button[disabled], .newdesign html input[disabled] { cursor: default; }
.newdesign button::-moz-focus-inner, .newdesign input::-moz-focus-inner { border: 0; padding: 0; }
.newdesign input { line-height: normal; }
.newdesign input[type="checkbox"], .newdesign input[type="radio"] { box-sizing: border-box; padding: 0; }
.newdesign input[type="number"]::-webkit-inner-spin-button, .newdesign input[type="number"]::-webkit-outer-spin-button { height: auto; }
.newdesign input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; }
.newdesign input[type="search"]::-webkit-search-cancel-button, .newdesign input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
.newdesign fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
.newdesign legend { border: 0; padding: 0; }
.newdesign textarea { overflow: auto; }
.newdesign optgroup { font-weight: bold; }
.newdesign table { border-collapse: collapse; border-spacing: 0; }
.newdesign td, .newdesign th { padding: 0; }
/*GENERIC CODE============================*/
.newdesign li { list-style-type: none; }
.newdesign ul { margin: 0; padding: 0; }
.newdesign fieldset { border: 0; }
.newdesign hr { display: block; clear: both; border: 0; border-top: 1px solid pink; }
body, html { width: 100%; }
.newdesign section { margin: 15px 0; padding: 30px 0; clear: both; }
.newdesign section:before, .newdesign section:after { content: " "; display: table; }
.newdesign section:after { clear: both; }
.newdesign section header { padding-bottom: 15px; text-align: center; }
.newdesign section header p { max-width: 700px; display: block; margin-left: auto; margin-right: auto; }
body.home, .newdesign { color: #555;
/*font-family: "Roboto", sans-serif; */
-webkit-font-smoothing: antialiased; }
.newdesign section header h2 { font-size: 2em; color: #273747; text-transform: uppercase; }
.newdesign .clearfix:before, .newdesign .clearfix:after { content: " "; display: table; }
.newdesign .clearfix:after { clear: both; }
.newdesign .center-block { display: block; margin-left: auto; margin-right: auto; }
.newdesign .hidden { display: none !important; }
.newdesign .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; }
/*FOOTER==============================================*/
/* BUTTONS -------------------------------------- */
.newdesign .btn { display: inline-block; margin-bottom: 0; text-align: center; text-decoration: none; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 7.5px 15px; font-size: 16px; line-height: 1.5; border-radius: 2px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.newdesign .btn:hover, .newdesign .btn.focus { color: #273747; text-decoration: none; }
.newdesign .btn:active, .newdesign .btn.active { outline: 0; background-image: none; }
.newdesign .btn.disabled, .newdesign .btn[disabled], .newdesign fieldset[disabled] .btn { cursor: not-allowed; opacity: 0.65; }
.newdesign .btn a.disabled, .newdesign fieldset[disabled] .btn a { pointer-events: none; }
.newdesign .btn.small { padding: 3.75px 7.5px; font-size: 13px; line-height: 1.5; border-radius: 2px; }
.newdesign .btn.big { padding: 7.5px 22.5px; font-size: 18px; line-height: 1.5; border-radius: 2px; }
.newdesign .btn.orange { background-color: #ff9326; color: #273747;
/*-webkit-transition: 200ms;
-o-transition: 200ms;
transition: 200ms; */
}
.newdesign .btn.orange:hover{ background-color: #f27a00; color: #fff; }
.newdesign .btn.grey { background-color: #eeeeee; color: #273747;
/*-webkit-transition: 200ms;
-o-transition: 200ms;
transition: 200ms; */
}
.newdesign .btn.grey:hover{ background-color: #999999; color: #fff; }
.newdesign .btn.darkblue { background-color: #273747; color: #ff9326; }
.newdesign .btn.simple { border: 1px solid rgba(255, 255, 255, 0.1); background-color: #273747;
/*-webkit-transition: 200ms;
-o-transition: 200ms;
transition: 200ms; */
}
.newdesign .btn.simple:hover, .newdesign .btn.simple.focus { color: white; border: 1px solid #ff9326; }
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { -webkit-box-shadow: none; -webkit-border-radius: 7px; border-radius: 7px; background: #cbcbcb; }
::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb:active { -webkit-border-radius: 7px; border-radius: 7px; background: #959595; -webkit-box-shadow: none; }
::-webkit-scrollbar-thumb:hover { background: rgba(255, 147, 38, 0.8); }
::-webkit-scrollbar-thumb:active { background: rgba(255, 147, 38, 0.8); }
::-webkit-scrollbar-thumb:window-inactive { background: #959595; }
.newdesign.sections { padding-top: 10px; }
/* INTRO -------------------------------------- */
.newdesign section#intro { margin-bottom: 0; }
.newdesign #intro {
position: relative;
margin-top: -15px;
min-height: 470px;
background-repeat: repeat;
background-size: cover;
background-position: center;
}
@media screen and (min-width: 601px){
.newdesign #intro {background-image: url(../images/backgrounds/home_picture.jpg);}
}
@media screen and (max-width: 600px){
.newdesign #intro {background-image: url(../images/backgrounds/home_picture_1200.jpg);}
}
.newdesign #intro.limo { background-image: url("../images/backgrounds/limo_picture.jpg"); }
.newdesign #intro.coach { background-image: url("../images/backgrounds/coach_picture.jpg"); }
.newdesign #intro h1,
.newdesign #intro p {
display: block;
margin-left: auto;
margin-right: auto;
color: white;
margin-bottom: 15px;
letter-spacing: 1px;
text-align: center;
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
}
.newdesign #intro p { font-size: 1.2em; }
.newdesign #intro .mask { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); position: relative; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.newdesign #intro .contents { display: table; width: 100%; height: 100%; }
.newdesign #intro .wrap {
display: table-cell;
vertical-align: bottom;
}
.newdesign #intro .wrap h3 { display: block; text-align: center; color: #fff; }
.newdesign #intro .wrap h3 .rating { margin: 0 3px; display: inline-block; vertical-align: top; color: #ff9326; }
.newdesign #intro .wrap h3 .rating div.stars { margin-right: 10px; display: inline-block; vertical-align: middle; }
.newdesign .fld { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.newdesign .radios input { margin-right: 10px; }
.newdesign #error { padding-top: 0; padding-bottom: 12px; color: #ff0000; font-size: 14px; font-weight: 500; display: none; }
@media screen and (max-width: 600px) {
.newdesign section#intro{
padding:0;
}
.newdesign #intro .mask{
position:relative;
}
}
@media screen and (max-width: 580px) {
.newdesign #intro h1 {
margin: .4em 10px;
font-size: 1.4em;
}
.newdesign #intro p { font-size: 1em; }
.newdesign #intro .wrap h3 { font-size: 16px; }
}
@media screen and (min-width: 999px) {
.newdesign #intro h1 { font-size: 2.6em; margin-bottom: 0; }
.newdesign #intro .wrap {
vertical-align: middle;
}
}
@media (max-width: 1024px) {
.newdesign #intro h1, .newdesign #intro p { margin-left: 10px !important; margin-right: 10px !important; }
}
@media screen and (min-width: 1025px) {
.newdesign #intro h1, .newdesign #intro p { margin-left: 60px !important; margin-right: 60px !important; }
}
@media screen and (min-width: 1500px) {
.newdesign #intro { background-position: center -220px; }
}
@media screen and (min-width: 2000px) {
.newdesign #intro { background-position: center -270px; }
}
@media screen and (min-width: 2500px) {
.newdesign #intro { background-position: center -330px; }
}
.error-label{
color: red;
}
.success-label{
color:green;
}
.newdesign #query .fld.error {
border: 2px solid #ff0000;
}
.sp-homepage-sprite{
display: inline-block;
}
.admin-message-block{
text-align:center;
clear:both;
padding:2em;
font-size:1.5em;
font-weight:bold;
background: #f0f0f0;
}
.ui-autocomplete{
position:absolute !important;
max-width: 93%;
}
.mt-pad-text{
padding: .5em;
}
.message-label{
font-weight:bold;
}
.mt-noselect {
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently
supported by Chrome, Opera and Firefox */
}
.mt-attached-indicator{
position:relative;
top:-3px;
left:-1px;
display:inline-block;
border-radius:100%;
text-align:center;
line-height:15px;
font-size:12px;
font-weight:bold;
width:15px;
color:#fff;
background-color:red;
}
#login-modal-holder .mt-modal{
background-color:#fff;
padding:0;
max-width: 700px;
border-radius:6px;
width:100%;
}
@media screen and (min-width: 681px) {
/* White cross on desktop, because dark background */
#login-modal-holder .mt-modal .mt-modal-close{
color:#fff;
}
}
#login-modal-iframe{
width:100%;
min-height: 300px;
border: none;
margin-bottom: -5px;
}
._iframe_,
._iframe_ body#top{
background-color:#fff;
}
._iframe_ .navbar-header,
._iframe_ .footer-block,
._iframe_ .footer-margin-block,
._iframe_ .ll-footer{
display:none;
}
._iframe_ .ll-container{
padding:0;
max-width:100%;
}
._iframe_ .login_layout{
box-shadow: none;
border-radius:0;
}
#popup_modal_iframe{
width: 100%;
height: 90vh;
min-height:300px;
border:0;
}
#popup_modal_holder .mt-modal{
padding: 10px;
background-color: #fff;
}
#popup_modal_holder .mt-modal .mt-modal-close {
border-radius: 2px;
background-color: #fff;
top:0px;
}
@media screen and (max-width: 600px){
#popup_modal_iframe{
height: 100vh;
}
#popup_modal_holder .mt-modal{
padding: 0;
}
#popup_modal_holder .mt-modal .mt-modal-close {
width: 1em;
height: 1.3em;
font-size:3em;
}
}
.mt-no-wrap{
white-space: nowrap;
}
.sp-country-flags{
display: inline-block;
vertical-align: middle;
}
@keyframes fade_out {
0% {
opacity: 1;
}
80% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.mt-fadeout{
animation: fade_out 10s linear forwards;
}
#memberspace-banneer #toggle, #dock-provider #toggle {
visibility: hidden;
opacity: 0;
position: absolute;
top: -99999px;
}
ul.dashed {
list-style: none;
margin-left: 0;
}
ul.dashed > li {
position: relative;
padding-left: 10px;
}
ul.dashed > li:before {
position: absolute;
top: 10px;
left: -10px;
content: "";
height: 0.5px;
width: 9px;
background-color: currentColor;
}