@media (min-width: 768px) and (max-width:979px) {
    header .navbar-header{ width:100%;}
    .full.col-sm-9{ padding-top:0px;}
    .data_product{ width:100%; overflow:auto;}
    #lg-menu h2{ font-size:18px;}
    .product_add .tab-content{ border-left:none;border-top:3px solid #1fae66; padding:10px; margin-top:15px;}

    /*------Sidebar------*/
    #main { width:76%!important;}
    #sidebar { width:24%!important;}
    .row-offcanvas-left.active #main{ width:100%!important;}
    .user_list li .user_name{ text-align:center;}
    .invo_billing .bill_box{ border-right:0px solid #c9c9c9;border-left:0px solid #FFF;border-bottom:1px solid #c9c9c9;border-top:1px solid #FFF;}
}

/*------------------------------640------------------------------*/
@media (min-width: 481px) and (max-width:767px) {
    #sidebar{ padding:7px 0 0;}
    header .navbar-header{ width:100%;}
    .search .input-append{ width:290px;}
    header ul.nav.navbar-nav.pull-right{ float:left!important;}
    header .nav > li{ float:left;}
    header .navbar-collapse.in{ overflow-y:inherit}
    .msg .dropdown-menu.pull-right{ left:0;}
    .msg .dropdown-menu > li > a{ white-space:inherit;}
    .msg .dropdown-menu:before{
        left: 9px!important;
        right:inherit !important;
    }
    .msg .dropdown-menu:after{
        left: 10px!important;
        right:auto!important;
    }
    #lg-menu li a{ padding-left:5px;}

    .navbar-static-top .nav{ text-align:center;}
    header .nav > li{ float:none;}
    .navbar-static-top .nav > li{ display:inline-block;}
    header .navbar-nav{ width:100%;}
    .data_product{ width:100%; overflow:auto;}
    .product_add .tab-content{ border-left:none;border-top:3px solid #1fae66; padding:10px; margin-top:15px;}


    /*------------Sidebar----*/
    .row-offcanvas-left #sidebar { margin-left:-30%;}
    .row-offcanvas-left #main{ width:100%; } 

    .row-offcanvas-left.active #sidebar { margin-left:0%; width:31%!important;-webkit-transition: all 200ms ease-in-out;
                                          -moz-transition: all 200ms ease-in-out;
                                          -ms-transition: all 200ms ease-in-out;
                                          -o-transition: all 200ms ease-in-out;
                                          transition: all 200ms ease-in-out;}
    .row-offcanvas-left.active #main{ width:69%!important;  margin-left:31%;} 
    .profile_mng .nav-pills > li { margin:0 0% 20px; width:100%; text-align:center;}
    .user_list li .user_name{ text-align:center;}
    .invo_billing .bill_box{ border-right:0px solid #c9c9c9;border-left:0px solid #FFF;border-bottom:1px solid #c9c9c9;border-top:1px solid #FFF;}
}

/*------------------------------iPhone SE 2020----------------------------------------*/
@media (min-width: 375px) and (max-width:667px) {
    #ajaxAddRestoreProductModal .modal-body {max-height: 480px !important;}
    .StockyardBtn{ width: 38px; height: 34px; line-height: 34px; padding: 0px !important; /*margin-top: 15px;*/}
    .btnPrintStockYard{ margin-top: 15px;}
    #ajaxAddRestoreProductModal .inventory_product_image{ width: 100%;}
    .btnprintstockyard{ margin-bottom: 0px;}
    .manual_btn_restores { width: 100px; height: 36px; line-height: 36px; padding: 0px !important;}
    .btnPrintStockYard{ width: 113px; height: 36px; line-height: 36px; padding: 0px !important;}
    .frmBox .padd20, #frmRestoreShipment .padd20 {padding: 0 10px;}
}

@media (min-width: 0px) and (max-width:374px) {
    .StockyardBtn,.btnPrintStockYard{ margin-top: 10px;}
}

/*------------------------------360----------------------------------------*/
@media (min-width: 0px) and (max-width:480px) {
    #sidebar{ padding:7px 0 0!important;}
    header .navbar-header{ width:100%;}
    .search .input-append{ width:290px;}
    header ul.nav.navbar-nav.pull-right{ float:left!important;}
    header .nav > li{ float:left;}
    header .navbar-collapse.in{ overflow-y:inherit}
    .msg .dropdown-menu.pull-right{ left:0;}
    .msg .dropdown-menu > li > a{ white-space:inherit;}
    .msg .dropdown-menu:before{
        left: 9px!important;
        right:inherit !important;
    }
    .msg .dropdown-menu:after{
        left: 10px!important;
        right:auto!important;
    }
    .wrapper .quick li a{width:20px; height:20px; text-align:center; padding:0px 0 0; border-radius:100%; line-height:20px; font-size:10px;} 
    .active .quick li{ margin:0 7px!important;}
    .wrapper .quick li{ margin:5px 2px;}

    .full.col-sm-9{ padding-top:0px!important;}
    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{ padding-left:0px; padding-right:0px;}
    section .wrapper .quick{ padding-top:10px;}
    #lg-menu h2{ font-size:18px;}
    .wrapper .quick li .badge{ width:15px; height:15px; font-size:11px; padding-left:3px; }

    .navbar-static-top .nav{ text-align:center;}
    header .nav > li{ float:none;}
    .navbar-static-top .nav > li{ display:inline-block;}
    header .navbar-nav{ width:100%;}

    .login_area{ width:310px;}
    .login_area.register{ width:310px;}
    .data_product{ width:100%; overflow:auto;}

    .product_add .tab-content{ border-left:none;border-top:3px solid #1fae66; padding:10px; margin-top:15px;}

    header .navbar-brand{ padding-right:30px;}
    /*------------Sidebar----*/
    .row-offcanvas-left #sidebar { margin-left:-30%;}
    .row-offcanvas-left #main{ width:100%; } 

    .row-offcanvas-left.active #sidebar { margin-left:0%; width:50%!important;-webkit-transition: all 200ms ease-in-out;
                                          -moz-transition: all 200ms ease-in-out;
                                          -ms-transition: all 200ms ease-in-out;
                                          -o-transition: all 200ms ease-in-out;
                                          transition: all 200ms ease-in-out;}
    .row-offcanvas-left.active #main{ width:60%!important;  margin-left:50%;} 
    header .navbar-nav{ margin:0px;}
    #lg-menu h2{ font-size:20px;}
    .profile_mng .nav-pills > li { margin:0 0% 20px; width:100%; text-align:center;}
    .data_product .panel_ic{ right:10px;}
    .user_act li{ width:45%;}
    .user_list li .user_name{ text-align:center;}
    .loader{ margin:0;}

    .invo_billing .bill_box{ border-right:0px solid #c9c9c9;border-left:0px solid #FFF;border-bottom:1px solid #c9c9c9;border-top:1px solid #FFF;}
}
/*------------------------------980----------------------------------------*/
@media (min-width: 800px) and (max-width:979px) {
    section .wrapper .quick{ padding-top:75px;}/*------Sidebar------*/
}
@media (min-width: 980px) and (max-width:1024px) {
    /*------Sidebar------*/
    #main { width:82%!important;}
    #sidebar { width:18%!important;}
    .row-offcanvas-left.active #main{ width:100%!important;}
}
@media(min-width: 1024px) {
    #ajaxConfigureProductImageModal.smaller .modal-dialog{width: 1056px;}
    #ajaxViewOrdersModal.smaller .modal-dialog{width: 1000px;}
    #ajaxViewOrderDetailModal.smaller .modal-dialog{width: 1050px;}
}

#characterisitic_productoption_table > tbody > tr:nth-child(even) > td, .table-striped > tbody > tr:nth-child(even) > th { background-color: #f9f9f9; }
.loading-progress { width:100%; }
#characterisitic_productoption_table .vct_edit_text { border: 1px solid #dddddd; height: 30px; padding: 5px; width: 60px; }
.select2-results { max-height: 220px; }
.chosen-container ul.chosen-choices { min-width: 100px; }
.ui-sortable-helper { display: table; }
table#stockreport_table tbody tr.outofstock { color: #f00; }
table#stockreport_table tbody tr.disabled { background-color: #ffcacb; }
table#stockreport_table > tbody > tr.disabled > td { background-color: #ffcacb; }
table#stockreport_table > tbody > tr.disabled > td { background-color: #ffcacb; }
.outgoing_goods_detail h3.order_part_boxs_head{background: #0E4E2E; color: #FFFFFF; padding: 10px;}
.outgoing_goods_detail .order_part_boxs{border: 2px solid #0E4E2E; padding: 10px;}
.middle-txt{font-weight: 600;}
.orderShowRightSp{margin-right: 10px}
.span_val {margin-top: 5px; font-weight: 600; width: auto; float: left;}
.paddingr10{padding-right: 10px;}
.view-icon {background: #fff none repeat scroll 0 0;color: #1fae66;padding: 0 5px;border: 1px solid #1fae66;}
.ds-icon{background: #fff none repeat scroll 0 0;color: #0000FF;padding: 0 5px;border: 1px solid #0000FF;}
.ds-icon:hover,.ds-icon:focus,.ds-icon:active{background: #fff none repeat scroll 0 0;color: #0000FF;padding: 0 5px;border: 1px solid #0000FF;}
.paddingl0r10{padding-left: 0px;padding-right: 10px;}
.mb_o_red{color:#ef4242;}
.mt_grn_txt{color:#1fae66; font-weight: 600;}
.mt_blue_txt{color:blue;font-weight: 600;}
/*
#ajaxVctModal thead,#ajaxVctModal tbody,#ajaxVctModal tr,#ajaxVctModal td,#ajaxVctModal th{display: block;}
#ajaxVctModal #assign_supplier_products_list tbody td,#ajaxVctModal #assign_supplier_products_list thead th{float: left; width: 12.5%;}
*/
#ajaxVctModal tr::after{clear: both;content: " ";display: block;visibility: hidden;}
#ajaxVctModal tbody{height: 300px; overflow: auto;}
#ajaxVctModal .table > thead > tr > th, #ajaxAssignProductModal .table > thead > tr > th{border: none;}
#ajaxVctModal .table > thead > tr, #ajaxAssignProductModal .table > thead > tr{border-bottom: 2px solid #ddd;}

/*#ajaxAssignProductModal table#assign_products_list tbody.parent_prod > tr{position: relative;}
#ajaxAssignProductModal table#assign_products_list thead.parent_prod{display: table !important; width: 100%;}
#ajaxAssignProductModal table#assign_products_list tbody.parent_prod td, #ajaxAssignProductModal table#assign_products_list thead.parent_prod th{width: 8.9% !important;}
#ajaxAssignProductModal table#assign_products_list tbody.parent_prod td:first-child, #ajaxAssignProductModal table#assign_products_list thead.parent_prod th:first-child{width: 2% !important;}*/
#frmDealProduct #product_attributes_list .checkbox span{margin: -8px 0 10px 21px; float: left;}

#picked .nav {
    background: none;
    border-radius: 0px;
    font-family: 'Open Sans';
    font-size: 13px;
}
.tabs .tab-content.outgoing_goods_produts{padding: 10px 0%;}
.tabs .tab-content.supplier_order_cart_list{padding: 10px 0%;}
.outgoing_order_edit .tab-content.erp_picked_deliveries{padding: 10px 0%;}
tr.throw_back_tr_head > th{border-bottom: 1px solid #111111 !important;}
a.supplier_cart_add_product_btn{margin-top: 5px;float: left;color: #1fae66;}
a.supplier_cart_add_product_btn:hover{color: #1fae66;}
.erp_supplier_order_prod_count {
    position: absolute;
    text-align: center;
    background-color: #6b6b6b;
    color: #FFFFFF!important;
    border-radius: 50%;
    width: 20px!important;
    height: 20px!important;
    line-height: 20px;
    display: inline-block;
    font-size: 12px!important;
    margin-left: 10px!important;
    margin-top: 4px;
}
.minS_order_prod_count {
    position: relative;
    text-align: center;
    background-color: #6b6b6b;
    color: #FFFFFF!important;
    border-radius: 50%;
    min-width: 21px!important;
    height: 21px!important;
    line-height: 20px;
    display: inline-block;
    font-size: 12px!important;
    margin-left: 10px!important;
    padding: 0px 2px;
}
.chart-loading{margin-top: 10%;
               position: absolute;
               text-align: center;
               z-index: 9999;
               display: block;}
.scan_stockyard,.scan_stockyard:hover,.scan_stockyard:active,.scan_stockyard:focus{ color: #000000; }
.trans_btn{background: none !important;color: #1fae66;border: 1px solid #1fae66;}
.trans_btn:hover,.trans_btn:active,.trans_btn:focus {color: #1fae66;}
.res_txt_qty,.reorder_txt_qty{ width: 105px;}
.close-modal{float: right;font-weight: 600;font-size: 13px;padding: 7px 15px;}
.bg-purple,.bg-purple:hover,.bg-purple:focus{background-color: #800080; border-color: #800080;}
.supplier_cart_remove_btn{ margin:5px 0 0 30px;float: left;color: #666666;}
.supplier_cart_remove_btn:hover,.supplier_cart_remove_btn:focus,.supplier_cart_remove_btn:active{color:#666666;}
.valid_value{color: red; border: 1px solid #f00 !important;}
.catalogue_search_area table th{ text-align: left;}
.catalogue_search_area .table > thead > tr > th{vertical-align: middle;}
.local_modal .btn-primary.bg-purple{ background-color: #800080; border-color: #800080;}
#ajaxShowOrderPopup .btn-primary.disabled, #ajaxShowOrderPopup .btn-primary[disabled]{ background-color: #428bca;border-color: #357ebd;}
#ajaxShowOrderPopup .modal-dialog { width: 90%; }
#ajaxShowOrderPopup .modal-body { max-height: 750px; overflow-y: auto; }
.modal.fade {
  opacity: 1;
  -webkit-transition: none ;
       -o-transition: none ;
          transition:none;
}
.modal.fade .modal-dialog {
  -webkit-transition:none;
       -o-transition:none;
          transition:none;
  -webkit-transform:none;
       -o-transform:none;
          transform: none;
}

.order_return_yes_rule{color:#47B649;word-break: break-all;width: 100px;display: block;}
.order_return_no_rule{color:#EA0606;word-break: break-all;width: 100px;display: block;}
.local_modal .btn-primary.bg-orange{ background-color: #f89c2c; border-color: #f89c2c;}
.bg-orange, .bg-orange:hover, .bg-orange:focus {
    background-color: #f89c2c;
    border-color: #f89c2c;
}
.sean,.orng_fnt{color:#f89c2c;}
.iean{color:#800080;}
/*#ajaxIEanCodeModal .modal-dialog { width: 80%; }*/
#ajaxProdIEanCodeModal .modal-dialog { width: 80%; }
#ajaxProdIEanCodeModal .modal-body,#ajaxIEanCodeModal .modal-body { max-height: 700px; overflow-y: auto; }
#ajaxProdIEanCodeModal .form-horizontal .checkbox [type="checkbox"] + label, .form-inline .checkbox [type="checkbox"] + label { margin: 0; }
#ajaxProdIEanCodeModal .form-horizontal .checkbox [type="checkbox"] + label.print_etiquettes { font-weight: bold; color: #333; }
.mrgTop7{margin-top: 7px;}
.cean_header{ float: left;width: 100%;border: 2px solid #000000; padding: 5px; margin-top: 25px;}
.cean_details{ margin-top: 5px;}
.cean_title{ float: left;font-size: 16px; font-weight: 700;}
.cean_code{float: left;min-width: 110px;display: inline-block;height: 24px;padding-left: 10px;}
.iean_header{ float: left;width: 100%;border: 2px solid #800080; padding: 5px; margin-top: 25px;}
.iean_details{ margin-top: 5px;}
.iean_title{ font-size: 16px; font-weight: 700;}
.iean_code{color: #800080;}
#ajaxSystemCEanModal .modal-dialog{ width: 40%; }
.ean-with-count{ margin-top: 20px;}
.ean-with-count span{ float: left; width: 100%; margin: 5px 0; }
.system_ean_prod .productEancode{color:#f89c2c;}
.ig_product_ean{ min-width: 200px; width: 215px;}
.selected-img-desc{ float: left; width: 75px; background: #00F; color: #fff;}
.selected-img-desc a.view_description,.selected-img-desc a.view_images{ border: 1px solid blue; color: #fff;}
.remove-sel-desc,.remove-sel-img{ position: relative; top: 3px; bottom: 0; left: 2px; cursor: pointer;}
.remove-sel-desc i,.remove-sel-img i{font-size: 18px;}
.supp_count{ margin-left: 6px;}
.iean_checkbox,.cean_checkbox{float: left;}
.iean_body,.cean_body{float: left;width: 200px;}
.ean_label{float: left;width: 47px;}
.iv_product_ean{float: left;width: 215px;}
.iv_ean_code{float: left;padding-right: 10px;}
.iv_ic_ean_code{float: left;padding-right: 10px;}
.iv_product_ean a.add_iean{/*float: left;*/}
.iv_product_ean .remove_sean{float: left;}
.ig_product_ean .child_product_ean_code{min-height: 40px;}
.btn-orng{background: none !important; color: #f89c2c; border: 1px solid #f89c2c !important;}
.btn-orng:hover,.btn-orng:focus{color: #f89c2c;}
.iean_code_input{width: 140px;}
.manual_sos_popup_prod_status,.manual_sos_prod_status,.manual_prod_status {cursor: pointer;}
.prod_status_manual{font-size: 15px; color: #6b6b6b;}
.red-circle i.prod_status_manual{ color: #ef4242 !important;}
.child_prod_status{width: 60px;}
.product-title{float: left;width: 74%;}
.product-status-div{float: left;width: 26%;}
.opacity3{ opacity: 0.3;}
.st_red{color: #ef4242; font-size: 17px;}
span.no_edit{float: none !important;}
span.productEancode{float: left;/*width: 100%;*/min-height: 40px;}
#ajaxDescriptionModal .modal-dialog{width: 80%;}
.no-edit-allowed{pointer-events:none;opacity:0.5;}
.no-edit-allowed.no-allow{pointer-events: auto;}
.no-edit-allowed input{cursor: not-allowed;}
.no-edit-allowed a{pointer-events: none;cursor: not-allowed;}
.scan_data_main{display: inline-block; margin-left: 10px;}
.scan_data_main span{margin: 0 5px;}
.scan_data_main .scan_count{ background: #dddddd; display: inline-block; padding: 9px 12px 7px; border-radius: 10px;font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;}
.scan_data_main .scan_count i{ font-size: 16px;}
.scan_data_main .scan_count .scan_qty{margin: 0; font-size: 14px; font-weight: normal; position: relative; bottom: 1px; left: 1px;}
.scan_deviation_count{color: #fff; display: inline-block; padding: 7px 12px 7px; border-radius: 16px;font-size: 14px;
    font-weight: 600;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;}
.scan_transfer_btn{background: #A020F0; display: inline-block; padding: 7px 12px 7px; color: #fff; font-size: 16px;
    font-weight: 600;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle; cursor: pointer;}
.scan_data_main .scanned_qty{background: #A020F0; color: #fff;}
.scan_data_main .scanned_qty .scan_qty{color: #fff;}
.scan_deviation_count.exceeded{background: #0000FF;}
.scan_deviation_count.equal{background: #1fae66;}
.scan_deviation_count.lower{background: #ef4242;}
.scan_deviation_count i{font-size: 15px;}
.local_modal .btn-primary.add-image-button{background-color: #428bca;border-color: #428bca;}
.drp_data{float: left; padding: 0px;}
.drp_prod_status{float: left; margin-right: 2px; margin-top: 8px;}
.drp_rh_status{float: left; width: 70px; margin-right: 0px; margin-top: 8px;}
.select2-container-multi .select2-search-choice-close{top: 10px;}
#ajaxProductDisplay .modal-dialog{min-width: 960px;}
#ajaxProductDisplay .select2-container{margin-bottom: 15px;}
.sy_font small{font-size: 100%;}
.increase_inventory_row{ margin-bottom: 10px;}
.inventory_create_alert{ margin-bottom: 10px;}
.disabledChk {opacity: 0.5;}
.no-sorty:hover{cursor:not-allowed;}
.product_image_configure_sec{float: left;width: 100%;}
.product_image_configure_frm .configure_img_sec{float: left;width: 100%; border-bottom: 1px solid #000; padding-bottom: 15px; margin-bottom: 15px; }
.option_name_chkbox{float: left; width: max-content; text-align: center;}
.data_product .ecp_checkbox{ float: left; margin: 0 10px; width: 20%;}
#ajaxViewAttributesModal .data_product .ecp_checkbox{ float: left; margin: 0 10px; width: 20%;}
.not-allowed input, .not-allowed label{cursor: not-allowed; }
.ecp_checkbox.checkbox input[type="checkbox"]:disabled + label::before, .ecp_checkbox.checkbox input[type="checkbox"]:disabled + label::after {color: #1a9457;}
.not-allowed, .not-allowed .checkbox, .not-allowed .two + label::before, .not-allowed .two + label::after,
.not-allowed.checkbox input[type="checkbox"]:disabled + label::before, .not-allowed.checkbox input[type="checkbox"]:disabled + label::after { color:#ef4242;}
.ecp_disabled.checkbox input[type="checkbox"]:disabled + label::before, .ecp_disabled.checkbox input[type="checkbox"]:disabled + label::after { color:#1a9457;}
.ecp_disabled input, .ecp_disabled label{cursor: not-allowed; }
.ecp_popover_design{ border: 1px solid #ef4242; color: #ef4242;}
.ecp_popover_design.right > .arrow{ border-right-color: #ef4242;}
.ecp_disabled{opacity: 0.5;}
.ecp-red,.ecp-red input, .ecp-red label, .ecp-red .checkbox, .ecp-red .two + label::before, .ecp-red .two + label::after{color: #ef4242;}
.table_productstatus .product_status{padding-bottom: 1px;}
.ds_int_status{color: #ef4242;font-size: 16px;margin-bottom: 11px;}
.ds_status_label{width: 40px; display: inline-block;}
.table_productstatus .onoffswitch{text-align: left;}
.product_int_gtr0_status:hover{opacity: 0.5; cursor: not-allowed;}
.attr_badge{background: #693d54; border-radius: 5px; padding: 5px;}
.incomplete_product_name_tr{color: #007bff; position: absolute; margin-top: 35px;}
.targer_product_name_tr{color: #ef4242; position: absolute; margin-top: 35px;}
.mgrt_15{margin-right: 15px;}
.prod_com_badge{background: #071af2; color: #ffffff; padding: 3px; border-radius: 5px;}
.prod_incom_badge{background: #f89c2c; padding: 3px; border-radius: 5px;}
.assign_new_child_td{height: 85px;}
.targer_product_name_td{height: 90px;}
.distri_prices, .distri_price{color: purple;}
.child_distri_price{color: purple;}
.prod_b2b_profit_margin,.b2b_prft_margin,.b2b_profit_margin,.b2b_prft_mrg{color:purple;}
.rh-countdown-message{margin-top: 10px;}
.rh-countdown-btn{margin-top: 5px;}
.rh-countdown-btn .revert{background: #eaeaea; border-color: #eaeaea;color: #000000;}
.onoffswitch-reth .onoffswitch-inner::before {background-color: #428BFD;}
.onoffswitch-reth .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch.tickswitch-switch{background-color:#316ACB;border-color:#316ACB;}
.onoffswitch-reth .onoffswitch-inner::after {background-color: #ff9f80;}
.onoffswitch-reth.tick .onoffswitch-switch{background-color: #ff9f80;}
.selectboxit-container .disallow_supplier{background: gray; color: #ffffff;}
.co_dis_supplier{color: gray;}
.child_group_badge_main{margin-top: 24px;}
.child_group_badge{float: left;font-weight: normal;color: #ffffff;border-radius: 4px;padding: 4px;background: #44b749;}
.child_group_badge_dot{float: left;display: none;cursor: pointer;font-size: 25px;position: relative;top: -10px;left: 10px;height: 10px;}
.child_attr_badge_main:hover .child_group_badge_dot,.child_group_badge_main:hover .child_group_badge_dot{display: block;}
.colorpicker.dropdown-menu {z-index: 1051 !important;}
.child_group_badge_main .colorpicker{min-width: 20px; float: right;margin: 0; padding: 0;}  
.child_attr_badge_main{float: left;font-size: 12px;margin-left: 10px;}
.force_image_main{float: left;width: 35px;margin-left: 15px;}
.preview{float: left;width: 55px;}
.child_attr_badge{float: left;font-weight: normal;color: #ffffff;border-radius: 4px;padding: 4px;margin-top: 3px;}
.child_attr_badge i{font-size: 14px;position: relative;top: 2px;left: 3px;}
.child_attr_badge_main .dropdown-menu{padding: 10px;}
.child_attr_badge_main .dropdown-toggle{padding: 4px;font-size: 12px;background: #D3D3D3;color: #000000;min-width: 50px;}
.child_attr_badge_main .dropdown-toggle::after {display: inline-block;width: 0;height: 0;margin-left: .255em;vertical-align: .255em;content: "";border-top: .3em solid;border-right: .3em solid transparent;border-bottom: 0;border-left: .3em solid transparent;position: relative;top: 2px;left: 2px;font-size: 14px;}
.child_attr_badge_main .dropdown-item {display: block;width: 100%;padding: .25rem 1.5rem;clear: both;font-weight: 400;text-align: inherit;white-space: nowrap;background-color: transparent;border: 0;color:#ffffff;}
.child_attr_badge_main .dropdown-item.active{outline: 4px solid #636363;margin: 4px 0;}
.configure_img_sec .child_attr_badge_main{margin-left: 0;margin-top: 24px;}
.onoffswitch.chk-not-allowed{cursor: not-allowed;}
.onoffswitch-label.chk-not-allowed{pointer-events: none; cursor: not-allowed;}
/* Modal Overlay */
.tooltip-modal {
    display: none; /* Hidden by default */
    position: fixed;
    z-index: 1000; /* Place it above other elements */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
}

/* Tooltip Content Box */
.tooltip-content {
    position: relative;
    margin: 15% auto;
    padding: 20px;
    background-color: #f8d7da;
    border-radius: 8px;
    max-width: 400px;
    text-align: center;
}

/* Close Button */
.close-button {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 18px;
    cursor: pointer;
}

/* Buttons inside modal */
.revert-button,
.confirm-button {
    margin: 10px 5px;
    padding: 8px 15px;
    border: none;
    cursor: pointer;
    border-radius: 4px;
}

.revert-button {
    background-color: #e2e3e5;
}

.confirm-button {
    background-color: #28a745;
    color: white;
}
.padding0{padding: 0px; margin-bottom: 10px;}
.configure_img_sec img{width: 80px;height: 80px;}
.order_info{float: left; width: 350px;}
.sosHisOdDetail{display: flex;column-gap: 5px;}
.delivery_address_info{float: left; margin-top: 5px; line-height: 20px;}
.email_phone_block{margin-top: 10px;}
.order_delivery_address_info{float: left; margin: 5px 0 20px; line-height: 20px;}
.adds_relproducts .select2-container--default .select2-selection--multiple .select2-selection__choice{height: 36px;}
.adds_relproducts .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{height: 34px;}
.adds_relproducts .select2-selection__choice__display{float: left;}
.adds_relproducts .select2-selection__choice__display .drp_data{float: left; width: 100%;}
.select2-results__option{float: left; width: 100%;}
.adds_relproducts .select2-container .select2-selection--multiple .select2-selection__rendered{float: left;}
.adds_relproducts .select2-container--default .select2-selection--multiple .select2-selection__choice{background-color: #e4e4e4; background-image: linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);}
.adds_relproducts .select2-container--default .select2-selection--multiple{float: left;width: 100%; height: auto;}
.adds_relproducts .select2-container--default .select2-selection--multiple{border-radius: 0px;border: 1px solid #c8c8c8;background-image: linear-gradient(to bottom, #eee 1%, #fff 15%);}
.adds_relproducts .select2-container--default.select2-container--focus .select2-selection--multiple{border: 1px solid #c8c8c8;}
.adds_relproducts .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{border-right: none; font-size: 1.3em;}
.select2-container .onoffswitch{width: 53px;top: -2px;left: 4px;}
.select2-container .tick .onoffswitch-switch{width: 23px; margin: 1px;height: 20px;}
.select2-container .tick .onoffswitch-inner:before{padding-left: 5px;font-size: 10px;}
.select2-container .onoffswitch-inner:before,.select2-container .onoffswitch-inner:after{height: 20px;line-height: 21px;font-size: 10px;}
.select2-container .tick .onoffswitch-switch:before,.select2-container .tick .onoffswitch-switch:after{line-height: 21px; font-size: 11px;}
.select2-container .onoffswitch-label{border: 1px solid #f1f1f1;}
.select2-container .disabled .onoffswitch-switch{width: 0px;}
.select2-container .onoffswitch-inner:after{text-indent:28px;}
.drp_prod_attr{font-size: 9px;}
.drp_prod_name_attr{float: left; padding: 0; margin: 0;}
.drp_prod_name_attr.no_attr{margin-top: 7px;}
.drp_code_copy_button{float: left; margin-left: 10px; margin-top: 7px;}
.b2b_distri_brands input[type=checkbox]+.lbl::before,.b2b_distri_brands input[type=radio]+.lbl::before{margin-right: 10px;}
.b2b_distri_brands .mt_radio{margin-bottom: 5px;}
.popover.configure_img_popover{max-width: 450px; height: 450px;}
.popover.configure_img_popover .popover-content img{max-width: 410px; max-height: 440px;}
.b2b_dedicated_emails{float: left; width: 100%; margin: 10px 0;}
.b2b_dedicated_emails input {border:1px solid #dddddd; height: 35px; padding: 5px; margin-bottom: 5px;}
.b2b_dedicated_emails .control-label{padding-left: 28px;}
.b2b_dedicated_emails .controls{padding-left: 0px;}
#attributes .incomplete_product_name_tr{margin-top: 55px;}
.product_tab .product_add .targer_product_name_tr{margin-top: 70px;}
.tabs .tab-content.incomplete_products_tab{padding: 10px 1%;}
.business_proofs{padding-top: 5px;}
.modal-title .onoffswitch-label{height: 26px;}
.modal-title .onoffswitch{width: 60px;}
.modal-title .onoffswitch-inner:before{padding-left: 7px; font-size: 10px;}
.modal-title .tick .onoffswitch-inner:before{text-align: left;}
.modal-title .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch.tickswitch-switch{font-size: 12px;}
.modal-title .tick .onoffswitch-switch{width: 25px; font-size: 12px;}
.modal-title .tick .onoffswitch-switch:before, .modal-title  .tick .onoffswitch-switch:after{line-height: 23px;}
.modal-title .onoffswitch-inner:before, .modal-title .onoffswitch-inner:after{height: 22px; line-height: 23px; font-size: 10px;}
.modal-title .onoffswitch-switch{right: 28px;}
.customer_list_area{width: 570px;height: 230px;border-bottom:1px solid #CCCCCC;}
.customer_list_area .mt_radio chck{line-height: 25px;}
.order_products_search_list{width: 100%; height: 300px;}
.order_products_search_input .input-group{width: 100%;}
.order_products_search_input .input-group input{width: 100%;}
.order_products_search_input .controls .col-sm-4{padding: 0px;}
#frmOrderProduct .price_data{padding: 10px 3%;}
#product_attributes_list .product_price,#product_attributes_list .product_msrp,#product_attributes_list .product_special_price{float: left; width: 100%; min-height: 25px; cursor: text;}
#product_attributes_list .error{font-weight: normal;}
#product_attributes_list .inline_edit_text{float: left; width: 80px;}
#product_attributes_list .red-border{border-color: red;}
#customer_shipping_addresses,#customer_billing_addresses{width: 250px;}
#customer_shipping_addresses .select_bdr,#customer_billing_addresses .select_bdr{width: 100%;}
/* DEV-3261 */
#ajaxViewImagesModal #attachments_presentation td.preview_img_area,tbody > tr > td.preview_img_area{padding: 0px;}
.template-download .force_image_main{padding: 8px;}
.template-download .child_attr_badge_main{padding: 8px;}
.dropup .dropdown-menu {top: auto;bottom: 100%;margin-bottom: 2px;}
.dropup .dropdown-menu:before {top: auto;bottom: -14px;border-bottom-color: transparent;border-top: 7px solid #ccc;}
.dropup .dropdown-menu:after {top: auto;bottom: -12px;border-bottom-color: transparent;border-top: 6px solid #ffffff;}
.not-allowed-checkbox{cursor: not-allowed;}
.not-allowed-checkbox .onoffswitch-label{pointer-events: none;}
.order-counter {
    position: relative;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: grey;
    color: white;
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: none;
    cursor: pointer;
}
.order-counter[disabled],.order-counter[disabled]:active,.order-counter[disabled]:focus,.order-counter:hover,.order-counter:focus,.order-counter:active {
    background-color: grey;
    outline: none;
}
.customer-email-container {
    display: flex;
    align-items: center;
}

.customer-email {
    margin-right: 5px;
}
.profit-margin-view-btn,.profit-margin-view-btn:hover,.profit-margin-view-btn:focus,.profit-margin-view-btn:active{background-color: transparent; color: #1fae66;}
.profit-margin-view-btn.btn-primary[disabled]{color: #ffffff;}
.b2b_b2c_badge{padding: 2px; color: #ffffff;}
.ord_prod_stock_indicator{float: left; width: 100%;}
.ovo_stock_indicator{float: left; width: 100%; margin-top: 8px;}
/*** DEV-2811 ****/
.spec_price_main_sec{width: 145px;}
.spec_price_main_sec .productSpecialPrice{width: auto; float: left; margin-right: 10px;}
.spec_price_date_sec{float: left; margin-top: 5px;}
.spec_date_row i.text-success, .spec_date_row i.text-muted{font-size: 18px; margin-right: 5px;}
.spec_date_row {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
}
.data_product .btn.btn-spec-rmv-dates,.spec_price_main_sec .btn.btn-spec-rmv-dates {
    background: transparent;
    border: 1px solid red;
    color: red;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    padding: 0;
    text-align: center;
    line-height: 10px;
    font-size: 12px;
    display: inline-block;
    transition: background 0.2s ease;
    margin-left: 5px;
}

.spec_price_main_sec .btn-spec-rmv-dates:hover, .spec_price_main_sec .btn-spec-rmv-dates:focus, .spec_price_main_sec .btn-spec-rmv-dates:active {
    background: transparent;
    color: red;
    text-decoration: none;
}
#product_attributes_list .spec_price_main_sec{width: 160px;}
#ajaxViewSpecialPriceModal i.text-success,#ajaxViewSpecialPriceModal i.text-muted{font-size: 18px;}
.spec_price_sec .btn_edit_specialprice{margin-left: 5px;}
#ajaxSpecialPriceModal .modal-dialog, #ajaxChildProductSpecialPriceEditModal .modal-dialog, #ajaxSpecialPriceEditModal .modal-dialog{width: 600px;}
#product_attributes_list .product_special_price.inline_indicator{min-height: 35px; width: 75px;}
.spec_price_sec .inline_indicator{float: left; width: 45px; height: 25px;}
.spec_price_sec .inline_indicator:after{right: 0px;}
.child_product_attribute_pricegross.inline_indicator,.child_product_attribute_msrp.inline_indicator{float: left; width: 80px; height: 25px;}
.child_product_attribute_msrp.is_no_b2b_distri.inline_indicator:after{background: transparent;}
#td_child_product_attribute_pricegross__last.inline_indicator{height: 26px;}
#ajaxAddNewChildProductModal #td_child_product_attribute_pricegross__last.inline_indicator{height: 25px;}
.productpricegross.inline_indicator{float: left; width: 60px; height: 25px; margin-bottom: 5px;}
.childProductPrice.inline_indicator{float: left; width: 85px; height: 25px; margin-bottom: 5px;}
.spec_price_main_sec .oldPrice{float: left; width: 100%;}
.spec_price_main_sec .oldPrice span.inline_price_gross{float: left; width: 90px; min-height: 20px;}
.spec_price_main_sec .oldPrice span.int_value{text-decoration: line-through;}
#part2_delivery_table thead th, #order_delivery_table thead th, #part_delivery_table thead th{padding: 10px 7px;}
#part2_delivery_table tbody td, #order_delivery_table tbody td, #part_delivery_table tbody td{padding: 8px 7px;}
.data_product #part_delivery_table .checkbox{width: 1px;}
.modal-opens #partNewDeliveryModal.smaller .modal-dialog{max-width: 1010px;}
#startPackingModal .lightgallery, #part_delivery_table .lightgallery, #partNewDeliveryModal .lightgallery{float: left; width: 100%; margin: 0; padding: 0;}
#startPackingModal .lightgallery li, #part_delivery_table .lightgallery li, #partNewDeliveryModal .lightgallery li{list-style: none;}
#startPackingModal .lightgallery li img.picked_product_image, #part_delivery_table .lightgallery li img.picked_product_image, #partNewDeliveryModal .lightgallery li img.picked_product_image{max-width: 80px; max-height: 50px;}
/**** DEV-2069 ***/
.inline_area.supplierinfo span:nth-child(1){
    text-align:left;
}
.inline_area.supplierinfo span:nth-child(2){
    text-align:left;
}
.inline_area.supplierinfo span:nth-child(3){
    text-align:right;
}
ul.selectboxit-list .av_price_info{display: flex;
    align-items: center;
    justify-content: space-between;
    float: none;}
span.selectboxit-container .child_product_attribute_supplier .velo_connect_supplier{display: flex;}
ul.selectboxit-list .av_price_info span:nth-child(1){
    text-align:left;
    min-width: 55px;
}

ul.selectboxit-list .av_price_info span:nth-child(2){
    text-align: left;
}
ul.selectboxit-list .av_price_info span:nth-child(2) i{
    padding-left:0px !important;
}
ul.selectboxit-list .av_price_info span:nth-child(3){
    text-align:right;
}
ul.selectboxit-list .av_price_info span{
    flex:1;
}
.matching_supplier_list .supplierinfo{
    display:table-row;
    margin: 0;
    float: none;
}
.matching_supplier_list tbody{
    display:table-row-group;
}
.matching_supplier_list table{
    display:table;
}
table#aas_table .matching_supplier_list tbody tr td,
.matching_supplier_list tbody tr td{
    display:table-cell !important;
    padding:0 3px !important;
}
tr.inline_area.supplierinfo.active {
    border:none;
}
.matching_supplier_list table{
    border-collapse:separate;
}
table#aas_table .matching_supplier_list table tr,
.matching_supplier_list table tr{
    background: transparent !important;
}
.matching_supplier_list table tr.inline_area.supplierinfo.active td{
    border-top: 1px solid #1a9457;
    border-bottom: 1px solid #1a9457;
    border-left: 1px solid #1a9457;    
    
}
.matching_supplier_list table tr.inline_area.supplierinfo.active td:nth-child(3){
    border-right: 1px solid #1a9457;
     border-left: 0px solid #1a9457;
    border-radius: 0px 5px 5px 0px;
  -moz-border-radius:0px 5px 5px 0px;
  -webkit-border-radius:0px 5px 5px 0px;
}
.matching_supplier_list table tr.inline_area.supplierinfo.active td:nth-child(1){
    border-right: 0px solid #1a9457;
     border-left: 1px solid #1a9457;
    border-radius: 5px 0px 0px 5px;
  -moz-border-radius:5px 0px 0px 5px;
  -webkit-border-radius:5px 0px 0px 5px;
}
.matching_supplier_list table tr.inline_area.supplierinfo.active td:nth-child(2){
    border-right: 0px solid #1a9457;
    border-left: 0px solid #1a9457;
}
.supplier_order_cart_list ul.selectboxit-list .av_price_info span:nth-child(1){min-width: 130px;}
#ajaxCatalogueSearchModal ul.selectboxit-list li .av_price_info span.availability_info,
#ajaxSimpleProductCatalogueSearchModal ul.selectboxit-list li .av_price_info span.availability_info,
#ajaxChildProductCatalogueSearchModal ul.selectboxit-list li .av_price_info span.availability_info{min-width: 50px; margin-right: 5px;}
#ajaxCatalogueSearchModal span.selectboxit-text .av_price_info span.availability_info,
#ajaxSimpleProductCatalogueSearchModal span.selectboxit-text .av_price_info span.availability_info,
#ajaxChildProductCatalogueSearchModal span.selectboxit-text .av_price_info span.availability_info{min-width: 50px; margin-right: 5px;}
#ajaxCatalogueSearchModal ul.selectboxit-list .av_price_info,
#ajaxSimpleProductCatalogueSearchModal ul.selectboxit-list .av_price_info,
#ajaxChildProductCatalogueSearchModal ul.selectboxit-list .av_price_info{float: right; width: 100%;}
#ajaxCatalogueSearchModal span.selectboxit-text .av_price_info,
#ajaxSimpleProductCatalogueSearchModal span.selectboxit-text .av_price_info,
#ajaxChildProductCatalogueSearchModal span.selectboxit-text .av_price_info{float: right; width: 100%;}
#ajaxCatalogueSearchModal ul.selectboxit-list .av_supplier_name,
#ajaxSimpleProductCatalogueSearchModal ul.selectboxit-list .av_supplier_name,
#ajaxChildProductCatalogueSearchModal ul.selectboxit-list .av_supplier_name{width: 320px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
#ajaxCatalogueSearchModal ul.selectboxit-list .av_supplier_name.selected_av_supplier,
#ajaxSimpleProductCatalogueSearchModal ul.selectboxit-list .av_supplier_name.selected_av_supplier,
#ajaxChildProductCatalogueSearchModal ul.selectboxit-list .av_supplier_name.selected_av_supplier{width: 230px;}
#ajaxCatalogueSearchModal ul.selectboxit-list .velo_connect_supplier,
#ajaxSimpleProductCatalogueSearchModal ul.selectboxit-list .velo_connect_supplier,
#ajaxChildProductCatalogueSearchModal ul.selectboxit-list .velo_connect_supplier{display: flex; align-items: center;}
#ajaxCatalogueSearchModal span.selectboxit-text .velo_connect_supplier,
#ajaxSimpleProductCatalogueSearchModal span.selectboxit-text .velo_connect_supplier,
#ajaxChildProductCatalogueSearchModal span.selectboxit-text .velo_connect_supplier{display: flex; align-items: center;}
#ajaxCatalogueSearchModal span.selectboxit-text .av_supplier_name,
#ajaxSimpleProductCatalogueSearchModal span.selectboxit-text .av_supplier_name,
#ajaxChildProductCatalogueSearchModal span.selectboxit-text .av_supplier_name{width: 320px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
#ajaxCatalogueSearchModal span.selectboxit-text .av_supplier_name.selected_av_supplier,
#ajaxSimpleProductCatalogueSearchModal span.selectboxit-text .av_supplier_name.selected_av_supplier,
#ajaxChildProductCatalogueSearchModal span.selectboxit-text .av_supplier_name.selected_av_supplier{width: 240px;}
#ajaxCatalogueSearchModal ul.selectboxit-list .av_price_info span.price_info,
#ajaxSimpleProductCatalogueSearchModal ul.selectboxit-list .av_price_info span.price_info,
#ajaxChildProductCatalogueSearchModal ul.selectboxit-list .av_price_info span.price_info,
#ajaxCatalogueSearchModal span.selectboxit-text .av_price_info span.price_info,
#ajaxSimpleProductCatalogueSearchModal span.selectboxit-text .av_price_info span.price_info,
#ajaxChildProductCatalogueSearchModal span.selectboxit-text .av_price_info span.price_info{text-align: right;}
#supplier_div .velo_connect_supplier{display: flex; align-items: center; padding: 10px 6px 12px;}
#supplier_div span.selectboxit-text .velo_connect_supplier{display: flex; align-items: center; padding: 10px 25px 12px 6px;}
#supplier_div .velo_connect_supplier .av_supplier_name{width: 150px;}
#supplier_div .velo_connect_supplier .av_price_info{float: right; width: 100%;}
#supplier_div .velo_connect_supplier .availability_info{width: 100px;}
#supplier_div .velo_connect_supplier .price_info{text-align: right;}
#quantities span.selectboxit-text .av_price_info{display: flex; align-items: center; justify-content: space-between;}
#quantities span.selectboxit-text .av_price_info span:nth-child(1) {
    text-align: left;
    min-width: 55px;
}
#packed_products_table_wrapper h3{float: left; width: 100%;}
/* --- DEV-3772 --- */
.modal-content.description {
    height: 90vh;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
}
.modal-content.description .modal-body {
    flex: 1 1 auto;
    overflow: hidden;
}
.modal-content.description .modal-body .row {
    height: 100%;
}
.modal-content.description .col-lg-4,
.modal-content.description .col-lg-8 {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.modal-content.description .col-lg-8 {
    min-height: 950px;
}
.modal-content.description .mce-tinymce {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.modal-content.description .mce-edit-area {
    flex: 1;
        display: flex;
    flex-direction: column;
}
#form_description_ifr
 {
    height: calc(90vh - 300px) !important;
    min-height: 765px !important;
}
.modal-content.description .iframe_preview iframe {
    flex: 1 1 auto;
    width: 100%;
    height: 100% !important;
}
/* --- END DEV-3772 --- */