@media only screen and (min-width: 980px) {
    body.menu-pin .page-container .page-content-wrapper .footer {
        left: 204px;
    }
}
@media (min-width: 1824px) {
    .menu-pin .container-fluid.container-fixed-lg
 {
        width: 100% !important; 
        padding-left: 0 !important;
    }
}
/* Default media query - Do not change and add new. If need, get confirmation from UI team ()*/
@media (max-width: 375px){
    .btn-cons {
        margin-right: 5px;
        min-width : 125px;
    }
}
@media (max-width: 450px){
   .abx-create-last-date-grp > div,
    .abx-create-last-date-grp span{
      font-size: 11px !important
   }
}
 .abx-border-b-1 {
        border-bottom:1px solid rgba(0, 0, 0, 0.13) !important;
    }
@media (max-width: 575.98px){
    .title_border{
        border-bottom: 1px solid #e5e5e5;
        padding-bottom: 12px;
    }
    .table_title {
        padding-bottom: 16px;
        margin-bottom: 8px;
        margin-top: 0;
    }
    .table_title.with-out-ttip-res{
        margin-bottom: 0px;
    }
    .report_main_content{
        margin-top: -25px;
    }
    .daterangepicker {
        height: 77vh;
        overflow: scroll;
    }
   
    .daterangepicker .drp-buttons {
        padding: 8px 5px !important;
    }
    .abx-border-xs-0 {
        border:none;
    }
    .abx-border-xs-b-0 {
        border-bottom:none;
    }
    .abx-border-xs-t-0 {
        border-top:none;
    }
    .abx-border-xs-l-0 {
        border-left:none;
    }
    .abx-border-xs-r-0 {
        border-right:none;
    }
    .abx-border-xs-block-0 {
        border-block:none;
    }
    .abx-border-xs-inline-0 {
        border-inline:none;
    }

    .abx-border-xs-1 {
        border:1px solid rgba(0, 0, 0, 0.13);
    }
    .abx-border-xs-b-1 {
        border-bottom:1px solid rgba(0, 0, 0, 0.13) !important;
    }
    .abx-border-xs-t-1 {
        border-top:1px solid rgba(0, 0, 0, 0.13);
    }
    .abx-border-xs-l-1 {
        border-left:1px solid rgba(0, 0, 0, 0.13);
    }
    .abx-border-xs-r-1 {
        border-right:1px solid rgba(0, 0, 0, 0.13);
    }
    .border-xs-block-1 {
        border-block:1px solid rgba(0, 0, 0, 0.13);
    }
    .abx-border-xs-inline-1 {
        border-inline:1px solid rgba(0, 0, 0, 0.13);
    }
    .checkbox_text{
        text-align: center;
    }
    #return{
        width:100%;
    }
    .abx-res-prof-dd:before,
       .abx-res-prof-dd:after{
           left: 16px;
           right: auto
    }
    .search-box-small{
        width:92% !important;
    }
    .tds_tax_show .tds-ddl, .tcs_tax_show .tcs-ddl {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 0 !important;
    }
    .tds_tax_show .tds-ddl .select2-container .select2-selection .select2-selection__rendered,
     .tcs_tax_show .tcs-ddl .select2-container .select2-selection .select2-selection__rendered {
        white-space: normal;
        line-height: 18px;
    }
   
    .login-as-group {
        height: auto;
    }
    .companies a.card {
        margin-bottom: 20px !important;
    }
    .invoice_bg{
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .task-filter-modal .modal-dialog {
        width:100%;
    }
    .opening-bal-rl-15 .col-12{
        padding-right: 15px !important;
        padding-left: 15px !important; 
    }    
   .abx-model-header .header_modal_icons button.close{
        border-right: 1px solid #dcdcdc !important;
    }
    #multiple_banking_details .remove_all_bank_detail_rec:nth-of-type(even){
        padding-right: 0 !important;
    }
    .card-header .meetbody,
    .card-header .notesbody,
    .card.card-transparent .card-body.callsbody{
        padding-left: 20px !important;
    }
    .timeline:before {
        left:
         7.4% !important;
    }
    .res-center-pagination{
        float: none !important;
        width: fit-content;
        margin: 5px auto 0 auto !important;
        text-align: center !important;
    }
}
@media (min-width: 576px) {
    #resizable {
        width: auto;
    }
    .abx-border-sm-0 {
        border:none;
    }
    .abx-border-sm-b-0 {
        border-bottom:none;
    }
    .abx-border-sm-t-0 {
        border-top:none;
    }
    .abx-border-sm-l-0 {
        border-left:none;
    }
    .abx-border-sm-r-0 {
        border-right:none;
    }
    .abx-border-sm-block-0 {
        border-block:none;
    }
    .abx-border-sm-inline-0 {
        border-inline:none;
    }

    .abx-border-sm-1 {
        border:1px solid rgba(0, 0, 0, 0.13);
    }
    .abx-border-sm-b-1 {
        border-bottom:1px solid rgba(0, 0, 0, 0.13) !important;
    }
    .abx-border-sm-t-1 {
        border-top:1px solid rgba(0, 0, 0, 0.13);
    }
    .abx-border-sm-l-1 {
        border-left:1px solid rgba(0, 0, 0, 0.13);
    }
    .abx-border-sm-r-1 {
        border-right:1px solid rgba(0, 0, 0, 0.13);
    }
    .border-sm-block-1 {
        border-block:1px solid rgba(0, 0, 0, 0.13);
    }
    .abx-border-sm-inline-1 {
        border-inline:1px solid rgba(0, 0, 0, 0.13);
    }    
     
}
@media (max-width: 767.98px){
    .modal .card-header button img, .modal .card-header a.header-icon img {
        display: block !important;
    }
    .gap_5{
        gap: 0px !important;
    }
    .gap_10{
        gap: 0px !important;
    }
    .gap_15{
        gap: 0px !important;
    }
    .gap_20{
        gap: 0px !important;
    }
    #employee_settings_popup_model .modal-dialog {
        width: 100% !important;
    }
    .abx-top-status .block {
        width: 100% !important;
        float: none !important;
        height: 50px;
    }
    .abx-nav-right {
        flex-direction: column-reverse;
    }
    .abx-nav-right .te_align {
        margin-bottom: 10px;
    }
    .abx-pr-0 {
        padding-right: 0 !important;
    }
    .abx-p-0 {
        padding:0 !important;
    }
    .abx-p-inline {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .abx-pl-0 {
        padding-left: 0 !important;
    }
    .abx-w-auto {
        width: auto !important;
    }
    .sheet_header_style{
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .title_button.abx-index-add-btn {
        padding: 8px 13px 8px 13px !important;
    }
    .more_options_btn.s_invoice_listing .dropdown-toggle.abx-index-add-more-btn{
        padding: 10px 10px 9px 10px !important;
    }
    .tax_set{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
     }
     .tax_set_checkbox{
        display: flex
     }
 
     .tax_rupee_width,.tcs-rupee-width{
        width:100%;
        max-width:unset !important;
     }
     .round_off{
        gap: 7px;
        border-bottom: 1px solid #cacaca;
        padding-bottom: 10px !important;
     }
     .collapse-menu-btn{
        display: none;
    }
    .media_screen_search{
        margin-top: 10px;
      }
      .payment_mode_bg {
        display: flex;
        flex-direction: column;
    }
    .add-edit-img-des{
        display:none;
    }
    #resizable .close{
        padding: 0 !important;
        margin: 0 !important;
        top: 9px !important;
        right: 20px !important;
      }
      .table_btn_center{
        text-align: center;
     }
     .w-sm-100,
    #search-table, #search-table2{
        width: 100% !important;
    }
    .card-header{
        display:flex;
        flex-wrap: wrap;
    }
    .modal.modal-settings-group .modal-dialog {
        width: 100% !important;
    }
    .discount_type_div {
        min-width: 100%;
        width:100%;
    }
    .login-as-group {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .companies a {
        width:100%;
    }
    .row.margin_top_heading{    
        height: auto !important;
    }
    .page-container .page-content-wrapper .content {
        margin-top: 0 !important;
    }
    .noRecordsFoundMsgForLists p {
    width: 90vw;
    white-space: normal !important;
    padding-top: 15px;
    }
    .abx-inline-controls .left-inline-control .form-group {
        border-bottom: 1px solid rgba(33, 33, 33, 0.14);
        border-right: none;
        border-radius: 2px 2px 0 0;
    }
    .abx-inline-controls  .right-inline-control .form-group {
        border-radius: 0 0 2px 2px;
    }
    #myChart{
        height: 200px !important;
        width: auto !important;
    }
    .title_border{
        border-bottom: 1px solid #e5e5e5;
        padding-bottom: 12px;
    }
    .crm-add-modal {
        width: 100% !important;
    }
    .lists_pagination_phonebook,
    .lists_pagination_manual,
    .lists_pagination{
        display: block !important;
        width: 100% !important;
    }
    .w-fit-sm-content {
        width: fit-content;
    }
    .abx-model-header .header_modal_icons .multibranchdropdown_section {
        width: 50%;
    }
    .abx-model-header .header_modal_icons{
        justify-content: end;
    }
     .note-toolbar.card-header {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }
    .tickets_pagination, .sales_tickets_pagination, .service_tickets_pagination, .general_tickets_pagination{
        padding: 5px 20px 5px 20px;
    }
    .abx-model-header .header_modal_icons button{
        width: 50px !important
    }

}

