/*@media (min-width: 393px) and (max-width: 393px) {*/
@media (min-width: 392px) and (max-width: 394px) {
	.destin{
		top:370px !important;		
	} 		
  #exchangeTransfer{
	font-size: 20px; 
	background-color: #5E17EB; 
	color: #fff; 
	cursor: pointer; 
	border-radius: 40px;
    width: 40px; 
	height: 40px; 
	padding: 6px 0px 0px 11px; 
	position: absolute; 
	z-index: 99; 
	margin-left: -32px; 
	margin-top: 2px;
	left:208px;
	top:336px;
	transform:rotate(90deg);
	}
	.desti {
		top:219px !important;
	}
	.home_msg {
		display:none;
	}	
	.home_msg_desti{
		display:none;
	}
	.home_msg_mobile{
		display:inline-block;	
		width:100% !important;
	}
}

#exchangeTransfer{
	font-size: 20px; 
	background-color: #5E17EB; 
	color: #fff; 
	cursor: pointer; 
	border-radius: 40px;
    width: 40px; 
	height: 40px; 
	padding: 6px 0px 0px 11px; 
	/*position: fixed; */
	position: absolute;
	z-index: 99; 
	margin-left: -26px; 
	margin-top: 11px;	
}
#exchangeTransfer.on{
	animation : mymove 1s 1;	
}
@keyframes mymove {
  100% {transform: rotate(180deg);}  
}
.cust_rem_desti{
	--bs-gutter-x : 0.63rem;
}
.cust_rem{
	--bs-gutter-x : 0.63rem;
}
.cust_selectric {
	background-color: #fff;
	height:64px;	
}
.cust_selectric span.label {
	padding : 1.38rem 1.5rem !important;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  /*background-color: #5E17EB;*/
  background-color: #5E17EB !important;
}
.btn-primary,.btn-primary:hover {
  color: #fff;
  background-color: #5E17EB;
  border-color: #5E17EB;
}
.highlighted{
	color:#5E17EB !important;	
}

.cust_cal{
	left:10px;
	/*font-size:1rem;*/
	color:#5E17EB !important;	
	font-size:22px !important;
	padding:10px;
	width:22px;
}
.cust_cross{
	display:none;
	/*left:10px;
	font-size:1rem;*/
	color:#000 !important;	
	font-size:22px !important;
	padding:10px;
	width:22px;
}
.pl_30{
	padding-left : 30px;	
}
.pl_60{
	padding-left : 60px;
	height:64px !important;	
}
.btn-cust-primary{
	background-color:#5E17EB;
	color:#fff;
	float:right;
	border-color:#5E17EB;	
}
.btn-cust-primary:hover {
  color: #fff;
  background-color:#5E17EB;
  border-color:#5E17EB;
}
.home_msg_mobile{
	display:none;	
}
@media (width: 912px) {
	.home_msg_mobile{
		display:none;
	}
}

@media (width: 820px) {
	.home_msg {
		display:none;
	}
	.home_msg_mobile{
		display:inline-block;	
		width:100% !important;
	}
}
@media (width: 768px) {
	.home_msg {
		display:none;
	}
	.home_msg_desti{
		display:none;
	}
	.home_msg_mobile{
		display:inline-block;	
		width:100% !important;
	}
}
@media (width: 740px) {
  #exchangeTransfer{
	font-size: 20px; 
	background-color: #5E17EB; 
	color: #fff; 
	cursor: pointer; 
	border-radius: 40px;
    width: 40px; 
	height: 40px; 
	padding: 6px 0px 0px 11px; 
	position: absolute; 
	z-index: 99; 
	margin-left: -32px; 
	margin-top: 2px;
	left:370px;
	top:181px;
	transform:rotate(90deg);
	}
	.selectricc_mobile {
		margin-top:30px;	
	}
	.desti {
		top:219px !important;
	}
}

@media (width: 720px) {
  #exchangeTransfer{
	font-size: 20px; 
	background-color: #5E17EB; 
	color: #fff; 
	cursor: pointer; 
	border-radius: 40px;
    width: 40px; 
	height: 40px; 
	padding: 6px 0px 0px 11px; 
	position: absolute; 
	z-index: 99; 
	margin-left: -32px; 
	margin-top: 2px;
	left:370px;
	top:181px;
	transform:rotate(90deg);
	}
	.selectricc_mobile {
		margin-top:30px;	
	}
}

