@media (max-width: 1300px) {

    /* .societe_list_table table.societe td.width400 {
        width: auto!important;
    } */
    .societe_list_table table.societe span.col-name {
        width: 100%;
        display: inline-block;
    }
}

@media only screen and (max-width: 1200px) {
    .scroll_mobile_table {
        overflow-x: auto;
    }

    .btn_resellay_close {
        display: block !important;
        z-index: 1;
    }

    div.login_block.usedropdown {
        min-width: 250px;
    }

    #myModalAddTaskCustom .position .ui-datepicker-trigger {
        right: auto;
        left: 0px;
        padding: 0;
    }

    #myModalAddTaskCustom .divfordateinput {
        display: flex;
        align-items: center;
    }

    #myModalAddTaskCustom .hasDatepicker {
        margin-left: 20px !important;
        width: calc((100% - 20px));
        padding-left: 5px !important;
    }

    #myModalAddTaskCustom #starthour,
    #myModalAddTaskCustom #endhour {
        width: calc((100% - 20px - 4.44px) / 2);
    }

    #myModalAddTaskCustom #startmin,
    #myModalAddTaskCustom #endmin {
        width: calc((100% - 20px - 4.44px) / 2);
    }

    #myModalAddTaskCustom #description_custom {
        box-sizing: border-box;
    }

    #myModalAddTaskCustom table.reponsive_table {
        padding: 1px 3px 1px 3px !important;
    }

    .side-nav {
        z-index: 201 !important;
    }

    .footer .footer-right {
        display: block;
        width: 100%;
        text-align: -webkit-center;
    }

    .warehouse_list table.tagtable tr.oddeven td:first-child {
        display: flex;
        align-items: center;
    }

    .warehouse_list table.tagtable tr.oddeven td:first-child>a {
        display: flex;
        align-items: center;
    }

    .warehouse_list table.tagtable tr.oddeven td {
        height: 40px;
    }

    form#addproduct table#tablelines td.linecoldescription span.prod_entry_mode_predef {
        display: block;
        height: auto !important;
    }
}

@media only screen and (max-width: 1050px) {
    #divmapview .column90 {
        width: 89% !important;
    }

    #divmapview .column5 {
        width: 11% !important;
    }

    .tabBar #c-map #divmapview .word-map {
        display: flex;
        justify-content: center;
        width: 100% !important;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }
}

#chat_popup.collapse_popup .panel-default {
    border-color: transparent !important;
    box-shadow: unset !important;
    width: 50px;
    height: 44px
}

#chat_popup.collapse_popup .panel {
    background-color: transparent !important;
    box-shadow: unset !important;
    padding: 5px;
}

#chat_popup.collapse_popup .panel-default>.panel-heading {
    border-radius: 50%;
    padding: 5px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 1027px) {

    .incoterm_mobile_lead_cus #incoterm_id {
        width: 100% !important;
    }

    input#location_incoterms {
        box-sizing: border-box;
        width: 100% !important;
    }

    #incoterm_id.width50p {
        width: 100% !important;
    }
}

@media only screen and (max-width: 959px) and (orientation : landscape) {
    #chat_popup.collapse_popup .panel-default {
        border-color: transparent !important;
        box-shadow: unset !important;
        width: 50px;
        height: 59px;
    }

    .footer .footer-right {
        display: block;
        width: 100%;
        text-align: -webkit-center;
    }

    #addproduct .tabBar .object_line {
        overflow-x: scroll;
    }

    .tab_content_lead_customer #country_code~.select2.select2-container.select2-container--default .select2-selection.select2-selection--single {
        height: 30px !important;
    }

    .tab_content_lead_customer #phone {
        margin: 0;
    }

    #ci.tabcontent .reponsive_table #country_code~.select2.select2-container.select2-container--default .select2-selection.select2-selection--single {
        height: 30px !important;
    }

    #ci.tabcontent .reponsive_table #phone {
        margin: 0;
    }

    .mobile_landscape_scroll_table {
        overflow-x: scroll;
    }

    .mobile_landscape_scroll_table .tableforfield>tbody>tr>td:nth-child(2) {
        word-break: normal;
    }

    .mobile_landscape_scroll_table span.select2.select2-container.select2-container--default {
        width: 100% !important;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1119px) {
    .breadCrumbs.tabindex.cssLoadSearch.add_new_service_tab ul li.tmenu.menu-dashboard {
        width: auto !important;
        padding: 8px 16px 8px 16px !important;
        box-sizing: border-box;
        border-top-right-radius: 15px !important;
        border-top-left-radius: 15px !important;
    }

    table.tableforfield.centpercent.stocktake_card>tbody>tr>td:nth-child(2) {
        word-break: normal;
    }

    table.tableforfield.centpercent.stocktake_card span.select2.select2-container.select2-container--default {
        width: 100% !important;
    }

    .footer .footer-right {
        display: block;
        width: 100%;
        text-align: -webkit-center;
    }
}

.tab-view-mobile {
    display: none;
}

.tab-view-desktop {
    display: block;
}

@media only screen and (max-width: 967px) {
    .tab-view-mobile {
        display: block;
        margin-bottom: 42px;
        border: 1px solid #a6a6a6;
        padding: 12px;
        border-radius: 15px
    }

    .tab-view-desktop {
        display: none !important;
    }
}

