.navbar-dark {
	background-color: var(--theme-primary-color);
	box-shadow: 0 0.125rem 0.25rem 2px rgba(0,0,0,.075);
	color: #fff!important;
}

.navbar-dark .text-dark {
	color: #fff!important;
}

.btn-primary {
	background-color: var(--theme-primary-color);
	border-color: var(--theme-primary-color);
}

.btn-primary:hover,
.btn-primary:focus {
	color: #fff;
	background-color: var(--theme-primary-color);
	border-color: var(--theme-primary-color)
}

.btn-primary.disabled,
.btn-primary:disabled {
	color: #fff;
	background-color: var(--theme-primary-color);
	border-color: var(--theme-primary-color)
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
	color: #fff;
	background-color: var(--theme-primary-color);
	border-color: var(--theme-primaryDark-color);
}

.btn-outline-primary {
	color: var(--theme-primary-color);
	background-color: transparent;
	background-image: none;
	border-color: var(--theme-primary-color);
}

.btn-outline-primary:hover {
	color: #fff;
	background-color: var(--theme-primary-color);
	border-color: var(--theme-primary-color);
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
	color: var(--theme-primary-color);
	background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show>.btn-outline-primary.dropdown-toggle {
	color: #fff;
	background-color: var(--theme-primary-color);
	border-color: var(--theme-primary-color);
}

#search-form .date-btn,
#search-form .date-btn:focus,
#search-form .date-btn:active {
	background-color: var(--theme-secondary-color);
	border-color: var(--theme-secondary-color);
	box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0,0,0,.12)!important;
}

#selected-seat-footer {
	background-color: var(--theme-primary-color);
	color: #ffffff;
}

#selected-seat-next {
	color: var(--theme-secondary-color);
	width: 167px;
    height: 50px;
    border-radius: 8px;
    border: 1px;
    background: #fff;
    font-size: 18px;
}

/* #trip-list-header {
	background-color: var(--theme-primary-color);
	color: #ffffff;
} */

.departure-card .btn-outline-primary:hover {
    color: inherit;
    background-color: transparent;
    background-image: none;
	border: 1px solid var(--theme-primary-color);
}


.app-slider .slick-dots li.slick-active button:before {
    background: var(--theme-primary-color);
	width: 13px;
	transition: 1s ease;
}

.payment-slider .slick-dots li.slick-active button:before {
    background: var(--theme-primary-color);
	width: 13px;
	transition: 1s ease;
}

.bustype-card .btn-outline-primary:hover {
    color: inherit;
    background-color: transparent;
    background-image: none;
	border: 1px solid var(--theme-primary-color);
}

.primary-color {
	color:  var(--theme-primary-color);
}


.trip-tabs-content .btn-outline-secondary:not(:disabled):not(.disabled).active, 
.trip-tabs-content .btn-outline-secondary:not(:disabled):not(.disabled):active, 
.trip-tabs-content .show>.btn-outline-secondary.dropdown-toggle,
.trip-tabs-content .btn-outline-secondary:hover,
.trip-tabs-content .btn-outline-secondary:not(:disabled):not(.disabled).active .fare-tabs small {
    color: #fff;
	background-color:  var(--theme-primary-color);
	border-color:  var(--theme-primary-color);
}

.trip-tabs-content .btn-outline-secondary:hover .fare-tabs small {
    color: #fff;
}

.trip-tabs-content .border-design {
    position: relative;
	top: 10px;
	left: 0;
	background-color: var(--theme-primary-color);
	border-top-left-radius: 31px;
	border-top-right-radius: 31px;
	width: 43px;
	height: 6px;
}

.trip-tabs-content .boarding-design,
.trip-tabs-content .dropping-design {
    position: relative;
    top: 4px;
    left: 18px;
    background-color: var(--theme-primary-color);
    border-top-left-radius: 31px;
    border-top-right-radius: 31px;
    width: 100px;
    height: 5px;
}

.boarding-point-change, .dropping-point-change {
    font-size: 16px;
    font-weight: bold;
	color: var(--theme-primary-color);
	cursor: pointer;
}

.trip-tabs-content .font-weight-bold {
	color: var(--theme-primary-color);
}
.COPYtooltip, .COPYConntooltip {
	background-color: var(--theme-primary-color);
}

/* .boarding-point-list-card::-webkit-scrollbar-thumb, .dropping-point-list-card {
  background: var(--theme-primary-color);
  border-radius: 38px;
} */

.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active:active {
    background-color: var(--theme-primary-color);
    border-color: var(--theme-primary-color);
}
/*
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:active {
    color: #007bff;
    background-color: #fff;
    border-color: #fff;
} */

.datepicker table tr td.highlighted.disabled,
.datepicker table tr td.highlighted.disabled:active {
    background: #fff;
    border-color: #fff;
    color: #dc3545;
}

.datepicker table tr td.highlighted {
    background: #fff;
    border-color: #fff;
    color: #dc3545;
}

.passenger-inner-heading .reselect-seats {
	color: var(--theme-primary-color);
}

.trip-dotted-seperator {
	border-top: 1px dashed var(--theme-primary-color);
}
#pass-fare-details .total-fare-tr {
	border-top: 2px solid var(--theme-primary-color);
}
.active-border-lg {
	border-left: 10px solid var(--theme-primary-color) !important;
}

.c-v-btn {
	background-color: var(--theme-primary-color) !important;
	color: #fff !important;
}

.c-v-btn.c-hide-btn {
    background-color: #f6f6f6 !important;
    color: #797979 !important;
}

.hLseatName {
	color: var(--theme-primary-color) !important;
}

/* .overall-amount-tooltip, .overall-seat-tooltip, #booking-card {
    background: linear-gradient(90deg, var(--theme-primary-color) 17%, var(--theme-secondary-color) 91%);
} */

/* .payment-confirm-card #block-ticket-btn, .payment-confirm-card #pay-info-ticket-btn, .payment-confirm-card #conn-block-ticket-btn {
	background: linear-gradient(270deg, var(--theme-secondary-color) 0%, var(--theme-primary-color) 100%) !important;
} */