@media screen and (max-width: 1400px){
    .Npro_user_search_box{
        max-width: unset;
        width: calc(50% - 10px);
        margin-top: 10px;
    }

    .Npro_users_container_x1{
        height: calc(100vh - 250px);
    }

    #poluG{
        margin-top: 15px;
    }

    #poluG1{
        margin-top: 15px;
    }
}

@media screen and (max-width: 1300px){
    .Details-Container-content
    {
        padding:10px; 
        height:calc(100vh - 161px); 
    }
    .ContainerDetails{
        width: calc(25% - 10px);
        margin-left: 10px;
    }
    .HideTableColumn_1300{
        display: none !important;
    }

    .HideToolTip_1300{
        display: none !important;
    }

}

@media screen and (max-width: 1200px){
    .HideTableColumn_1200{
        display: none !important;
    }

    .nw_pro_mn_list_ct1{
        height: calc(100vh - 179px);
    }

    .RegistrationsDataContainer{
        height: calc(100vh - 238px);
    }

    .PriceListContainerData{
        height: calc(100vh - 238px);
    }

    .VehiclesWarehouseContainer_data
    {
        height: calc(100vh - 200px);
    }

    .PurchaseDataContainer{
        height: calc(100vh - 245px)
    }   

    .TransportsDataContainer{
        height: calc(100vh - 230px)
    }  

    .Shippings_Container_data{
        height: calc(100vh - 221px);
    }

    .Invoices_Container_data
    {
        height: calc(100vh - 276px);
    }
    
    .SaleDataContainer{
        height: calc(100vh - 235px);
    }

    .Container_MainContent{
        height: calc(100vh - 75px);
        margin-top: 75px;
        width: 100%;
    }
    .Container_MainMenu_Top{
        margin-top: 75px;
    }

    .Container_MainMenu_Bottom{
        margin-top: 75px;
        height: calc(100vh - 250px);
        margin-top: 25px;
        border-radius: 0px;
    }

    .Details-Container-content
    {
        padding:15px; 
        height:calc(100vh - 205px); 
    }

    .Clinets-Data-container{
        height: calc(100vh - 283px);
    }

    .ContainerDetails{
        height: calc(100vh - 75px);
        margin:0px;
        margin-top: 75px;
        position: fixed;
        width: 0px;
        visibility: hidden;
        float: none;
        z-index: 99;
        right: 0;
        transition: width 0.4s ease, visibility 0.3s ease;
    }

    .sidebar{
        width: 100%;
        height: 77px; 
        transition: none;
    }

    #toggleMenu{
        display: none;
    }

    .menu{
        background: var(--websitewhite);
        left: 0;
        position: fixed;
        height: 0px;
        width: 250px;
        min-width: 0px;
        transition: 0.55s ease;
        overflow-y: hidden;
    }

    .menu.MobileDevMenuOpen li a {
        opacity: 1;
    }

    .menu.MobileDevMenuOpen ul {
        visibility: visible;
    }

    .menu ul{
        visibility: hidden;
    }

    .menu li a{
        opacity: 0;
    }

    #bodycontentId{
        left: 0;
        width: 100%;
    }

    #MobileDeviceBTN{
        display: block;
    }

    .MobileDevMenuOpen{
        height: calc(100% - 60px);
        overflow-y: auto;
        min-width: 250px;
    }

    #ClientCloseContainer{
        display: block;
    }

    .ClientContainerDetailsClosed{
        min-width: 0px;
        width: 300px;
        visibility: visible;
    }

    .Menu-top-container
    {
        padding: 20px;
        padding-bottom: 0px;
    }

    .price_list_top_men_pd{
        padding-left: 20px;
        padding-right: 20px;
    }

}

@media screen and (max-width: 1000px)
{
    .HideTableColumn_1000{
        display: none !important;
    }
}

@media screen and (max-width: 970px){
    .WD_100_950{
        max-width: unset;
        width: 100%;
    }
    .Container_split_50_3{
        width: 20%;
    }
}

@media screen and (max-width: 950px){
    .HideTableColumn_950{
        display: none !important;
    }
}

@media screen and (max-width: 820px){

    .MenuBar-small-top_820{
        width: 100%;
        padding: 10px 8px;
    }

    .HideToolTip_820{
        display: none !important;
    }
    
    .MenuBar-small-bottom_820{
        width: 100%;
        padding: 0px;
    }

    .HideTableColumn_820{
        display: none !important;
    }

    .VehiclesWarehouseContainer_data
    {
        height: calc(100vh - 223px);
    }

    .PurchaseDataContainer{
        height: calc(100vh - 266px)
    }  

    .TransportsDataContainer{
        height: calc(100vh - 252px)
    }

    .BorderDiv_style_2{
        margin: 5px 0px;
    }

    .CNT_PR_WD
    {
        width: 100%;
    }

    .RegistrationsDataContainer{
        height: calc(100vh - 260px);
    }

    .report_data_disp_none{
        display: none;
    }

    .report_grid{
        grid-template-columns: 40% 60%;
    }

}

