﻿.flight-segment-stops {
    background-color: #ffd3d3;
    text-align: center;
    margin: 0px 10px;
    padding: 5px;
    margin-bottom: 10px
}


.flight-flist-container {
    background-color: rgba(0, 0, 0, .2);
    z-index: 9000;
    position: absolute;
    top: 0;
}

.flight-autospan-openflist {
    right: 22px !important;
    margin-top: 3px !important;
    margin-right: 12px;
    cursor: pointer;
}

.flight-autospan-closeflist {
    margin-top: -5px !important;
    z-index: 5;
    font-size: 14px;
    cursor: pointer;
}

.flight-flist-content {
    padding: 15px;
    border: 1px solid #BEC4C8;
    position: absolute;
    z-index: 9020;
    background-color: #fff;
}

    .flight-flist-content .btn-airclosed {
        background-color: #F7941D;
        color: #fff;
        float: right;
        border: 0px;
    }

.select2-dropdown {
    z-index: 9030 !important;
}

#air-airports {
}


    #air-airports a {
        cursor: pointer;
        color: #333;
    }

        #air-airports a:hover {
            cursor: pointer;
            color: #F7941D;
        }

        #air-airports a.selected {
            font-weight: bold;
            color: #F7941D;
        }

.flight-duration {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #ed8323;
    text-align: center;
    line-height: 24px;
    margin-bottom: 10px;
    font-size: 12px !important;
}

.flight-leg-warning {
    width: 60%;
    margin: 0px auto
}

    .flight-leg-warning .contentstyle {
        margin-bottom: 0px;
        padding: 6px;
    }

.flight-connections-bg {
    background-color: #F6FFFE;
}

    .flight-connections-bg .flight-connections-airlinelogo {
        width: 80%;
        max-height: 40px;
    }

    .flight-connections-bg h4 {
        font-size: 14px !important;
    }

@media (max-width: 998px) {
    .flight-connections-bg {
        text-align: center;
    }

        .flight-connections-bg .flight-connections-airlinelogo {
            max-width: 160px;
        }

    .flight-list-v2 .departure {
        text-align: center;
    }

    .flight-list-v2 .destination {
        text-align: center;
    }

    .flight-duration {
        width: 90%;
    }

    .flight-leg-warning {
        width: 90%;
        margin: 0px auto
    }
}

.flight-list-title {
    padding: 0px 10px;
    line-height: 40px;
    height: 40px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    margin-bottom: 15px;
}

.flight-list-title-daychange {
    padding: 0px 10px;
    line-height: 40px;
    height: 40px;
    font-size: 13px;
    color: #fff;
    text-align: center;
    margin-bottom: 15px;
    background-color: #545454;
    width: 100%;
    cursor: pointer;
}

    .flight-list-title-daychange:hover {
        background-color: #7b7b7b;
        transition: 0.5s;
    }

.flight-international-title {
    padding: 0px 0px 0px 10px;
    line-height: 40px;
    height: 40px;
    font-size: 16px;
    color: #fff;
    margin-bottom: 15px;
}

    .flight-international-title .total-price-content {
        float: right;
        padding-left: 5px;
        background-color: white;
    }

        .flight-international-title .total-price-content a {
            border-radius: 0px !important;
            height: 40px;
            line-height: 26px;
            font-size: 18px;
            margin-top: -4px;
        }

.flight-international-package-content {
    border: 1px solid #CCC;
    padding: 10px;
    margin-bottom: 20px;
}

    .flight-international-package-content .in-title {
        font-weight: bold;
        background-color: #f7f7f7;
        font-size: 16px;
        padding: 10px;
        margin-top: 0px !important;
    }

    .flight-international-package-content .p-airline {
        padding: 8px 8px 5px 8px !important;
    }

    .flight-international-package-content .btn-rules {
        background-color: #7b7b7b;
        color: #fff !important;
        border-radius: 0px !important;
        font-size: 12px;
        float: left;
        border-radius: 4px !important;
    }

    .flight-international-package-content .btn-select {
        font-weight: bold;
        color: #ffffff;
        background: #F2676B;
        padding: 8px 20px;
        display: inline-block;
    }

    .flight-international-package-content .btn-bybuton {
        background-color: #449d44;
        color: #fff !important;
        border-radius: 0px !important;
        font-size: 16px;
        float: right;
        border-radius: 5px !important;
    }

    .flight-international-package-content .duration {
        text-align: center;
        font-size: 15px !important;
    }