@media (width: 653px) {
  #exchangeTransfer{
	font-size: 20px; 
	background-color: #5E17EB; 
	color: #fff; 
	cursor: pointer; 
	border-radius: 40px;
    width: 40px; 
	height: 40px; 
	padding: 6px 0px 0px 11px; 
	position: absolute; 
	z-index: 99; 
	margin-left: -32px; 
	margin-top: 2px;
	left:340px;
	top:181px;
	transform:rotate(90deg);
	}
	.selectricc_mobile {
		margin-top:30px;	
	}
	.desti {
		top:219px !important;
	}
}

@media (width: 412px) {
  #exchangeTransfer{
	font-size: 20px; 
	background-color: #5E17EB; 
	color: #fff; 
	cursor: pointer; 
	border-radius: 40px;
    width: 40px; 
	height: 40px; 
	padding: 6px 0px 0px 11px; 
	position: absolute; 
	z-index: 99; 
	margin-left: -32px; 
	margin-top: 2px;
	left:220px;
	top:380px;
	transform:rotate(90deg);
	}
	.desti {
		top:219px !important;
	}
	.home_msg {
		display:none;
	}
	.home_msg_desti{
		display:none;
	}
	.home_msg_mobile{
		display:inline-block;	
		width:100% !important;
	}
}

@media (width: 414px) {
  #exchangeTransfer{
	font-size: 20px; 
	background-color: #5E17EB; 
	color: #fff; 
	cursor: pointer; 
	border-radius: 40px;
    width: 40px; 
	height: 40px; 
	padding: 6px 0px 0px 11px; 
	position: absolute; 
	z-index: 99; 
	margin-left: -32px; 
	margin-top: 2px;
	left:211px;
	top:380px;
	transform:rotate(90deg);
	}
	.desti {
		top:219px !important;
	}
	.home_msg {
		display:none;
	}
	.home_msg_desti{
		display:none;
	}
	.home_msg_mobile{
		display:inline-block;	
		width:100% !important;
	}
}



@media (width: 360px) {
  #exchangeTransfer{
	font-size: 20px; 
	background-color: #5E17EB; 
	color: #fff; 
	cursor: pointer; 
	border-radius: 40px;
    width: 40px; 
	height: 40px; 
	padding: 6px 0px 0px 11px; 
	position: absolute; 
	z-index: 99; 
	margin-left: -32px; 
	margin-top: 2px;
	left:187px;
	top:196px;
	transform:rotate(90deg);
	}
	.desti {
		top:219px !important;
	}
	.home_msg {
		display:none;
	}
	.home_msg_desti{
		display:none;
	}
	.home_msg_mobile{
		display:inline-block;	
		width:100% !important;
	}
}
@media (min-width: 853px) and (max-width: 853px) {
	.home_sr_btn{
		background-color: rgba(0,0,0,0.3) !important;
		width: 256px !important;
		height: 62px !important;
		float: right !important;
		margin-top: 0.64rem !important; 
		border-bottom-left-radius:4px !important; 
		border-bottom-right-radius:4px !important;
	}
	.btn-cust-primary {
		background-color: #5E17EB;
		color: #fff;
		float: right;
		border-color: #5E17EB;
		width:237px !important;
	}	
}
@media (width: 280px) {
  #exchangeTransfer{
	font-size: 20px; 
	background-color: #5E17EB; 
	color: #fff; 
	cursor: pointer; 
	border-radius: 40px;
    width: 40px; 
	height: 40px; 
	padding: 6px 0px 0px 11px; 
	position: absolute; 
	z-index: 99; 
	margin-left: -32px; 
	margin-top: 2px;
	left:150px;
	top:430px;
	transform:rotate(90deg);
	}
	.desti {
		top:219px !important;
	}
	.home_msg {
		display:none;
	}
	.home_msg_desti{
		display:none;
	}
	.home_msg_mobile{
		display:inline-block;	
		width:100% !important;
	}
	.home_sr_btn{
		background-color: rgba(0,0,0,0.3) !important;
		width: 256px !important;
		height: 62px !important;
		float: right !important;
		margin-top: 0.64rem !important; 
		border-bottom-left-radius:4px !important; 
		border-bottom-right-radius:4px !important;
	}
	.btn-cust-primary {
		background-color: #5E17EB;
		color: #fff;
		float: right;
		border-color: #5E17EB;
		width:237px !important;
	}	
}