@media screen and (max-width: 720px){
    .HideTableColumn_720{
        display: none !important;
    }
}

@media screen and (max-width: 700px){
    .MenuBar-small-top_700{
        width: 100%;
        padding: 10px 8px;
    }
    .MenuBar-small-bottom_700{
        width: 100%;
        padding: 0px;
    }

    .SaleDataContainer
    {
        height: calc(100vh - 255px);
    }

    .price_list_table_blocked_column{
        /* position: unset !important; */
        left: unset !important;
        min-width: 100px !important;
    }
}

@media screen and (max-width: 650px){
    .MenuBar-small-top_650{
        width: 100%;
        padding: 20px 0px 10px 0px;
    }
    .MenuBar-small-bottom_650{
        width: 100%;
        padding: 0px 0px 0px 0px;
    }
    .Invoices_Container_data{
        height: calc(100vh - 306px);
    }
    .PriceListContainerData{
        height: calc(100vh - 269px);
    }
}

@media screen and (max-width: 620px){
    .menu{
        width: 100%;
    }

    .nw_pro_mn_list_ct1{
        height: calc(100vh - 168px);
    }

    .MobileDevMenuOpen{
        width: 100%;
    }
    .ClientContainerDetailsClosed{
        width: 100%;
    }
    
    .MenuBar-small-top{
        width: 100%;
        padding: 10px 8px;
    }

    .MenuBar-small-bottom{
        width: 100%;
        padding: 0px;
    }

    .Container_split_4
    {
        width: 100%;
    }

    .TabMenu{
        margin-top: 10px;
    }

    .Container_split_3 {
        width: 100%;
    }
    .Container_split_2 {
        width: 100%;
    }

    .Clinets-Data-container{
        height: calc(100vh - 293px);
    }

    .PurchaseDetailsContainer{
        padding: 5px 10px;
    }

    .Container_split_50_3{
        width: 50%;
    }

    .Container_split_5{
        width: 100%;
    }
    .Invoices_Container_data
    {
        height: calc(100vh - 295px);
    }

    .PriceListContainerData{
        height: calc(100vh - 259px);
    }
}

@media screen and (max-width: 600px) {

    .VehiclesWarehouseContainer_data
    {
        height: calc(100vh - 229px);
    }

    .MenuBar-small-top_600{
        width:100%;
        padding:20px 0px 10px 0px;
    }
    
    .MenuBar-small-bottom_600{
        width:100%;
        padding:0px 0px 5px 0px;
    }

    .float_left_600{
        float: right;
    }
    .dropbtn{
        display: none;
    }
    .dropdown2{
        display: block;
    }
    .dropdown2-content {
        display: block;
        position: initial;
    }

    .dropdown2-content a {
        color: black;
        padding: 3px 4px;
        text-decoration: none;
        display: block;
        font-size: 11px;
        float: left;
        border-radius: 3px;
        margin: 2px;
    }

    .PurchaseTableMinWidh{
        min-width: 270px;
    }

    .customtooltip:hover .customtooltiptext_style3 {
        visibility: hidden;
    }

    .TableStyle1 > thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .TableDataStyle:hover td{
        border-bottom:0px;
        border-top: 1px solid var(--websitegrey);
    }

    .TableDataStyle{
        display: block;
        border: 1px solid var(--websitegrey);
        border-radius: 4px;
        border-top: 0px;
        margin:10px;
        /* max-width: calc(100vw - 40px); */
    }
      
    .TableDataStyle > td {
        display: block;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        /* white-space: nowrap; */
    }
      
    .TableDataStyle > td::before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        color: var(--websitegrey2);
        font-size: 11px;
        padding-right: 6px;
    }

    .TableDataStyle > td > div{
        float: right;
    }

    .TableDataStyle > td .TableIcon{
        font-size: 23px;
    }

    .LeftSearchBar
    {
        max-width: 100%; 
        width: 100%;
        border-radius: 3px;
        border-right: 1px solid gainsboro;  
    }
    
    .MiddleSearchBar
    {
        margin-top:5px;
        max-width: 50%;
        width: 50%;
    }

    .RightSearchBar
    {
        max-width: 50%;
        width: 50%;
        margin-top: 5px;
    }

    .ShippingsTable td{
        font-size: 11px;
    }
    
    .Shippings_Container_data{
        height: calc(100vh - 258px);
    }

}

@media screen and (max-width: 520px){
    .BTN_details_520{
        margin-left: 0px;
        width: 100%;
        margin-bottom: 10px;
    }

    .BtnLogs_st1{
        margin: 0px;
        margin-top: 10px;
        width: 100%;
        max-width: unset;
    }
}

