/*
Theme Name: AlkadyCars
Theme URI: https://alkadycars.com/
Author: Tuhin Bhuiyan
Author URI: https://tuhinbhuiyan.com/
Description: AlkadyCars - Best Premium Cars Dealer
Template: vehica
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: translation-ready
Text Domain: vehica
*/


/*************************
      Back to top
*************************/
.car-top {
    width: 85px;
    position: fixed;
    bottom: -180px;
    right: 30px;
    z-index: 999;
    opacity: 1;
    cursor: pointer;
}
.car-top.show {
    bottom: 5% !important;
    -webkit-transition: 1.0s;
    -moz-transition: 1.0s;
    transition: 1.0s;
	z-index: 999999999;
}
.car-top.car-run {
    bottom: 100% !important;
    -webkit-transition: 1.0s;
    -moz-transition: 1.0s;
    transition: 1.0s;
}
.car-top.car-down {
    -webkit-transition: 1.0s;
    -ms-transition: 1.0s;
    -o-transition: 1.0s;
    -moz-transition: 1.0s;
    transition: 1.0s;
}
.car-top:before,
.car-top:after {
    content: "";
    position: absolute;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
    -ms-transition: 0.2s;
    -moz-transition: 0.2s;
    transition: 0.2s;
    opacity: 0;
}
.car-top:hover:before,
.car-top:hover:after,
.car-top.car-run:before,
.car-top.car-run:after {
    opacity: 1;
}
.car-top.default:before,
.car-top.default.car-run:before {
    top: -1px;
    left: 0px;
    width: 85px;
    height: 89px;
    background: url(assets/img/car-focus.png) no-repeat 0 0;
}

@media (max-width:767px) {
	.car-top.show {
		bottom: 3% !important;
	}
	.car-top.default:before,
	.car-top.default.car-run:before {
		top: -3px;
		left: -9.6px;
		width: 85px;
		height: 89px;
		background: url(assets/img/car-focus.png) no-repeat 0 0;
	}
	.car-top {
		width: 55px;
		right: 10px;
	}
}

/**
* Menu 
***/
.vehica-mobile-menu__open .vehica-button {
    padding: 15px 10px;
}


/* Mobile */
@media (max-width:767px) {
	.vehica-panel-menu-mobile__navbar {
		margin: 0 10px;
		width: auto;
	}
	.vehica-panel-menu-mobile__navbar__inner {
		justify-content: inherit;
		flex-wrap: wrap;
	}
	.vehica-panel-menu-mobile__navbar__inner a, .vehica-panel-menu-mobile__navbar__inner span, .vehica-panel-menu-mobile__navbar__inner vehica-logout {
		margin-right: 0;
		width: 100%;
	}
}




/**
* Icon 
***/
.vehica-menu-desktop-tracking-link__tracking-icon {
    margin-right: 20px;
}

.vehica-menu-desktop-tracking-link__tracking-icon i {
	color:#fe813c;
}


/**
* Login / Register
**/

.vehica-login-register-wide-container .vehica-panel-login-register .vehica-login {
	width: 100%;
}


/**
* Car Search
***/
.vs__dropdown-option {
    padding: 0 10px !important;
}

/**
* Cars List
***/
.vehica-panel-card__stats .vehica-panel-card__stat:nth-child(2), .vehica-panel-card__stats .vehica-panel-card__stat:nth-child(3) {
	display: none;
}


/**
* Cargo Tracking App
**/

#tracking_search .form_inputs {
    display: flex;
    justify-content: center;
    align-content: center;
	column-gap: 20px;
}

#tracking_search .select-wrapper {
  position: relative;
  width: 200px;
}
#tracking_search .select-wrapper::after {
  color: black;
  content: "▾";
  margin-right: 10px;
  pointer-events: none;
  position: absolute;
  right: 10px;
  top: 7px;
  font-size: 20px;
}

#tracking_search .select {
  -moz-appearance: none;
  -webkit-appearance: none;
  background: white;
  border-radius: 0;
  cursor: pointer;
  padding: 12px;
  width: 100%;
  font-size: 18px;
  height:100%;
}
#tracking_search .select:focus {
  color: black;
}
#tracking_search .select::-ms-expand {
  display: none;
}