.flight-list-notborder {
    border: 0px !important;
    box-shadow: none !important;
}

    .flight-list-notborder:hover {
        border: 0px !important;
        box-shadow: none !important;
    }


.flight-buy-button {
    line-height: 40px;
    height: 40px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    margin-bottom: 15px;
    background-color: #13c20f;
    cursor: pointer;
    float: right;
    min-width: 140px;
}

    .flight-buy-button:hover {
        background-color: #398439;
        transition: 0.5s;
    }


.flight-list-view {
    margin: 0px 0px 15px 0px !important;
}


    .flight-list-view h3 {
        font-size: 20px;
        font-weight: bold;
    }

    .flight-list-view .flight-book-box h5 {
        font-size: 16px;
        font-weight: 700;
    }


    .flight-list-view .flight-book-box a {
        font-weight: bold;
        padding: 5px;
        width: 74%;
        display: inline-block;
        margin-top: 5px;
        border: 2px solid transparent;
        font-size: 16px;
    }

    /*.flight-list-view:hover .flight-book-box {
        color: #ffffff;
        background: #00ADEF;
      
    }*/

    .flight-list-view:hover .flight-book-box a {
        color: #ffffff;
        background: #13c20f;
        transition: 0.5s;
    }



/**/


.flight-info__segments {
    text-align: center;
    position: relative;
    height: 16px;
    min-width: 76px;
    max-width: 120px;
    margin-left: auto;
    margin-right: auto;
}

    .flight-info__segments:before {
        content: '';
        height: 2px;
        top: 50%;
        left: 0;
        right: 0;
        margin-top: -1px;
        position: absolute;
        background: #7B4397;
    }

    .flight-info__segments.flight-info__segments--direct:before {
        background: #92BE14;
    }

.stops-circle {
    position: relative;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #FFF;
    display: inline-block;
    top: -1px;
}

    .stops-circle:after {
        content: '';
        position: absolute;
        border: 2px solid #7B4397;
        border-radius: 50%;
        width: 14px;
        height: 14px;
        top: 3px;
        left: 2px;
        right: 1px;
    }







/**/

.flight-item-content {
    line-height: 20px;
    font-size: 13px;
}