@media (min-width: 576px) and (max-width: 767px){
    .timeline:before{
        left: 5.4% !important;
    }
}
@media (min-width: 768px){
    #resizable {
        width: auto;
    }
    .abx-border-md-0 {
        border:none !important;
    }
    .abx-border-md-b-0 {
        border-bottom:none !important;
    }
    .abx-border-md-t-0 {
        border-top:none !important;
    }
    .abx-border-md-l-0 {
        border-left:none !important;
    }
    .abx-border-md-r-0 {
        border-right:none !important;
    }
    .abx-border-md-block-0 {
        border-block:none;
    }
    .abx-border-md-inline-0 {
        border-inline:none;
    }

    .abx-border-md-1 {
        border:1px solid rgba(0, 0, 0, 0.13);
    }
    .abx-border-md-b-1 {
        border-bottom:1px solid rgba(0, 0, 0, 0.13) !important;
    }
    .abx-border-md-t-1 {
        border-top:1px solid rgba(0, 0, 0, 0.13);
    }
    .abx-border-md-l-1 {
        border-left:1px solid rgba(0, 0, 0, 0.13);
    }
    .abx-border-md-r-1 {
        border-right:1px solid rgba(0, 0, 0, 0.13);
    }
    .border-md-block-1 {
        border-block:1px solid rgba(0, 0, 0, 0.13);
    }
    .abx-border-md-inline-1 {
        border-inline:1px solid rgba(0, 0, 0, 0.13);
    }
    #assetCheckOutModel .modal .modal-dialog {
        width: 480px !important;
    }
    .customer_drop_down_width_drop.party_th_count_4,.product_drop_down_width_edit_drop{
       width: 693px !important;
   }
    #assetCheckOutModel .modal .modal-dialog {
         width: 480px !important;
     }
     #assetCheckOutModel .modal .modal-dialog {
        width: 480px !important;
    }
    .abx-crm-modal-dialog {
       width:700px;
   }
   .addnew-form-group-search {
       width: 175px;
       overflow: visible !important;
   }
}
@media (max-width: 991.98px) {
    .resize_bg #resizable {
        width: 100% !important;
    }
    .abx-txt-editor-xs-md .note-toolbar.card-header {
        flex-direction: row !important;
        flex-wrap: wrap;
        border-bottom:1px solid #e0e0e0;
    }
    .abx-txt-editor-xs-md .note-editor.note-frame.card {
        margin-bottom: 10px;
    }
    .border-0.abx-border-grey-bottom {
        border-bottom: none !important;
    }
    div#tablefooter {
        height: auto !important;
    }
    .page-sidebar .sidebar-menu .menu-items>li ul.sub-menu>li {
        padding: 0 19px !important;
    }
    .login-as-company, .login-as-group{
        position: revert !important;
    }
    .logo-content{
        max-width: 100% !important;
        padding:0 !important;
        margin:0 !important;
    }
    .container_notes{
        width: 100% !important;  
        min-width: 50% !important;  
        max-width: 100% !important;  
    }
    .fixed-modal-footer button{
        min-width: 43px !important;
    }
    .fixed-modal-footer button span{
        display: none !important;
    }
    .fixed-modal-footer button span.hidden-block {
        display: block !important;
        position: relative !important;
        left: 0 !important;
    }
    .modal-dialog.modal-lg.crm-add-ticket{
        width: 100%;
    }
}
@media (min-width: 992px) {
    .abx-border-lg-0 {
        border:none;
    }
    .abx-border-lg-b-0 {
        border-bottom:none;
    }
    .abx-border-lg-t-0 {
        border-top:none;
    }
    .abx-border-lg-l-0 {
        border-left:none;
    }
    .abx-border-lg-r-0 {
        border-right:none;
    }
    .abx-border-lg-block-0 {
        border-block:none;
    }
    .abx-border-lg-inline-0 {
        border-inline:none;
    }

    .abx-border-lg-1 {
        border:1px solid rgba(0, 0, 0, 0.13) !important;
    }
    .abx-border-lg-b-1 {
        border-bottom:1px solid rgba(0, 0, 0, 0.13) !important;
    }
    .abx-border-lg-t-1 {
        border-top:1px solid rgba(0, 0, 0, 0.13) !important;
    }
    .abx-border-lg-l-1 {
        border-left:1px solid rgba(0, 0, 0, 0.13) !important;
    }
    .abx-border-lg-r-1 {
        border-right:1px solid rgba(0, 0, 0, 0.13) !important;
    }
    .border-lg-block-1 {
        border-block:1px solid rgba(0, 0, 0, 0.13) !important;
    }
    .abx-border-lg-inline-1 {
        border-inline:1px solid rgba(0, 0, 0, 0.13) !important;
    }
    .border-lg-0.abx-border-grey-bottom {
        border-bottom: none !important;
    }
    .border-lg-0.abx-border-grey-top {
        border-top: none !important;
    }
    html.rtl body.menu-pin .page-container .page-content-wrapper .content {
        padding-right: 140px;
        padding-left: 0px;
    }
    html.rtl body.menu-pin .page-sidebar {
        transform: translate(-210px, 0) !important;
        -webkit-transform: translate(-210px, 0) !important;
        -ms-transform: translate(210px, 0) !important;
        width: 210px;
    }
    html.rtl .header_border_none img:not(.header_border_none a img) {
        clip-path: inset(14% 72% 18% 3%);
        margin-left: 0px;
        transition: all 0.3s ease;
    }
    @keyframes slideInSidebar {
        from {
          transform: translate(0px, 0px);
        }
        to {
          transform: translate(210px, 0px);
        }
      }
      .page-sidebar {
        animation: slideInslideInSidebar 0.3s ease forwards !important;
      }
      .page-sidebar {
        transition: transform 0.3s ease !important;
      }
      .header_border_none{
        margin-top: -1px;
      }
      .header_border_none img:not(.header_border_none a img) {
        clip-path: inset(14% 72% 18% 3%);
        margin-left: 204px;
        transition: all 0.3s ease;
    }
    .header_border_none img.fixedbar:not(.header_border_none a img){
        clip-path: unset !important;
        margin-left: 0px !important;
    }
    .header_border_none.hasmenupin img:not(.header_border_none.hasmenupin a img){
        clip-path: unset;
        margin-left: 0px !important;
        transition: all 0.3s ease;
    }
    @keyframes customAnimation {
        0% {
        clip-path: inset(14% 72% 18% 3%);
        margin-left: 204px;
        }
        100% {
        clip-path: unset;
        margin-left: 30px;
        }
    }

     .header_border_none img.animate:not(.header_border_none a img.animate){
        animation: customAnimation 0.5s ease forwards;
    }
}
@media (max-width: 1199.98px){
    .mx-width-877{
        max-width: 751px !important;
        overflow-x: auto;
        /* overflow-y: hidden; */
    }
    .mx-width-877:has(> li:nth-child(6) ~ *) {
        max-width: 877px !important;
    }
    .mx-width-877::-webkit-scrollbar{
        height:0px !important;
    }
    .modal .card-header h2{
        font-size: 21px;
        line-height: 26px;
    }
    .tickets_fields .title_card h2{
        font-size: 20px;
    }
    .title_border img{
        width: 42px !important;
    }
}
@media (min-width: 1200px) {
    .abx-border-xl-0 {
        border:none;
    }
    .abx-border-xl-b-0 {
        border-bottom:none;
    }
    .abx-border-xl-t-0 {
        border-top:none;
    }
    .abx-border-xl-l-0 {
        border-left:none;
    }
    .abx-border-xl-r-0 {
        border-right:none;
    }
    .abx-border-xl-block-0 {
        border-block:none;
    }
    .abx-border-xl-inline-0 {
        border-inline:none;
    }
    .abx-border-xl-1 {
        border:1px solid rgba(0, 0, 0, 0.13) !important;
    }
    .abx-border-xl-b-1 {
        border-bottom:1px solid rgba(0, 0, 0, 0.13) !important;
    }
    .abx-border-xl-t-1 {
        border-top:1px solid rgba(0, 0, 0, 0.13) !important;
    }
    .abx-border-xl-l-1 {
        border-left:1px solid rgba(0, 0, 0, 0.13) !important;
    }
    .abx-border-xl-r-1 {
        border-right:1px solid rgba(0, 0, 0, 0.13) !important;
    }
    .border-xl-block-1 {
        border-block:1px solid rgba(0, 0, 0, 0.13) !important;
    }
    .abx-border-xl-inline-1 {
        border-inline:1px solid rgba(0, 0, 0, 0.13) !important;
    }
    .card-header.row.abx-border-grey-bottom {
        margin-left: 0;
        margin-right: 0;
    }
    .abx-open-bal-w-xxl{
        width: 270px !important;
        max-width: 270px !important;
    }
}
@media (max-width: 1399.98px) {
    .integration-card-group .card .card-body{
        display: inherit !important;
        
    }
}
@media (min-width: 1400px) {
    .abx-border-xxl-0 {
        border:none;
    }
    .abx-border-xxl-b-0 {
        border-bottom:none;
    }
    .abx-border-xxl-t-0 {
        border-top:none;
    }
    .abx-border-xxl-l-0 {
        border-left:none;
    }
    .abx-border-xxl-r-0 {
        border-right:none;
    }
    .abx-border-xxl-block-0 {
        border-block:none;
    }
    .abx-border-xxl-inline-0 {
        border-inline:none;
    }

    .abx-border-xxl-1 {
        border:1px solid rgba(0, 0, 0, 0.13) !important;
    }
    .abx-border-xxl-b-1 {
        border-bottom:1px solid rgba(0, 0, 0, 0.13) !important;
    }
    .abx-border-xxl-t-1 {
        border-top:1px solid rgba(0, 0, 0, 0.13) !important;
    }
    .abx-border-xxl-l-1 {
        border-left:1px solid rgba(0, 0, 0, 0.13) !important;
    }
    .abx-border-xxl-r-1 {
        border-right:1px solid rgba(0, 0, 0, 0.13) !important;
    }
    .border-xxl-block-1 {
        border-block:1px solid rgba(0, 0, 0, 0.13) !important;
    }
    .abx-border-xxl-inline-1 {
        border-inline:1px solid rgba(0, 0, 0, 0.13) !important;
    }
}
/* Default media query - Do not change and add new. If need, get confirmation from UI team*/