@media (width: 375px) {
	.destin{
		top:380px !important;		
	}
  #exchangeTransfer{
	font-size: 20px; 
	background-color: #5E17EB; 
	color: #fff; 
	cursor: pointer; 
	border-radius: 40px;
    width: 40px; 
	height: 40px; 
	padding: 6px 0px 0px 11px; 
	position: absolute; 
	z-index: 99; 
	margin-left: -32px; 
	margin-top: 2px;
	left:187px;
	top:196px;
	transform:rotate(90deg);
	}
	.desti{
		top:219px !important;
	}
	.home_msg {
		display:none;
	}
	.home_msg_desti{
		display:none;
	}
	.home_msg_mobile{
		display:inline-block;	
		width:100% !important;
	}
}

@media (width: 390px) {
	.destin{
		top:380px !important;		
	}
  #exchangeTransfer{
	font-size: 20px; 
	background-color: #5E17EB; 
	color: #fff; 
	cursor: pointer; 
	border-radius: 40px;
    width: 40px; 
	height: 40px; 
	padding: 6px 0px 0px 11px; 
	position: absolute; 
	z-index: 99; 
	margin-left: -32px; 
	margin-top: 2px;
	left:208px;
	top:196px;
	transform:rotate(90deg);
	}
	.desti {
		top:219px !important;
	}
	.home_msg {
		display:none;
	}
	.home_msg_desti{
		display:none;
	}
	.home_msg_mobile{
		display:inline-block;	
		width:100% !important;
	}
}

@media (min-width: 820px) and (max-width: 820px) {
	#exchangeTransfer{
		font-size: 20px; 
		background-color: #5E17EB; 
		color: #fff; 
		cursor: pointer; 
		border-radius: 40px;
		width: 40px; 
		height: 40px; 
		padding: 6px 0px 0px 11px; 
		position: absolute; 
		z-index: 99; 
		/*margin-left: -32px; 
		margin-top: 46px;
		left:208px;
		top:336px;
		transform:rotate(90deg);*/
		}
}

@media (min-width: 360px) and (max-width: 360px) {
	.destin{
		top:380px !important;		
	}
	#exchangeTransfer{
		font-size: 20px; 
		background-color: #5E17EB; 
		color: #fff; 
		cursor: pointer; 
		border-radius: 40px;
		width: 40px; 
		height: 40px; 
		padding: 6px 0px 0px 11px; 
		position: absolute; 
		z-index: 99; 
		margin-left: -32px; 
		margin-top: 2px;
		left:208px;
		top:354px;
		transform:rotate(90deg);
		}
}	

@media (min-width: 430px) and (max-width: 430px) { 
    .destin{
		top:359px !important;		
	} 		
  #exchangeTransfer{
	font-size: 20px; 
	background-color: #5E17EB; 
	color: #fff; 
	cursor: pointer; 
	border-radius: 40px;
    width: 40px; 
	height: 40px; 
	padding: 6px 0px 0px 11px; 
	position: absolute; 
	z-index: 99; 
	margin-left: -32px; 
	margin-top: 2px;
	left:208px;
	top:336px;
	transform:rotate(90deg);
	}
	.desti {
		top:219px !important;
	}
	.home_msg {
		display:none;
	}	
	.home_msg_desti{
		display:none;
	}
	.home_msg_mobile{
		display:inline-block;	
		width:100% !important;
	}
}

@media (min-width: 393px) and (max-width: 393px) { 
	.destin{
		top:360px !important;		
	} 		
  #exchangeTransfer{
	font-size: 20px; 
	background-color: #5E17EB; 
	color: #fff; 
	cursor: pointer; 
	border-radius: 40px;
    width: 40px; 
	height: 40px; 
	padding: 6px 0px 0px 11px; 
	position: absolute; 
	z-index: 99; 
	margin-left: -32px; 
	margin-top: 2px;
	left:208px;
	top:336px;
	transform:rotate(90deg);
	}
	.desti {
		top:219px !important;
	}
	.home_msg {
		display:none;
	}	
	.home_msg_desti{
		display:none;
	}
	.home_msg_mobile{
		display:inline-block;	
		width:100% !important;
	}
}

