.filtertab{
    display:none;
}


@media (max-width: 575.98px) { 
    html body .nav-link.active {
        color: #fff !important;
    }
    .dropdown-mega-menu-lg
    {
        width: 100% !important;
    }
    .topnav
    {
        max-height: 100% !important;
    }
    .navbar-nav
    {
        margin-bottom: 135px;
    }
    .topnav .navbar-nav .nav-link:focus, .topnav .navbar-nav .nav-link:hover
    {
        background: #e0e0e0;
    }
    .topnav .dropdown .dropdown-menu
    {
        width: 100% !important;
    }
    .box_query_dashboard tr
    {
        display: grid;
        grid-template-columns: auto auto;
    }
    .col-lg-12 > .card > .card-body
    {
        padding: 0 !important;
        background: #f5f6f8;
        box-shadow: none !important;
        border: none ;
    }
    .col-lg-12 > .card
    {
        border: none;
        box-shadow: none;
    }
    .dataTables_info
    {
        text-align: center;
    }
    .dataTables_paginate
    {
        justify-content: center;
        display: flex;
        float: none !important;
        margin-top: 5px;
    }
    #regions_div svg 
    {
        width: 300px !important;
    }
    #total_sales canvas 
    {
        width: 300px !important;
    }
    .thead-light {z-index: 99;}
    .querynocls { margin-bottom: 10px; }
    .container-fluid > .row:last-child .card
    {
        margin-bottom: 50px;
    }

    .view-btn-dm {
        display: none !important;
    }
    .mobile-footer-btn
    {
        overflow-x: auto;
        display: flex !important;
    }
    .footer table 
    {
        font-size: 8px !important;
    }
    .footer i{
        font-size: 8px !important;
    }
    .mobile-footer-btn::-webkit-scrollbar {
            width: 10px;
            height: 4px;
        }

        .mobile-footer-btn::-webkit-scrollbar-track {
            background: #f1f1f1; 
            border-radius: 10px;
        }
        
        .mobile-footer-btn::-webkit-scrollbar-thumb {
            background: #888; 
            border-radius: 10px;
        }

        .mobile-footer-btn::-webkit-scrollbar-thumb:hover {
            background: #555; 
        }
        .view-btn-dm
        {
            display: table-cell;
        }

        #chatbot-toggler
        {
            right: 5px !important;
            bottom: 68px !important;
            width: 38px !important;
            height: 38px !important;
        }
        #chatbot-toggler span {
            font-size: 18px !important;
        }

        .footTitle
        {
            font-size: 9px !important;
        }

        .filterAccount tbody{
            display: flex;
            width: 240px;
            flex-direction: column-reverse;
        }

        .filterAccount tr
        {
            display: grid;
            grid-template-columns: 100%;
        }
        .filterAccount th{
            width: 100%;
        }

        .filterAccount .search-box{
            margin-left: 0 !important;
        }
        .fdquery-page .filterAccount  tr
        {
            display: grid;
            grid-template-columns: auto auto auto;
        }
        .filterAccount button, 
        .filterAccount .btn
        {
            width: 100% !important;
        }
        .page-title-box
		{
			padding-bottom: 7px;	
		}
        .hotelReservation .input-daterange
        {
            display: flex;
            flex-direction: column;
            /* gap: 10px; */
        }
        .hotelReservation .input-daterange input 
        {
            width: 100% !important;
        }
        .hotelReservation .search-box 
        {
            width: 100%;
        }
        .hotelReservation .select2-container
        {
            width: 100% !important;
            margin-bottom: 5px;
            /* margin-top: 10px; */
        }
        .hotelReservation .select2-selection{
            border-radius: 1px;
        }
        .hotelReservation .search-box .form-control{
            margin-bottom: 10px;
        } 
        .hotelReservation .col-md-12 
        {
            padding-right: 0;
        }
        .hotelReservation .search-box .position-relative input
        {
            width: 100% !important;
        }
        .hotelReservation .btn 
        {
            margin-bottom: 10px;
        }
        .visa-request input,
        .visa-request select,
        .visa-request .btn
        {
            margin-bottom: 10px !important;
            width: 100% !important;
        }
        .visa-request .search-box,
        .visa-request select
        {
            width: 100%;
        }
        .visa-request .search-box .form-control
        {
            border-radius: 1px;
            padding-left: 5px;
        }
        .tminvoice .search-box
        {
            width: 100% !important;
        }
        .tminvoice input,
        .tminvoice select
        {
            width: 100% !important; 
            margin-bottom: 10px;
        }
        .tminvoice .select2{
            width: 100% !important;
            margin-bottom: 10px;
        }
        .tminvoice .search-box
        {
            margin-top: 0 !important;
        }
        .tminvoice .search-box .btn 
        {
            margin-bottom: 10px;
            width: 100% !important;
            margin-left: 0 !important;
        }
        .tminvoice .col-md-12{
            padding-right: 0 !important;
        }
        .table .float-end
        {
            display: flex;
            gap: 5px;
            align-items: center;
        }
        

        .tmvoucher .search-box
        {
            width: 100% !important;
        }
        .tmvoucher input,
        .tmvoucher select
        {
            width: 100% !important; 
            margin-bottom: 10px;
        }
        .tmvoucher .select2{
            width: 100% !important;
            margin-bottom: 10px;
        }
        .tmvoucher .search-box
        {
            margin-top: 0 !important;
        }
        .tmvoucher .search-box .btn 
        {
            margin-bottom: 10px;
            width: 100% !important;
            margin-left: 0 !important;
        }
        .tmvoucher .col-md-12{
            padding-right: 0 !important;
        }
        .table .float-end
        {
            display: flex;
            gap: 5px;
            align-items: center;
        }
        .quotation_page table tr th:nth-child(2),
        .quotation_page table tr th:nth-child(3)
        {
            display: none;
        }
        
        .manualInvoice_page .search-box
        {
            width: 100% !important;
        }
        .manualInvoice_page input,
        .manualInvoice_page select
        {
            width: 100% !important; 
            margin-bottom: 10px;
            border: 1px solid #ced4da !important;
        }
        .manualInvoice_page .select2{
            width: 100% !important;
            margin-bottom: 10px;
        }
        .manualInvoice_page .search-box
        {
            margin-top: 0 !important;
        }
        .manualInvoice_page .search-box .btn 
        {
            margin-bottom: 10px;
            width: 100% !important;
            margin-left: 0 !important;
        }

        .manualInvoice_page .btn 
        {
            margin-left: 0 !important;
        }

        .manualInvoice_page .col-md-12{
            padding-right: 0 !important;
        }

        .self-salessl{
         min-height: 155px !important;
        }