.pl-icon {
    position: relative;
    padding-left: 30px;
}

    .pl-icon .flight-direction {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

        .pl-icon .flight-direction div {
            margin-right: .75rem;
        }

            .pl-icon .flight-direction div:last-child {
                margin-right: 0;
            }

        .pl-icon .flight-direction span {
            position: relative;
            display: block;
            margin-top: 3px;
        }

            .pl-icon .flight-direction span.departure:after {
                top: 11px;
            }

    .pl-icon .airline-icons {
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -12px;
    }

    .pl-icon .departure div {
        width: 100%;
    }

        .pl-icon .departure div span.time {
            padding: 1px 7px;
            border-radius: 2px;
            color: #fff;
            margin-right: .5rem;
        }

    .pl-icon .departure:after {
        content: '';
        width: 2px;
        position: absolute;
        height: 100%;
        top: 14px;
        left: -16px;
    }

    .pl-icon .arrive, .pl-icon .departure {
        position: relative;
    }

        .pl-icon .arrive div, .pl-icon .departure div {
            width: 100%;
        }

            .pl-icon .arrive div span.time, .pl-icon .departure div span.time {
                margin-right: .5rem;
            }

        .pl-icon .arrive:before, .pl-icon .departure:before {
            content: '';
            position: absolute;
            left: -20px;
            top: 5px;
            width: 10px;
            height: 10px;
            border: 3px solid #7cb900;
            border-radius: 50%;
            background-color: white;
        }


        .pl-icon .departure div span.time, .pl-icon .departure:after, .pl-icon .departure:before {
            background-color: #00b0af;
        }

        .pl-icon .arrive:before, .pl-icon .departure:before {
            border-color: #00b0af;
        }


/*.pl-icon .departure div span.time {
        background-color: #00b0af;
    }*/

.flightNotes {
    padding: 5px 30px 5px 30px;
}

.delay-seperator {
    position: relative;
    height: 17px;
    margin: 10px 0px -10px;
    text-align: center;
}

    .delay-seperator:after, .delay-seperator:before {
        content: '';
        position: absolute;
        top: 0;
        width: 100%;
        height: 2px;
        border-top: 3px dotted #ddd;
    }

    .delay-seperator:after {
        left: 0;
    }

    .delay-seperator:before {
        right: 0;
    }

    .delay-seperator .delay-text {
        position: absolute;
        top: -7px;
        left: 50%;
        z-index: 2;
        -webkit-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 5px;
        font-size: 12px;
        background-color: #fff;
        color: #78868d;
    }

.booking-itemi-in-title {
    font-size: 13px;
    padding: 5px 10px;
    color: #333;
    font-weight: 700;
    background-color: #f7f7f7;
    margin-bottom: 8px;
}

/*Uçuş kabin bazlı renklendirme*/

.flight-list-color-All {
}
/*Red*/
.flight-list-color-Promotion {
    border-left: 3px solid #f9676b;
}
/*Blue*/
.flight-list-color-First {
    border-left: 3px solid #2f7af8;
}
/*Purple*/
.flight-list-color-Business {
    border-left: 3px solid #9E7DD3;
}
/*Green*/
.flight-list-color-Economy {
    border-left: 3px solid #009f8b;
}
/*Blue*/
.flight-list-color-PremiumFirst {
    border-left: 3px solid #2f7af8;
}
/*Green*/
.flight-list-color-PremiumCoach {
    border-left: 3px solid #009f8b;
}
/*Orange*/
.flight-list-color-Protocol {
    border-left: 3px solid #F7941D;
}


/************************************* Air ****************************/

.air-branded-container {
}

    .air-branded-container .incontent-title {
        background-color: #e6e6e6;
        color: #333;
        font-weight: bold !important;
        padding: 5px;
        text-align: center;
        margin-bottom: 5px;
        font-size: 12px !important;
        line-height: 14px
    }

    .air-branded-container .ai-title {
        padding: 0px 10px;
        line-height: 34px;
        height: 34px;
        font-size: 16px;
        color: #fff;
        text-align: center;
        font-weight: bold;
    }

    .air-branded-container .ai-content {
        border: 1px solid #e6e6e6;
        padding: 10px;
        border-top: 0px;
    }

        .air-branded-container .ai-content .ai-row {
            line-height: 16px;
            padding: 3px 0px;
            border-bottom: dashed 1px #e6e6e6;
            color: #555;
            font-size: 11px;
        }

        .air-branded-container .ai-content .ai-price {
            padding-top: 10px;
            color: #333;
            font-size: 20px;
            text-align: center;
            margin-bottom: 15px;
        }

        .air-branded-container .ai-content .ai-button {
            padding: 5px 0px;
            font-size: 16px;
            color: #fff;
            text-align: center;
            width: 100%;
            cursor: pointer;
            margin: 0px auto;
            background-color: #afafaf;
            font-weight: bold;
        }

            .air-branded-container .ai-content .ai-button:hover {
                background-color: #57aee8;
            }

        .air-branded-container .ai-content .ai-button-active {
            background-color: #13c20f !important;
        }

        .air-branded-container .ai-content i {
            border-radius: 100px;
            width: 18px;
            height: 18px;
            text-align: center;
            padding-top: 4px;
        }

        .air-branded-container .ai-content .ai-color-Included {
            color: #fff;
            margin-right: 5px;
            background-color: #398439;
        }

        .air-branded-container .ai-content .ai-color-Paid {
            color: #fff;
            margin-right: 5px;
            background-color: #9e56b1;
        }

        .air-branded-container .ai-content .ai-color-Excluded {
            color: #fff;
            margin-right: 5px;
            background-color: #ff0000;
        }

.air-branded-buy-button {
    padding: 8px 15px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    width: 100%;
    cursor: pointer;
    margin: 0px auto;
    background-color: #13c20f;
    font-weight: bold;
}

    .air-branded-buy-button:hover {
        color: #fff;
    }


.air-branded-container .branded-generaltitle {
    color: #333;
    font-size: 14px;
}


#branded-fare-modal .modal-dialog {
    width: 980px !important;
    margin: 60px auto 0 auto;
}

    #branded-fare-modal .modal-dialog .owl-nav {
        display: none;
    }