/*@media (min-width: 393px) and (max-width: 1365px) {*/
/*@media (min-width: 360px) and (max-width: 767px) { */
/* @media (min-width: 393px) and (max-width: 767px) {  */
@media (min-width: 431px) and (max-width: 767px) { 
	.destin{
		top:380px !important;		
	} 		
  #exchangeTransfer{
	font-size: 20px; 
	background-color: #5E17EB; 
	color: #fff; 
	cursor: pointer; 
	border-radius: 40px;
    width: 40px; 
	height: 40px; 
	padding: 6px 0px 0px 11px; 
	position: absolute; 
	z-index: 99; 
	margin-left: -32px; 
	margin-top: 2px;
	left:208px;
	top:336px;
	transform:rotate(90deg);
	}
	.desti {
		top:219px !important;
	}
	.home_msg {
		display:none;
	}	
	.home_msg_desti{
		display:none;
	}
	.home_msg_mobile{
		display:inline-block;	
		width:100% !important;
	}
}

@media (width: 640px) {
  #exchangeTransfer{
	font-size: 20px; 
	background-color: #5E17EB; 
	color: #fff; 
	cursor: pointer; 
	border-radius: 40px;
    width: 40px; 
	height: 40px; 
	padding: 6px 0px 0px 11px; 
	position: absolute; 
	z-index: 99; 
	margin-left: -32px; 
	margin-top: 2px;
	left:317px;
	top:181px;
	transform:rotate(90deg);	
	}
	.selectricc_mobile {
		margin-top:30px;	
	}
	.desti {
		top:219px !important;
	}	
}

@media (width: 667px) {
  #exchangeTransfer{
	font-size: 20px; 
	background-color: #5E17EB; 
	color: #fff; 
	cursor: pointer; 
	border-radius: 40px;
    width: 40px; 
	height: 40px; 
	padding: 6px 0px 0px 11px; 
	position: absolute; 
	z-index: 99; 
	margin-left: -32px; 
	margin-top: 2px;
	left:317px;
	top:181px;
	transform:rotate(90deg);	
	}
	.selectricc_mobile {
		margin-top:30px;	
	}
	.desti {
		top:219px !important;
	}	
}

@media (width: 540px) {
    .destin{
        top : 330px !important
    }
  #exchangeTransfer{
	font-size: 20px; 
	background-color: #5E17EB; 
	color: #fff; 
	cursor: pointer; 
	border-radius: 40px;
    width: 40px; 
	height: 40px; 
	padding: 6px 0px 0px 11px; 
	position: absolute; 
	z-index: 99; 
	margin-left: -32px; 
	margin-top: 2px;
	left:260px;
	top:243px;
	transform:rotate(90deg);	
	}
	.home_msg {
		display:none;
	}
	.home_msg_desti{
		display:none;
	}
	.home_msg_mobile{
		display:inline-block;	
		width:100% !important;
	}
}


.autoComplete_wrapper {
  display: inline-block;
  position: relative;
}

.autoComplete_wrapper > input {
  height: 3rem;
  width: 370px;
  margin: 0;
  padding: 0 2rem 0 3.2rem;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 1rem;
  text-overflow: ellipsis;
  color: rgba(255, 122, 122, 0.3);
  outline: none;
  border-radius: 10rem;
  border: 0.05rem solid rgba(255, 122, 122, 0.5);
  background-image: url(./images/search.svg);
  background-size: 1.4rem;
  background-position: left 1.05rem top 0.8rem;
  background-repeat: no-repeat;
  background-origin: border-box;
  background-color: #fff;
  transition: all 0.4s ease;
  -webkit-transition: all -webkit-transform 0.4s ease;
}

.autoComplete_wrapper > input::placeholder {
  color: rgba(255, 122, 122, 0.5);
  transition: all 0.3s ease;
  -webkit-transition: all -webkit-transform 0.3s ease;
}

.autoComplete_wrapper > input:hover::placeholder {
  color: rgba(255, 122, 122, 0.6);
  transition: all 0.3s ease;
  -webkit-transition: all -webkit-transform 0.3s ease;
}

.autoComplete_wrapper > input:focus::placeholder {
  padding: 0.1rem 0.6rem;
  font-size: 0.95rem;
  color: rgba(255, 122, 122, 0.4);
}