@media screen and (max-width: 500px){
    .PurchaseAddButton{
        width: 100%;
        float: left;
        margin-top: 10px;
    }

    .PriceListContainerData{
        height: calc(100vh - 269px);
    }

    .last_cell_priceListTable
    {
        float:right !important;
    }

    .tr_wrapping_priceList{
        white-space: nowrap;
        overflow-wrap: break-word;
    }

    .PurchaseDataContainer{
        height: calc(100vh - 297px)
    } 

    .RegistrationsDataContainer{
        height: calc(100vh - 291px);
    }

    .TransportsDataContainer{
        height: calc(100vh - 250px)
    }

    .SM-WD-100-500{
        width: 100%;
    } 
    .PurchaseDetailsContainer{
        padding: 5px 5px;
    }
    .DetailsTable {
        font-size: 12px;
    }

    .ShippingsTable thead{
        display: none;
    }

    .ShippingsTable_container_right_btns
    {
        float:right;
        width: 75px;
    }
    .ShippingsTable_container_icon
    {
        width: 35px;
    }
    .ShippingsTable_container_reciver
    {
        width: calc(100% - 35px);
        white-space: inherit !important;
    }
    .ShippingsTable_container_shippingNR
    {
        width: calc(100% - 75px);
        padding-left:15px !important;
    }

    .ShippingsTable td{
        display: block;
        float: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: 38.15px;
        font-size: 11px;
    }

    .nw_pro_pr_l_btn{
        display: block;
        width: 100%;
        text-align: center;
        margin: 0px;
        margin-bottom: 5px;
    }

    .price_list_table{
        height: calc(100vh - 170px) !important;
    }



    .price_list_table{
        font-size: 8px;
    }
}

@media screen and (max-width: 420px){
    
    .price_list_top_men_pd{
        padding-left: 10px;
        padding-right: 10px;
    }

    .nw_pro_mn_list_ct1{
        height: calc(100vh - 158px);
    }

    .PriceListContainerData{
        height: calc(100vh - 259px);
    }

    .Clinets-Data-container{
        height: calc(100vh - 283px);
    }

    .VehiclesWarehouseContainer_data
    {
        height: calc(100vh - 219px);
    }

    .DetailsTable {
        font-size: 11px;
    }

    .RegistrationsDataContainer{
        height: calc(100vh - 281px);
    }

    .HideButton_420{
        display: none;
    }
    
    .modal-body{
        padding: 2px 5px;
    }

    .SM-WD-100-420{
        width: 100%;
    }

    .Menu-top-container{
        padding: 10px;
        padding-bottom: 0px;
    }

    .TableDataStyle{
        /* max-width: calc(100vw - 20px); */
        min-width: 250px;
        margin: 0px;
        margin-bottom: 5px;
    }

    .PurchaseDataContainer{
        height: calc(100vh - 287px)
    }  

    .TransportsDataContainer{
        height: calc(100vh - 240px)
    }

    .SaleDataContainer{
        height: calc(100vh - 245px);
    }

    .Btn420_flP1{
        width: 100%;
        margin-bottom: 15px;
    }
    .Btn420_flP2{
        width: 50%;
    }
    .Btn420_flP3{
        width: calc(50% - 10px);
    }
    .PurchaseDetailsContainer{
        padding: 0px 0px;
    }
    #PurchaseDetailsContainerID{
        padding: 5px 10px;
    }

    .Btn_100_PrA{
        width: 100%;
        margin-bottom: 15px;
    }

    #FilesAddContainerID{
        padding: 0px 15px 20px 15px;
    }

    .Shippings_Container_data{
        height: calc(100vh - 248px);
    }

    .Invoices_Container_data
    {
        height: calc(100vh - 285px);
    }
}

@media screen and (max-width: 380px)
{
    #PurchaseWarehouse_SortingID
    {
        width: 145px;
    }
}

@media screen and (max-width: 330px)
{
    #PurchaseWarehouse_SortingID
    {
        width: 108px;
    }

    .Container_split_50_3{
        width: 100%;
    }
    #FilesAddContainerID{
        padding: 0px 5px 15px 5px;
    }

    .MiddleSearchBar
    {
        max-width: 100%;
        width: 100%;
        border: 1px solid gainsboro;
        border-radius: 3px;
    }

    .RightSearchBar
    {
        margin-top:5px;
        max-width: 100%;
        width: 100%;
        border-radius: 3px;
    }

    #SaleWarehouse_SortingID
    {
        width: 108px;
    }

    #Transports_SortingID
    {
        width: 108px;
    }

    .Shippings_Container_data{
        height: calc(100vh - 287px);
    }
}