/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Sep 3, 2023, 10:10:54 AM
    Author     : asgar
*/

.travelDateFromTo{
    color: red; 
    font-size: 14px; 
    text-shadow: none;
}

.selectedFilterList{
    float: right;
}

@media only screen and (max-width: 600px) {
    .small-view-search, .travel-info, .filterSearch, .selectedWithPagination, .btn-cbooking, .passenger_details{
        background: #5b4ea4;
    }
    .filterSearch{
        margin-top: -1.5rem;
    }
    .selectedWithPagination{
        display: flex;
        justify-content: space-between;
    }

    .btn-search{
        background: #5b4ea4;
        border: 1px solid white;
        -webkit-appearance: none;
    }
    .navbar-fixed-bottom{
        display: none;
    }
    .selectedFilterList{
        display: flex;
        flex-direction: column;
        align-items: start;
    }
    .container-search{
        margin-top: 1rem !important;
    }
    .passenger_details{
        margin-top: 0!important;
        padding:.2rem !important;
    }
    .travel_details{
        margin-top: -1.5rem !important;
    }
    .passenger_num img{
        filter:invert(1);
    }
    .passenger_seat{
        margin-bottom: 1rem;
    }
    .selectedPaymentGateway{
        margin-bottom: 1rem;
    }
    /*    #mainForm1 .container{
            background: #5b4ea4;
            color: white;
        }*/
    .travelDateFromTo{
        color: white;
        font-style: italic;
    }
    #mainForm1 .container a, #mainForm1 .container p, #mainForm1 .container span, .filterSearch label, .selectedWithPagination li, .passenger_details, .passenger_details input, .passenger_details label, .passenger_details input, .passenger_details p{
        color: white;
        box-shadow: none;
        text-shadow: none;
    }
    .btn-group > a{
        /*        color: #5b4ea4 !important;
        */        font-weight: 600;
        margin-top: 1rem;
        float: right;
    }
    .travel-info{
        padding: 5px 30px 5px 0 !important;
    }
    .busType{
        padding-left: 1.7rem !important;
    }
    .filterSearch, .selectedWithPagination{
        border-radius: 5px;
        padding: .5rem !important;
    }
    .filterSearch input, .passenger_details input{
        color: #5b4ea4 !important;
        box-shadow: none;
        text-shadow: none;
    }
    ::-webkit-input-placeholder { /* Edge */
        color: #5b4ea4 !important;
    }

    :-ms-input-placeholder { /* Internet Explorer */
        color: #5b4ea4 !important;
    }

    ::placeholder {
        color: #5b4ea4 !important;
    }

    .ui-selectonemenu-panel .ui-selectonemenu-list-item, .ui-selectonemenu label.ui-selectonemenu-label{
        color: #5b4ea4 !important;
    }
    .ui-selectonemenu-panel .ui-state-highlight {
        color: white !important;
        background: #5b4ea4 !important;
    }
    hr{
        background: white
    }
    .passenger_details select, .passenger_details select:focus{
        color: white !important;
        background: #5b4ea4 !important;
        font-size: 14px !important;
    }
    .passenger_seat{
        background: #5b4ea4 !important;
        border: 1px solid white;
        border-radius: 5px;
    }
    .passenger_seat span{
        color: white;
        margin-bottom: .2rem !important;
    }
    .selectedFilterList{
        display: flex;
        flex-direction: column;
        align-items: start;
        float: none;
    }
    .selectedFilterList li:last-child{
        margin-left: auto;
        /*float: right;*/
    }
    .passenger_seat.go_back input, .transparent_btn a, .detail_table td{
        color: white !important;
    }
    .transparent_btn{
        background: #1B60C1;
        /*border:1px solid white;*/
        border-radius: 5px;
    }
    .time_remaining{
        margin: 0 !important;
    }
    img.paymentImage  {
        width:  150px;
        object-fit: cover;
        margin: 0 !important;
        border-radius: 5px !important;
        background: white !important;
    }
    .mobileNumber > .ui-selectonemenu{
        background: white;
    }
}