.autoComplete_wrapper > input:focus::selection {
  background-color: rgba(255, 122, 122, 0.15);
}

.autoComplete_wrapper > input::selection {
  background-color: rgba(255, 122, 122, 0.15);
}

.autoComplete_wrapper > input:hover {
  color: rgba(255, 122, 122, 0.8);
  transition: all 0.3s ease;
  -webkit-transition: all -webkit-transform 0.3s ease;
}

.autoComplete_wrapper > input:focus {
  color: rgba(255, 122, 122, 1);
  border: 0.06rem solid rgba(255, 122, 122, 0.8);
}

.autoComplete_wrapper > ul {
  position: absolute;
  max-height: 226px;
  /*overflow-y: scroll;*/
  box-sizing: border-box;
  left: 0;
  right: 0;
  margin: 0.5rem 0 0 0;
  padding: 0;
  z-index: 1;
  list-style: none;
  border-radius: 0.6rem;
  background-color: #fff;
  border: 1px solid rgba(33, 33, 33, 0.07);
  box-shadow: 0 3px 6px rgba(149, 157, 165, 0.15);
  outline: none;
  transition: opacity 0.15s ease-in-out;
  -moz-transition: opacity 0.15s ease-in-out;
  -webkit-transition: opacity 0.15s ease-in-out;
}

.autoComplete_wrapper > ul[hidden],
.autoComplete_wrapper > ul:empty {
  display: block;
  opacity: 0;
  transform: scale(0);
}

.autoComplete_wrapper > ul > li {
  margin: 0.3rem;
  padding: 0.3rem 0.5rem;
  text-align: left;
  font-size: 1rem;
  color: #212121;
  border-radius: 0.35rem;
  background-color: rgba(255, 255, 255, 1);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.2s ease;
}

.autoComplete_wrapper > ul > li mark {
  background-color: transparent;
  color: rgba(255, 122, 122, 1);
  font-weight: bold;
}

.autoComplete_wrapper > ul > li:hover {
  cursor: pointer;
  background-color: rgba(255, 122, 122, 0.15);
}

.autoComplete_wrapper > ul > li[aria-selected="true"] {
  background-color: rgba(255, 122, 122, 0.15);
}

@media only screen and (max-width: 600px) {
  .autoComplete_wrapper > input {
    width: 18rem;
  }
}

.pickup_location_wrapper {
  display: inline-block;
  position: relative;
  width:100%;
}

.pickup_location_wrapper > input::placeholder {
  color: #000;
  transition: all 0.3s ease;
  -webkit-transition: all -webkit-transform 0.3s ease;
}

#dropoff_location::placeholder{
	color: #000;
  transition: all 0.3s ease;
  -webkit-transition: all -webkit-transform 0.3s ease;
}

#pickup_date::placeholder{
	color: #000;
  transition: all 0.3s ease;
  -webkit-transition: all -webkit-transform 0.3s ease;
}

#return_date::placeholder{
	color: #000;
  transition: all 0.3s ease;
  -webkit-transition: all -webkit-transform 0.3s ease;
}

.selectric > span.label {
	/*color: #000 !important;    */
	color: #bbb !important;
	margin-left:20px;
	font-weight:600;
}
.home_msg_desti{
	background-color: rgba(0,0,0,0.3);
	width: 55%; 
	float: left;
	margin-top: 1.65rem; 
	border-radius:5px; 
	padding:3px; 
	color:#fff;	
}
.home_msg{
	background-color: rgba(0,0,0,0.3);
	width: 51%; 
	float: left;
	margin-top: 1.65rem; 
	border-radius:5px; 
	padding:3px; 
	color:#fff;	
}

.home_msg_desti a, .home_msg a{	 
	color:#fff;	
	text-decoration:underline;
}

.home_sr_btn{
	background-color: rgba(0,0,0,0.3);
	width: 289px;
	height: 62px;
	float: right;
	margin-top: 0.65rem; 
	border-bottom-left-radius:4px; 
	border-bottom-right-radius:4px;
}