@media only screen and (max-width: 767px) {
    .tabs_data_mobile {
        padding: 5px;
    }

    .tmenu .dropdown-menu,
    .login_block .dropdown-menu .user-body {
        max-height: 50vh;
        overflow-y: scroll;
    }

    .societe .tdoverflowmax200 a {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
    }

    .tab .tab-btn.tab-category.active {
        width: 100% !important;
    }

    .tab .tab-btn.tab-edit-category.active {
        width: 100% !important;
    }

    #ci.tab-content-category {
        overflow-y: scroll;
    }

    .lead-propal-list .tdoverflowmax200.societe a {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
    }

    .breadCrumbs.prf_custom .tmenu .tmenu.menu-dashboard {
        text-align: left;
        display: block;
        float: none;
        padding-left: 15px !important;
        padding-right: 15px !important;
        width: auto !important;
    }

    .div-table-responsive.sale_commision {
        overflow-x: scroll;
    }

    .breadCrumbs.return_sale .tmenu .tmenu.menu-dashboard {
        text-align: left;
        display: block;
        float: none;
        padding-left: 15px !important;
        padding-right: 15px !important;
        width: auto !important;
    }

    .table_expedition_list .oddeven.padding-tr-list .tdoverflowmax150.td_customer a {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
    }

    .comm_propal_list .oddeven.padding-tr-list .tdoverflowmax200 a {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
    }

    .commande_list .oddeven.padding-tr-list .width250.tdoverflowmax250 a {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
    }

    .breadCrumbs.new_opportunity .tmenu .tmenu.menu-dashboard {
        text-align: left;
        display: block;
        float: none;
        padding-left: 15px !important;
        padding-right: 15px !important;
        width: auto !important;
    }

    .custom_opport_report div.tabs.nopaddingleft {
        display: flex;
        flex-direction: column;
    }

    .custom_opport_report div.tabBar.tabBarWithBottom {
        padding: 0;
        margin: 0;
    }

    .custom_opport_report #myModal_Daterange.modal {
        background: none;
    }

    .div-table-responsive-no-min::-webkit-scrollbar {
        display: block !important;
    }

    .custom_return_sale .fichecenter .fichehalfleft {
        overflow-x: auto;
    }

    .custom_return_sale #tablelines.reponsive_table_propal tbody tr td {
        width: 50% !important;
    }

    .btn_resellay_close {
        display: block !important;
        z-index: 1;
    }

    .side-nav {
        max-height: 86vh;
        overflow-y: auto;
        position: fixed;
    }

    .liste_titre_custom .card-body ul {
        flex-wrap: nowrap;
        flex-direction: column;
    }

    .liste_titre_custom .card-body ul li.nav-item {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .liste_titre_custom .card-body ul li.nav-item.search_filter {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .liste_titre_custom .card-body ul li.nav-item.search_filter button {
        transform: scale(1.3);
    }

    .liste_titre_custom .card-body ul li.nav-item .select2-container {
        width: 100% !important;
    }

    .login_block_other {
        position: absolute;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-25%, -50%) !important;
    }

    .login_block_user {
        text-align: left !important;
        left: 10% !important;
        top: 25% !important;
        position: absolute;
    }

    .login_block_user .block_user_mobile {
        width: 100%;
        margin: 0 auto;
        text-align: center;
        display: flex;
    }

    .login_block_user .userimg.atoplogin img.userphoto {
        width: 38px !important;
        height: 38px !important;
        display: none;
    }

    .hidden-deks-w {
        display: inline-block !important;
    }

    #topmenu-login-dropdown {
        padding: 0 4px 0 4px !important;
    }

    #id-top div.login_block {
        padding-bottom: 0px;
        padding-top: 0px;
        padding-right: 0;
    }

    div.login_block.usedropdown {
        min-width: 244px;
    }

    #id-top div.show-right-down {
        display: block;
        z-index: 99999999999;
        padding: 0 !important;
        background: #fff;
        left: unset !important;
        right: 0 !important;
        min-width: 80%;
        height: auto !important;
    }

    #id-top div.show-right-down .login_block_user {
        text-align: left !important;
        left: 0% !important;
        top: 25% !important;
        position: absolute;
    }

    #id-top div.show-right-down .block_user_mobile {
        display: inline-block;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        padding: 0;
    }

    #id-top div.show-right-down .block_user_mobile .login_block_elem {
        float: unset;
    }

    #addproduct .tabBar .object_line {
        overflow-x: scroll;
    }

    .custom_return_sale {
        overflow-y: scroll;
        position: relative;
    }

    .custom_return_sale div.reponsive_tables {
        width: calc(100% - 30px);
    }

    .border-tabbar.mb-border-tabbar div.secondcolumn-dashboard div.box {
        overflow-x: scroll;
    }

    .border-tabbar.mb-border-tabbar div.firstcolumn-dashboard div.box {
        overflow-x: scroll;
    }

    .search_mobile_box {
        width: 100% !important;
        margin-bottom: 10px;
    }

    .search_mobile_box .ajaxsearch_chat {
        width: 100% !important;
    }

    .search_mobile_box .ajaxsearch_chat input#ajaxlivesearchsrchfield {
        width: 100% !important;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        padding: 7px 12px 7px 12px;
        margin-bottom: unset;
    }

    .responsive-tabs.nav-tabs {
        position: relative;
        /* z-index: 1000; */
        z-index: 199;
        height: 40px;
        overflow: visible;
        margin: 0;
        margin-bottom: 2rem;
        margin-top: 1.5rem;
        display: block !important;
    }

    .promotion-tabs.nav-tabs {
        position: relative;
        /* z-index: 1000; */
        z-index: 199;
        height: 40px;
        overflow: visible;
        margin: 0;
        margin-bottom: 2rem;
        margin-top: 1.5rem;
        display: block !important;
    }

    .responsive-sub-tabs.nav-sub-tabs {
        position: relative;
        /* z-index: 1000; */
        z-index: 199;
        height: 40px;
        overflow: visible;
        margin: 0;
        margin-bottom: 5px;
        margin-top: 5px;
        display: block !important;
    }

    .nav-tabs {
        border-bottom: none;
    }

    .nav {
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
    }

    .responsive-tabs.nav-tabs.open>li,
    .promotion-tabs.nav-tabs.open>li,
    .responsive-sub-tabs.nav-sub-tabs.open>li {
        display: block;
    }

    .responsive-tabs.nav-tabs>li,
    .promotion-tabs.nav-tabs>li,
    .responsive-sub-tabs.nav-sub-tabs>li {
        display: none;
        float: none;
        text-align: center;
    }

    .responsive-tabs.nav-tabs>li>a,
    .promotion-tabs.nav-tabs>li>a,
    .responsive-sub-tabs.nav-sub-tabs>li>a {
        margin-right: 0;
        background: #fff;
        border: 1px solid #DDDDDD;
        text-decoration: none;
    }

    .nav>li>a {
        position: relative;
        display: block;
        padding: 10px 15px;
    }

    .responsive-tabs.nav-tabs.open>li:last-of-type a,
    .promotion-tabs.nav-tabs.open>li:last-of-type a,
    .responsive-sub-tabs.nav-sub-tabs.open>li:last-of-type a {
        border-radius: 0 0 15px 15px;
    }

    .responsive-tabs.nav-tabs>li.active,
    .promotion-tabs.nav-tabs>li.active,
    .responsive-sub-tabs.nav-sub-tabs>li.active {
        display: block;
    }

    .responsive-tabs.nav-tabs.open>li:first-of-type a,
    .promotion-tabs.nav-tabs.open>li:first-of-type a,
    .responsive-sub-tabs.nav-sub-tabs.open>li:first-of-type a {
        border-radius: 15px 15px 0 0;
    }

    .responsive-tabs.nav-tabs>li.active a,
    .promotion-tabs.nav-tabs>li.active a,
    .responsive-sub-tabs.nav-sub-tabs>li.active a {
        border: 1px solid #DDDDDD;
        border-radius: 15px;
    }

    .responsive-tabs.nav-tabs.open>li.active a,
    .promotion-tabs.nav-tabs.open>li.active a,
    .responsive-sub-tabs.nav-sub-tabs.open>li.active a {
        border-radius: unset;
    }

    .responsive-tabs.nav-tabs.open>li.active:first-of-type a,
    .promotion-tabs.nav-tabs.open>li.active:first-of-type a,
    .responsive-sub-tabs.nav-sub-tabs.open>li.active:first-of-type a {
        border-radius: 15px 15px 0 0;
    }

    .responsive-tabs.nav-tabs.open>li.active:last-of-type a,
    .promotion-tabs.nav-tabs.open>li.active:last-of-type a,
    .responsive-sub-tabs.nav-sub-tabs.open>li.active:last-of-type a {
        border-radius: 0 0 15px 15px;
    }

    .responsive-tabs.nav-tabs i.fa,
    .promotion-tabs.nav-tabs i.fa,
    .responsive-sub-tabs.nav-sub-tabs i.fa {
        position: absolute;
        top: 14px;
        right: 22px;
    }

    .responsive-tabs.nav-tabs i.fa.fa-angle-up,
    .promotion-tabs.nav-tabs i.fa.fa-angle-up,
    .responsive-sub-tabs.nav-sub-tabs i.fa.fa-angle-up {
        display: none;
    }

    .responsive-tabs.nav-tabs i.fa.fa-angle-down,
    .promotion-tabs.nav-tabs i.fa.fa-angle-down,
    .responsive-sub-tabs.nav-sub-tabs i.fa.fa-angle-down {
        display: block;
    }

    .responsive-tabs.nav-tabs.open i.fa.fa-angle-down,
    .promotion-tabs.nav-tabs.open i.fa.fa-angle-down,
    .responsive-sub-tabs.nav-sub-tabs.open i.fa.fa-angle-down {
        display: none;
    }

    .responsive-tabs.nav-tabs.open i.fa.fa-angle-up,
    .promotion-tabs.nav-tabs.open i.fa.fa-angle-up,
    .responsive-sub-tabs.nav-sub-tabs.open i.fa.fa-angle-up {
        display: block;
    }

    .tab_hide_mobile {
        display: none !important;
    }

    .id_container_mobile {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        height: calc(100% + 80px);
        width: 100%;
        /* z-index: 999; */
        z-index: 198;
    }

    .id_container_sub_mobile {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        height: calc(100% + 80px);
        width: 100%;
        /* z-index: 999; */
        z-index: 198;
    }

    .ajaxsearch_chat .ajaxlivesearchshowresult,
    .ajjax_searcs .ajaxlivesearchshowresult {
        transform: translate(2.5%, -10%);
        overflow-x: scroll;
        left: 0;
        width: 95% !important;
    }

    .ajjax_searcs .td-ajaxlivesearch {
        width: 100% !important;
        margin-bottom: 20px !important;
    }

    .ajjax_searcs .td-ajaxlivesearch input#ajaxlivesearchsrchfield {
        width: 100% !important;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    .side-nav {
        /* z-index: 1001!important; */
    }

    .border-tabbar-db #addbox span.select2.select2-container.select2-container--default {
        width: 100%;
        display: table;
        table-layout: fixed;
    }



    #chat_popup.collapse_popup .panel {
        background-color: transparent !important;
        box-shadow: unset !important;
        padding: 5px;
    }

    #chat_popup.collapse_popup .panel-default>.panel-heading {
        border-radius: 50%;
        padding: 5px;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #chat_popup.collapse_popup .panel-default>.panel-heading #chat_popup_title {
        font-size: 0;
    }

    #chat_popup.collapse_popup .panel-default>.panel-heading img.align-middle {
        width: 24px;
        height: 24px;
    }

    .mb-w100 #c-map .view-map .column40,
    .mb-w100 #c-calendar .view-calendar .column40,
    .mb-w100 #c-sales .row-sales .column40 {
        margin-top: 20px !important;
    }

    .fc .fc-toolbar.fc-header-toolbar {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .fc .fc-toolbar .fc-toolbar-chunk:nth-child(1) {
        width: 50%;
        order: 1;
    }

    .fc .fc-toolbar .fc-toolbar-chunk:nth-child(2) {
        width: 100%;
        order: 3;
        display: flex;
        justify-content: center;
        margin-top: 1rem;
    }

    .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) {
        width: 50%;
        order: 2;
        display: flex;
        justify-content: flex-end;
    }

    .incoterm_mobile_supplier #incoterm_id {
        width: 100% !important;
    }

    .incoterm_mobile_supplier #location_incoterms {
        padding: 4px 0 4px 0 !important;
    }

    .tab_content_lead_customer .societe_extras_Customer_Tier .select2-container--default .select2-selection--single {
        width: 100%;
        max-width: unset;
    }

    .incoterm_mobile_lead_cus #location_incoterms {
        padding: 4px 0 4px 0 !important;
    }

    .tab_content_lead_customer .societe_extras_NRIC__Last_4_Characters_ input {
        width: 100%;
        max-width: unset;
    }

    #id-left .blockvmenu #google_translate_element_mb .skiptranslate.goog-te-gadget {
        font-size: 0;
    }

    #id-left .blockvmenu #google_translate_element_mb .skiptranslate.goog-te-gadget span {
        display: none;
    }

    #id-left .blockvmenu #google_translate_element_mb select.goog-te-combo {
        font-family: "Century Gothic";
        font-size: 16px;
        font-weight: bold;
        width: 100%;
    }

    .logomoney-container {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        height: 100%;
        width: 100%;
        z-index: 200;
    }

    .custom_opport_report td.vresponsive button.ml0 {
        margin-left: 5px !important;
    }

    form.form_view_oppo .breadCrumbs.tabindex .tmenu.menu-dashboard {
        width: 100% !important;
        box-sizing: border-box;
    }

    form.form_view_oppo input.phone_add {
        height: 30px;
        border-bottom: solid 1px var(--inputbordercolor);
    }

    form.form_view_oppo div.tabBar.border-tabbar {
        margin-top: -5px;
    }

    form.form_view_oppo div.tabBar.border-tabbar fieldset.rating {
        padding-top: 0;
    }

    .breadCrumbs.tabindex.tabmobile.cssLoadSearch #search_tab_dasb~.select2.select2-container.select2-container--default {
        border-bottom: unset !important;
    }

    .breadCrumbs.tabindex.tabmobile.cssLoadSearch #search_tab_dasb~.select2.select2-container--focus span.select2-selection.select2-selection--single {
        border-bottom: unset !important;
    }

    .new_quota_step1 h4.rq {
        margin-top: 0;
    }

    .new_quota_step1 .maxwidthonsmartphone.incoterm_line {
        max-width: 100% !important;
    }

    .new_quota_step1 .maxwidthonsmartphone.incoterm_line #incoterm_id {
        width: 100% !important;
    }

    .new_quota_step1 .maxwidthonsmartphone.incoterm_line #location_incoterms {
        box-sizing: border-box;
    }

    .new_quota_step1 #myModal_Add_Lead.modal.fade {
        top: 11vh;
        height: 89vh;
    }

    .new_quota_step4 .tabs.nopaddingleft.sub-tab-head,
    .new_quota_step5 .tabs.nopaddingleft.sub-tab-head,
    .new_quota_step6 .tabs.nopaddingleft.sub-tab-head {
        display: flex;
        flex-direction: column;
    }

    #myModal_Add_Lead .modal-dialog {
        width: calc(100% - 40px) !important;
    }

    #dt-w-modal .modal-dialog {
        width: calc(100% - 40px) !important;
        margin: 0 auto;
    }

    #dt-w-modal .modal-dialog .modal-body .div-table-responsive {
        overflow-x: scroll !important;
    }

    #dt-w-modal.modal {
        top: 11vh;
        height: 89vh;
    }

    .breadCrumbs.tabindex.cssLoadSearch.add_new_service_tab ul li.tmenu.menu-dashboard {
        width: 100% !important;
        box-sizing: border-box;
        border-top-right-radius: 15px !important;
        border-top-left-radius: 15px !important;
    }

    form.add_new_service_form table.centpercent.notopnoleftnoright.table-fiche-title {
        margin-bottom: 10px;
        margin-top: 10px;
    }

    div.border_tabbar_service {
        border-bottom-left-radius: 15px !important;
        border-bottom-right-radius: 15px !important;
    }

    div.border_tabbar_service div.duration_service_mobile {
        display: flex;
    }

    div.border_tabbar_service div.duration_service_mobile input.duration_value {
        width: 50%;
        min-width: 50% !important;
        padding: 0;
        margin: 0 !important;
    }

    div.border_tabbar_service div.duration_service_mobile span.select2.select2-container.select2-container--default {
        width: 50%;
        min-width: 50%;
    }

    div.border_tabbar_service div.manda_duration_service_mobile input {
        margin-left: 0;
    }

    form.add_new_service_form input.selling_price {
        width: 100% !important;
        margin-right: 0 !important;
        box-sizing: border-box;
    }

    .invoice_info_tab td.col_incoterm input#location_incoterms {
        box-sizing: border-box;
    }

    .invoice_info_tab td.col_incoterm select.selectincoterm {
        width: 100%;
    }

    .invoice_info_tab input.ref_supplier {
        box-sizing: border-box;
    }

    .invoice_info_tab #myModal_Add_Supplier.modal.fade {
        top: 11vh;
        height: 89vh;
    }

    .invoice_info_tab #myModal_Add_Supplier .modal-dialog {
        width: calc(100% - 40px) !important;
        margin: 0 auto;
    }

    div#pd.new_supplier_invoice_step2,
    div#si.new_supplier_invoice_step2 {
        border-top-left-radius: 15px;
    }

    div#si.new_supplier_invoice_step3 {
        width: 100%;
        overflow-x: scroll;
        box-sizing: border-box;
    }

    .new_supplier_invoice_step4 .tabs.nopaddingleft.sub-tab-head,
    .new_supplier_invoice_step6 .tabs.nopaddingleft.sub-tab-head {
        display: flex;
        flex-direction: column;
    }

    .new_supplier_invoice_step7 .logs_peppol {
        overflow-x: scroll;
    }

    .new_customer_invoice_step1 h4.rq {
        margin-top: 0;
    }

    .new_customer_invoice_step1 #myModal_Add_Lead.modal.fade {
        top: 11vh;
        height: 89vh;
    }

    div#pd.new_customer_invoice_step2 {
        border-top-left-radius: 15px;
    }

    .new_customer_invoice_step2 .div_tablelines {
        overflow-x: scroll;
    }

    .new_customer_invoice_step3 .reponsive_table_propal {
        overflow-x: scroll;
    }

    .new_customer_invoice_step4 .tabs.nopaddingleft.sub-tab-head,
    .new_customer_invoice_step5 .tabs.nopaddingleft.sub-tab-head,
    .new_customer_invoice_step6 .tabs.nopaddingleft.sub-tab-head {
        display: flex;
        flex-direction: column;
    }

    .new_customer_invoice_step4 .tabs.nopaddingleft.sub-tab-head .css_qlwe .select2-container--default .select2-selection--single .select2-selection__arrow {
        left: unset !important;
    }

    .new_customer_invoice_step7 .logs_peppol {
        overflow-x: scroll;
    }

    .new_po_step1 h4.rq,
    .new_so_step1 h4.rq {
        margin-top: 0;
    }

    .new_po_step1 .maxwidthonsmartphone.incoterm_line,
    .new_so_step1 .maxwidthonsmartphone.incoterm_line,
    .new_so_step1 #remise_percent.maxwidthonsmartphone {
        max-width: 100% !important;
    }

    .new_po_step1 .maxwidthonsmartphone.incoterm_line #incoterm_id,
    .new_so_step1 .maxwidthonsmartphone.incoterm_line #incoterm_id,
    .new_so_step1 #remise_percent.maxwidthonsmartphone {
        width: 100% !important;
    }

    .new_po_step1 .maxwidthonsmartphone.incoterm_line #location_incoterms.maxwidthonsmartphone.width40p,
    .new_so_step1 .maxwidthonsmartphone.incoterm_line #location_incoterms.maxwidthonsmartphone.width40p {
        box-sizing: border-box;
        width: 100% !important;
    }

    .new_po_step1 .position #liv_hour,
    .new_po_step1 .position #liv_min,
    .new_so_step1 .position #liv_hour,
    .new_so_step1 .position #liv_min {
        width: calc((100% - 30px) / 2);
    }

    .new_po_step1 .position span.nowraponall,
    .new_so_step1 .position span.nowraponall {
        display: flex;
        justify-content: flex-end;
    }

    .new_po_step1 .position .fa-clock.pictofixedwidth,
    .new_so_step1 .position .fa-clock.pictofixedwidth {
        left: 5px !important;
        width: 20px;
        height: 20px;
    }

    .new_po_step1 #remarks.text-ad {
        box-sizing: border-box;
    }

    .new_po_step1 #myModal_Add_Supplier.modal.fade,
    .new_so_step1 #myModal_Add_Lead.modal.fade,
    .new_so_step1 #myModalProject.modal.fade,
    .new_po_step1 #myModalProject.modal.fade {
        top: 11vh;
        height: 89vh;
    }

    .new_po_step1 #myModal_Add_Supplier .modal-dialog,
    .new_so_step1 #myModal_Add_Lead .modal-dialog,
    .new_so_step1 #myModalProject .modal-dialog,
    .new_po_step1 #myModalProject .modal-dialog {
        width: calc(100% - 40px) !important;
        margin: 0 auto;
    }

    .new_po_step1 #myModal_Add_Supplier input.phone {
        height: 30px;
        border-bottom: solid 1px var(--inputbordercolor);
    }

    .new_po_step1 #myModal_Add_Supplier input.supplier_name {
        box-sizing: border-box;
    }

    .new_po_step2 .new_po_prod_line {
        overflow-x: scroll;
    }

    #ci.new_po_step1,
    #pd.new_po_step2,
    #cti.new_po_step4,
    #cti.new_po_step5,
    #cti.new_po_step6,
    #cti.new_po_step7,
    #si.new_po_step3,
    #ci.new_so_step1,
    #pd.new_so_step2 {
        border-top-left-radius: 15px;
    }

    #si.new_po_step3 div.reponsive_table_propal,
    #si.new_so_step3 div.reponsive_table_propal {
        overflow-y: scroll;
    }

    .new_po_step4 .tabs.nopaddingleft.sub-tab-head,
    .new_po_step5 .tabs.nopaddingleft.sub-tab-head,
    .new_po_step6 .tabs.nopaddingleft.sub-tab-head,
    .new_po_step7 .tabs.nopaddingleft.sub-tab-head,
    .new_so_step4 .tabs.nopaddingleft.sub-tab-head,
    .new_so_step5 .tabs.nopaddingleft.sub-tab-head,
    .new_so_step6 .tabs.nopaddingleft.sub-tab-head {
        display: flex;
        flex-direction: column;
    }

    .new_po_step7 .tabs.nopaddingleft {
        min-height: 250px;
    }

    .new_so_step1 .reponsive_table tr td.hide_on_mobile {
        display: none !important;
    }

    .mobile_select_prevent_overflowx {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .new_so_step6 #formuserfile_link .valignmiddle .inline-block {
        display: block;
    }

    .new_so_step6 #formuserfile_link .valignmiddle .inline-block #label,
    .new_so_step6 #formuserfile_link .valignmiddle .inline-block #link {
        width: 100%;
    }

    .mobile_scroll_table {
        overflow-x: scroll !important;
    }

    .mobile_scroll_table table td {
        white-space: nowrap;
    }

    .mobile_scroll_table table td .width300 {
        width: auto;
    }

    .reponsive_table_propal tr td.so_discount_mobile {
        display: table !important;
        table-layout: fixed;
    }

    #myModalAddTaskCustom .mymodal-content-add {
        margin: 20% auto;
        border-radius: 15px;
        height: 90vh;
        overflow-y: scroll;
        width: calc(100% - 40px);
        box-sizing: border-box;
    }


    .reponsive_table_propal.sale_order_detail td.remove_border_bot_mobile,
    .reponsive_table_propal.purchase_order_detail td.remove_border_bot_mobile,
    .purchase_order_detail_other td.remove_border_bot_mobile {
        border-bottom: unset !important;
    }

    /* .reponsive_table_propal.sale_order_detail td.remove_padding_mobile {
        padding:0!important;
    } */
    .reponsive_table_propal.sale_order_detail td.w-32,
    .reponsive_table_propal.purchase_order_detail td.w-32 {
        padding: 0 !important;
        margin: 5px 0px 5px 0px;
    }

    .reponsive_table.sale_order_project #myModal_Add_Lead.modal.fade,
    .reponsive_table.purchase_order_detail #myModal_Add_Lead.modal.fade {
        top: 11vh;
        height: 89vh;
    }

    .reponsive_table.sale_order_project #myModal_Add_Lead .modal-dialog,
    .reponsive_table.purchase_order_detail #myModal_Add_Lead .modal-dialog {
        width: calc(100% - 40px) !important;
        margin: 0 auto;
    }

    .reponsive_table_propal.so_detail_head_foot .valuefieldcreate {
        height: auto !important;
    }

    .heightref.valignmiddle.centpercent .baner-tab.inline-block.floatleft.valignmiddle.pd-25 {
        display: flex;
        flex-direction: column;
        height: 100%;
        padding: 15px;
    }

    .heightref.valignmiddle.centpercent .baner-tab.inline-block.floatleft.valignmiddle.pd-25 .floatleft.lefft_s .divphotoref {
        padding-right: 0 !important;
        width: auto;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .heightref.valignmiddle.centpercent .baner-tab.inline-block.floatleft.valignmiddle.pd-25 .mg.inline-block.floatleft.valignmiddle.maxwidth750.marginbottomonly.refid.refidpadding {
        width: 100%;
    }

    .heightref.valignmiddle.centpercent .baner-tab.inline-block.floatleft.valignmiddle.pd-25 .mg.inline-block.floatleft.valignmiddle.maxwidth750.marginbottomonly.refid.refidpadding .refidno {
        width: 100% !important;
    }

    .baner-tab.inline-block.floatleft.valignmiddle.pd-25 .edit-btn {
        top: 1.275rem !important;
        right: 0.95rem !important;
    }

    .purchase_order_detail td.none_display_mobile {
        display: none !important;
    }

    .purchase_order_detail_other td.w50p {
        width: 50% !important;
    }

    .tab_content_lead_customer #country_code~.select2.select2-container.select2-container--default .select2-selection.select2-selection--single {
        height: 30px !important;
    }

    .tab_content_lead_customer #phone {
        margin: 0;
    }

    #ci.tabcontent .reponsive_table #country_code~.select2.select2-container.select2-container--default .select2-selection.select2-selection--single {
        height: 30px !important;
    }

    #ci.tabcontent .reponsive_table #phone {
        margin: 0;
    }

    .css_product>.baner-tab.inline-block.floatleft.valignmiddle {
        display: flex;
        flex-wrap: wrap;
        padding: 15px;
    }

    .css_product>.baner-tab.inline-block.floatleft.valignmiddle>label {
        width: 100%;
        display: flex;
        justify-content: center;
        padding-bottom: 15px;
    }

    .css_product .baner-tab-info {
        width: 100%;
        margin-left: 0;
    }

    .css_product .baner-tab-info .baner-last-order .tab-li-nowrap {
        text-wrap: wrap;
    }

    .css_product .baner-tab-info .baner-last-order li.baner-last-order.fs-16.text-bold-none {
        text-wrap: wrap;
        max-width: 100%;
    }

    .css_product .baner-action.css_status {
        top: unset;
        display: flex;
        right: 0;
        transform: unset;
        position: relative;
        width: 100%;
    }

    .css_product .baner-action.css_status .product_info {
        width: 60%;
    }

    .css_product .baner-action.css_status .qr_codes {
        width: 40%;
        margin: 0;
    }

    .css_product .baner-action.css_status .qr_codes .drag-area {
        margin-top: 0;
    }

    .css_product .baner-action.css_status li.baner-last-order.fs-16.text-bold-none {
        max-width: 100%;
        text-wrap: wrap;
    }

    .css_product .statusrefbuy .badge-status,
    .css_product .statusrefsell .badge-status {
        font-size: 16px !important;
    }

    .css_product .statusrefbuy .badge-status4,
    .css_product .statusrefbuy .badge-status5,
    .css_product .statusrefsell .badge-status4 {
        width: 170px;
        float: left;
    }

    .css_product .baner-ul-li-text-name {
        max-width: 100% !important;
    }

    .css_product .baner-tab-info li.baner-last-order.fs-16.text-bold-none {
        text-wrap: wrap;
        max-width: 100%;
    }

    .user_list div.divsearchfield {
        padding: 2px 1px 2px 0 !important;
        box-sizing: border-box;
        width: 100%;
        margin-left: 0;
    }

    .user_list .select2.select2-container.select2-container--default {
        width: calc(100% - 25px) !important;
        box-sizing: border-box;
    }

    .user_list .divsearchfield span.fas.fa-box-open.em080.pictofixedwidth {
        position: unset;
        left: 0;
    }

    .reponsive_table_propal.customer_invoice td.remove_border_bot_mobile,
    .reponsive_table_propal.supplier_invoice td.remove_border_bot_mobile {
        border-bottom: unset !important;
    }

    .reponsive_table_propal.customer_invoice td,
    .reponsive_table_propal.supplier_invoice td {
        padding: 0 !important;
        margin: 5px 0px 5px 0px;
    }

    .reponsive_table_propal.customer_invoice td.none_display_mobile,
    .reponsive_table_propal.supplier_invoice td.none_display_mobile {
        display: none !important;
    }

    .reponsive_table_propal.customer_invoice_detail_head_foot .valuefieldcreate {
        height: auto !important;
    }

    .customer_invoice_document .formlinknewurl,
    .customer_invoice_document .formattachnewfile {
        width: 100%;
    }

    .customer_invoice_document .attacharea.attachareaformuserfile {
        flex-direction: column;
    }

    .invoice_peppol_tab .button-post-data,
    .invoice_peppol_tab .button-download-xml {
        white-space: pre-wrap;
    }

    .mobile_scroll_table .reponsive_table.supplier_invoice_amount .width350 {
        width: auto;
    }

    .mobile_scroll_table .reponsive_table.supplier_invoice_amount tr td {
        display: table-cell !important;
    }

    .mobile_scroll_table .tagtr .tagtd.maxwidthonsmartphone {
        max-width: 100% !important;
    }

    .customer_invoice td.valuefield.fieldname_type.height_auto {
        height: auto !important;
    }

    table.stocktransfer_card tr,
    table.stocktake_card tr {
        display: flex;
        flex-direction: column;
    }

    table.stocktransfer_card tr td,
    table.stocktake_card tr td {
        padding: 0 !important;
        margin: 5px 0px 5px 0px;
    }

    table.stocktransfer_card td.remove_border_bot_mobile,
    table.stocktake_card td.remove_border_bot_mobile {
        border-bottom: unset !important;
    }

    div.tabBar table.border.stocktransfer_card tr {
        display: flex;
        flex-direction: column;
        height: auto !important;
    }

    table.border.tableforfield.centpercent.stocktake_card tr {
        display: flex;
        flex-direction: column;
        height: auto !important;
    }

    .stocktake_card td.display_flex_start_mobile {
        display: flex;
        justify-content: start;
        height: auto;
    }

    .stocktake_card div.display_flex_start_mobile {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        align-items: baseline;
    }

    .stocktake_card .mobile_no_margin_left,
    .stocktake_card .butAction.mobile_no_margin_left {
        margin-left: 0;
        margin-right: 0.6rem;
        margin-bottom: 0.6rem;
    }

    .stocktake_card .butAction {
        font-size: 0.85em !important;
    }

    table.select_currency td.right input.deletecurrency {
        box-sizing: content-box;
    }

    .quotation_document .formlinknewurl,
    .quotation_document .formattachnewfile {
        width: 100%;
    }

    .quotation_document .attacharea.attachareaformuserfile {
        flex-direction: column;
    }

    .reponsive_table_propal.quotation_detail_head_foot .valuefieldcreate {
        height: auto !important;
    }

    .reponsive_table_propal.quotation_card td.remove_border_bot_mobile {
        border-bottom: unset !important;
    }

    .reponsive_table_propal.quotation_card td {
        padding: 0 !important;
        margin: 5px 0px 5px 0px;
    }

    .reponsive_table_propal.quotation_card td.none_display_mobile {
        display: none !important;
    }

    .quotation_card td.valuefield.fieldname_type.height_auto {
        height: auto !important;
    }

    .load_win td.tdboxstatss.nohover.w-65.border-custom.pd-s .pt-ns-1,
    .load_win td.tdboxstatss.nohover.w-65.width1sdf .pt-ns-1 {
        overflow-y: auto;
    }

    .reponsive_table_propal.product_card td.remove_border_bot_mobile {
        border-bottom: unset !important;
    }

    .reponsive_table_propal.product_card td {
        padding: 0 !important;
        margin: 5px 0px 5px 0px;
    }

    .reponsive_table_propal.stock_inventory td.remove_border_bot_mobile {
        border-bottom: unset !important;
    }

    .reponsive_table_propal.stock_inventory td {
        padding: 0 !important;
        margin: 5px 0px 5px 0px;
    }

    .reponsive_table_propal.stock_inventory td.none_display_mobile {
        display: none !important;
    }

    .add_new_product input.needtocheckisnumberordot:not(.skip_full_width),
    .add_new_product span.select2.select2-container.select2-container--default,
    .add_new_service span.select2.select2-container.select2-container--default {
        width: 100% !important;
        box-sizing: border-box;
    }

    .add_new_product .dflex.dflex_align {
        display: flex !important;
    }

    .add_new_product span.nowraponall {
        width: calc(100% - 20px);
        display: inline-block;
    }

    .add_new_product span.pictofixedwidth {
        display: inline-block;
    }

    .add_new_product .width100p {
        width: 100%;
        box-sizing: border-box;
    }

    .add_new_service span.select2-selection.select2-selection--single.flat.maxwidth125 {
        max-width: 100%;
    }

    .heightref.valignmiddle.centpercent .lead_customer_card .baner-tab.inline-block.floatleft.valignmiddle {
        display: flex;
        flex-direction: column;
        height: 100%;
        padding: 15px;
    }

    .heightref.valignmiddle.centpercent .lead_customer_card .baner-tab.inline-block.floatleft.valignmiddle .baner-tab-info {
        width: 100%;
        padding-top: 15px;
    }

    .heightref.valignmiddle.centpercent .lead_customer_card .baner-tab.inline-block.floatleft.valignmiddle .baner-tab-info .tab-sub-ul .tab-li-nowrap {
        width: 100% !important;
    }

    .lead_customer_card .baner-right .box table.boxtable .baner-tr .tdboxstats {
        width: 50% !important;
    }

    #myModal.mobile_modal .modal-dialog {
        height: auto;
        width: calc(100% - 40px) !important;
        margin: 0 auto;
    }

    #addContact.mobile_modal .modal-dialog {
        width: calc(100% - 40px) !important;
        margin: 0 auto;
        height: 89vh;
        top: 11vh;
    }

    #ci.tabcontent-category {
        border-radius: 0 0 15px 15px !important;
    }

    table.table-fiche-title {
        margin-bottom: 12px;
    }

    form.form_new_oppo input.phone_add {
        height: 30px;
        border-bottom: solid 1px var(--inputbordercolor);
    }

    .border-tabbar.form_new_oppo {
        border-radius: 0px 0px 15px 15px !important;
    }

    .border-tabbar.form_new_oppo #myModal_Add_Lead .modal-dialog {
        top: 30% !important;
        overflow: auto;
        height: 80% !important;
        margin: 0 auto;
    }

    .border-tabbar.form_new_oppo #myModal_Add_Lead .modal-dialog .input-group-prepend {
        width: 50%;
    }

    .returnsale_reason_card .tmenu.menu-dashboard.no_active.ftab {
        width: 100% !important;
        box-sizing: border-box;
    }

    .border-tabbar.returnsale_reason_card {
        border-radius: 0px 0px 15px 15px !important;
    }

    .view_note_card input.widthcentpercentminusx {
        width: 100% !important;
        box-sizing: border-box;
    }

    .add_new_account span.select2-selection--single.maxwidth150onsmartphone {
        max-width: 100%;
    }

    .add_new_vehicle span.select2 {
        width: 100% !important;
    }

    .listing_report tr.flex_row_mobile,
    .rapport_report tr.flex_row_mobile {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .listing_report .width_100_left,
    .rapport_report .width_100_left {
        width: 100%;
        text-align: left;
    }

    .rapport_report td {
        border-bottom: unset !important;
    }

    .listing_report,
    .rapport_report {
        margin-bottom: 15px !important;
    }

    .tabs.nopaddingleft.replenish,
    .tabs.nopaddingleft.replenishorders {
        flex-direction: column;
    }

    .reponsive_table_propal.warehouse_card td.remove_border_bot_mobile {
        border-bottom: unset !important;
    }

    .reponsive_table_propal.warehouse_card td {
        padding: 0 !important;
        margin: 5px 0px 5px 0px;
    }

    .add_warehouse ul.tmenu li.tmenu.menu-dashboard {
        width: 100% !important;
        box-sizing: border-box;
    }

    .add_warehouse #myModalProject .modal-dialog {
        top: 30% !important;
        overflow: auto;
        height: 80% !important;
        margin: 0 auto;
        width: calc(100% - 40px) !important;
    }

    div.tabBar.border-tabbar.add_warehouse {
        border-radius: 0px 0px 15px 15px !important;
    }

    .max_width_100_mobile {
        max-width: 100%;
    }

    .tab_add_variant #tab-ci.tablinks {
        width: 100% !important;
    }

    #ci.tabcontent.tab_add_variant {
        border-radius: 0px 0px 15px 15px !important;
    }

    .productlot_card #datechour,
    .productlot_card #datecmin {
        width: calc((100% - 20px - 4.44px) / 2) !important;
    }

    .add_new_service_form #task.tabcontent {
        border-radius: 15px !important;
    }

    div.tabBar.border-tabbar.add_new_prf {
        border-radius: 0px 0px 15px 15px !important;
    }

    .add_new_prf #myModalProject .modal-dialog {
        top: 30% !important;
        overflow: auto;
        height: 80% !important;
        margin: 0 auto;
        width: calc(100% - 40px) !important;
    }

    div.tabBar.border-tabbar.add_new_rfq {
        border-radius: 0px 0px 15px 15px !important;
    }

    .add_new_rfq #myModal_Add_Supplier .modal-dialog {
        top: 30% !important;
        overflow: auto;
        height: 80% !important;
        margin: 0 auto;
        width: calc(100% - 40px) !important;
    }

    .add_new_rfq #myModalProject .modal-dialog {
        top: 30% !important;
        overflow: auto;
        height: 80% !important;
        margin: 0 auto;
        width: calc(100% - 40px) !important;
    }

    .add_new_rfq ul.tmenu li.tmenu.menu-dashboard {
        width: 100% !important;
        box-sizing: border-box;
    }

    div.tabBar.border-tabbar.returnpurchase_card {
        border-radius: 0px 0px 15px 15px !important;
    }

    .returnpurchase_card ul.tmenu li.tmenu.menu-dashboard {
        width: 100% !important;
        box-sizing: border-box;
    }

    .returnpurchase_card table.reponsive_table span.select2-container,
    .returnpurchase_card table.reponsive_table select {
        width: 100% !important;
        box-sizing: border-box;
        /* max-width: 200px; */
    }

    .returnpurchase_card table.reponsive_table div.mobile_scroll_table {
        overflow-x: scroll !important;
        width: calc(100% - 40px - 30px) !important;
        box-sizing: border-box;
        max-width: 300px;
    }

    .form_add_new_rental #myModal_Add_Lead .modal-dialog {
        top: 30% !important;
        overflow: auto;
        height: 80% !important;
        margin: 0 auto;
        width: calc(100% - 40px) !important;
    }

    .form_add_new_rental #liv_hour,
    .form_add_new_rental #return_hour,
    .form_add_new_rental #return_min,
    .form_add_new_rental #liv_min {
        width: calc((100% - 20px - 4.44px) / 2) !important;
    }

    .form_add_new_rental .reponsive_table .position .fa-clock.pictofixedwidth {
        position: relative;
        left: 0;
        bottom: 0px;
    }

    .add_new_easy_quote #myModal_Add_Lead .modal-dialog {
        top: 30% !important;
        overflow: auto;
        height: 80% !important;
        margin: 0 auto;
        width: calc(100% - 40px) !important;
    }

    .custom_return_sale #myModal_Add_Lead .modal-dialog {
        top: 30% !important;
        overflow: auto;
        height: 80% !important;
        margin: 0 auto;
        width: calc(100% - 40px) !important;
    }

    form#crea_promotions .promotion-tabs.nav-tabs>li.active,
    form#crea_promotions .promotion-tabs.nav-tabs>li.active a {
        display: block !important;
    }

    div.tabBar table.form_contract tbody tr {
        display: flex;
        flex-direction: column;
        height: auto !important;
    }

    div.tabBar table.form_contract tbody tr td {
        display: flex;
        flex-direction: row;
        height: auto !important;
    }

    .add_new_log #p2hour,
    .add_new_log #p2min,
    .add_new_log #aphour,
    .add_new_log #apmin {
        width: calc((100% - 20px - 4.44px) / 2) !important;
    }

    .add_new_log tr td input {
        width: 100%;
        box-sizing: border-box;
    }

    .add_new_log .css_option_fullwidths .select2-container {
        width: 100% !important;
    }

    .promotion_new_card .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        text-wrap: wrap;
    }

    .promotion_new_card #details_tab,
    .promotion_new_card #conditions_tab,
    .promotion_new_card #rewards_tab {
        border-radius: 15px !important;
    }

    .mobile-pagination {
        width: 100%;
    }

    .mobile-pagination>ul {
        width: 100%;
        text-align: left;
    }

    li.custom_salesmode_mobile {
        float: right;
    }
}

