:root {
    --background-color-bb: #f8f8fd; /* Arka plan rengi | Genel arka plan için */
    --primary-color-bb: #474747; /* Ana renk | Genel tema ve metin renkleri için */
    --primary-end-color-bb: #606060; /* Koyu arka plan rengi | Öne çıkan bölgesel arka planlar için */
    --primary-color-logo: #606060; /* Airline Logo font rengi */
    --primary-background-bb: #f2ac14; /*  */
    --secondary-color-bb: #fa6a24; /* İkincil renk | Vurgular ve önemli ögeler için */
    --secondary-end-color-bb: #f2ac14; /* Başlık rengi | Başlıklar ve önemli metinler için */
    --accent-color-bb: #323a47; /* Aksesuar rengi | Ek vurgular ve özel durumlar için */
    --highlight-color-bb: #f2ac14; /* Öne çıkan renk | Butonlar ve aktif ögeler için */
    --mid-background-color-bb: #eeeeee; /* + Orta arka plan rengi | Bölgesel arka planlar için */
    --border-color-bb: #dddddd; /* Kenarlık rengi | Çerçeveler ve sınırlar için */
    --light-text-color-bb: #999999; /* + Açık metin rengi | İkincil ve az önemli metinler için */
    --price-color-bb: #323a47; /* + sefer sayfasındaki fiyat alanı rengi */
}

/*14 tane başlandı 11*/
/* ######################################################################################*/
/* GENEL BAŞLA */
/* ######################################################################################*/

/* logo arka planı */
body {
    /* font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important; */
}

.dynamic-head-logo {
    background: var(--primary-background-bb) !important;
    padding-top: 14px !important;
}

    /* logo yüksekliği */
    .dynamic-head-logo img {
      /*  height: 25px !important; */
    }

    /*yazılı logo rengi*/
    .dynamic-head-logo .icon-title h1 {
        color: var(--primary-color-logo) !important;
    }

.biletbakbtn {
    background: var(--secondary-color-bb) !important;
    background: linear-gradient(90deg, var(--secondary-color-bb) 0%, var(--secondary-end-color-bb) 100%) !important;
}

.blueGradient {
    background: var(--primary-color-bb) !important;
    /* background: linear-gradient(to bottom, var(--primary-color-bb), var(--primary-end-color-bb)); */
}

.detailBar .title-bar {
      background: linear-gradient(90deg, var(--secondary-color-bb) 0%, var(--secondary-end-color-bb) 100%) !important;
}

/* ######################################################################################*/
/* ANA SAYFA BAŞLA */
/* ######################################################################################*/

/* soldaki yol iconu arkaplanı */
.selectRoutes .selectRoutesLeft svg {
    color: var(--primary-color-bb) !important;
}

    /* soldaki yol iconu circle */
    .selectRoutes .selectRoutesLeft svg g circle {
        color: var(--primary-color-bb) !important;
    }

/* change route butonu */
.selectRoutes .selectRoutesChange .changeDiv svg defs linearGradient stop {
    stop-color: var(--primary-color-bb) !important;
}

    .selectRoutes .selectRoutesChange .changeDiv svg defs linearGradient stop + stop {
        stop-color: var(--primary-end-color-bb) !important;
    }

/* Ä°stanbul Ankara ÅŸehirler */
.theme_light .selectRoutes .item .city {
    color: var(--primary-color-bb) !important;
}

/* Nereden nereye */
.theme_light .selectRoutes .item .define {
    color: var(--primary-color-bb) !important;
}

/* tek yön aktif yazısı */
.theme_light .dateSelection .sectiontwo ul li a.active span {
    color: var(--secondary-color-bb) !important;
}
/* tek yön aktif checkbox */
.dateSelection .sectiontwo ul li a.active svg {
    color: var(--secondary-color-bb) !important;
}
/* tek yön aktif çizgisi */
.theme_light .dateSelection .sectiontwo ul li a.active:after {
    background: var(--secondary-color-bb) !important;
}

/* tek yön pasif rengi */
.theme_light .dateSelection .sectiontwo ul li a span {
    color: var(--primary-color-bb) !important;
}
/* tek yön pasif çizgisi */
.theme_light .dateSelection .sectiontwo ul li a:after {
    background: var(--primary-color-bb) !important;
}

/* gidiÅŸ tarihi */
.theme_light .dateSelection .selectRoutes .departureDate .info span {
    color: var(--primary-color-bb) !important;
    /* font-weight: bold !important; */
}

.dateSelection .selectRoutes .arrivalDate .info span {
    color: var(--primary-color-bb) !important;
    /* font-weight: bold !important; */
}

/* sınıf seçimi */
.theme_light .dateSelection .selectRoutes .classSelectWrapper .info span {
    color: var(--primary-color-bb) !important;
}