.dropdown-menu-right{
        right: 0 !important;
    left: 0px !important;
}


        

 }

@media (max-width:769px) {
    .filterAccount
    {
        position: fixed;
        top: 0;
        left: 0;
        width: 275px;
        height: 100vh;
        overflow-y: auto;
        background: white;
        flex-direction: column;
        padding: 12px;
        margin-top: 0 !important;
        z-index: 9999;
        box-shadow: 0px 0px 10px -6px;
        left: -275px;
        transition: .5s ease-in-out;
    }
    .select2-container
    {
        width: 100% !important;
    }
    .overlaymain
    {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #00000069;
        z-index: 9;
    }
    .filtertab
    {
        background: #101010;
        width: 38px;
        height: 38px;
        align-items: center;
        justify-content: center;
        display: flex;
        position: fixed;
        bottom: 70px;
        left: 8px;
        z-index: 9999999;
        color: white;
        border-radius: 50px;
        box-shadow: 0px 0px 10px -10px;
    }
    .waves-respon{
        margin-bottom: 10px;
    }

.Zebra_DatePicker{
    z-index: 9999 !important;
}
.search-box .form-control{
        padding-left: 14px;
}
.semlocoum{
        padding-right: 101px !important;
}
.Zebra_DatePicker_Icon{
        left: 101px;

}
.form-inline{
    display: grid;
 
}
.manualInvoice_page select {
    margin-top: 5px;
}
.manualInvoice_page .search-box .btn{
    margin-top:10px;
}

.namequerylist{    margin-bottom: 15px;         margin-top: 15px;}
.slower{    font-size: 22px;}
.changeBgColor{    margin-bottom: 25px !important;}
.nav-tabs-custom .nav-item .nav-link.active{
        text-align: left !important;
    padding-left: 5px;
}
.slovernot{    display: grid !important;    grid-template-columns: auto auto;

}
.nav-tabs-custom .nav-item .nav-link{
           text-align: left !important;
                   padding-left: 5px;
}
.identifyyy{    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;}
    .boxinhnh{margin: 10px 0px;}
    .slolooe{  display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;

    }
    .borderre{
 border: 1px solid #c4c4c4;
    padding: 3px;
    }
    .slolooe1{ display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;margin-bottom: 15px;margin-top: 10px;  border:none !important;}
}
 

@media (max-width: 767.98px) { 
 }

@media (max-width: 991.98px) {
 }

@media (max-width: 1199.98px) {
 }

@media (max-width: 1399.98px) {
 }