/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
/* .main {
  opacity: 0.5;
} */
body {
  background:rgba(0,0,0,0.0);
}
/* .transparent-background {
  height: 100px;
  width: 100px;
  background-color: red;
} */
.main,
.locate-booking,
.ride-summary,
.select-vehicle,
.airport-details,
.passenger-details,
.billing-details,
.contact-details,
.accordion,
.card-not-hourly-suv-payment
 {
  max-width: 700px !important;
  margin: auto;
/* border: 1px solid #d1a189;
  padding: 2px;*/

}
.main, .locate-booking {
    padding: 0px;
    margin-left: auto;
    margin-right: auto;

}
h4 {
    font-size: 20px;
}
p
 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

.selectionSedan:hover, .selectionSuv:hover, .selectionVan:hover{
border-color: #0176f6;
border-width: 2px;
cursor: pointer;
}

/*.continue-sedan-selection:hover, .continue-suv-selection:hover, .continue-van-selection:hover {
    border-color: #343a40;
    border-width: 1px;
    cursor: pointer;
}*/

.hide {
  display: none;
}
.sedan_selected,
.selected-card-not-hourly-sedan,
.selected-card-hourly-sedan,
.selected-card-not-hourly-suv,
.selected-card-hourly-suv,
.selected-card-not-hourly-van,
.selected-card-hourly-van,
.suv_selected,
.van_selected,
.sedan_selected_summary,
.suv_selected_summary,
.van_selected_summary,
.ride-summary,
.select-vehicle,
.list-group,
.card-hourly-sedan,
.card-hourly-suv,
.card-hourly-van,
.greet,
.stopOne,
.stopTwo,
.stopThree,
.stopFour,
.stopFive,
.minus,
.first-stop,
.second-stop,
.third-stop,
.fourth-stop,
.fifth-stop,
/*.vl_puAddress,*/
.vl_stopAddressOne,
.vl_stopAddressTwo,
.vl_stopAddressThree,
.vl_stopAddressFour,
.vl_stopAddressFive

 {

    display: none;
}

.selected-card-not-hourly-sedan,
.selected-card-hourly-sedan,
.selected-card-not-hourly-suv,
.selected-card-hourly-suv,
.selected-card-not-hourly-van,
.selected-card-hourly-van
{
    height: 100px;
}

#stop_places,
#stop_places_one,
#stop_places_two,
#stop_places_three,
#stop_places_four,
#stop_places_five {
    padding-right: 40px !important;
}

.airport-details,
.location-details,
.passenger-details,
.billing-details,
.contact-details,
.payment-details {
    display: none;
}

.pickup-details-section,
.dropoff-details-section
{
    display: none;
}
.stop:hover {
  cursor: pointer;
}

.text-muted {
    font-size: 14px;
    margin-bottom: -5px;
}


/*initial hide fields*/

.from_all_airports,
.from_airlines,
.to_airlines,
.from_fbo,
.to_fbo,
.to_location,
.doPrivateAirport,
.doPrivateText,
.puPrivateText,
.doCommercialTextButton,
.doPrivateTextMore,
.booking-confirmation
                {
    display: none;
}

/* stripe*/

.card-inputs {
    display: block;
}

.input-group-text {
background-color: #f3f5f6;
width: 40px;
height: 38px;
/*color: #007bff;*/
text-align:center;
}

.input-group {
    margin-bottom: 5px;
}
label {
    margin-bottom: 0.0rem;
}

.addStop {
    width: auto;
}

.question-text {
    font-weight: bolder;
    padding-top: 5px;
}

.stop-fa  {
    position: absolute;
    right: 50px;
    top: 20px;
    color: #666;
    cursor: pointer;
}

.fsTrashOne {
    cursor: pointer;
}

.display_noHours_sum {
    display: none;
}

.display_serviceType,
.display_tripType,
.display_pickUpDate,
.display_pickUpTime,
.display_noHours_sum,
.duration_text,
.in_mile {
    margin-left: 5px;
}



.icon-box {
   
    float:left; 
    text-align: center;
    vertical-align: bottom;
    width: 25px;
}

.plus,
.fa-trash-can { 
    cursor: pointer;
}

/*.font-sizes {
    font-size: 14px;
<<<<<<< Updated upstream
    margin-bottom: 10px;
}
=======
}*/


.summary-heading {
/*    font-size: 15px;
    font-weight: 300;
    color: rgb(134, 38, 51);
    text-align: left;
    padding-bottom: 10px;
    text-decoration: none;
    display: inline-block;*/
}

.card-horizontal {
    display: flex;
    flex: 1 1 auto;
    height: 100%;
}

.rate-font {
    font-weight: 100;
    font-size: 25px;
    padding-top: 0px;
}

/*spinner css*/

@keyframes ldio-0pt57p9x8nt {
  0% { transform: rotate(0deg) }
  50% { transform: rotate(180deg) }
  100% { transform: rotate(360deg) }
}
.ldio-0pt57p9x8nt div {
  position: absolute;
  animation: ldio-0pt57p9x8nt 1s linear infinite;
  width: 160px;
  height: 160px;
  top: 20px;
  left: 20px;
  border-radius: 50%;
  box-shadow: 0 4px 0 0 #f1f2f3;
  transform-origin: 80px 82px;
}
.loadingio-spinner-eclipse-zl1dbydmehk {
  width: 200px;
  height: 200px;
  display: inline-block;
  overflow: hidden;
  background: none;
}
.ldio-0pt57p9x8nt {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.ldio-0pt57p9x8nt div { box-sizing: content-box; }
/* generated by https://loading.io/ */

#overlayNextPhaseGo {
  position: fixed;
/*  display: none;*/
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: 2;
  cursor: pointer;
  text-align: center;
  padding-top: 100px;
}

#overlayEditSummary {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: 2;
  cursor: pointer;
  text-align: center;
  padding-top: 100px;
}

.overlaySelectVehicle {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: 2;
  cursor: pointer;
  text-align: center;
  padding-top: 100px;
}

.red-class {
    border-color: red;
}

.green-class {
    border-color: green;
}

/*.fa-trash-can {
    font-size: 1.50em !important;
}*/

.departure,
.arrival, 
.directedOne, 
.directedTwo {
    display: none;
}

.cardImageResponsive {
  width:70%;
  height: auto;
}

.stop-hover:hover {
    background-color: #343a40;
}
.plus:hover {
    color: aliceblue;
}
.nav-tabs .nav-link {
    width: 100px;
}

.esDisclaimer {
    display: none;
}

/*checkbox css*/

/* The container */
.containerCheck {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  /*font-size: 22px;*/
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.containerCheck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #a6aab1;

}

/* On mouse-over, add a grey background color */
.containerCheck:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.containerCheck input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.containerCheck input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.containerCheck .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}