/* yolcu ekle */
.dateSelection .selectRoutes .passengersLenght .info span {
    color: var(--primary-color-bb) !important;
}

.explore-item .text .icon-title h1 {
    color: #fff !important;
    font-weight: bold !important;
}

/* explore */
.explore-item .text .icon-title {
    background: var(--secondary-end-color-bb) !important;
  /*  background-image: linear-gradient(to bottom, var(--primary-color-bb), var(--primary-end-color-bb) 100%) !important; */
}

/* popups */
.bbPopUp .popTitle {
    color: var(--primary-color-bb) !important;
}

/* sınıf seçimi */
.classSelect .classSelector .item.active {
    border: 1px solid var(--primary-color-bb) !important;
    background: #fff !important;
    font-weight: bold;
}

    .classSelect .classSelector .item.active .text {
        color: var(--primary-color-bb) !important;
    }

.passengerSelect .item.active .text, .passengerSelect .item.active span, .passengerSelect .item.active .number {
    color: var(--primary-color-bb) !important;
    font-weight: bold !important;
}

.classSelect .classSelector .item.Economy.active .image {
    /* background-position: 0 -148px !important; */
}

.classSelect .classSelector .item.Business.active .image {
    /* background-position: 0 -101px !important; */
}

/* date popup */
.datePickerWrapper .aki-date-header-week span {
    color: var(--secondary-end-color-bb) !important;
}

.datePickerWrapper .aki-date-month-day.selected:after {
    color: var(--secondary-end-color-bb) !important;
}

.datePickerWrapper .aki-date-month-day.selected {
    border: 1px solid var(--secondary-end-color-bb) !important;
}

/* search input */
.searchBar .v-select input {
    color: var(--primary-color-bb) !important;
    border: 1px solid var(--primary-color-bb) !important;
}

.searchBar .searchInputIcon {
    color: var(--primary-color-bb) !important;
}

.searchBar .v-select .vs__dropdown-menu .airportName {
    color: var(--primary-color-bb) !important;
}

.searchBar .v-select .vs__dropdown-menu .airportCode {
    color: var(--primary-color-bb) !important;
}

.searchBar .v-select .vs__dropdown-menu li {
    border: 1px solid var(--primary-color-bb) !important;
}

/* footerdaki iconlar ve yazılar */
.footer .phoneInfo .phoneIcon svg defs linearGradient stop {
    stop-color: var(--secondary-color-bb) !important;
}

    .footer .phoneInfo .phoneIcon svg defs linearGradient stop + stop {
        stop-color: #000 !important;
    }

.footer .secure3d svg defs linearGradient stop {
    stop-color: var(--secondary-color-bb) !important;
}

    .footer .secure3d svg defs linearGradient stop + stop {
        stop-color: #000 !important;
    }

.footer .phoneInfo .phone a {
    color: var(--secondary-color-bb) !important;
}

.footerMenu h2 {
    color: var(--primary-color-bb) !important;
}

.accordionWrapper .accordion .card header a {
    color: var(--primary-color-bb) !important;
}

    .accordionWrapper .accordion .card header a[aria-expanded=true] {
        color: var(--secondary-color-bb) !important;
    }

/* ######################################################################################*/
/* EXPEDITION LOADING SAYFASI BAŞLA */
/* ######################################################################################*/

.expeditionLoading .passengerAndClassInfo {
    color: var(--primary-color-bb) !important;
}

.expeditionLoading .info .place {
    color: var(--accent-color-bb) !important;
}

.expeditionLoading .bottomWrapper .button-text {
    color: var(--primary-color-bb) !important;
}

.expeditionLoading .spinner-border {
    border: 0.25em solid var(--secondary-color-bb) !important;
    border-right-color: transparent !important;
}

.expeditionLoading .info .label {
    color: var(--primary-color-bb) !important;
}

/* ######################################################################################*/
/* SEFER SAYFASI BAŞLA */
/* ######################################################################################*/

.filterHead .wrapper {
    background: var(--secondary-end-color-bb) !important;
}

.oneWay .dateNavContainer .dateNavDate {
    background-color: var(--secondary-end-color-bb) !important;
}

.noFlights {
    color: var(--primary-color-bb) !important;
    background: var(--mid-background-color-bb) !important;
    border: 1px solid var(--border-color-bb) !important;
}

    .noFlights a {
        color: var(--secondary-end-color-bb) !important;
    }

    .noFlights p span {
        color: var(--primary-color-bb) !important;
        font-weight: bold !important;
    }

/* filter bottom üst filtre */
.filterBottom .item.selected .filterRadioBox {
    border-color: var(--accent-color-bb) !important;
}

.filterBottom .item.selected .filterCheckBox {
    border-color: var(--accent-color-bb) !important;
}

.filterBottom .item.selected span {
    color: var(--accent-color-bb) !important;
}

.filterBottom .item.selected .filterCheckBox svg {
    color: var(--accent-color-bb) !important;
}

