/* All Items list:  */


/*
1.Global Custom Design
2.Custom Buttons Design
3.Navbar Box
4.Name Navbar Box
5.Home Page
        a. Main Search Box + BUS Animation
        b.Available Bus Operators
6.Footer Box
7.contact Us
8.About US
9.Ticket Cancel
10.Terms & Conditions
11.FAQ
12.Custom Default Changes
13. Bus Schedules
14.Customer Counter
15.Seat Booking


*/


/* ============= Global Custom Design ======================*/


/* Few Browsers support Linear Gradients.*/


/* -webkit-linear-gradient(...);   */


/*chrome, safari  */


/* -moz-linear-gradient(....);  */


/* Mozilla */


/* -ms-linear-gradient(...);   */


/* Internet Explorer */


/* -o-linear-gradient(...);   */


/* opera */

:root {
    --custom-orange-color: #f6b142; 
    --logo-primary-color: #1256a5; 
    /*--logo-primary-color: #3b5998;*/
    /*facebook Color code*/
    /* --logo-primary-color:#a3010f; */
    /* --logo-primary-color: #e41f1f; */
    --logo-secondary-color: #212529;
    --custom-green-color: #047a14;
    --custom-close-color: #0c0d0e;
    --custom-white-color: white;
    --custom-grey-color: rgb(235, 235, 235);
    --custom-red-color: #bd0909;
    --custom-black-color: black;
    --custom-link-color: #2c5cb6;
    --custom-error-color: #a10000;
    --menu-background-color: #f5f8fb;
    --logo-primary-color: #1256a5;
    --logo-primary-color: #1256a5;
    --logo-secondary-color: #f6b142;
}


/* ============= Custom Buttons Design ======================*/


/*

    custom-primary-btn
    custom-close-btn
    custom-seat-btn
    custom-promocode-btn

*/

button:focus:not(:focus-visible) {
    outline: none;
}

.custom-primary-btn:hover,
.custom-primary-btn:focus {
    box-shadow: 0 0.5em 0.5em -0.4em var(--logo-secondary-color);
    transform: translateY(-0.10em);
    color: var(--custom-white-color);
    border: none;
}

.custom-primary-btn {
    padding: 7px;
    color: var(--custom-white-color);
    background: var(--custom-orange-color);
    cursor: pointer;
    margin-right: -10px!important;
    transition: 0.25s;
    border: none;
    border-radius: 5px;
    /*    border-top-left-radius: 10px;
        border-bottom-right-radius: 10px;*/
}

.custom-close-btn:hover,
.custom-close-btn:focus {
    box-shadow: 0 0.5em 0.5em -0.4em var(--logo-secondary-color);
    transform: translateY(-0.25em);
    color: var(--custom-white-color);
}