/*Custom Media Query*/
@media only screen and (max-width: 1600px) {
    .resize_bg #resizable {
        width: 100% !important;
    }
    .resize_bg #resizable table {
        width: 1500px !important;
        overflow-x: auto;
    }
}

@media screen and (min-width:998px) and (max-width:1300px) {
    .page-top-icon-opt-financial-year {
        width: 16px;
    }
}



@media only screen and (max-width:1024px){
    .sheet_width{
        width: auto !important;
    }
   
}
@media only screen and (min-width:1024px) and (max-width:1600px){
    .width-1000{
        width: 100% !important;

    }
    .width-1500{
        width: 100% !important;

    }
}
@media only screen and (min-width:1601px) and (max-width:2000px){
    .width-1000{
        width: 100% !important;

    }
    .width-1500{
        width: 100% !important;

    }
}
@media only screen and (min-width:1920px){
    .width-1000{
        width: 100% !important;
    }
    .width-1500{
        width: 100% !important;
    }
    .width-1900{
        width: 100% !important;
    }
}
 @media only screen and (min-width:1200px) and (max-width:1600px){
    .radiobox-ref-group-none{
      margin: 0 !important;
      justify-content: flex-start;
       row-gap: 2px ! IMPORTANT;
       column-gap: 14px !important;
      padding-left: 12px !important;
    }
}
 @media only screen and (min-width:1200px) and (max-width:1300px){
    .nav-tabs>li>a{
        padding: 12px 10px 13px 10px !important;
    }

 }