.filterBottom .item.selected .filterRadioBox svg {
    color: var(--accent-color-bb) !important;
}

/* ticket bar iç hat kalkış saati */
.ticketBar .line .timesRow {
    color: var(--accent-color-bb) !important;
}

    .ticketBar .line .timesRow .arrivalTime {
        color: var(--accent-color-bb) !important;
    }

.ticketBar .line .airlineRow .transferInfo {
    color: var(--accent-color-bb) !important;
}

.ticketBar .line .actionRow .priceInfo svg {
    color: var(--price-color-bb) !important;
}
/* price ve seçme işlemi */
.ticketBar .line .actionRow .priceInfo {
    border: 1px solid var(--price-color-bb) !important;
    color: var(--price-color-bb) !important;
    border-right: none !important;
    background-color: var(--background-color-bb) !important;
}

/* ticket bar detail */
.ticketBarDetail .wrappers .item .cityName {
    color: var(--primary-color-bb) !important;
}

/* SEFER SAYFASI PAKET */
.recommandation .priceCustom .priceText {
    color: var(--highlight-color-bb) !important;
}

.recommandation .priceCustom .sec {
    border: 1px solid var(--highlight-color-bb) !important;
    color: var(--highlight-color-bb) !important;
    border-right: none !important;
    background-color: var(--background-color-bb) !important;
    font-weight: bold !important;
}

.packageItem.item .airlineNameAndTransferInfo .transferInfo {
    color: var(--primary-color-bb) !important;
}

/* ######################################################################################*/
/* SATIN AL SAYFASI BAŞLA */
/* ######################################################################################*/
/*extra pack start*/

.paymentPageWrapper .packContainer .item .title-bar {
     background: var(--highlight-color-bb) !important;
}
.packContainer .item.active .title-bar .checkboxCustom
{
    background: var(--highlight-color-bb) !important;
}
.formGlobal.formTrue .title-bar
{
background: var(--highlight-color-bb) !important;
}

.packContainer .selectedCheck .blueGradient{
    background: var(--highlight-color-bb) !important;
}

.packContainer .spinner-border
{
color:var(--highlight-color-bb) !important;
}

/*extra pack end*/
.paymentPageWrapper .infoContent > .title {
    background: linear-gradient(90deg, var(--secondary-color-bb) 0%, var(--secondary-end-color-bb) 100%) !important;
}

.paymentPageWrapper .true input {
    border: 2px solid var(--primary-color-bb) !important;
}

.theme_light .passengerInfoForm .twoSelectWrapper.true {
    border: 2px solid var(--primary-color-bb) !important;
}

.theme_light .creditCardForm .twoSelectWrapper.true {
    border: 2px solid var(--primary-color-bb) !important;
}

.theme_light .contactForm .formWrapperSetting h2 {
    color: var(--primary-color-bb) !important;
}

.paymentPageWrapper .nextpay {
    background: var(--highlight-color-bb) !important;
}

.theme_light .creditCardForm h3 {
    color: var(--primary-color-bb) !important;
}

.theme_light .termofUseContainer .title-bar {
    background: var(--light-text-color-bb) !important;
}

    .theme_light .termofUseContainer .title-bar .checkboxCustom {
        background: var(--light-text-color-bb) !important;
    }

.theme_light .paymentContent .custom-control-input:checked ~ .custom-control-label {
    background: var(--highlight-color-bb) !important;
}

.theme_light .creditCardForm .price {
    background: var(--highlight-color-bb) !important;
}

.searchBar .v-select input::-webkit-input-placeholder {
    /* Edge */
    color: var(--primary-color-bb) !important;
}

.searchBar .v-select input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: var(--primary-color-bb) !important;
}

.searchBar .v-select input::placeholder {
    color: var(--primary-color-bb) !important;
}

/* ######################################################################################*/
/* E-BILET SAYFASI BAŞLA */
/* ######################################################################################*/

.electronicTickets .electronicTicketsTitle .title {
    color: var(--primary-color-bb) !important;
}

.electronicTickets .round.tip1 .container .wrapper p {
    color: var(--primary-color-bb) !important;
}

.electronicTickets .passengerList .title {
    background: var(--secondary-end-color-bb) !important;
}

.electronicTickets .passengerList .content .contentInner .name {
    color: var(--primary-color-bb) !important;
}

.electronicTickets .paymentNote h2 {
    color: var(--primary-color-bb) !important;
}

.electronicTickets .paymentNote ul li a {
    color: var(--primary-color-bb) !important;
}

.electronicTickets .flights .info.item {
    color: var(--highlight-color-bb) !important;
}

.electronicTickets .flights h2 {
    color: var(--primary-color-bb) !important;
}

.electronicTickets .round.tip1.tip1Edit .wrapper .airlineTime.type {
    background: var(--highlight-color-bb) !important;
}