.custom-close-btn {
    padding: 7px;
    color: var(--custom-white-color);
    background: var(--custom-close-color);
    cursor: pointer;
    margin-right: 10px!important;
    transition: 0.25s;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.custom-seat-btn:hover,
.custom-seat-btn:focus {
    box-shadow: 0 0.5em 0.5em -0.4em var(--logo-secondary-color);
    transform: translateY(-0.25em);
    color: var(--custom-white-color);
}

.custom-seat-btn {
    padding: 7px;
    color: var(--custom-white-color);
    background: var(--custom-close-color);
    cursor: pointer;
    margin-right: -10px;
    margin-top: 15px;
    transition: 0.25s;
    /* border-top-left-radius: 10px;
        border-bottom-right-radius: 10px; */
}

.custom-promocode-btn:hover,
.custom-promocode-btn:focus {
    box-shadow: 0 0.5em 0.5em -0.4em var(--logo-secondary-color);
    transform: translateY(-0.25em);
    color: var(--custom-white-color);
}

.custom-promocode-btn {
    padding: 5px;
    color: var(--custom-white-color);
    background: var(--logo-secondary-color);
    cursor: pointer;
    margin-right: -10px!important;
    transition: 0.25s;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.hypertext-white,
.hypertext-white:hover {
    color: var(--custom-white-color);
    text-decoration: none;
}

.hypertext-black,
.hypertext-black:hover {
    color: var(--custom-black-color);
    text-decoration: none;
}

.border-right-title {
    border: 1px solid transparent;
    border-right: 4px solid var(--logo-secondary-color);
}

.padding-top-250 {
    padding-top: 250px;
}

.padding-top-150 {
    padding-top: 150px;
}

.padding-top-190 {
    padding-top: 190px;
}


/* ======================= Navbar Box ====================== */

.nav-items-style {
    font-size: 18px;
    color: var(--logo-primary-color);
    font-weight: bold;
    padding-right: 10px;
    font-family: "Teko";
    transition: .35s;
}

.nav-link {
    color: var(--logo-primary-color);
    border-bottom: 3px solid transparent;
}

.nav-link:hover {
    color: var(--logo-primary-color);
    border-bottom: 3px solid var(--logo-secondary-color);
    ;
}

.navbar-dark .navbar-nav .nav-link {
    float: right
}

.nav-link.active{
    border-bottom: 3px solid var(--logo-secondary-color);
}

/* --------Mobile Navbar---------- */

/* ======================= End Navbar Box ====================== */

/* ======================= Name Navbar Box ====================== */
#name-navbar {
    line-height: 55px;
    background-color: var(--custom-white-color);
    font-weight: bold;
}

.title-name-navbar {
    color: var(--logo-primary-color);
    font-size: 35px;
    font-weight: bold;
    padding-top: 15px;
}

.call-support-text {
    font-size: 18px;
    font-weight: bold;
}

@media (max-width: 767px) {
    .call-support-text,
    .support-icon {
        display: none;
    }
}

@media (max-width: 767px) {
    .title-name-navbar {
        padding-bottom: 15px;
    }
}

/* ======================= end  Name Navbar Box ====================== */

/* ======================= Start Home Page Box ====================== */

/* -----------------Start Single Search Animation Box --------------- */
#single-search-box {
    position: relative;
    display: block;
    /* overflow: hidden; */
}

.add_datepicker {
    z-index: 1001 !important;
}

/* search box view change in mobile */
@media (min-width: 992px) {
    .horizontal-search {
        display: flex;
    }
}

/* ----------------- Single Search Animation Ends Box --------------- */

/* -----------------Available Bus Operators Box --------------- */
.bus-name-card {
    /* border:1px solid black; */

    border-radius: 10px;
    border-bottom-left-radius: 10px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 7px;
    margin-bottom: 7px;
}

.bus-icon-color {
    color: var(--logo-primary-color);
}

/* -----------------How to Steps Box --------------- */

.all-steps{
    /*padding:0;*/
    border-bottom: 1px solid #dddddd; 
    margin-bottom: 40px;
    padding-bottom: 30px;
}

.steps-title{
    margin: 20px 0;
    border-bottom: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    padding: 10px 0;
}

.steps-title>h3{
    font-weight: bold;
    color: #000000;;
    text-transform: uppercase;
}

.steps-icon{
    background-color: var(--logo-secondary-color);
    height:75px;
    text-align: center;
    margin-bottom: 10px;
}

.steps-icon>i{
    font-size:3em;
    padding-top:18px;
    color: #fff;
}

.step-details{
    margin-bottom: 10px;
}

.step-details>h3{
    font-weight: bold;
    color: var(--logo-secondary-color);
    font-size: 20px;
}

/* ======================= END Home Page Box ====================== */

/* ======================= Footer Box ====================== */
.footer-bg {
    color: var(--custom-black-color);
    background-color: var(--menu-background-color);
    font-size: 15px;
}

.footer-title {
    color: var(--custom-black-color);
    ;
    font-weight: bold;
}

.caret-color {
    color: var(--logo-secondary-color);
}

.hyper-decoration-none {
    list-style: none;
    text-decoration: none;
    color: var(--custom-black-color);
}

.hyper-decoration-none:hover {
    list-style: none;
    text-decoration: none;
    color: var(--logo-primary-color);
}

.newsletterBox {
    padding: 6px;
}

.subscription-icon {
    padding: 10px 15px 10px 10px;
}

.social-icons li p>i{
    color: var(--logo-secondary-color);
}

/* ======================= End Footer Box ====================== */

/* ======================= Start Contact Box ====================== */

.contact-title-bar {
    padding: 10px;
    text-align: center;
    font-size: 15px;
    color: black;
    font-weight: bold;
    background-color: var(--menu-background-color);
}

/* ======================= End Contact Box ====================== */