/* end max width 768px */
@media only screen and (min-width: 768px) and (max-width: 860px) {
    .breadCrumbs.tabindex.cssLoadSearch.add_new_service_tab ul li.tmenu.menu-dashboard {
        width: auto !important;
        padding: 8px 16px 8px 16px !important;
        box-sizing: border-box;
        border-top-right-radius: 15px !important;
        border-top-left-radius: 15px !important;
    }

    div.border_tabbar_service {
        border-top-right-radius: 15px !important;
    }

    .new_po_step4 .tabs.nopaddingleft.sub-tab-head,
    .new_po_step5 .tabs.nopaddingleft.sub-tab-head,
    .new_po_step6 .tabs.nopaddingleft.sub-tab-head,
    .new_po_step7 .tabs.nopaddingleft.sub-tab-head {
        display: block;
    }

    .new_so_step4 .tabs.nopaddingleft.sub-tab-head,
    .new_so_step5 .tabs.nopaddingleft.sub-tab-head,
    .new_so_step6 .tabs.nopaddingleft.sub-tab-head {
        display: block;
    }
}

.btn_resellay_close {
    display: none;
    opacity: .6;
    transform: translateY(0) translateZ(1px);
    top: 0;
    right: 0;
    text-decoration: none;
    text-align: center;
    padding: 0;
    mix-blend-mode: difference;
    font-style: normal;
    font-weight: 300;
    font-size: 40px;
    min-height: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    max-width: 100%;
    position: absolute;
}