@media (max-width:992px) {

    #branded-fare-modal .modal-dialog {
        width: 94% !important;
        margin: 10px auto 0 auto;
    }
}

.branded-fare-description-content {
    background-color: #dfdfdf;
    padding: 5px;
    color: #333;
    margin: 2px 0px;
    border-radius: 3px;
    font-size: 12px;
    position: relative;
}

    .branded-fare-description-content .mbbtnclose {
        right: 5px;
        top: 5px;
        position: absolute;
        cursor: pointer;
    }



/*End Branded Fare*/

.flight-exchange-destination {
    float: right;
    position: absolute;
    right: -7px;
    z-index: 5;
    margin-top: 10px;
}

@media (max-width:992px) {

    .flight-exchange-destination {
        float: none;
        position: relative;
        right: inherit;
        z-index: 0;
        text-align: center;
        display: none;
    }

        .flight-exchange-destination i {
            padding-top: 10px;
            width: 14px;
        }
}

/************************************** Mobile **********************/


.flight-tb-daychange {
    width: 100%;
    margin-bottom: 5px;
}

    .flight-tb-daychange td {
        height: 28px;
        line-height: 28px;
        font-size: 11px;
        text-align: center;
    }

        .flight-tb-daychange td.flightinfo {
            color: #fff;
            width: 40%;
        }

        .flight-tb-daychange td.packageflightinfo {
            font-size: 12px;
            color: #fff;
            width: 50%;
        }

        .flight-tb-daychange td.packagepriceinfo {
            width: 50%;
            background-color: #efefef;
            font-size: 14px;
            font-weight: bold;
            cursor: pointer;
        }

        .flight-tb-daychange td.btn-change {
            width: 30%;
            cursor: pointer;
            background-color: #efefef;
        }

            .flight-tb-daychange td.btn-change:hover {
                background-color: #d8d8d8;
                transition: 0.5s;
            }



.flight-mobillist-content {
    margin-bottom: 20px;
}

    .flight-mobillist-content .legtitle {
        height: 28px;
        line-height: 28px;
        padding-left: 10px;
        width: 100%;
        background-color: #f7f7f7;
        font-weight: bold;
        margin-bottom: 5px;
        font-size: 12px;
    }

    .flight-mobillist-content .flightleg {
        font-size: 11px;
        margin-bottom: 5px;
    }



        .flight-mobillist-content .flightleg .hrline {
            margin: 5px 0px;
        }

        .flight-mobillist-content .flightleg .tbleg {
            width: 100%;
        }

            .flight-mobillist-content .flightleg .tbleg td {
                /*border-right: dashed 1px #e6e6e6;*/
            }

                .flight-mobillist-content .flightleg .tbleg td:last-child {
                    border-right: 0px;
                }


        .flight-mobillist-content .flightleg .airlogo {
            max-height: 20px !important;
            width: auto !important;
            max-width: 60px !important;
        }

        .flight-mobillist-content .flightleg .spnclass {
            font-size: 10px;
            margin-bottom: 0px;
        }

        .flight-mobillist-content .flightleg .pricecontent {
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 5px;
        }

        .flight-mobillist-content .flightleg .suitcase {
            font-size: 11px;
        }

        .flight-mobillist-content .flightleg .nonstop {
            font-size: 11px;
            color: #92BE14;
        }

        .flight-mobillist-content .flightleg .indirect {
            font-size: 11px;
            color: #7B4397;
        }

        .flight-mobillist-content .flightleg .btn-booking-select {
            font-size: 11px;
            border: 0px;
            border-radius: 0px;
            padding: 3px 8px;
            font-weight: bold;
            cursor: pointer;
            background-color: #F7941D !important;
        }

            .flight-mobillist-content .flightleg .btn-booking-select:hover {
                background-color: #d4821f !important;
            }

        .flight-mobillist-content .flightleg .international .legbtn {
            border: solid 1px #cecece !important;
        }

        .flight-mobillist-content .flightleg .international .btn-primary {
            border: 0px !important;
        }

        .flight-mobillist-content .flightleg .btn-legdetail {
            font-size: 11px;
            cursor: pointer;
        }

        .flight-mobillist-content .flightleg .flightleg-detail-content {
            padding: 10px;
            background-color: #fafafa;
            border: dashed 1px #e6e6e6;
        }

        .flight-mobillist-content .flightleg .flightleg-duration {
            margin-bottom: 5px;
            margin-top: 5px;
            padding: 3px;
            border: dashed 1px #bdbdbd;
            width: 90%;
            margin-left: auto;
            margin-right: auto;
            text-align: center;
            position: relative;
        }


