body {
	background: #686868;
}
.res-card {
	background: #4F4F4F;
	margin-top: 10px;
	margin-bottom: 10px;
}
.res-p-1 {
	color:#A9F5BB;
	text-align: center;
	font-weight: bold;
	font-size: 24px;
	text-transform: uppercase;
}
.btn-res-types,.btn-res-types:hover {
	color: black !important;
	background: #A9F5BB !important;
	border-radius: 10px;
	font-weight: 1000;
	border: 3px solid blue;
	padding: 2px;
	outline: 2px solid white;
	display: block;
	width: 100%;
	text-decoration: unset;
}
.btn-res-active,.btn-res-active:hover {
	background: #34A853 !important;
}

.res-p-2 {
	text-align: left;
	margin-bottom: 0px;
	text-transform: uppercase;
	font-size: 16px;
}
.res-p-3 {
	text-align: left;
	font-weight: 600;
	margin-bottom: 0px;
	font-size: 12px;
}
.alert-custom {
	background: #131313;
	border: unset;
	color: white;
	font-weight: 600;
	text-transform: uppercase;
}

.res-inp-label{
	color:#FFFFFF
}
.order-status-exit, .order-status-exit:hover {
	background: #D70000;
	width: 113.85px;
	height: 34.75px;
	color: White;
	border: 2px solid black;
	font-weight: normal;
	padding: 0px;
}
.order-status-reset, .order-status-reset:hover {
	background: #19B33D;
	width: 113.85px;
	height: 34.75px;
	color: black;
	border: 2px solid black;
	font-weight: normal;
	padding: 0px;
}
.order-status-search, .order-status-search:hover, .order-recp-search, .order-recp-search:hover {
	background: #FBBC04;
	width: 193.34px;
	height: 50.2px;
	color: black;
	border: 2px solid black;
	font-weight: bold;
	padding: 0px;
	font-size: 20px;
	float: right;
	text-transform: uppercase;
}
.vech-summary-card {
	background: #FFFFFF;
	cursor: pointer;

}
.vech-summary-p1 {
	height: 10px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
}
.vech-summary-spn1 {
	height: 10px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
}
.vech-summary-spn2 {
   
	font-weight: 600;
	text-transform: uppercase;
	font-size: 11px;

	margin-bottom: 0px;
	line-height: 1.2;
}
.vech-summary-spn3 { 
	text-align: right;
	line-height: 0;
	font-size: 19px;
	font-weight: 600;
}
.res-p1 {
	text-align: right;
	font-weight: 500;
	line-height: 1.1;
}
.res-span1 {
	color:#D70000;
}
.res-p2 {
	font-size: 12px;
	color: #000000;
	font-weight: 600;
}
.res-p3{
	font-size: 14px;
	color: #032B7A;
	font-weight: 600;
}
.res-p4{
	font-size: 16px;
	color: #032B7A;
	font-weight: 600;
}
.res-sum-hr {
	margin: 1rem 0;
	color: inherit;
	border: 0;
	border-top: #34A853 solid;
	opacity: 1;
}
.ressum-p4 {
	font-size: 16px;
	color: #032B7A;
	font-weight: 600;
	text-align: right;
	text-transform: uppercase;
}
.ressum-span4{
	font-size: 12px;
	line-height: 1;
}
.ressum-p5 {
	color: #032B7A;
	font-size: 16px;
	font-weight: 1000;
	text-align: center;
}
.to_the_airportvec_div,.from_the_airportvec_div,.pointopoint_the_airportvec_div {
	display: none;
}
.selected-vech {
	background: #A6C0F1;
	border-color: #A6C0F1;
}
.vech-tippanel {
	display: none;
}

.ui-widget.ui-widget-content {
	border: 1px solid #FBBC04;
}
.ui-widget-content {
	background: #FBBC04;
	color: #333333;
}
.ui-slider-horizontal {
	height: .3em;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
	border: 1px solid #fbbc04;
	background: white;
	font-weight: normal;
	color: #454545;
	border-radius: 10px;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -0.5em;
}

.tip-active-btn,.tip-active-btn:hover {
	background: #FBBC04;
	width: 113.85px;
	height: 34.75px;
	color: black;
	border: 2px solid #FBBC04;
	font-weight: 600;
	padding: 0px;
	margin-top: 19px;
}

.tip-button,.tip-button:hover {
	background: #4f4c4d;
	width: 113.85px;
	height: 34.75px;
	color: #FFFFFF;
	border: 2px solid #4f4c4d;
	font-weight: 600;
	padding: 0px;
	margin-top: 19px;
}
.res-conf{
	font-size: 18px;
	color: #25B54A;
	font-weight: 500;
}
.res-card-summary,.res-card-summary-to-from {
	display: none;
}
.validation {
	width: 100%;
}
.input-group-text {
	background-color: #F1EFF0;
	color:#8C8989;
	font-size: 16px;
	font-weight: 600;
}
.form-control {
	color: #000000 !important;
	font-size: 16px;
	font-weight: 600;
}
.to-the-airport {
	padding-left: 10px;
	color: #000000;
	font-weight: bold;
	font-size: 16px;
	margin-top: 20px;
	border-bottom: 3px solid #000000;
}
.tofrom_the_airport_div {
	
}
.quote-heading {
	text-align: center;
	font-size: 18px;
	color: #000000;
	font-weight: bold;
	margin-top: 18px;
}
.quote-heading-color{
	color:#FBBC04;
}
@media screen and (min-width: 300px) and (max-width: 700px) {
	
	.res-mobile-pad-0 {
		padding:0px !important;
	}
	.res-p-1 {
		font-size: 14px !important;
	}
	.res-p-2 {
		font-size: 9px !important;
		margin-top: 0px !important;
	}
	.res-p-3 {
		font-size: 12px !important;
	}
	#steps-icon {
		width:90% !important;
	}
	.btn-res-types {
		width:100% !important;
	}
	.res-main-head {
		font-size:18px !important;
	}
	.order-status-search {
		width:100% !important;
	}
	.vech-summary-spn3 {
		line-height: 1.5;
	}
	#creditcarddiv #card_number {
		width:192px !important;
	}
	.tip-button,.tip-active-btn {
		width:100% !important;
	}
	.input-group-text {
		font-size: 8px !important;
	}
	.form-control {
		font-size:12px;
	}
	.to-from-steps-icon {
		width: 88% !important;
		margin-top: 18px;
	}
	.quote-heading {
		font-size:12px;
	}
}

.loader {
    display: none; /* Hidden by default */
    position: fixed;
    z-index: 9999; /* Ensure it stays on top */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent; /* Yellow background with opacity */
    display: flex;
    justify-content: center;
    align-items: center;
}

.spinner {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #4f4f4f; /* Blue */
    border-radius: 50%;
    width: 82px;
    height: 82px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}