@media (max-width: 860px) {
    #id-top div.show-right-down .dropdown-menu {
        left: 20%;
    }
}

@media (max-width: 580px) {
    span.equal_semicolon {
        width: 40% !important;
    }

    .css_product .baner-action.css_status span.equal_semicolon {
        width: 100% !important;
        max-width: 180px;
    }

    #id-top div.show-right-down .login_block_user {
        left: 10% !important;
        width: inherit;
    }
}

@media (max-width: 519px) {
    #chat_popup.collapse_popup .panel-default {
        border-color: transparent !important;
        box-shadow: unset !important;
        width: 40px;
        height: 40px;
    }

    #chat_popup.collapse_popup .panel-default>.panel-heading {
        border-radius: 50%;
        padding: 5px;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #ci.tabcontent,
    #si.tabcontent,
    #cti.tabcontent {
        border-radius: 15px 15px 15px 15px !important;
    }

    .new_supplier_invoice_step7 .button-post-data,
    .new_supplier_invoice_step7 .button-download-xml {
        white-space: normal;
        box-sizing: border-box;
        width: 100%;
    }

    .new_customer_invoice_step7 .button-post-data,
    .new_customer_invoice_step7 .button-download-xml {
        white-space: normal;
        box-sizing: border-box;
        width: 100%;
    }

    #id-top div.show-right-down .dropdown-menu {
        left: 10%;
    }

    form.add_new_package .tabBar.tabBarWithBottom .tab {
        display: block !important;
    }

    form.add_new_package #ci {
        border-radius: 0px 15px 15px 15px !important;
    }

    #myModal.mobile_modal .modal-dialog {
        width: calc(100% - 40px) !important;
    }

    #ci.tabcontent-category {
        border-radius: 0 0 15px 15px !important;
    }
}