/************************************** Mobile End **********************/

.table-flightprice-detail {
    width: 210px;
    margin-bottom: 10px;
}

    .table-flightprice-detail td {
        border-bottom: solid 1px #757575;
        font-size: 11px;
        line-height: 16px;
        color: #fff
    }


.theme-icon-left-content {
    position: relative;
    margin-bottom: 2px;
}

    .theme-icon-left-content input {
        padding-left: 40px;
    }

    .theme-icon-left-content .t-icon {
        background-color: #d9e0e6;
        color: #222;
        font-weight: bold;
        height: 34px;
        line-height: 34px;
        width: 34px;
        position: absolute;
        text-align: center;
        user-select: none;
    }

.passenger-nationalitycode .select2-selection--single {
    border: 1px solid #fb9f9f;
}

.hescode-content {
    border: 1px dashed #ffa72f;
    color: #232b38;
    padding: 10px;
    background-color: #fef3e1;
    margin-top: 10px;
    font-size: 13px;
}

    .hescode-content i {
        color: #ff3545;
        font-size: 20px
    }

    .hescode-content label {
        font-size: 14px !important
    }



/* Domestic gruplama */

.domestic-group-boxcontent {
    border: 1px solid #e6e6e6;
    padding: 10px;
    margin-bottom: 10px;
    cursor: pointer;
}

    .domestic-group-boxcontent h3 {
        font-weight: 700;
    }

    .domestic-group-boxcontent.boxactive, .domestic-group-boxcontent:hover {
        border: 1px solid #13c20f;
        background-color: #f4ffeb;
    }

    .domestic-group-boxcontent .buyradiobutton {
        appearance: none;
        width: 20px;
        height: 20px;
        border: 2px solid #999;
        border-radius: 50%;
        background-clip: content-box;
        padding: 3px;
        position: absolute;
        right: 20px;
        margin: 0px;
        cursor: pointer;
    }

        .domestic-group-boxcontent .buyradiobutton.active {
            background-color: #13c20f;
        }


    .domestic-group-boxcontent h3 {
        margin: 0px 0px 10px 0px;
        text-align: center;
        font-size: 14px;
    }

    .domestic-group-boxcontent .ai-rowline {
        line-height: 16px;
        padding: 3px 0px;
        border-bottom: dashed 1px #e6e6e6;
        color: #555;
        font-size: 11px;
    }

.owl-carousel-domestic {
    padding: 15px 15px 0px 15px !important;
    border: 1px solid #e6e6e6;
    border-left: 0px;
    border-top: 0px;
    margin: 0px;
}

@media (max-width:992px) {
    .owl-carousel-domestic .owl-pagination {
        display: block !important;
    }
}