/* ======================= Start Custom Title And Details ====================== */
.custom-box {
    margin-bottom: 20px;
}

.custom-title {
    margin-top: 30px;
    font-size: 25px;
    text-align: center;
    font-weight: bold;
    font-family: "Roboto";
    /* text-transform: uppercase; */
}

.custom-title>span {
    border-bottom: 3px solid var(--logo-primary-color);
}

.custom-details {
    text-align: justify;
    padding-left: 15px;
    padding-right: 15px;
    border-left: 4px solid var(--logo-primary-color);
}

.custom-details>ul>li {
    padding-right: 10px;
}

.custom-icon {
    font-size: 30px;
    padding: 7px;
    color: var(--logo-secondary-color);
    border: 2px solid transparent;
}

/* ======================= End Custom Title And Details ====================== */


/* ======================= Start Faq Box ====================== */

.faq-answer-details {
    margin-left: 55px;
    text-align: justify;
}

.faq-box {
    border-bottom: 1px solid var(--logo-secondary-color);
    padding-top: 10px;
    padding-bottom: 10px;
}

.faq-box>a {
    color: var(--logo-primary-color);
    text-decoration: none;
}

.faq-title-icon{
    color: var(--logo-secondary-color);
}

.faq-box>a:hover {
    color: var(--logo-secondary-color);
    text-decoration: none;
}

.fa-stack {
    font-size: 0.5em;
}

.i {
    vertical-align: middle;
}

/* ======================= End Faq Box ====================== */

/* ================ Ticket Search result view page ===============*/
.min_width_80 {
    width: 80px;
}
.min_width_140 {
    width: 140px;
}
.min_width_175 {
    width: 175px;
}
.margin-left-150px {
    margin-left: 30px;
    margin-right: 30px;
}
.padding-15px {
    padding: 10px;
    font-size: 15px;
}
.seat_booking_div>input[type=text] {
    width: 25px;
}
#tkt_detail_view_box {
    margin-top: -25px;
}
fieldset.scheduler-border {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 .5em 0 !important;
    -webkit-box-shadow: 0px 0px 0px 0px #000;
    box-shadow: 0px 0px 0px 0px #000;
}
legend.scheduler-border {
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
    width: auto;
    padding: 0 10px;
    border-bottom: none;
}
.btn-red {
    color: whitesmoke;
    background: red;
}
.seat_sold {
    color: red;
    font-size: 30px;
    padding-right: 3px;
}
.seat_available {
    color: rgb(90, 87, 87);
    ;
    font-size: 30px;
    padding-right: 3px;
}

/* .seat_blue{
                color:blue;
                font-size: 30px;
                padding-right:3px;
                padding-left: 4px;
          }
*/

/* .seat_grey{
                color:rgb(90, 87, 87);
                color:#696969;
                font-size: 30px;
                padding-right:3px;
          }
*/
.seat_blocked {
    /* color:rgb(43, 0, 23);
    */

    color: #333300;
    /* color#696969;
    */

    font-size: 30px;
    padding-right: 3px;
}

/* Seat Plan box */
td,
th {
    /* border: 1px solid #dddddd; */

    text-align: center;
    padding: -6px;
}

/* tr:nth-child(even) {
                    background-color: #dddddd;
          }  */
