#order_review_heading {
display: inline-block;
width: 100%;
} .sivtc-second-step-vehicle-map-container {
margin-top: 50px;
}
.sivtc-form {
margin: 0 auto;
padding: 0 10px;
}
.sivtc-form-container .btn-primary,
.sivtc-settings-page .btn-primary {
padding: 6px 10px;
background-color: #00d6c2;
border-radius: 0px;
border: none;
color: #000;
display: inline-block;
transition: 0.3s all;
font-size: 18px;
width: 70%;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
.sivtc-form-container .btn-primary:hover,
.sivtc-settings-page .btn-primary:hover {
color: #fff;
background-color: #00d6c2;
border-color: #00d6c2;
}
.sivtc-form-container {
height: auto;
width: 100%;
display: flex;
max-width: 100% !important;
}
.sivtc-right-container.map-display.col-md-4 div#map {
min-height: 185px;
font-size: 14px !important;
} .sivtc-vehichles-availibility-blocks {
display: block;
border: 2px solid #23282d;
padding: 0;
width: 48%;
margin: 0 1% 15px;
float: left;
height: 250px;
}
.sivtc-vehichles-availibility-blocks h2 {
margin-top: 0;
text-align: center;
font-size: 20px;
background: #23282d;
color: #fff;
padding: 10px;
}
.sivtc-vehichles-availibility-blocks .sivtc-date-time-main-section {
padding: 0 15px;
float: left;
max-height: 135px;
overflow-y: auto;
}
.sivtc-vehichles-availibility-blocks .sivtc-add-block-date-time {
padding: 0 15px;
float: left;
width: 100%;
display: block;
}
.sivtc-vehichles-availibility-blocks .sivtc-add-block-date-time button {
display: block;
float: left;
margin-bottom: 15px;
}
.container {
width: 100%;
max-width: 1170px;
}
.sivtc-date-time-main-section {
display: block;
width: 100%;
}
span.sivtc-blocked-date-time-labels {
display: block;
width: 100%;
}
span.block-start-label {
float: left;
font-size: 11px;
width: 50%;
}
span.block-end-label {
float: left;
width: 50%;
font-size: 11px;
}
.sivtc-blocked-date-time-labels .block-start-label label {
float: left;
width: 50%;
}
.sivtc-blocked-date-time-labels .block-end-label label {
float: left;
width: 50%;
}
.sivtc-start-date-time-sec {
float: left;
padding: 10px 0px 0px 0px;
width: 50%;
}
.sivtc-end-date-time-sec {
width: 45%;
padding: 10px 0 0 0;
float: left;
}
.sivtc-start-date-sec {
float: left;
width: 47%;
margin-right: 3%;
}
.sivtc-start-time-sec {
float: left;
width: 45%;
}
.sivtc-end-date-sec {
float: left;
width: 47%;
margin-right: 3%;
}
.sivtc-end-time-sec {
float: left;
width: 45%;
}
span.remove_date_time {
float: left;
padding: 4px 8px 9px 2px;
height: 0px;
width: 1px;
border-radius: 100%;
font-size: 16px;
color: #fff;
line-height: 0px;
text-align: center;
background: #dd0e0e;
position: relative;
top: 13px;
right: 0px;
cursor: pointer;
width: 20px;
height: 20px;
text-align: center;
display: block;
padding: 0;
line-height: 16px;
}
button.add_more_blocks {
border-radius: 3px;
background-color: #0073aa;
text-align: center;
color: #fff;
border: none;
padding: 7px 15px;
cursor: pointer;
}
.sivtc-add-block-date-time {
position: relative;
top: 10px;
margin: 0 0px 5px 2px;
clear: both;
}
.sivtc-settings-page .sivtc-each-vehicle-availibility-sec {
float: left;
width: 100%;
background: #f5f5f5;
padding: 15px 5px 0;
margin-bottom: 20px;
box-shadow: 0 0 1px #ccc;
}
.sivtc-settings-page .sivtc-all-vehicle-availibility-sec {
float: left;
width: 100%;
margin: 0;
font-size: 12px;
background: #fbfbfb;
padding: 15px 6px 0;
box-shadow: 0 0 1px #ccc;
}
.sivtc-settings-page .sivtc-vehicle-availibility-input-field {
height: 265px;
}
.sivtc-settings-page .sivtc-each-vehicle-availibility-sec form {
float: left;
width: 100%;
}
.sivtc-settings-page {
padding: 20px;
float: left;
width: 98%;
}
.sivtc-settings-page h1 {
margin-top: 0;
margin-bottom: 20px;
font-size: 32px;
}
.sivtc-date-time-main-section input {
width: 100%;
}
.sivtc-settings-page input[type=submit] {
margin-left: 1%;
margin-bottom: 30px;
background-color: #23282d;
color: #fff;
text-transform: uppercase;
border: none;
padding: 10px 15px;
clear: both;
float: left;
width: 100%;
max-width: 220px;
border-radius: 3px;
}
.sivtc-all-vehicle-availibility-sec .sivtc-vehichles-availibility-blocks {
float: left;
width: 98%;
margin: 0 1%;
border: 2px solid #0073aa;
}
.sivtc-all-vehicle-availibility-sec .sivtc-vehichles-availibility-blocks h2 {
background: #0073aa;
}
.sivtc-input-group li.sivtc-input-container label {
font-size: 16px;
}
.sivtc-form-container .sivtc-left-container {
height: auto;
width: 100%;
min-width: 300px;
background: #fff;
border-radius: 0px !important;
display: inline-block;
padding: 15px 21px;
border-top: 10px solid#355266;
border-left: 10px solid#355266;
border-right: 10px solid#355266;
border-bottom: 30px solid#355266;
position: relative;
border: none;
background: none;
box-shadow: 0 0 5px #ddd;
}
#sivtc-map-and-vehicle-estimation .sivtc-left-container h2.sivtc-book-ride-heading {
font-size: 26px;
text-align: center;
text-transform: uppercase;
font-weight: 500;
margin-top: 15px;
margin-bottom: 15px;
}
#sivtc-map-and-vehicle-estimation .sivtc-left-container h2.sivtc-book-ride-heading:before {
display: none;
}
div#sivtc-map-and-vehicle-estimation .sivtc-extra-stop-and-address-exchange .sivtc-add-extra-stop a {
font-size: 14px;
color: #777777;
font-weight: 400;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
div#sivtc-map-and-vehicle-estimation .sivtc-extra-stop-and-address-exchange .sivtc-add-extra-stop a i {
padding-right: 10px;
}
div#sivtc-map-and-vehicle-estimation .sivtc-extra-stop-and-address-exchange {
line-height: 0px;
}
input#sivtcStartingAddress,
input#sivtcDestinationAddress::placeholder {
color: #000;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 18px;
}
.sivtc-extra-stop-and-address-exchange .sivtc-add-extra-stop {
width: auto;
float: left;
}
.sivtc-step-1-outer .sivtc-switch-departure-arrival-address {
text-align: right;
width: auto;
float: right;
}
div#sivtc-map-and-vehicle-estimation div#sivtcPickupTimeContainer i {
position: absolute;
top: 19px;
left: 9px;
font-size: 15px;
color: #777777;
padding-left: 5px;
}
div#sivtcPickupTimeContainer input#sivtcPickupTime::placeholder {
padding-left: 4px;
}
div#sivtc-map-and-vehicle-estimation div#sivtcPickupHourContainer i {
position: absolute;
top: 19px;
left: 9px;
font-size: 15px;
color: #777777;
}
div#sivtc-map-and-vehicle-estimation div#sivtcPickupTimeContainer {
position: relative;
}
.sivtc-switch-departure-arrival-address .disable-exchange {
cursor: not-allowed;
}
div#sivtc-map-and-vehicle-estimation li.sivtc-input-container.sivtc-cstm-time.sivtcDirectionSection.col-lg-4.col-md-4.col-sm-12.col-xs-12 .sivtc-return-direction input#sivtcSetDirection {
height: auto;
vertical-align: middle;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
margin-top: 0;
position: relative;
top: 3px;
margin-bottom: 0;
}
div#sivtc-map-and-vehicle-estimation li.sivtc-input-container.sivtc-cstm-time.sivtcDirectionSection.col-lg-4.col-md-4.col-sm-12.col-xs-12 .sivtc-return-direction label {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: normal;
margin: 0px;
position: absolute;
top: 3px;
left: 16px;
}
div#sivtcReturnPickupTimeContainer input#sivtcReturnPickupTime {
position: relative;
background-color: #eeeeee;
border: none;
padding: 0px 11px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
height: 50px;
border-radius: 0px;
margin: 5px auto;
font-size: 12px;
box-shadow: none;
}
div#sivtcReturnPickupTimeContainer {
position: relative;
}
div#sivtcReturnPickupTimeContainer i {
position: absolute;
top: 19px;
left: 9px;
font-size: 15px;
color: #777777;
z-index: 9;
padding-left: 5px;
}
div#sivtcReturnPickupTimeContainer input#sivtcReturnPickupTime::placeholder {
padding-left: 4px;
}
div#sivtcReturnPickupHourContainer {
position: relative;
}
select#sivtcReturnPickupHour {
text-indent: 26px;
-webkit-appearance: none;
-webkit-border-radius: 0px;
background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%);
background-position: calc(100% - 20px) calc(2em + 0px), calc(100% - 15px) calc(2em + 0px), calc(100% - 2.5em) 0.5em;
background-size: 5px 5px, 5px 5px, 1px 1.5em;
background-repeat: no-repeat;
-moz-appearance: none;
padding-left: 25px;
}
div#sivtcReturnPickupHourContainer i {
position: absolute;
top: 19px;
left: 9px;
font-size: 15px;
color: #777777;
z-index: 9;
}
.sivtcDirectionSection {
clear: both;
}
.sivtcPriceHour-wrapper span.sivtc-hours-icon {
font-size: 14px;
background-color: #DAA520;
color: #777777;
padding: 4px 8px;
-webkit-transition: all .5s ease-in;
-moz-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
transition: all .5s ease-in;
height: 50px;
display: flex;
align-items: center;
width: 42.9px;
justify-content: center;
border-bottom-left-radius: 0px;
border-top-left-radius: 0px;
background: none;
position: absolute;
z-index: 999;
background: #eeeeee;
}
.sivtcPriceHour-wrapper select#sivtcPricePerHour {
padding: 0px 49px;
}
#order_review {
display: flex;
flex-flow: column;
}
#order_review .sivtc-checkout-group {
flex: 1;
order: 2;
}
.sivtc-each-vehicle-seats-facality img { max-height: 20px;
opacity: 0.6;
object-fit: contain !important;
} @media (max-width: 991px) {
.sivtc-form-container {
display: inline-block;
}
.sivtc-right-container.map-display.col-md-4 {
width: 100% !important;
}
}
.sivtc-form-container .sivtc-left-container {
height: auto;
max-width: 400px;
background: #fff;
border-radius: 6px;
display: inline-block;
padding: 30px 0px;
margin-left: 5%;
margin: auto;
}
@media (max-width: 768px) {
.sivtc-form .action-buttons-container,
.sivtc-form .sivtc-booking-button-container,
.sivtc-form .alert {
margin: 10px auto;
position: relative;
bottom: -4px !important;
margin-top: 0;
}
.sivtc-each-vehicle-seats-facality {
width: 100% !important;
float: left;
margin-bottom: 10px;
margin-top: 10px;
}
.sivtc-each-vehicle-seats-facality label {
margin-left: 0px !important;
}
}
@media (max-width: 480px) {
.sivtc-each-vehicle-seats-facality {
width: 100%;
float: left;
margin-bottom: 10px;
}
.sivtc-each-vehicle-seats-facality label {
margin-left: 0px;
}
div#sivtc-vehicle-with-estimation .sivtc-each-vehicle-wifi label {
display: none;
}
.sivtc-input-group li.sivtc-input-container {
margin-bottom: 15px;
}
div#sivtc-vehicle-with-estimation .sivtc-each-vehicle-baby-seat label {
display: none;
}
div#sivtc-vehicle-with-estimation .sivtc-each-vehicle-child-booster label {
display: none;
}
div#sivtc-vehicle-with-estimation .sivtc-each-vehicle-water-bottle label {
display: none;
}
div#sivtc-vehicle-with-estimation .sivtc-each-vehicle-services-outer {
width: 100%;
}
.sivtc-each-vehicle-seats-facality {
margin-bottom: 20px;
}
#sivtc-vehicle-with-estimation .sivtc-each-vehicle-services-outer ul li.sivtc-each-vehicle-service {
padding-bottom: 16px !important;
}
#sivtc-vehicle-with-estimation .sivtc-each-vehicle-imgs-seats {
width: 100%;
}
#sivtc-vehicle-with-estimation .sivtc-each-vehicle-price-book {
width: 100%;
margin-bottom: 15px;
}
.sivtc-form .action-buttons-container,
.sivtc-form .sivtc-booking-button-container,
.sivtc-form .alert {
bottom: -22px;
}
div#sivtcStopModal .modal-dialog {
width: 350px;
margin: 12% auto;
}
}
@media (max-width: 415px) {
.sivtc-form-container {
margin-left: auto !important;
margin-right: auto !important;
display: inline-flex;
}
.sivtc-form-container .sivtc-left-container {
margin-left: auto !important;
margin-right: auto !important;
}
.sivtcPriceHour-wrapper select#sivtcPricePerHour {
position: relative;
text-indent: 67px !important;
text-align: left;
float: left;
width: 100%;
padding: 0px 49px;
}
.sivtc-form-container .btn-primary,
.sivtc-settings-page .btn-primary {
width: 65%;
}
.sivtc-right-container.map-display.col-md-4 {
padding: 15px !important;
}
.sivtc-each-vehicle-seats-facality {
width: 100% !important;
float: left;
margin-bottom: 10px;
margin-top: 10px;
}
.sivtc-each-vehicle-seats-facality label {
margin-left: 0px !important;
}
.sivtc-each-vehicle-seats-facality label.sivtc-vehicle-equip {
float: left;
display: block;
width: 100%;
}
.sivtc-each-vehicle-seats-facality div {
padding: 5px;
}
}
@media (max-width: 320px) {
.tabs-type span {
padding: 3px 20px !important;
}
.tabs-type span {
padding: 3px 23px;
}
}
@media (max-width: 991px) {
.sivtc-form-container .sivtc-left-container {
min-width: 250px;
}
.sivtc-form-container .sivtc-right-container {
min-width: 250px;
}
}
.estimate-container {
border: 2px solid #CDD9DB;
border-radius: 2px;
padding: 5px;
margin: 0 15px 10px 15px;
background-color: #fff;
}
.estimate-cost i {
margin-right: 7px;
}
.estimate-container .price,
.estimate-container .currency {
font-weight: bold;
font-size: 2.5em;
}
.sivtc-form-container .sivtc-right-container {
height: auto;
min-height: 500px;
display: inline-block;
padding: 0 0 0 15px;
min-width: 500px;
z-index: 99;
position: relative;
}
@media (max-width: 991px) {
.sivtc-form-container .sivtc-right-container {
margin-top: 15px;
padding: 0;
width: 100%;
min-width: 100%;
}
}
@media (max-width: 550px) {
.sivtc-form-container {
margin-left: auto !important;
margin-right: auto !important;
}
.sivtc-form-container .sivtc-left-container {
margin-left: 0%;
}
.sivtc-right-container {
padding: 10px !important;
height: 250px;
}
.sivtc-vehichles-availibility-blocks {
width: 98%;
}
div#sivtc-map-and-vehicle-estimation li.sivtc-input-container.sivtc-cstm-time.sivtcDirectionSection.col-lg-4.col-md-4.col-sm-12.col-xs-12 .sivtc-return-direction input#sivtcSetDirection {}
div#sivtc-map-and-vehicle-estimation li.sivtc-input-container.sivtc-cstm-time.sivtcDirectionSection.col-lg-4.col-md-4.col-sm-12.col-xs-12 .sivtc-return-direction label {
left: 25px;
top: 1px;
}
}
.sivtc-form-container .sivtc-verticle-map-container {
height: 500px;
}
.sivtc-form-container .images-cars {
background: none;
border-color: #e0e0e0;
box-shadow: none;
white-space: pre-line;
min-height: 110px;
text-align: center;
height: 0;
}
@media (min-width: 991px) {
.sivtc-form-container .images-cars {
overflow: hidden;
text-align: left;
}
}
.sivtc-form-container .has-error {
border: 1px solid red;
}
.sivtc-form-container .images-cars:focus {
box-shadow: none !important;
}
.sivtc-form-container .image-car {
height: 100px;
width: 100px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
transition: 0.3s all;
margin-right: 10px;
}
.sivtc-form-container .image-car:hover {
cursor: pointer;
box-shadow: 0 0 2px 1px #DAA520;
}
.sivtc-form-container .image-car:checked {
box-shadow: 0 0 2px 1px green;
} .tabs-type {
text-align: center;
margin: 0 auto;
background-color: #eeeeee;
padding: 4px;
width: 96%;
margin-left: auto;
margin-right: auto;
}
.tabs-type span {
padding: 6px 30px;
background-color: #eeeeee;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
display: inline-block;
transition: 0.3s all;
font-size: 18px;
width: 49%;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
.tabs-type span.active {
background-color: #00d6c2;
color: #000;
opacity: 1;
}
.tabs-type span:hover {
cursor: pointer;
background-color: #00d6c2;
color: #000;
}
.sivtc-input-overlay-group .tabs-address {
position: absolute;
top: 0;
right: 0;
background-color: #eeeeee !important;
outline: none;
box-shadow: none;
background: no-repeat;
display: flex;
padding: 0px;
height: 50px;
border-radius: 0px;
width: auto;
float: right;
max-width: 380px;
}
.tabs-address span {
padding: 0;
transition: 0.3s all;
text-align: center;
float: right;
width: 100%;
color: #3d5d77;
}
.tabs-address span i {
padding: 8px 5px;
font-size: 14px !important;
width: 24px;
text-align: center;
vertical-align: middle !important;
align-items: center;
}
.sivtc-form-container .sivtc-left-container .tabs-address span.active {
background-color: #00d6c2;
color: #ffffff;
opacity: 1;
}
.sivtc-form-container .sivtc-left-container .tabs-address span:hover {
cursor: pointer;
background-color: #00d6c2;
color: #f2f2f2;
}
div#sivtc-map-and-vehicle-estimation div#sivtcStopModal .modal-header p {
font-size: 25px;
text-align: center;
color: #577389;
margin: 3px;
width: 100%;
float: left;
display: inline-block;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
padding: 0px;
padding-bottom: 45px;
}
div#sivtc-map-and-vehicle-estimation div#sivtcStopModal .modal-header button.sivtc-close-stop-modal {
position: relative;
float: right;
color: #d8dfe4;
background-color: #fff;
border: none;
box-shadow: none;
font-size: 26px;
position: absolute;
right: 0;
top: 0;
}
div#sivtc-map-and-vehicle-estimation div#sivtcStopModal .modal-header p {
position: relative;
}
div#sivtc-map-and-vehicle-estimation div#sivtcStopModal .modal-body p#msg_error {
text-align: center;
width: 100%;
float: left;
font-size: 18px;
color: #637d92;
padding: 0px;
border: none;
box-shadow: none;
background: no-repeat;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
padding-bottom: 45px;
}
div#sivtc-map-and-vehicle-estimation div#sivtcStopModal .modal-header {
border-bottom: none;
}
div#sivtcStopModal .modal-footer {
border-top: none;
padding: 0px;
}
div#sivtcStopModal .modal-dialog {
width: 450px;
margin: 12% auto;
}
div#sivtc-map-and-vehicle-estimation div#sivtcStopModal .modal-footer button.sivtc-close-stop-intermideate-modal {
width: 100%;
float: left;
border-radius: 0px;
color: #002623;
background-color: #00d6c2;
font-size: 16px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
border: none;
}
div#sivtcStopModal .modal-dialog .modal-body {
padding: 0px;
}
@media (max-width: 550px) {
.sivtc-right-container {
padding: 10px !important;
height: 250px;
}
#sivtc-vehicle-with-estimation .sivtc-each-vehicle-services-outer ul {
width: 100% !important;
}
}
#map {
height: 100%;
min-height: 500px;
width: 100%;
} .sivtc-form-container .alert-warning {
width: 100%;
margin: auto;
position: inherit;
z-index: 1;
margin-top: 20px;
color: #fff !important;
font-weight: bold;
text-align: center;
background: #ce2529;
padding: 6px 0px;
}
.sivtc-form-container .alert-warning a {
color: #fff;
text-decoration: underline;
}
.sivtc-input-overlay-group {
position: relative;
border-radius: 0px;
margin: 10px auto;
overflow: hidden;
float: left;
width: 100%;
}
.sivtc-input-overlay-group.has-error {
border: 1px solid red;
-webkit-transition: all .5s ease-in;
-moz-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
transition: all .5s ease-in;
}
.sivtc-input-overlay-group .sivtc-overlays {
position: absolute;
z-index: 1;
}
.sivtc-input-overlay-group .sivtc-overlays .letters {
font-size: 14px;
background-color: #DAA520;
color: #777777;
padding: 4px 8px;
-webkit-transition: all .5s ease-in;
-moz-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
transition: all .5s ease-in;
height: 50px;
display: flex;
align-items: center;
width: 42.9px;
justify-content: center;
border-bottom-left-radius: 0px;
border-top-left-radius: 0px;
background-color: #eeeeee;
}
div#sivtc-vehicle-with-estimation .sivtc-back-to-step-1 {
width: 100%;
float: left;
text-align: right;
padding: 0px 10px;
}
div#sivtc-vehicle-with-estimation button.sivtc-step-1-button {
background-color: #bd9847;
width: 15%;
float: right;
margin-top: 13px;
height: 31px;
line-height: 0px;
font-size: 13px;
font-weight: 400;
color: #fff;
text-transform: uppercase;
border-radius: 0px;
padding: 0px;
text-align: center;
vertical-align: middle;
display: block;
border: none;
}
.sivtc-input-overlay-group .sivtc-overlays .letters.green {
color: #ffffff;
}
#sivtcStartingAddress,
#sivtcDestinationAddress {
width: 92%;
height: 42.5px;
margin: auto;
border-radius: 0;
border: 0;
margin-left: 43px;
padding: 0 10px;
-webkit-appearance: none;
font-size: 14px;
}
.sivtc-input-overlay-group.tabs-address-destination input#sivtcDestinationAddress::placeholder {
font-size: 14px;
}
#sivtcStartingAddress:focus,
#sivtcDestinationAddress:focus {
outline: 0;
}
#sivtcStartingAddressSelect,
#sivtcDestinationAddressSelect,
#sivtcPricePerHour {
width: 89%;
height: 50px;
margin: auto;
border-radius: 0;
border: 0;
margin-left: 0px;
text-indent: 0;
-webkit-appearance: menulist;
font-size: 14px;
margin-left: 40px;
}
#sivtcStartingAddressSelect:focus,
#sivtcDestinationAddressSelect:focus,
#sivtcPricePerHour:focus {
outline: 0;
}
.sivtc-form-header {
background-color: #DAA520;
width: 100%;
height: 42.5px;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
.sivtc-company-information {
color: #fff;
padding: 10px 20px;
}
.sivtc-form-image {
height: 18px;
}
.sivtc-address-separator {
margin: 0 !important;
height: 2px;
background-color: #ddd;
}
.sivtc-padding-container {}
.sivtc-form .action-buttons-container,
.sivtc-form .sivtc-booking-button-container,
.sivtc-form .alert {
margin: 10px auto;
position: relative;
top: 32px !important;
margin-top: 0;
font-size: 12px;
font-weight: 500;
}
.estimate-container {
margin: auto;
}
.sivtcPickupTimeContainer {
position: relative;
}
.sivtc-form-container .sivtc-input-group {
list-style: none;
margin: 15px 0 !important;
padding-left: 0;
}
.sivtc-step-1-outer li select.has-error {
border: 1px solid red !important;
}
.sivtc-step-1-outer li input.has-error,
.sivtc-step-1-outer .sivtc-input-overlay-group input.has-error {
border: 1px solid red !important;
}
.sivtc-input-group li.sivtc-input-container {
padding: 0px;
margin: 5px auto;
}
.sivtc-input-group li.sivtc-input-container label {
margin: 0 0 5px 0;
}
.sivtc-input-group li.sivtc-input-container .input-right {
float: right;
margin: -2px 10px 0 0;
}
@media (max-width: 415px) {
div#sivtc-map-and-vehicle-estimation li.sivtc-input-container.sivtc-cstm-time.sivtcDirectionSection.col-lg-4.col-md-4.col-sm-12.col-xs-12 .sivtc-return-direction input#sivtcSetDirection {
top: 0;
}
.sivtc-input-group li.sivtc-input-container {
padding: 0 5px;
display: inline-block;
line-height: normal;
float: left !important;
margin: 10px auto;
}
div#sivtcStopModal .modal-dialog {
width: 350px;
margin: 12% auto;
}
#sivtc-vehicle-with-estimation .sivtc-each-vehicle-services-outer ul {
width: 100%;
} .sivtc-input-group li.sivtc-input-container .input-right {
display: table-row;
width: 90%;
}
} .center {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.form-group {
clear: both;
}
.sivtc-settings-page {
padding: 20px;
}
.sivtc-settings-page .form-group {
padding-top: 5px;
}
.sivtc-vehicles-table {
width: 100%;
}
.sivtc-vehicles-table td {
width: 8.89%;
}
.sivtc-vehicles-table td:last-child {
width: 20%;
}
.sivtc-vehicles-table input[type=number] {
width: 70px;
}
.sivtc-vehicles-table input[type=text] {
width: 170px;
}
.sivtc-settings-form .helper-text {
margin-top: 7px;
}
.journey-stats {
list-style: none;
padding: 0 !important;
}
.journey-stats li {
display: inline;
margin: 5px 15px;
}
@media (max-width: 400px) {
.journey-stats li {
display: block;
}
}
.sivtc-delete-vehicle {
background: none;
border: none;
padding: 0;
font: inherit;
cursor: pointer;
margin-left: 5px !important;
}
.sivtc-delete-vehicle:hover {
text-decoration: underline;
}
.pricing-condition-map-actions,
.acceptance-region-map-actions {
position: absolute;
top: 10px;
right: 20px;
z-index: 1;
}
.polygon-pricing-condition-map-container,
.acceptance-region-map-container {
height: 450px;
padding: 0 15px !important;
}
#polygon_pricing_condition_pick_up_map,
#polygon_pricing_condition_drop_off_map,
#acceptance_region_map {
height: 100%;
width: 100%;
}
.pricing-condition-action-button {
margin-right: 10px;
margin-top: 5px;
}
.table-action-form {
display: inline;
}
.sivtc-settings-page .nav.nav-tabs {
height: 40px;
}
.sivtc-settings-page .tab-pane {
padding-top: 30px;
}
.sivtc-is-active-icon-container {
font-size: 20px;
text-align: center;
}
.sivtc-is-active-icon-container .fa-check {
color: green;
}
.sivtc-is-active-icon-container .fa-times {
color: red;
}
.sivtc-form-feedback {
margin: 15px 10px 0 10px;
}
.sivtc-checkout-group {
margin: 30px auto;
display: inline-block;
}
.woocommerce-checkout .form-control-static,
.woocommerce-account .form-control-static {
padding-top: 0;
}
.woocommerce-checkout .form-group .control-label,
.woocommerce-account .form-group .control-label {
font-weight: bold;
}
.sivtc-checkout-map-container {
margin-bottom: 20px;
height: 300px;
padding: 0 15px !important;
}
#checkout_map {
height: 100%;
width: 100%;
}
#thankyou_map {
height: 100%;
width: 100%;
}
#sivtc_starting_address,
#sivtc_destination_address {
height: auto;
}
h3.header {
padding-top: 15px;
}
.sivtc-price-container {
margin-top: 20px;
}
.sivtc-vat-panel .panel-heading {
height: 50px;
}
#sivtc_order_origin_map {
height: 250px;
width: 100%;
}
#sivtc_order_destination_map {
height: 250px;
width: 100%;
}
.sivtc-marker-helper-container {
margin-top: -3px;
text-align: center;
}
.sivtc-marker-helper {
background: #E3E3E3;
padding: 5px 10px;
text-align: center;
font-size: 12px;
border: 1px solid #D4D4D4;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
} .fc-month-view .fc-time:after {
content: "m";
}
.fc-month-view .fc-day-number {
text-decoration: underline;
font-weight: bold;
}
.fc-month-view .fc-day:hover {
cursor: pointer
}
input#sivtcStartingAddress,
input#sivtcDestinationAddress {
position: relative;
}
input#sivtcStartingAddress,
input#sivtcStartingAddress::placeholder {
color: #000;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 14px;
width: 89%;
margin-left: 0;
}
span.close-address {
position: absolute;
right: 26%;
z-index: 0;
background: #dadada;
font-size: 16px;
top: 15px;
width: 20px;
height: 20px;
padding: 0;
border-radius: 100%;
text-align: center;
line-height: 16px;
font-weight: normal;
color: #333;
cursor: pointer;
display: none;
}
.sivtc-overlays .letters {
cursor: pointer;
}
.sivtc-left-container input[type="radio"] {
height: auto;
}
#sivtcStartingAddress,
#sivtcDestinationAddress {
width: 89%;
height: 50px;
margin: auto;
border-radius: 0;
border: 0;
padding: 0 10px;
-webkit-appearance: none;
word-break: break-all;
white-space: nowrap;
text-overflow: ellipsis;
padding-right: 38px;
background-color: #eeeeee;
text-indent: 0;
margin-left: 40px !important;
}
input.btn.btn-success.booking-button {
height: auto;
}
@media(max-width:768px) {
.sivtc-right-container.map-display.col-md-4 {
width: 100% !important;
}
#sivtc-vehicle-with-estimation {
width: 100%;
float: left;
}
button.sivtc-step-1-button {
margin-top: 10px;
width: 16%;
}
.tabs-address-destination .tabs-address,
.tabs-address-start .tabs-address,
.tabs-intermediate-stop {
width: auto !important;
}
.sivtc-input-overlay-group .tabs-address {
width: auto;
}
}
@media(max-width:767px) {
.sivtc-right-container.map-display.col-md-4 {
background-color: #f5f5f5;
width: 100%;
float: left;
}
.sivtc-vehichles-availibility-blocks {
width: 98%;
}
.sivtc-settings-page {
padding: 10px 0;
}
.sivtc-end-date-sec,
.sivtc-start-date-sec {
width: 45%;
}
span.remove_date_time {
width: 14px;
height: 14px;
font-size: 12px;
top: 16px;
line-height: 14px;
}
} .sivtc-padding-container li.sivtc-input-container.col-lg-4.col-md-4.col-sm-12.col-xs-12.sivtcNoOfOccupantsSection {
width: 100%;
}
.sivtc-left-container input,
.sivtc-left-container select {
background-color: #eeeeee;
border: none;
padding: 0px 25px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
height: 50px;
border-radius: 0px;
margin: 5px auto;
font-size: 12px;
padding-left: 0;
text-indent: 20px;
box-shadow: none !important;
}
div#sivtcReturnPickupTimeContainer input#sivtcReturnPickupTime::placeholder {
color: #555;
}
div#sivtc-map-and-vehicle-estimation ul.sivtc-input-group div#sivtcPickupTimeContainer input#sivtcPickupTime {
background-color: #eeeeee;
border: none;
padding: 0px 11px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 12px;
box-shadow: none;
}
div#sivtc-map-and-vehicle-estimation ul.sivtc-input-group div#sivtcPickupHourContainer select#sivtcPickupHour {
background-color: #eeeeee;
border: none;
padding: 0px 25px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
padding-left: 0;
text-indent: 26px;
font-size: 12px;
box-shadow: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-webkit-border-radius: 0px;
-webkit-appearance: none;
-webkit-border-radius: 0px;
background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%);
background-position: calc(100% - 20px) calc(2em + 0px), calc(100% - 15px) calc(2em + 0px), calc(100% - 2.5em) 0.5em;
background-size: 5px 5px, 5px 5px, 1px 1.5em;
background-repeat: no-repeat;
-moz-appearance: none;
padding-left: 25px;
}
div#sivtcPickupHourContainer {
position: relative;
}
input#sivtcPickupTime::placeholder {
color: #555;
}
div#sivtc-map-and-vehicle-estimation ul.sivtc-input-group div#sivtcPickupMinuteContainer select#sivtcPickupMinute {
background-color: #eeeeee;
border: none;
padding: 0px 0px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 12px;
box-shadow: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-webkit-border-radius: 0px;
-webkit-appearance: none;
-webkit-border-radius: 0px;
background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%);
background-position: calc(100% - 20px) calc(2em + 0px), calc(100% - 15px) calc(2em + 0px), calc(100% - 2.5em) 0.5em;
background-size: 5px 5px, 5px 5px, 1px 1.5em;
background-repeat: no-repeat;
-moz-appearance: none;
}
#sivtcReturnPickupMinute {
padding: 0 0px;
-webkit-appearance: none;
-webkit-border-radius: 0px;
background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%);
background-position: calc(100% - 20px) calc(2em + 0px), calc(100% - 15px) calc(2em + 0px), calc(100% - 2.5em) 0.5em;
background-size: 5px 5px, 5px 5px, 1px 1.5em;
background-repeat: no-repeat;
-moz-appearance: none;
}
.sivtc-switch-departure-arrival-address span.sivtc-switch-address {
cursor: pointer;
}
#sivtc-vehicle-with-estimation {
margin: 0 auto;
background: #f5f5f5;
padding: 15px;
position: unset;
}
#sivtc-vehicle-with-estimation h2:before {
display: none;
}
#sivtc-vehicle-with-estimation h2 {
font-size: 20px;
text-transform: uppercase;
margin-bottom: 6px;
margin-top: 0px;
font-weight: 400;
}
.sivtc-each-vehicle-passanger-suitcase {
width: 100%;
padding-bottom: 0px;
border-bottom: 2px solid #ccc;
margin-bottom: 6px;
float: left;
}
.sivtc-each-vehicle-services-outer {
width: 33.33%;
float: left;
}
.sivtc-each-vehicle-imgs-seats {
width: 33.33%;
float: left;
}
.sivtc-each-vehicle-price-book {
width: 33.33%;
float: left;
}
.sivtc-back-to-step-1 {
width: 100%;
float: right;
}
.sivtc-each-vehicle-passanger-outer {
float: left;
margin-right: 30px;
}
.sivtc-each-vehicle-suitcase-outer {
float: left;
}
#sivtc-vehicle-with-estimation span.sivtc-each-vehicle-passanger i {
font-size: 18px;
}
#sivtc-vehicle-with-estimation .sivtc-each-vehicle-passanger-outer span {
font-size: 14px;
font-family: sans-serif;
}
#sivtc-vehicle-with-estimation .sivtc-each-vehicle-suitcase-outer i {
font-size: 18px;
}
#sivtc-vehicle-with-estimation .sivtc-each-vehicle-suitcase-outer span {
font-size: 14px;
font-family: sans-serif;
}
#sivtc-vehicle-with-estimation .sivtc-each-vehicle-services-outer ul li.sivtc-each-vehicle-service {
font-size: 12px;
line-height: 1.6;
padding-bottom: 20px;
font-weight: 300;
font-family: sans-serif;
}
#sivtc-vehicle-with-estimation .sivtc-each-vehicle-services-outer ul {
list-style: none;
padding-left: 0px;
width: 90%;
margin-left: 0px;
}
#sivtc-vehicle-with-estimation .sivtc-each-vehicle-price {
width: 100%;
display: block;
text-align: right;
}
#sivtc-vehicle-with-estimation .sivtc-each-vehicle-price span {
font-size: 22px;
font-weight: 400;
font-family: sans-serif;
}
#sivtc-vehicle-with-estimation .sivtc-each-vehicle-card-imgs img {
float: right;
object-fit: cover;
width: 60%;
margin-top: 7px;
}
button.sivtc-step-1-button {
background-color: #bd9847;
width: 31%;
float: right;
margin-top: 0px;
height: 31px;
line-height: 0px;
font-size: 13px;
font-weight: 400;
color: #fff;
text-transform: uppercase;
border-radius: 0px;
padding: 0px;
text-align: center;
vertical-align: middle;
display: block;
border: none;
margin-bottom: 13px;
}
.sivtc-right-container.map-display.col-md-4 .sivtc-resume-ride-heading {
font-size: 18px;
color: #333;
text-align: center;
font-family: sans-serif;
font-weight: 500;
width: 100%;
float: right;
position: relative;
margin-bottom: 30px;
}
div#sivtc-vehicle-with-estimation .sivtc-each-vehicle-outer {
width: 100%;
float: left;
margin-bottom: 40px;
}
.sivtc-second-step-vehicle-map-container {
background-color: #f5f5f5;
position: relative;
padding: 20px 0px;
width: 100%;
float: left;
max-width: 100%;
min-width: 100%;
}
.sivtc-right-container.map-display.col-md-4 {
background-color: #f5f5f5;
height: auto;
width: 28.33%;
float: right;
}
.sivtc-right-container.map-display.col-md-4 .sivtc-resume-ride-heading::before {
display: block;
border-bottom: 2px solid#ccc;
position: absolute;
content: "";
width: 45%;
bottom: -17px;
left: 0;
right: 0;
text-align: center;
margin: 0 auto;
}
ul.sivtc-map-content li i {
font-size: 16px;
align-items: center;
vertical-align: middle;
text-align: left;
width: 18px;
}
ul.sivtc-map-content li label {
font-size: 14px;
font-family: sans-serif;
font-weight: 500;
color: #333;
}
ul.sivtc-map-content li span {
font-size: 12px;
font-family: sans-serif;
font-weight: 500;
color: #333;
}
ul.sivtc-map-content li {
list-style: none;
padding: 3.5px 0px;
}
ul.sivtc-map-content {
margin-left: 0px;
margin-top: 12px;
}
#sivtc-vehicle-with-estimation .sivtc-each-vehicle-book input.btn.btn-success.booking-button {
background-color: #bd9847;
width: 65%;
float: right;
margin-top: 13px;
height: 31px;
line-height: 0px;
font-size: 13px;
font-weight: 400;
color: #fff;
text-transform: uppercase;
border-radius: 0px;
padding: 0px;
text-align: center;
vertical-align: middle;
display: block;
}
#sivtc-vehicle-with-estimation .sivtc-each-vehicle-services-outer ul li.sivtc-each-vehicle-service i {
font-size: 18px;
padding-right: 10px;
display: inline-flex;
}
span.tabs-address-end-2 i.fa.fa-plane,
span.tabs-address-start-2 i.fa.fa-plane,
span.tabs-address-stop-2 i.fa.fa-plane {
transform: rotate(-45deg);
}
.tabs-address-destination .tabs-address,
.tabs-address-start .tabs-address,
.tabs-intermediate-stop {
position: absolute;
top: 0;
right: 0;
background-color: #eeeeee !important;
outline: none;
box-shadow: none;
background: no-repeat;
display: flex;
padding: 0px;
height: 50px;
border-radius: 0px;
width: auto;
float: right;
max-width: 380px;
}
.sivtc-step-1-outer .sivtc-switch-departure-arrival-address {
text-align: right;
}
.sivtc-switch-departure-arrival-address .sivtc-switch-address i.fa.fa-exchange {
transform: rotate(90deg);
}
.tabs-address i.fa {
font-size: 16px;
line-height: 2.5;
vertical-align: middle;
}
.sivtc-each-vehicle-seats-facality {
width: 76%;
float: right;
margin-bottom: 10px;
}
div#sivtc-vehicle-with-estimation .sivtc-each-vehicle-passanger-suitcase {
position: relative;
width: 100%;
float: left;
display: inline-block;
}
.sivtc-each-vehicle-seats-facality label {
margin-left: 0px;
margin-right: 5px;
font-size: 14px;
font-family: sans-serif;
font-weight: 500;
}
div#sivtc-vehicle-with-estimation .sivtc-each-vehicle-seats-facality {}
div#sivtc-vehicle-with-estimation .sivtc-each-vehicle-wifi label {
font-size: 12px;
font-weight: 500;
margin-left: 6px;
margin-right: 10px;
}
div#sivtc-map-and-vehicle-estimation ul.sivtc-input-group div#sivtcPickupHourContainer select#sivtcPickupHour:focus {
box-shadow: none;
}
div#sivtc-map-and-vehicle-estimation ul.sivtc-input-group div#sivtcPickupMinuteContainer select#sivtcPickupMinute:focus {
box-shadow: none;
}
.sivtc-each-vehicle-seats-facality label.sivtc-vehicle-equip {
float: left;
}
div#sivtc-vehicle-with-estimation .sivtc-each-vehicle-seats-facality img {
vertical-align: text-top;
}
div#sivtc-vehicle-with-estimation .sivtc-each-vehicle-baby-seat label {
font-size: 12px;
font-weight: 500;
margin-left: 6px;
margin-right: 10px;
}
div#sivtc-vehicle-with-estimation .sivtc-each-vehicle-child-booster label {
font-size: 12px;
font-weight: 500;
margin-left: 6px;
margin-right: 10px;
}
div#sivtc-vehicle-with-estimation .sivtc-each-vehicle-water-bottle label {
font-size: 12px;
font-weight: 500;
margin-left: 6px;
margin-right: 10px;
}
div#sivtc-vehicle-with-estimation .sivtc-each-vehicle-img {
width: 100%;
float: left;
text-align: center;
}
.sivtc-each-vehicle-imgs-seats .sivtc-each-vehicle-img img {
height: auto;
max-width: 174px;
border: none;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
width: 100%;
object-fit: contain;
margin: 0 auto;
text-align: center;
}
.sivtc-each-vehicle-wifi {
float: left;
}
.sivtc-each-vehicle-baby-seat {
float: left;
}
.sivtc-each-vehicle-child-booster {
float: left;
}
.sivtc-each-vehicle-water-bottle {
float: left;
}
.sivtc-each-vehicle-wifi img.sivtc-wifi-img {
height: 30px;
object-fit: contain;
}
.sivtc-each-vehicle-baby-seat img.sivtc-baby-seat-img {
height: 30px;
object-fit: contain;
}
.sivtc-each-vehicle-child-booster img.sivtc-child-boster-img {
height: 30px;
object-fit: contain;
}
.sivtc-each-vehicle-water-bottle img.sivtc-bottle-of-water-img {
height: 30px;
object-fit: contain;
}
input.sivtcStopAddress,
input.sivtcStopAddress::placeholder {
color: #000 !important;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 14px;
position: relative;
width: 89%;
margin-left: 40px !important;
float: none;
text-indent: 0 !important;
}
.sivtcStopAddress {
width: 100%;
height: 50px !important;
margin: auto !important;
border-radius: 0 !important;
border: 0 !important;
margin-left: 0 !important;
padding: 0 10px !important;
-webkit-appearance: none !important;
word-break: break-all;
white-space: nowrap;
text-overflow: ellipsis;
padding-right: 38px !important;
background-color: #eeeeee !important;
outline: none;
text-indent: 36px !important;
width: 89%;
margin-left: 40px !important;
float: left;
text-indent: 0 !important;
}
#sivtcStopAddressSelect {
height: 50px;
margin: auto;
border-radius: 0;
border: 0;
margin-left: 40px;
padding: 0 40px;
-webkit-appearance: menulist;
font-size: 14px;
width: 89%;
outline: none;
padding: 0;
text-indent: 0;
}
#sivtcStopAddressSelect:hover,
#sivtcStopAddressSelect:focus {
outline: none;
box-shadow: none;
}
span.close-stop-address {
position: absolute;
right: 26%;
z-index: 0;
background: #dadada;
font-size: 16px;
top: 15px;
width: 20px;
height: 20px;
padding: 0;
border-radius: 100%;
text-align: center;
line-height: 16px;
font-weight: normal;
color: #333;
cursor: pointer;
}
.sivtc-input-overlay-group {
position: relative;
border-radius: 0px;
margin: 10px auto;
overflow: hidden;
float: right;
width: 100% !important;
}
.sivtc-return-direction input.sivtc_direction {
margin: 0;
margin-top: 3px;
}
input#sivtcPickupTime {
text-indent: 20px;
}
input#sivtcReturnPickupTime {
text-indent: 20px;
}
.sivtc-tabs-0 span.close-stop-address,
.sivtc-tabs-0 span.close-address {
right: 10px;
}
.sivtc-tabs-1 span.close-stop-address,
.sivtc-tabs-1 span.close-address {
right: 8%;
}
.sivtc-tabs-2 span.close-stop-address,
.sivtc-tabs-2 span.close-address {
right: 15%;
}
.sivtc-tabs-3 span.close-stop-address,
.sivtc-tabs-3 span.close-address {
right: 21%;
}
.sivtc-tabs-4 span.close-stop-address,
.sivtc-tabs-4 span.close-address {
right: 26%;
}
@-moz-document url-prefix() {
div#sivtc-map-and-vehicle-estimation ul.sivtc-input-group div#sivtcPickupHourContainer select#sivtcPickupHour,
select#sivtcReturnPickupHour {
text-indent: 0px;
}
.sivtc-left-container input,
.sivtc-left-container select {
text-indent: 0px;
}
}
.sivtc-form .bootstrap-datetimepicker-widget {
display: block !important;
} .col-sm-4 sivtc-vehichles-availibility-blocks {
overflow: auto;
}
.sivtc-vehichles-availibility-blocks .sivtc-fields-section {
float: left;
max-height: 135px !important;
overflow-y: auto;
padding: 0px 15px;
}
.sivtc-vehichles-availibility-blocks .sivtc-add-new-row {
float: left;
width: 100%;
display: block;
padding: 0px 15px;
}
input.sivtc_remove_btn {
border-radius: 50%;
border: none;
background: #dd0e0e;
color: #fff;
padding: 2px 8px;
}
#sivtc_add_btn {
border-radius: 3px;
background-color: #0073aa;
text-align: center;
color: #fff;
border: none;
padding: 7px 15px;
cursor: pointer;
margin-top: 3px;
text-transform: capitalize;
}
input.sivtc-specific-time.sivtc_start_time {
margin: 5px 15px;
}
input.sivtc-specific-time.sivtc_start_time {
margin: 5px 15px;
}
input.sivtc-specific-date.sivtc_end_date {
margin-right: 15px;
}
input.sivtc_percent_increase {
margin: 5px 15px;
}
.sivtc-heading-section {
display: grid;
grid-template-columns: auto auto auto auto auto;
}
.sivtc-heading-section label {
margin: 0px 10px;
text-align: center;
}
.sivtc-heading-section label:last-child {
margin-left: 10px;
}
.sivtc-heading-section {
display: flex;
justify-content: space-around;
width: 80%;
}
.sivtc-settings-page input[type=submit] {
margin: 10px;
}
.sivtc-vehichles-availibility-blocks .sivtc-fields-section {
max-height: 135px !important;
} .sivtc-specific-days-block {
height: 320px !important;
}
.sivtc-fields-section.sivtc-specific-days-fields-section {
max-height: 200px !important;
}   .sivtc-third-step-container {
width: 100%;
min-width: 100%;
background-color: #f5f5f5;
}
.sivtc-third-step-container .row {
display: flex;
}
.sivtc-service-handling-btn-sec .sivtc-step-2-button.sivtc-back-btn {
margin-right: 10px;
color: #fff;
}
.sivtc-service-handling-btn-sec .sivtc-service-handling-btn {
color: #fff;
margin-left: auto;
}
.sivtc-service-handling-btn-sec {
display: flex;
margin: 20px 0 40px 0;
padding: 0 40px;
}
.sivtc-third-step-container .sivtc-service-handling-price .sivtc-service-handling-price-wrap {
background: #f5f5f5;
padding: 13px 10px;
text-align: center;
margin-bottom: 20px;
}
.sivtc-third-step-container .sivtc-service-handling-price .sivtc-service-handling-price-wrap .sivtc-price-with-service {
font-size: 25px;
font-weight: 500;
}
.sivtc-third-step-container .sivtc-service-handling-price .sivtc-service-handling-price-wrap label {
font-size: 16px;
text-transform: uppercase;
margin-bottom: 2px;
}
.sivtc-third-step-container .sivtc-service-handling-price .sivtc-service-handling-price-wrap .sivtc-price-without-service {
font-size: 16px;
}
.sivtc-third-step-container .sivtc-service-handling-price .sivtc-service-handling-info-wrap {
padding: 15px 30px;
}
.sivtc-third-step-container #sivtc-service-handling .sivtc-service-handling-wrapp {
padding: 30px;
} .sivtc-third-step-container #sivtc-service-handling .sivtc-service-handling-sec .sivtc-handling-sercies-list {
margin: 20px 0;
}
.sivtc-third-step-container #sivtc-service-handling .sivtc-service-handling-sec .sivtc-handling-sercies-list .sivtc-handling-service {
box-shadow: 0 0px 8px 0 #d2d2d2;
text-align: center;
padding: 10px;
cursor: pointer;
}
.sivtc-handling-service:hover,
.sivtc-handling-service.selected {
background: #0061ad;
}
.sivtc-third-step-container #sivtc-service-handling .sivtc-service-handling-sec .sivtc-handling-sercies-list .sivtc-handling-service .sivtc-handling-service-title h3 {
color: #000000;
font-weight: 500;
line-height: 1.2;
}
.sivtc-third-step-container #sivtc-service-handling .sivtc-service-handling-sec .sivtc-handling-sercies-list .sivtc-handling-service:hover .sivtc-handling-service-title h3,
.sivtc-third-step-container #sivtc-service-handling .sivtc-service-handling-sec .sivtc-handling-sercies-list .sivtc-handling-service.selected .sivtc-handling-service-title h3 {
color: #ffffff;
}
.sivtc-third-step-container #sivtc-service-handling .sivtc-service-handling-sec .sivtc-handling-sercies-list .sivtc-handling-service .sivtc-handling-service-desc {
position: absolute;
right: 22px;
top: 8px;
}
.sivtc-third-step-container #sivtc-service-handling .sivtc-service-handling-sec .sivtc-handling-sercies-list .sivtc-handling-service .sivtc-handling-service-desc i {
font-size: 16px
}
.sivtc-third-step-container #sivtc-service-handling .sivtc-service-handling-sec {
margin-bottom: 40px;
}
.sivtc-third-step-container #sivtc-service-handling .sivtc-service-handling-sec .sivtc-service-handling-heading-sec h2,
.sivtc-third-step-container #sivtc-service-handling .sivtc-loading-unloading-sec .sivtc-loading-unloading-heading-sec h2 {
font-size: 25px;
font-weight: 500;
}
.sivtc-third-step-container #sivtc-service-handling .sivtc-service-handling-btn-sec {
margin: 24px 0 0 0;
display: flex;
justify-content: space-between;
}
.sivtc-third-step-container #sivtc-service-handling .sivtc-service-handling-btn-sec .sivtc-service-handling-btn,
.sivtc-third-step-container #sivtc-service-handling .sivtc-service-handling-btn-sec .sivtc-step-2-button {
padding: 10px 35px;
height: 31px;
line-height: 0px;
font-size: 13px;
font-weight: 400;
color: #fff;
text-transform: uppercase;
border-radius: 0px;
text-align: center;
vertical-align: middle;
} .sivtc-third-step-container #sivtc-service-handling .sivtc-service-slider-sec {
position: relative;
}
.sivtc-third-step-container #sivtc-service-handling .sivtc-service-slider-sec .sivtc-slider-left-sec {
background: #f2f2f2;
padding: 2px 5px;
font-weight: 500;
border-top-left-radius: 7px;
border-bottom-left-radius: 7px;
position: absolute;
width: 81px;
top: 14px;
font-size: 12px;
}
.sivtc-third-step-container #sivtc-service-handling .sivtc-service-slider-sec .sivtc-slider-right-sec {
width: 100%;
padding-left: 10%;
}
.sivtc-third-step-container #sivtc-service-handling .sivtc-service-slider-sec .sivtc-slider-right-sec .irs .irs .irs-from,
.sivtc-third-step-container #sivtc-service-handling .sivtc-service-slider-sec .sivtc-slider-right-sec .irs .irs .irs-to {
display: none;
}
.sivtc-third-step-container #sivtc-service-handling .sivtc-service-slider-sec .sivtc-slider-right-sec .irs .irs .irs-single {
top: -10px;
background: none !important;
color: #000000 !important;
}
.sivtc-third-step-container #sivtc-service-handling .sivtc-service-slider-sec .sivtc-slider-right-sec .irs .irs-bar {
background: #0061ad !important;
top: 14px !important;
height: 38px !important;
}
.sivtc-slider-right-sec span.irs-handle.single {
width: 37px;
top: 11px;
height: 44px;
border: 3px solid #0061ad;
background-color: #0061ad;
border-radius: 7px 7px 0 0;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(45deg);
transform: rotate(90deg);
}
.sivtc-slider-right-sec span.irs-handle.single:before {
content: '';
display: block;
height: 17px;
width: 18px;
position: absolute;
bottom: -10px;
right: 7px;
background-image: url(//www.kheez.com/wp-content/plugins/sivtccorrigejuil2025/includes/imgs/arrows.png);
background-size: cover;
transform: rotateZ(90deg);
border-radius: 50%;
background-repeat: no-repeat;
background-position: center;
box-shadow: 0 0px 8px 0 #b7b7b7;
}
.sivtc-third-step-container .sivtc-service-handling-price {
display: flex;
flex-direction: column;
}
.sivtc-third-step-container .sivtc-service-handling-price .sivtc-resume-ride-heading {
font-size: 16px;
color: #000000;
font-weight: 500;
line-height: 1.2;
text-align: center;
}
.sivtc-third-step-container .sivtc-service-handling-price .sivtc-extra-info-wrapper .sivtc-map-content {
padding-left: 0;
}
.sivtc-second-step-vehicle-map-container .sivtc-each-vehicle-outer .sivtc-each-vehicle-price span,
.sivtc-second-step-vehicle-map-container .sivtc-each-vehicle-outer .sivtc-each-vehicle-service {
color: #000;
} @media(max-width:767px) { .sivtc-third-step-container .row {
display: flex;
flex-direction: column;
}
.sivtc-third-step-container .col-md-8,
.sivtc-third-step-container .col-md-4 {
width: 100%;
}
.sivtc-third-step-container .sivtc-service-handling-price .sivtc-service-handling-price-wrap {
padding: 13px 30px;
text-align: left;
}
.sivtc-third-step-container .sivtc-service-handling-price .sivtc-resume-ride-heading {
text-align: left;
}
.sivtc-third-step-container #sivtc-service-handling .sivtc-service-slider-sec .sivtc-slider-right-sec {
padding-left: 20%;
}
}
.sivtc-form-container .sivtc-input-group {
display: inline-flex;
flex-wrap: wrap;
width: 100%;
}
.sivtc-form select.form-control:not([size]):not([multiple]) {
height: 50px !important;
}
li.sivtcDirectionSection {
margin: 0 !important;
}
.sivtc-form .action-buttons-container {
justify-content: center;
}
.sivtc-place-results {
background: #fff;
position: absolute;
top: 50px;
z-index: 99999;
max-width: 380px;
width: 380px;
}
.sivtc-place-results li {
list-style: none;
border-bottom: 1px solid #ccc;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 25px;
position: relative;
}
.sivtc-place-results li a {
text-decoration: none !important;
color: #54595f;
cursor: pointer;
white-space: nowrap;
width: 97%;
overflow: hidden;
text-overflow: ellipsis;
display: block;
font-weight: 400;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif !important;
}
.sivtc-form .sivtc-input-overlay-group {
overflow: unset !important;
}
.sivtc-form .sivtc-input-overlay-group .sivtcPriceHour-wrapper select#sivtcPricePerHour {
padding-left: 10px;
background: #eeeeee;
}
.sivtc-place-results li::before {
content: "";
position: absolute;
left: 5px;
background: url(//www.kheez.com/wp-content/plugins/sivtccorrigejuil2025/includes/imgs/map.png);
top: 50%;
width: 15px;
height: 15px;
background-size: contain;
background-position: center;
transform: translateY(-50%);
}