@media (max-width: 460px) {
    #id-top div.show-right-down .dropdown-menu {
        left: 5%;
    }
}

@media (max-width: 425px) {
    table.select_currency td.currency_used .select2-container {
        vertical-align: top;
        width: 100% !important;
    }

    table.select_currency td.currency_used {
        display: block;
    }

    span.equal_semicolon {
        width: 50% !important;
    }

    .fc .fc-col-header-cell-cushion {
        font-size: 0.85em;
        text-wrap: nowrap;
    }
}

@media (max-width: 380px) {
    #id-top div.show-right-down .dropdown-menu {
        left: 0%;
    }
}

@media (max-width: 359px) {
    .css_product .baner-action.css_status .product_info {
        width: 100%;
    }

    .css_product .baner-action.css_status .qr_codes {
        width: 100%;
        margin: 0;
    }

    .css_product .baner-action.css_status {
        flex-direction: column;
    }

    .css_product .baner-action.css_status .qr_codes .drag-area {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 320px) {
    .fc .fc-col-header-cell-cushion {
        text-wrap: wrap;
    }

    span.equal_semicolon {
        display: block !important;
        width: 100% !important;
    }

    span.equal_semicolon~br {
        display: none;
    }

    span.equal_semicolon span.semicolon {
        float: unset !important;
    }

    .css_product .baner-action.css_status span.equal_semicolon {
        width: 100% !important;
        max-width: 160px;
    }
}

@media (max-width: 300px) {
    #id-top div.show-right-down .dropdown-menu {
        left: -5%;
    }
}