.seat {
    background-size: 45px 35px;
    height: 35px;
    width: 45px;
    font-weight: 800;
    cursor: pointer;
}
.is_available {
    /* background-image: url(./../../../image/seat_available.png); */

    background-image: url(./../../../image/seat_available.png);
    background-repeat: no-repeat;
    font-size: 13px;
    /*padding-right: 10px;*/
    /* background-image: url(./../public/image/seat_available.png); */
    /* background-image: url("{{ asset('/public/image/seat_available.png') }}") ; */
    /* background-image:"{{ asset('/public/image/seat_available.png') }}"; */
}
.is_sold {
    background-image: url(./../../../image/seat_sold.png);
    background-repeat: no-repeat;
    /*padding-right: 10px;*/
}
.is_booked {
    /* background: #003399; */
}
.is_booked_male,
.is_booked_ {
    background-image: url(./../../../image/booked_male.png)!important;
    background-repeat: no-repeat!important;
    /*padding-right: 10px!important;*/
    color: var(--white);
}
.is_booked_female {
    background-image: url(./../../../image/booked_female.png)!important;
    background-repeat: no-repeat!important;
    /*padding-right: 10px!important;*/
    color: #fff;
}
.is_block_male {
    background-image: url(./../../../image/blocked.png)!important;
    background-repeat: no-repeat!important;
    /*padding-right: 11px!important;*/
    color: rgb(204, 197, 197);
}
.is_hold {
    background-image: url(./../../../image/booked_male.png)!important;
    background-repeat: no-repeat!important;
    /*padding-right: 10px!important;*/
    opacity: .4;
    color: var(--white);
}
.is_sold_male {
    background-image: url(./../../../image/sold_male.png)!important;
    background-repeat: no-repeat!important;
    /*padding-right: 10px!important;*/
    color: var(--white);
}
.is_sold_female {
    /*background-image: url(./../../../image/sold_female.png)!important;*/
     background-image: url(./../../../image/sold_male.png)!important;
    background-repeat: no-repeat!important;
    /*padding-right: 10px!important;*/
    color: var(--white);
}
.seat_book {
    background-image: url(./../../../image/select.png)!important;
    background-repeat: no-repeat;
    /*padding-right: 10px;*/
    color: whitesmoke;
}
.seat_0 {
    background-color: #dddddd;
}

.seat_loading {
    background-image: url(./../../../image/seat_loading.gif) !important;
    background-repeat: no-repeat!important;
    padding-right: 10px!important;
    color: var(--white);
}

.seat_loading1 {
    background-image: url(./../../../image/seat_loading1.gif) !important;
    background-repeat: no-repeat!important;
    padding-right: 10px!important;
    color: var(--white);
}

/* ================ Ticket Search result view page ===============*/

/*======================== Default Css Changes =======================*/
.datepicker .datepicker-switch {
    width: 180px!important;
    background-color: var(--logo-primary-color);
    color: var(--custom-white-color);
    padding: 5px!important;
}
.datepicker .datepicker-switch:hover {
    width: 180px!important;
    background-color: var(--logo-primary-color)!important;
    color: var(--custom-black-color)!important;
    padding: 5px!important;
}
.datepicker .next,
.datepicker .prev {
    cursor: pointer;
    /* border: 1px solid var(--logo-primary-color)!important; */

    border-radius: 20px!important;
    color: var(--logo-secondary-color)!important;
}
p {
    text-align: justify;
}
.title {
    text-align: center;
    font-family: sans-serif;
}

/*======================== Default Css Changes =======================*/

/*======================== Bus Schedule START  =======================*/
.icon-control {
    margin-top: 5px;
    float: right;
    font-size: 80%;
}
.bus-schedule-filters-bar {
    text-align: center;
    padding: 10px;
    font-weight: bold;
    background-color: var(--custom-white-color);
}
.bus-schedule-filters-bar-title {
    color: var(--custom-white-color);
    background-color: var(--logo-primary-color);
}
.bus-info-list-name {
    font-size: 14px;
    font-weight: bold;
}
.search-journey-name {
    text-align: center;
    font-size: 20px;
    padding: 10px;
}
.search-journey-date {
    text-align: center;
    font-size: 15px;
    padding: 5px;
}
.modify-search-btn {
    padding: 8px;
    cursor: pointer;
    color: var(--custom-white-color)!important;
    background-color: var(--logo-primary-color);
}

/*======================== Bus Schedule END  =======================*/

/*======================== Customer Counter START  =======================*/
.border-left-cus {
    border-left: 5px solid var(--logo-secondary-color);
}
@media (max-width:767px) {
    .border-left-cus {
        border-left: 5px solid transparent;
    }

    .border-top-cus {
        border-top: 5px solid var(--logo-primary-color);
        padding-bottom: 10px;
        padding-top: 10px;
    }
}
.counter {
    text-align: center;
    margin: 10px 10px;
}
.counter-count {
    font-size: 50px;
    font-weight: bold;
    position: relative;
    color: var(--logo-secondary-color);
    text-align: center;
    display: inline-block;
}

/*======================== Customer Counter END  =======================*/

/*======================== Seat Booking START  =======================*/
.custom-badge-primary-color {
    color: var(--custom-white-color);
    background: var(--logo-primary-color);
}
@media(max-width: 991px) {
    .seat-table-mobile {
        /* background-color:red; */
    }

    .seat {
        background-size: 40px 45px;
        height: 50px;
        width: 50px;
        font-weight: 800;
        cursor: pointer;
    }
}

