:root {
    --background-color-bb: #f8f8fd; /* Arka plan rengi | Genel arka plan için */
    --primary-color-bb: #01357e; /* Ana renk | Genel tema ve metin renkleri için */
    --primary-end-color-bb: #01357e; /* Koyu arka plan rengi | Öne çıkan bölgesel arka planlar için */
    --primary-color-logo: #ffffff; /* Airline Logo font rengi */
    --primary-background-bb: #01357e; /*  */
    --secondary-color-bb: #37A6DB; /* İkincil renk | Vurgular ve önemli ögeler için */
    --secondary-end-color-bb: #37A6DB; /* Başlık rengi | Başlıklar ve önemli metinler için */
    --accent-color-bb: #01357e; /* Aksesuar rengi | Ek vurgular ve özel durumlar için */
    --highlight-color-bb: #37A6DB; /* Ö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: #37A6DB; /* + sefer sayfasındaki fiyat alanı rengi */
    --theme-dark-background-bb: #01357e; /* + Koyu tema arka plan rengi */
    --theme-dark-text-bb: #fff; /* + Koyu tema arka plan rengi */
    --theme-dark-soft-bb: #01357e;
}

/*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; */
}

.desktop-dynamic-head-logo {
    background: var(--theme-dark-background-bb) !important;
    padding-top: 7px !important;
}

    /* logo yüksekliği */
    .desktop-dynamic-head-logo .logo-section svg {
        height: 41px !important;
    }

     .desktop-dynamic-head-logo .logo-section svg defs .i-1605392584__stop3,
     .desktop-dynamic-head-logo .logo-section svg defs .i-1605392584__stop4,
     .desktop-dynamic-head-logo .logo-section svg defs .i-1605392584__stop5 {
        stop-color: var(--theme-dark-text-bb) !important;
    }

    .heroContent .heroTextSection .infoBoxes .infoBox .infoIcon
    {
        background: linear-gradient(135deg, var(--secondary-color-bb), var(--secondary-end-color-bb)) !important;
    }

    .desktopRouteLink .desktop-logo {
        background: var(--background-color-bb) !important;
        max-height: 65px !important;
    }

    .desktopRouteLink .home-container .airlineBrand .heroTitle{
        color: var(--theme-dark-text-bb) !important;
    }


    .desktop-dynamic-head-logo .nav-links a
    {
        color:var(--background-color-bb) !important;
    } 

    .desktop-dynamic-head-logo .nav-links a:hover
    {
        background-color: var(--theme-dark-background-bb) !important; 
    }

    .desktop-dynamic-head-logo .phone-number .phone-text a,
    .desktop-dynamic-head-logo .phone-number .phone-text .free-call
    {
        color: var(--theme-dark-text-bb) !important;
    }
    .desktop-dynamic-head-logo .phone-number .call-center-online
    {
        background-color: var(--theme-dark-text-bb) !important;
    }

   

    /*yazılı logo rengi*/
    .desktop-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-color-bb) 100%) !important;
}

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

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

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

.explore-item .text .icon-title img
{
     position: relative !important;
    padding: 0px !important;
    top: 2px !important;
}

 /*route section*/
    .select-routes-dropdown-menu-box .select-routes-dropdown-menu li.active
    {
        border: 1px solid var(--theme-dark-background-bb) !important;
    }
    .select-routes-dropdown-menu-box .select-routes-dropdown-menu .airportName,
    .select-routes-dropdown-menu-box .select-routes-dropdown-menu .airportCode
    {
        color: var(--theme-dark-soft-bb) !important;
    }

    .dateSelection .selectRoutes .departureDate:focus,
    .dateSelection .selectRoutes .arrivalDate:focus,
    .dateSelection .selectRoutes .passengersLenght:focus
    {
        border: 1px solid var(--theme-dark-soft-bb) !important;
    }

    .dateSelection .selectRoutes .departureDate .info .city,
    .dateSelection .selectRoutes .arrivalDate .info .city,
    .dateSelection .selectRoutes .classSelectWrapper .info .city,
     .dateSelection .selectRoutes .passengersLenght .info .city
     {
        color: var(--theme-dark-background-bb) !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; */
}
 
/* 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(--theme-dark-background-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(--theme-dark-soft-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 */

.desktopTicketBar .flight-details-section .departure-info .departure-time,
.desktopTicketBar .flight-details-section .departure-info .arrival-time,
.desktopTicketBar .flight-details-section .arrival-info .departure-time,
.desktopTicketBar .flight-details-section .arrival-info .arrival-time {
    color: var(--theme-dark-soft-bb) !important;
}

.filterBottom .filterTitle h3 {
    border-bottom: 2px solid var(--theme-dark-soft-bb) !important;
    color: var(--theme-dark-soft-bb) !important;
}

.dateNavContainer .currentDate .dateDisplay {
    background: var(--theme-dark-soft-bb) !important;
}

.desktopTicketBar .action-section .price-section .price-btn
{
    border: 2px solid var(--theme-dark-soft-bb) !important; 
    color:var(--theme-dark-soft-bb) !important; 
}
.desktopTicketBar .action-section .price-section .price-btn:hover
{
    background: var(--theme-dark-soft-bb) !important;
    color:#fff !important;
}
.desktopTicketBar .action-section .price-section .price-btn:hover > .price-text
{
    color: #fff !important;
} 

.desktopTicketBar .action-section .price-section .price-btn .price-text
{
    color: var(--theme-dark-soft-bb) !important; 
} 

  */

/* .desktopTicketBar .transfer-section .transfer-info.direct-flight {
    color: var(--accent-color-bb) !important;
} */

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

.recommandation .priceCustom .sec {
    border: 1px solid var(--theme-dark-soft-bb) !important;
    color: var(--theme-dark-soft-bb) !important;
    border-right: none !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(--theme-dark-soft-bb) 0%, var(--theme-dark-soft-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(--theme-dark-soft-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;
}