@media (max-width: 391px) {
    .fc .fc-toolbar .fc-toolbar-chunk:nth-child(1) {
        width: 80%;
    }

    .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) {
        width: 20%;
    }

    #c-calendar .fc .fc-toolbar .fc-toolbar-title {
        font-size: 14px;
    }

    #c-calendar .fc .fc-toolbar .fc-toolbar-chunk .fc-button-group button.fc-dayGridMonth-button.fc-button,
    #c-calendar .fc .fc-toolbar .fc-toolbar-chunk .fc-button-group button.fc-timeGridWeek-button.fc-button {
        display: none !important;
    }

    #c-calendar .fc .fc-toolbar .fc-toolbar-chunk .fc-button-group button.fc-createTaskButton-button.fc-button {
        border-bottom-left-radius: 0.25em;
        border-top-left-radius: 0.25em;
    }
}

@media (max-width: 319.9px) {
    .nav>li>a {
        padding: 5px 5px;
    }

    .responsive-tabs.nav-tabs i.fa,
    .responsive-sub-tabs.nav-sub-tabs i.fa {
        position: absolute;
        top: 10px;
        right: 10px;
    }

    .css_product .baner-tab-info {
        width: 100%;
        margin-left: 0;
    }

    .css_product .baner-action.css_status {
        top: unset;
        display: inline-block;
        right: 0;
        transform: unset;
        position: relative;
        width: 100%;
    }

    .css_product .baner-action.css_status .drag-area {
        margin-left: auto;
        margin-right: auto;
    }

    .css_product .baner-action.css_status .statusrefbuy,
    .css_product .baner-action.css_status .statusrefsell {
        display: flex;
        justify-content: center;
    }
}