#tracking_search #trackingNum {
    width: 40%;
    padding: 10px;
    font-size: 18px;
}

/* Chrome, Safari, Edge, Opera */
#tracking_search input::-webkit-outer-spin-button,
#tracking_search input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
#tracking_search input[type=number] {
  -moz-appearance: textfield;
}


#tracking_search #trackIt {
    background: #fe813c;
    color: #fff;
    border: 1px solid #fe813c;
    border-radius: 5px;
    padding: 13px 25px 13px 20px;
    line-height: 22px;
    font-size: 18px;
    cursor: pointer;
	opacity: 0.9;
}

#trackIt:hover {
    opacity: 1;
}



/** Track Status Form **/

.akc-steps {
    width: 100%;
    line-height: 1.5;
    display: flex;
    justify-content: center;
    margin-top: 150px;
    margin-bottom: 100px;
	flex-direction: row;
}
.akc-steps-item {
    display: inline-block;
    position: relative;
    vertical-align: top;
	width: 20% !important;
}

.akc-cstep-head-box {
    display: inline-block;
    padding-left: 50%;
    margin-left: -18px;
    background-color: transparent;
}

.akc-steps-item-transit .akc-cstep-head-box{margin-left:-10px;}
.akc-steps-head-inner{ background-color: #fff!important}


.akc-steps .akc-steps-tail {
	padding: 0px;
    left: 50%;
    top: 18px;
    width: 100%;
    position: absolute;
}

.akc-steps .akc-steps-tail>i {
    display: inline-block;
    width: 100%;
    height: 1px;
    vertical-align: top;
    background: #e9eaec;
    border-radius: 1px;
    position: relative;
}

.akc-steps .akc-steps-tail>i:after {
    content: '';
    width: 0;
    height: 100%;
    background: #e9eaec;
    opacity: 0;
    position: absolute;
    top: 0;
}


.akc-steps-horizontal .akc-steps-item:not(:first-child) .akc-steps-head {
    padding-left: 10px;
    margin-left: -10px;
}
.akc-steps .akc-steps-head {
    background: #fff;
}

.akc-steps-item:last-child .akc-steps-tail {
    display: none;
}


.akc-steps .akc-steps-head, .akc-steps .akc-steps-main {
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.akc-steps .akc-steps-item.akc-steps-custom .akc-steps-head-inner, .akc-steps.akc-steps-small .akc-steps-item.akc-steps-custom .akc-steps-head-inner {
    width: inherit;
    height: inherit;
    line-height: inherit;
    border-radius: 0;
    border: 0;
    background: 0 0;
}

.akc-steps-item.akc-steps-custom .akc-steps-head-inner>.akc-steps-icon {
    font-size: 20px;
    top: 2px;
}


.akc-icon-pol, .akc-icon-pod {
    background-image: url(assets/img/mao-blue.761afb.png);
}

.akc-steps-item.akc-steps-status-finish .akc-steps-head-inner span, .akc-steps-item.akc-steps-status-finish .akc-steps-head-inner>.akc-steps-icon {
    color: #2d8cf0;
}
.akc-steps .akc-steps-head-inner>.akc-steps-icon {
    line-height: 1;
    position: relative;
}


.akc-steps .akc-steps-head-inner {
    display: block;
    margin-right: 8px;
    text-align: center;
    font-size: 14px;
    transition: background-color .2s ease-in-out;
}


.akc-icon-start.akc-icon-step-finish {
    background-color: #025291;
    background-image: url(assets/img/house-white.814479.png);
}
.akc-icon-start {
    background-image: url(assets/img/house-blue.5cfe10.png);
}
.akc-steps-cicon {
    background-repeat: no-repeat;
    background-position: center;
}
.akc-steps-cicon {
    width: 34px!important;
    height: 34px!important;
    border: 2px solid #025291;
    border-radius: 100%;
}
.akc-icon {
    display: inline-block;
    font-family: Ionicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.akc-steps .akc-steps-main {
    margin-top: 2.5px;
    display: inline;
}

.akc-cstep-main {
    display: block!important;
    text-align: center;
}



.akc-steps .akc-steps-custom .akc-steps-title {
    margin-top: 2.5px;
}
.akc-steps-item.akc-steps-status-finish .akc-steps-title {
    color: #999;
}
.akc-steps .akc-steps-title {
    padding-right: 0;
}
.akc-steps .akc-steps-title {
    display: inline-block;
    margin-bottom: 4px;
    padding-right: 10px;
    font-size: 14px;
    font-weight: 700;
    color: #666;
    background: #fff;
}
.akc-steps-item.akc-steps-status-finish .akc-steps-content {
    color: #999;
}
.akc-cstep-main .akc-steps-content {
    padding-left: 0!important;
}
.akc-steps-horizontal .akc-steps-content {
    padding-left: 35px;
}
.akc-steps .akc-steps-content {
    font-size: 12px;
    color: #999;
}
.akc-steps-content {
    color: #666!important;
}

.akc-steps-name {
	font-size: 18px !important;
    padding-top: 25px;
}
.akc-steps-status-finish .akc-steps-name, .akc-steps-status-finish .akc-steps-date, .akc-steps-status-process .akc-steps-name, .akc-steps-status-process .akc-steps-date {
    color: #025291!important;
}

.akc-steps-item.akc-steps-status-finish .akc-steps-tail>i:after {
    width: 100%;
    background: #025291;
    transition: all .2s ease-in-out;
    opacity: 1;
}

.popTipsTitle{line-height:20px;padding-top:5px; text-align:left}
.popTipsSubTitle{line-height:20px; text-align:left}
.popTipsSVVD {line-height:20px; text-align:left; margin:0 10px;
}
.svvdVesselInfoSegTitle { color:#03528d; margin-top: 10px; font-weight: bold
}

.akc-cstep-main{display: block!important;text-align:center}
.akc-cstep-main .akc-steps-content{ padding-left:0!important
}
.akc-steps-item.akc-steps-status-process .akc-steps-tail>i:after{ width: 100%; background:#f5a623; transition: all .2s ease-in-out; opacity: 1;
}
.akc-steps-cicon{background-repeat:no-repeat;background-position:center}
.akc-icon-start{ background-image:url(assets/img/house-blue.5cfe10.png);}
.akc-icon-start.akc-icon-step-finish{ background-color:#025291;background-image:url(assets/img/house-white.814479.png);}
.akc-icon-pol,.akc-icon-pod{ background-image:url(assets/img/mao-blue.761afb.png);}
.akc-icon-pol.akc-icon-step-finish,
.akc-icon-pod.akc-icon-step-finish,
.akc-icon-pol.akc-icon-step-process,
.akc-icon-pod.akc-icon-step-process {
	background-color:#025291;
	background-image:url(assets/img/mao-white.174c6f.png);
}
.akc-icon-end{ background-image:url(assets/img/location-blue.a70827.png);}
.akc-icon-end.akc-icon-step-finish{background-color:#025291;background-image:url(assets/img/location-white.e0adee.png);}
.akc-steps-item.akc-steps-status-process .akc-steps-content, .akc-steps-item.akc-steps-status-process .akc-steps-title { color: #999}
.akc-steps-content{ color: #666!important;}
.akc-steps .akc-steps-title{ padding-right: 0}

/** Icons **/

.track-type-icon-body{position: absolute; font-size: 14px; text-align: center; top: -30px; width: 100%;}

.trackTypeIcon{ display:inline-block; width:24px; height:20px; background-position:center; background-repeat:no-repeat;}
.trackTypeIconTruck{ background-image:url(assets/img/car-line.3ef7e5.png)}
.trackTypeIconVessel{ background-image:url(assets/img/ship-line.046dcf.png);}
.trackTypeIconRail{ background-image:url(assets/img/train-line.f0749a.png); background-position:0px 2px}

.track-type-icon-body .akc-poptip-rel{ z-index: 99!important}

.akc-steps-cicon{ width: 34px!important; height: 34px!important; border: 2px solid #025291; border-radius: 100%
}
.akc-steps-cicon.akc-icon-transit{width:10px!important; height: 10px!important; margin-top: 12px; margin-bottom: 12px}

.akc-steps-status-finish .trackTypeIconTruck{ background-image:url(assets/img/car-blue.a25245.png)}
.akc-steps-status-process .trackTypeIconTruck{ background-image:url(assets/img/car-orange.30446b.png)}
.akc-steps-status-finish .trackTypeIconVessel{ background-image:url(assets/img/ship-blue.458a0c.png)}
.akc-steps-status-process .trackTypeIconVessel{ background-image:url(assets/img/ship-orange.28777a.png)}
.akc-steps-status-finish .trackTypeIconRail{ background-image:url(assets/img/train-blue.118fde.png)}
.akc-steps-status-process .trackTypeIconRail{ background-image:url(assets/img/train-orange.aa5ff3.png)}

.akc-icon-end.akc-icon-step-finish {
    background-color: #025291;
    background-image: url(assets/img/location-white.e0adee.png);
}

.akc-icon-end {
    background-image: url(assets/img/location-blue.a70827.png);
}

/*
.akc-steps-status-wait .track-type-icon-body, .akc-steps-status-process .track-type-icon-body, .akc-steps-status-finish .track-type-icon-body {
    display: block;
}
*/

.akc-steps-status-wait .trackTypeIcon {
	display: none;
}

.no_track {
    padding: 10px;
    font-size: 18px;
    text-align: center;
    background: #0f141e;
    margin: 10px auto;
    border-radius: 5px;
    color: #fff;
    max-width: 320px;
    display: block;
}

@media (max-width:767px) {
	#tracking_search .form_inputs {
		flex-flow: column;
		flex-wrap: wrap;
	}
	#tracking_search .select-wrapper, #tracking_search #trackingNum {
		width: 100%;
		margin-bottom: 10px;
	}
	.track_data {
		width: 100%;
		overflow-x: scroll;
		white-space: nowrap;
	}
	.akc-steps {
		display: block;
	}
	.akc-steps-item {
		width: 150px !important;
	}
}


/**
* Preloader
**/
.submission_status {
	display:none;
    background: #fff;
    text-align: center;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    background-color: rgb(255 255 255 / 90%);
    overflow-x: hidden;
    transition: 0.5s;
}

.preloader {
    top: 30%;
    position: relative;
    width: 250px;
    margin: 0 auto;
}


/**
* Custom Button
**/

.custom_regular {
	display: block;
    text-align: center;
    border: 1px solid var(--primary);
    width: 100%;
    line-height: 20px;
    font-weight: 600;
    padding: 14px 15px;
    color: var(--e-global-color-accent );
    border-radius: 10px;
    background: #fff;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 20px;
}
.custom_regular:hover{
	background: var(--primary-light);
	color:var(--primary);
}
.custom_regular i {
	margin-right: 10px;
}

.custom_whatsapp {
	font-size: 17px;
    font-weight: 600;
    background-color: #05CD51;
	padding: 15px 30px;
    border-radius: 4px;
	text-align: center;
    color: #fff;
	line-height: 21px;
	position: relative;
    display: inline-block;
	vertical-align: top;
	box-shadow: none;
    text-decoration: none;
	transition: all 0.2s ease-in-out;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: linear;
    transition-delay: 0s;
    align-items: center;
    transform: translateZ(0);
	width: 100%;
}
.custom_whatsapp:hover{
	color:#fff;
}
.custom_whatsapp:hover::before {
    transform: scale(1, 1);
    transform-origin: left top;
}
.custom_whatsapp::before {
    content: "" !important;
    position: absolute;
    top: 0;
    left: 0;
    transition-property: transform;
    transition-duration: 0.2s;
    transition-timing-function: linear;
    transition-delay: 0s;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.1);
    transform: scale(0, 1);
    transform-origin: right top;
    z-index: -1;
}