/*
.pickup_location_wrapper > input {
  height: 3rem;
  width: 370px;
  margin: 0;
  padding: 0 2rem 0 3.2rem;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 1rem;
  text-overflow: ellipsis;
  color: rgba(255, 122, 122, 0.3);
  outline: none;
  border-radius: 10rem;
  border: 0.05rem solid rgba(255, 122, 122, 0.5);
  background-image: url(./images/search.svg);
  background-size: 1.4rem;
  background-position: left 1.05rem top 0.8rem;
  background-repeat: no-repeat;
  background-origin: border-box;
  background-color: #fff;
  transition: all 0.4s ease;
  -webkit-transition: all -webkit-transform 0.4s ease;
}*/
/*
.pickup_location_wrapper > input::placeholder {
  color: rgba(255, 122, 122, 0.5);
  transition: all 0.3s ease;
  -webkit-transition: all -webkit-transform 0.3s ease;
}*/
/*
.pickup_location_wrapper > input:hover::placeholder {
  color: rgba(255, 122, 122, 0.6);
  transition: all 0.3s ease;
  -webkit-transition: all -webkit-transform 0.3s ease;
}*/
/*
.pickup_location_wrapper > input:focus::placeholder {
  padding: 0.1rem 0.6rem;
  font-size: 0.95rem;
  color: rgba(255, 122, 122, 0.4);
}*/
/*
.pickup_location_wrapper > input:focus::selection {
  background-color: rgba(255, 122, 122, 0.15);
}*/
/*
.pickup_location_wrapper > input::selection {
  background-color: rgba(255, 122, 122, 0.15);
}*/
/*
.pickup_location_wrapper > input:hover {
  color: rgba(255, 122, 122, 0.8);
  transition: all 0.3s ease;
  -webkit-transition: all -webkit-transform 0.3s ease;
}*/
/*
.pickup_location_wrapper > input:focus {
  color: rgba(255, 122, 122, 1);
  border: 0.06rem solid rgba(255, 122, 122, 0.8);
}*/

.pickup_location_wrapper22 > ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 20px;
  min-height: 20px;
  background-color: #fff;
  border: 1px solid rgba(33, 33, 33, 0.07);
  box-shadow: 0 3px 6px rgba(149, 157, 165, 0.15);
  position: absolute;
  max-height: 226px;
  z-index: 1;
  outline: none;
  transition: opacity 0.15s ease-in-out;
  -moz-transition: opacity 0.15s ease-in-out;
  -webkit-transition: opacity 0.15s ease-in-out;
}

.pickup_location_wrapper > ul {
  position: absolute;
  max-height: 226px;
  /*overflow-y: scroll;*/
  box-sizing: border-box;
  left: 0;
  right: 0;
  margin: 0.5rem 0 0 0;
  padding: 0;
  z-index: 1;
  list-style: none;
  border-radius: 0.6rem;
  background-color: #fff;
  border: 1px solid rgba(33, 33, 33, 0.07);
  box-shadow: 0 3px 6px rgba(149, 157, 165, 0.15);
  outline: none;
  transition: opacity 0.15s ease-in-out;
  -moz-transition: opacity 0.15s ease-in-out;
  -webkit-transition: opacity 0.15s ease-in-out;
}

.pickup_location_wrapper > ul[hidden],
.pickup_location_wrapper > ul:empty {
  display: block;
  opacity: 0;
  transform: scale(0);
}

.pickup_location_wrapper22 > ul > li {
  border-bottom: 1px solid #dee2e6;
  padding: 13px 30px 13px 15px;
  font-size: 12px;
  color: #969696;
  text-transform: uppercase;
}

.pickup_location_wrapper > ul > li {
  /*margin: 0.3rem;
  padding: 0.3rem 0.5rem;*/
  text-align: left;
  font-size: 1rem;
  color: #212121;
  border-radius: 0.35rem;
  background-color: rgba(255, 255, 255, 1);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.2s ease;
}

.pickup_location_wrapper > ul > li mark {
  background-color: transparent;
  /*color: rgba(255, 122, 122, 1);*/
  color: rgba(255, 155, 64, 1);
  font-weight: bold;
}

.pickup_location_wrapper > ul > li:hover {
  cursor: pointer;
  background-color: rgba(255, 122, 122, 0.15);
}

.pickup_location_wrapper > ul > li[aria-selected="true"] {
  background-color: rgba(255, 122, 122, 0.15);
}

@media only screen and (max-width: 600px) {
  .pickup_location_wrapper > input {
    /*width: 18rem;*/
  }
}