.responsive-tabs {
    display: none;
}

.responsive-sub-tabs {
    display: none;
}

.promotion-tabs {
    display: none;
}

.id_container_mobile,
.id_container_sub_mobile {
    display: none;
}

.logomoney-container {
    display: none;
}

.custom_opport_report div.tabsElem a.tab {
    padding: 14px 14px 14px 0;
}

.fc .fc-button-primary {
    background-color: #fff;
    border: 1px solid #a6a6a6;
    color: #000;
}

.fc .fc-button-primary:not(:disabled).fc-button-active,
.fc .fc-button-primary:not(:disabled):active {
    background-color: #000;
    border: 1px solid #a6a6a6;
    color: #fff;
}

.fc .fc-button-primary:hover {
    background-color: #000;
    border: 1px solid #a6a6a6;
    color: #fff;
}

#c-calendar .fc td.fc-timegrid-slot.fc-timegrid-slot-lane.fc-timegrid-slot-minor,
#c-calendar .fc td.fc-timegrid-slot.fc-timegrid-slot-label.fc-timegrid-slot-minor {
    border-top: unset;
}

#c-calendar .fc .fc-toolbar .fc-toolbar-title {
    color: #000;
    font-weight: 700;
    font-size: 20px;
    font-family: "Century Gothic";
}

/* #chat_popup .panel-default>.panel-heading {
    block-size: 1.25em;
} */


#chat_popup.collapse_popup .panel-default>.panel-heading #chat_popup_title {
    font-size: 0;
}

#chat_popup.collapse_popup .panel-default>.panel-heading img.align-middle {
    width: 24px;
    height: 24px;
}

#chat_popup .panel-default {
    border-radius: 15px;
}

#chat_popup:not(.collapse_popup) .panel-default>.panel-heading {
    border-radius: 15px 15px 0 0;
    border: unset;
}

span.equal_semicolon {
    display: inline-block;
    width: 180px;
}

span.equal_semicolon span.semicolon {
    float: right;
}

.productlot_card #datechour,
.productlot_card #datecmin {
    width: calc((100%) / 2);
}

#searchFormList .btnTitle>.fa {
    font-size: 1.5em !important;
}