/*======================== Seat Booking END  =======================*/

/* ============= Ticket Invoice START======================*/
.ticket-text-custom-size {
    font-size: 14px;
    text-align: left;
}
.border-box {
    border: 2px solid grey;
}
.border-box-left-right {
    border-left: 1px dotted black;
    border-right: 1px dotted black;
}
.ticket-text-custom-size-11 {
    font-size: 12px;
}
.add-new-custom-btn:hover,
.add-new-custom-btn:focus {
    box-shadow: 0 0.5em 0.5em -0.4em #383838;
    transform: translateY(-0.25em);
    color: whitesmoke;
}
.add-new-custom-btn {
    padding: 7px;
    color: whitesmoke;
    background: var(--logo-primary-color);
    cursor: pointer;
    margin-right: -10px!important;
    transition: 0.25s;
}
.print-new-custom-btn:hover,
.print-new-custom-btn:focus {
    box-shadow: 0 0.5em 0.5em -0.4em #383838;
    transform: translateY(-0.25em);
    color: whitesmoke;
}
.print-new-custom-btn {
    padding: 9px 9px;
    padding-right: 20px;
    padding-left: 20px;
    color: whitesmoke;
    background: #ff9900;
    cursor: pointer;
    margin-right: 10px!important;
    margin-left: 25px!important;
    transition: 0.25s;
    border: 0px transparent;
}

/* ============= Ticket Invoice END======================*/