@media screen and (min-width:998px) and (max-width:1700px) {
    .balance-due-amount {        
        /* flex-wrap: wrap; */
        align-items: center;
    }
    #due_amount {
        font-size: 20px;
    }
}
@media screen and (min-width: 769px) and (max-width:1400px){
    .companies a{
        width: 40% !important;
    }
}
@media screen and (min-width:1200px) and (max-width:1499px) {
    .abx-inline-controls {
        flex-direction: column;
    }
    .abx-inline-controls .left-inline-control,.abx-inline-controls .right-inline-control {
        width:100%;
        max-width: 100%;
    }
    .abx-inline-controls .left-inline-control .form-group {
        border-right: 1px solid rgba(33, 33, 33, 0.14);
        border-bottom: none;
        border-radius: 2px 2px 0 0;
    }
    .abx-inline-controls  .right-inline-control .form-group {
        border-radius: 0 0 2px 2px;
      }
    .abx-inline-controls .left-inline-control .form-group.mb-3 {
        margin-bottom: 0 !important;
    }
}
@media only screen and (min-width:540px) and (max-width:767px) {
    .res-p-0-767-540-vendor-add-obt .col-12, 
    .res-p-0-767-540 .col-md-12,
    .res-rl-0-767-540 {
      padding-right: 0 !important;
      padding-left: 0 !important;
    }
}
@media only screen and (min-width: 540px) and (max-width: 575px) {
    .p-0-575-540 {
      padding-right: 0 !important;
      padding-left: 0 !important;
    }
    .pr-0-575-540{
        padding-right: 0 !important;
    }
}
@media only screen and (min-width: 1721px){
    .abx-res-prof-dd:before,
       .abx-res-prof-dd:after{
           left: 16px;
           right: auto
       }
}
@media only screen and (min-width: 1199px) and (max-width: 1720px){
       .abx-res-prof-dd{
           top: -53px;
       }
}
@media only screen and (max-width: 540px){
   .p-0-540-below {
      padding-right: 0 !important;
      padding-left: 0 !important;
    }
    .d-mob-content{
        display: contents !important;
    }
}