.dropoff_location_wrapper {
  /*display: inline-block;*/
  position: relative;
}
/*
#dropoff_location{
	height: 3rem;
  width: 370px;
  margin: 0;
  padding: 0 2rem 0 3.2rem;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 1rem;
  text-overflow: ellipsis;
  color: rgba(255, 122, 122, 0.3);
  outline: none;
  border-radius: 10rem;
  border: 0.05rem solid rgba(255, 122, 122, 0.5);
  background-image: url(./images/search.svg);
  background-size: 1.4rem;
  background-position: left 1.05rem top 0.8rem;
  background-repeat: no-repeat;
  background-origin: border-box;
  background-color: #fff;
  transition: all 0.4s ease;
  -webkit-transition: all -webkit-transform 0.4s ease;	
}

.dropoff_location_wrapper > input {
  height: 3rem;
  width: 370px;
  margin: 0;
  padding: 0 2rem 0 3.2rem;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 1rem;
  text-overflow: ellipsis;
  color: rgba(255, 122, 122, 0.3);
  outline: none;
  border-radius: 10rem;
  border: 0.05rem solid rgba(255, 122, 122, 0.5);
  background-image: url(./images/search.svg);
  background-size: 1.4rem;
  background-position: left 1.05rem top 0.8rem;
  background-repeat: no-repeat;
  background-origin: border-box;
  background-color: #fff;
  transition: all 0.4s ease;
  -webkit-transition: all -webkit-transform 0.4s ease;
}

.dropoff_location_wrapper > input::placeholder {
  color: rgba(255, 122, 122, 0.5);
  transition: all 0.3s ease;
  -webkit-transition: all -webkit-transform 0.3s ease;
}

.dropoff_location_wrapper > input:hover::placeholder {
  color: rgba(255, 122, 122, 0.6);
  transition: all 0.3s ease;
  -webkit-transition: all -webkit-transform 0.3s ease;
}

.dropoff_location_wrapper > input:focus::placeholder {
  padding: 0.1rem 0.6rem;
  font-size: 0.95rem;
  color: rgba(255, 122, 122, 0.4);
}

.dropoff_location_wrapper > input:focus::selection {
  background-color: rgba(255, 122, 122, 0.15);
}

.dropoff_location_wrapper > input::selection {
  background-color: rgba(255, 122, 122, 0.15);
}

.dropoff_location_wrapper > input:hover {
  color: rgba(255, 122, 122, 0.8);
  transition: all 0.3s ease;
  -webkit-transition: all -webkit-transform 0.3s ease;
}

.dropoff_location_wrapper > input:focus {
  color: rgba(255, 122, 122, 1);
  border: 0.06rem solid rgba(255, 122, 122, 0.8);
}*/

.dropoff_location_wrapper > ul {
  position: absolute;
  max-height: 226px;
  overflow-y: scroll;
  box-sizing: border-box;
  left: 0;
  right: 0;
  margin: 0.5rem 0 0 0;
  padding: 0;
  z-index: 1;
  list-style: none;
  border-radius: 0.6rem;
  background-color: #fff;
  border: 1px solid rgba(33, 33, 33, 0.07);
  box-shadow: 0 3px 6px rgba(149, 157, 165, 0.15);
  outline: none;
  transition: opacity 0.15s ease-in-out;
  -moz-transition: opacity 0.15s ease-in-out;
  -webkit-transition: opacity 0.15s ease-in-out;
}

.dropoff_location_wrapper > ul[hidden],
.dropoff_location_wrapper > ul:empty {
  display: block;
  opacity: 0;
  transform: scale(0);
}

.dropoff_location_wrapper > ul > li {
  /*margin: 0.3rem;
  padding: 0.3rem 0.5rem;*/
  text-align: left;
  font-size: 1rem;
  color: #212121;
  border-radius: 0.35rem;
  background-color: rgba(255, 255, 255, 1);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.2s ease;
}

.dropoff_location_wrapper > ul > li mark {
  background-color: transparent;
  color: rgba(255, 122, 122, 1);
  font-weight: bold;
}

.dropoff_location_wrapper > ul > li:hover {
  cursor: pointer;
  background-color: rgba(255, 122, 122, 0.15);
}

.dropoff_location_wrapper > ul > li[aria-selected="true"] {
  background-color: rgba(255, 122, 122, 0.15);
}

@media only screen and (max-width: 600px) {
  .dropoff_location_wrapper > input {
    width: 18rem;
  }
}