/* ============= Ticket Error START======================*/
.ticket-error-custom-section {
    background-color: var(--custom-error-color);
    color: #fff;
    font-size: 100%;
    line-height: 1.5;
    margin-bottom: 100px;
    font-family: "Roboto", sans-serif;
}
.ticket-error-custom-title-details-text {
    font-size: 1.5em;
    text-align: center;
    font-weight: 100;
}
.ticket-error-custom-title-text {
    text-align: center;
    font-size: 10em;
    font-weight: 100;
    text-shadow: var(--custom-error-color) 1px 1px, var(--custom-error-color) 2px 2px, var(--custom-error-color) 3px 3px, var(--custom-error-color) 4px 4px, var(--custom-error-color) 5px 5px, var(--custom-error-color) 6px 6px, var(--custom-error-color) 7px 7px, var(--custom-error-color) 8px 8px, var(--custom-error-color) 9px 9px, var(--custom-error-color) 10px 10px, var(--custom-error-color) 11px 11px, var(--custom-error-color) 12px 12px, var(--custom-error-color) 13px 13px, var(--custom-error-color) 14px 14px, var(--custom-error-color) 15px 15px, var(--custom-error-color) 16px 16px, var(--custom-error-color) 17px 17px, var(--custom-error-color) 18px 18px, var(--custom-error-color) 19px 19px, var(--custom-error-color) 20px 20px, var(--custom-error-color) 21px 21px, var(--custom-error-color) 22px 22px, var(--custom-error-color) 23px 23px, var(--custom-error-color) 24px 24px, var(--custom-error-color) 25px 25px, var(--custom-error-color) 26px 26px, var(--custom-error-color) 27px 27px, var(--custom-error-color) 28px 28px, var(--custom-error-color) 29px 29px, var(--custom-error-color) 30px 30px, var(--custom-error-color) 31px 31px, var(--custom-error-color) 32px 32px, var(--custom-error-color) 33px 33px, var(--custom-error-color) 34px 34px, var(--custom-error-color) 35px 35px, var(--custom-error-color) 36px 36px, var(--custom-error-color) 37px 37px, var(--custom-error-color) 38px 38px, var(--custom-error-color) 39px 39px, var(--custom-error-color) 40px 40px, var(--custom-error-color) 41px 41px, var(--custom-error-color) 42px 42px, var(--custom-error-color) 43px 43px, var(--custom-error-color) 44px 44px, var(--custom-error-color) 45px 45px, var(--custom-error-color) 46px 46px, var(--custom-error-color) 47px 47px, var(--custom-error-color) 48px 48px, var(--custom-error-color) 49px 49px, var(--custom-error-color) 50px 50px, var(--custom-error-color) 51px 51px, var(--custom-error-color) 52px 52px, var(--custom-error-color) 53px 53px, var(--custom-error-color) 54px 54px, var(--custom-error-color) 55px 55px, var(--custom-error-color) 56px 56px, var(--custom-error-color) 57px 57px, var(--custom-error-color) 58px 58px, var(--custom-error-color) 59px 59px, var(--custom-error-color) 60px 60px, var(--custom-error-color) 61px 61px, var(--custom-error-color) 62px 62px, var(--custom-error-color) 63px 63px, var(--custom-error-color) 64px 64px, var(--custom-error-color) 65px 65px, var(--custom-error-color) 66px 66px, var(--custom-error-color) 67px 67px, var(--custom-error-color) 68px 68px, var(--custom-error-color) 69px 69px, var(--custom-error-color) 70px 70px, var(--custom-error-color) 71px 71px, var(--custom-error-color) 72px 72px, var(--custom-error-color) 73px 73px, var(--custom-error-color) 74px 74px, var(--custom-error-color) 75px 75px, var(--custom-error-color) 76px 76px, var(--custom-error-color) 77px 77px, var(--custom-error-color) 78px 78px, var(--custom-error-color) 79px 79px, var(--custom-error-color) 80px 80px, var(--custom-error-color) 81px 81px, var(--custom-error-color) 82px 82px, var(--custom-error-color) 83px 83px, var(--custom-error-color) 84px 84px, var(--custom-error-color) 85px 85px, var(--custom-error-color) 86px 86px, var(--custom-error-color) 87px 87px, var(--custom-error-color) 88px 88px, var(--custom-error-color) 89px 89px, var(--custom-error-color) 90px 90px, var(--custom-error-color) 91px 91px, var(--custom-error-color) 92px 92px, var(--custom-error-color) 93px 93px, var(--custom-error-color) 94px 94px, var(--custom-error-color) 95px 95px, var(--custom-error-color) 96px 96px, var(--custom-error-color) 97px 97px, var(--custom-error-color) 98px 98px, var(--custom-error-color) 99px 99px, var(--custom-error-color) 100px 100px, var(--custom-error-color) 101px 101px, var(--custom-error-color) 102px 102px, var(--custom-error-color) 103px 103px, var(--custom-error-color) 104px 104px, var(--custom-error-color) 105px 105px, var(--custom-error-color) 106px 106px, var(--custom-error-color) 107px 107px, var(--custom-error-color) 108px 108px, var(--custom-error-color) 109px 109px, var(--custom-error-color) 110px 110px, var(--custom-error-color) 111px 111px, var(--custom-error-color) 112px 112px, var(--custom-error-color) 113px 113px, var(--custom-error-color) 114px 114px, var(--custom-error-color) 115px 115px, var(--custom-error-color) 116px 116px, var(--custom-error-color) 117px 117px, var(--custom-error-color) 118px 118px, var(--custom-error-color) 119px 119px, var(--custom-error-color) 120px 120px, var(--custom-error-color) 121px 121px, var(--custom-error-color) 122px 122px, var(--custom-error-color) 123px 123px, var(--custom-error-color) 124px 124px, var(--custom-error-color)125px 125px, var(--custom-error-color) 126px 126px, var(--custom-error-color) 127px 127px, var(--custom-error-color) 128px 128px, var(--custom-error-color) 129px 129px, var(--custom-error-color) 130px 130px, var(--custom-error-color) 131px 131px, var(--custom-error-color) 132px 132px, var(--custom-error-color) 133px 133px, var(--custom-error-color) 134px 134px, var(--custom-error-color) 135px 135px, var(--custom-error-color) 136px 136px, var(--custom-error-color) 137px 137px, var(--custom-error-color) 138px 138px, var(--custom-error-color) 139px 139px, var(--custom-error-color) 140px 140px, var(--custom-error-color) 141px 141px, var(--custom-error-color) 142px 142px, var(--custom-error-color) 143px 143px, var(--custom-error-color) 144px 144px, var(--custom-error-color) 145px 145px, var(--custom-error-color) 146px 146px, var(--custom-error-color) 147px 147px, var(--custom-error-color) 148px 148px, var(--custom-error-color) 149px 149px, var(--custom-error-color) 150px 150px, var(--custom-error-color) 151px 151px, var(--custom-error-color) 152px 152px, var(--custom-error-color) 153px 153px, var(--custom-error-color) 154px 154px, var(--custom-error-color) 155px 155px, var(--custom-error-color) 156px 156px, var(--custom-error-color) 157px 157px, var(--custom-error-color) 158px 158px, var(--custom-error-color) 159px 159px, var(--custom-error-color) 160px 160px, var(--custom-error-color) 161px 161px, var(--custom-error-color) 162px 162px, var(--custom-error-color) 163px 163px, var(--custom-error-color) 164px 164px, var(--custom-error-color) 165px 165px, var(--custom-error-color) 166px 166px, var(--custom-error-color) 167px 167px, var(--custom-error-color) 168px 168px, var(--custom-error-color) 169px 169px, var(--custom-error-color) 170px 170px, var(--custom-error-color) 171px 171px, var(--custom-error-color) 172px 172px, var(--custom-error-color) 173px 173px, var(--custom-error-color) 174px 174px, var(--custom-error-color) 175px 175px, var(--custom-error-color) 176px 176px, var(--custom-error-color) 177px 177px, var(--custom-error-color) 178px 178px, var(--custom-error-color) 179px 179px, var(--custom-error-color) 180px 180px, var(--custom-error-color) 181px 181px, var(--custom-error-color) 182px 182px, var(--custom-error-color) 183px 183px, var(--custom-error-color) 184px 184px, var(--custom-error-color) 185px 185px, var(--custom-error-color) 186px 186px, var(--custom-error-color) 187px 187px, var(--custom-error-color) 188px 188px, var(--custom-error-color) 189px 189px, var(--custom-error-color) 190px 190px, var(--custom-error-color) 191px 191px, var(--custom-error-color) 192px 192px, var(--custom-error-color) 193px 193px, var(--custom-error-color) 194px 194px, var(--custom-error-color) 195px 195px, var(--custom-error-color) 196px 196px, var(--custom-error-color) 197px 197px, var(--custom-error-color) 198px 198px, var(--custom-error-color) 199px 199px, var(--custom-error-color) 200px 200px;
}

/* ============= Ticket Error END======================*/


.fare-title{
    background-color:var(--menu-background-color);
}

.fare-title-text {
    text-align: center;
    font-size: 16px;
    color: var(--logo-primary-color);
    font-weight: bold;
}



/* ============= Offer card START======================*/
.offer-card:hover {
    box-shadow: 0 0.2em 0.5em 0 var(--logo-secondary-color);
    cursor: pointer;
}

.offer-title{
    background-color:var(--logo-primary-color)
}

.offer-icon{
    color:var(--custom-white-color); 
    font-size:14px;
}

.offer-footer{
    background-color:var(--menu-background-color);
}

.offer-image {
    height: 150px;
    width: 100%;
}
.offer-image-text {
    padding: 10px 0px 0px 0px;
    font-size: 12px;
    text-align: left;
}
.offer-image-text-title {
    padding: 10px 0px 0px 0px;
    font-size: 15px;
    text-align: center;
    font-weight: bold;
}
.offer-image-text-footer {
    /* padding:-10px!important; */

    text-align: center;
    font-size: 12px;
    color: var(--logo-primary-color);
    font-weight: bold;
}

/* ============= Offer card END======================*/

.chosen-container-single .chosen-single div:after {
    background-size: 1.5rem 1.5rem;
}

.chosen-container-active.chosen-with-drop .chosen-single div:after {
    background-size: 1.5rem 1.5rem;
}

/* Styles for the drop-down. Feel free to change the styles to suit your website. */

.cb-dropdown-wrap {
    /* max-height: 80px; /* At most, around 3/4 visible items. */
    /*overflow-y: auto; */
    margin-top: 5px;

}

.cb-dropdown,
.cb-dropdown li {
    margin: 0;
    padding: 3px;
    list-style: none;
    border-bottom: 1px solid #dee2e6;
}

.cb-dropdown li label {
    display: block;
    position: relative;
    cursor: pointer;
}

.cb-dropdown li label>input {
    position: relative;
    right: 0;
    top: 0;
    width: 16px;
    margin-left: 11px;
}

.cb-dropdown li label>span {
    display: inline-block;
    margin-left: 3px;
    margin-right: 20px;
    /* At least, width of the checkbox. */
    font-family: sans-serif;
    font-size: 0.8em;
    font-weight: normal;
    text-align: left;
}



/*==========================*/