/*Liynk Custom CSS*/
   .btn  {
    border-radius:  0;
  }
  .btn-left {
    float:  left;
  }
  .dGrey {
    color: #949292;
  }
  .posRel{
    position: relative;
  }
  .posAbs{
    position: absolute;
    right: 0;
    top: 0;
  }
  .pe-none{
    pointer-events: none;
  }
  input.pe-none, select.pe-none {
    background: #b7b7b7 !important;
    color: #fff;
  }  
  .cmpRec{
    top: 8px !important;
  }
  .cmpBy {
      color: #8fc96d;
      font-weight: bold;
  }
  .underline {
    text-decoration: underline;
  }
  .chk-label.input-filter{
    font-size: 12px;
    display: inline-block;
  }
  .alightItem-baseline{
    align-items: baseline;
  }
  .alightitem-center{
    align-items: center;
  }
  tr.disabled {
    background: #b7b7b7 !important;
  }
  .margin-bottom-5em{
    margin-bottom: 5em;
  }

  .highlighted {
    color: #71bf44;
  }
  .invoice-header-center .input-group.col-md-6 {
    max-width: 48% !important;
    margin-right: 2%;
  }

  .padding_top_12 {
    padding-top:  8px;
    padding-right: 0;
    text-align:  right;
    -ms-flex: 0 0 5%;
    flex: 0 0 5%;
    max-width: 5%;
  }
  .padding_top_12 a{
    margin-left: 20px;
  }
  .padding_top_12 .open-dynamic-modal{
    padding-right: 0;
  }
  .padding_10 {
    padding:  10px;
  }

  a.black {
    color:  #212529;
  }

  a.anchor , a.anchor:hover , .anchor{
    color: #2ea3f2;
  }

  .border_red {
    border: 1px solid red !important;
  }
  /*
  table tr.active td {
      background: #ccc;
      }*/
      table tr.active , table.company-list-table tr:hover, table.order-list-table tr:hover{
        background-color: #ffffff !important;
        box-shadow: 0 0 6px #00000060;
      }
      table tr.active td div {
        color: #000;
      }
      .blog-header .row{
        margin-left: 0;
        margin-right: 0;
      }
      .blog-header .row .col-md-4:first-child{
        padding-left: 0;
      }
      .blog-header .row .col-md-4:last-child{
        padding-right: 0;
      }
      .page_loader {
        display: none;
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 99999;
        background-size: 60px !important;
        opacity: .8;
      }
      .removeBtnStyle  {
        border:  none;
        background:  no-repeat;
      }
      a.canvasjs-chart-credit  {
        display:  none;
        visibility:  hidden;
      }
      #purchase-list-rows .qty_parent  {
        width:  3%;
      }
      .whiteSpaceNowrap{
        white-space: nowrap;
      }
      .color_unset ,  .color_unset:hover {
        color:  unset;
      }
      .no-margin , .no_margin {
        margin:  0 !important;
      }
      .row-highlighted  {
        box-shadow:  rgb(113,  191,  68) 0px 0px 4px 2px;
      }

      .whiteboxshadow{
        box-shadow: 0 0 6px rgb(0 0 0 / 20%);
        background: #fff;
      }
      .pd5{
        padding: 5px;
      }
      .pd60{
        padding: 60px;
      }
      .pd40{
        padding: 40px;
      }
      .pdt10 {
        padding: 10px 0 10px;
      }

      

      button img.popup-icon, a img.popup-icon  {
        width:  28px;
        vertical-align:  middle;
      }
      .theme_color  {
        color:  #bcecf3;
      }
      .error  {
        color:  red;
      }
      .error_message  {
        color:  red;
      }
      .add-enquiry .error_message {
        /*position:  absolute;*/
      }
      .disabled-label  {
        background:  #b7b7b7 !important;
      }
      .success_message  {
       color:  green !important;
     }
     .logout-btn  {
      outline: 1px solid #fc5252 !important;
      border: none;
      color: #fff !important;
      background: transparent;
    }
    button.login-btn-border  {
      border-radius:  unset;
  /*background-color: #ccc !important;
  */
}
.bold  {
  font-weight:  bold;
}
.capitalize  {
  text-transform:  capitalize;
}
.align_item_flex_end{
  align-items: flex-end;
}
ul.company_suggestion_list, ul.manufacture_list, ul.suggestion_list  {
  display:  none;
  list-style:  none;
  padding:  0;
  position:  absolute;
  background:  #f7f6f6;
  width:  90.3%;
  z-index:  1;
  max-height:  100px;
  min-height:  auto;
  overflow-y:  scroll;
}
ul.company_suggestion_list li a, ul.company_suggestion_list li a:hover, ul.manufacture_list li a, ul.manufacture_list li a:hover, ul.suggestion_list ul.suggestion_list li a ul.suggestion_list li a:hover  {
  color:  #ccc;
}
a.list-suggestion  {
  color:  #ccc;
}
a.list-suggestion:hover  {
  color:  #ccc;
}
ul.company_suggestion_list, ul.manufacture_list li, ul.suggestion_list li  {
  background:  #666666;
}
a.delete_chose_by_user  {
  display:  table-cell;
  color:  #fff;
  vertical-align:  middle;
  width:  69%;
  margin-left:  45px;
  text-align:  center;
  background:  #ff868680;
  cursor:  pointer;
}
a.delete_chose_by_user:hover  {
  color:  #fff;
  background:  #ff868680;
}
ul.company_suggestion_list li, ul.manufacture_list li, ul.suggestion_list li  {
  cursor:  pointer;
  line-height:  12px;
  padding:  6px;
}
ul.manufacture_list ul.suggestion_list  {
  width:  100%;
}
.search_bar_list ul.suggestion_list  {
  width:  69%;
  margin-left:  19%;
}
.search_bar_list ul.suggestion_list li  {
  background:  #f5f5f5;
}
.search_bar_list ul.suggestion_list a  {
  color:  #212529;
}
.search_bar_list ul.suggestion_list li:hover  {
  color:  #212529;
  background-color:  rgba(0,  0,  0,  0.075);
}
.invoice-fileds-sec .suggestion_list  {
  width:  unset;
}
.invoice-fileds-sec .suggestion_list li  {
  height:  unset !important;
  margin:  0 !important;
}
.custom-form-body  {
  background:  #f5f5f5;
  border-right:  1px solid #ccc;
  height:  300px;
}
.custom-form-header h4  {
  margin:  0;
}
.custom-form-header  {
  padding:  10px;
  border-bottom:  1px solid #ccc;
}
.content-margin-top  {
  margin-top:  20px;
}
.input-group5A12 {
  width:  14%;
  display:  inline-block;
}
.backgroud-transparent  {
  background:  transparent;
}
.backgroud-transparent:focus  {
  background:  transparent;
}
.default_backgroud_color  {
  background:  #bcecf3;
}
.list-paginations  {
  text-align:  center;
}
.list-paginations a, .data-listings-page .custom-paginations a  {
  border:  1px solid #bcecf3;
  color:  #000000;
  margin-left:  10px;
  padding:  10px 15px 10px 15px;
}
.apply_on_ label:nth-child(1)  {
  width:  25%;
  position:  relative;
}
.apply_on_ input[type="radio"] {
  position:  relative;
  top:  3px;
  left:  8px;
}
.custom-paginations  {
  text-align:  center;
}
.list-paginations strong, .data-listings-page .custom-paginations strong  {
  background:  #bcecf3;
  border:  1px solid #bcecf3;
  color:  #000000;
  margin-left:  10px;
  padding:  10px 15px 10px 15px;
}
.data-listings-page .content-margin-top label  {
  font-weight:  bold;
}
.data-listings-page .sl-th2.item-name  {
  width:  10%;
}
.text-center  {
  text-align:  center !important;
}
.cursor_pointer, .obso_preferd_supplier, .add_supplier_part  {
  cursor:  pointer;
}
.data-listings-page .edit_item_content  {
  cursor:  pointer;
}
.data-listings-page .cursor_pointer  {
  cursor:  pointer;
}
.data-listings-page .dashboard-left.filter-area-content  {
  min-width:  20%;
}
.data-listings-page #top-filter01  {
  max-width:  220px;
}
.dashboard-right.content-area  {
  min-width:  80%;
}
.data-listings-page .search-result  {
  padding-right:  0px;
  color:  #707070;
  font-size:  12px;
}
.data-listings-page .remove-icon-img  {
  width:  30px;
  height:  auto;
  float:  right;
}
.flag_image  {
  width:  100%;
  float:  left;
  text-align:  right;
}
.data-listings-page .flag_image img  {
  width:  20px;
  margin-top:  10px;
}
.multiple_img img  {
  width:  100%;
}
.multiple_img  {
  width:  20%;
  text-align:  center;
  margin-left:  10px;
  display:  inline-block;
  margin-bottom:  5px;
}
.basic-form-2  {
  width:  100%;
  padding-top:  30px;
  padding-left:  5%;
  padding-right:  3%;
}
.select-supplier-warp  {
  width:  100%;
}
.chossed_products  {
  width:  6.5%;
  text-align:  center;
  vertical-align:  sub;
}
#additional-detail-supplier .manufacture_list  {
  width:  100%;
}
.product_btn_area  {
  vertical-align:  sub;
}
.rating-warp-main2 .col3  {
  max-width:  19%;
  flex:  0 0 19%;
  float:  left;
  padding-left:  0;
  margin-left:  .5%;
  margin-right:  .5%;
}
.rating-warp-main2 .col3:first-child  {
  margin-left:  0;
}
.total-rating  {
  padding:  12px 14px !important;
}
#uploadimageModal .modal-content, #uploadPartImage .modal-content  {
  top:  28px;
  left:  -30px;
  height:  90vh;
}
.supplier-Name-warp .uploaded_image_src img  {
  width:  100%;
  max-height:  130px;
  margin-bottom:  10px;
}
.supplier-logo-warp.uploaded_image_src  {
  text-align:  left;
}
.add_more-img  {
  width:  28px !important;
}
.supplier_website  {
  color:  #000;
  top:  4px;
  position:  relative;
}
.obso_preferd_supplier  {
  font-size:  unset;
  border:  unset;
}
.obso_preferd_supplier span.checkmark  {
  padding:  8px;
}
.condition-options input[type="checkbox"]:checked ~ .checkmark  {
  filter:  invert(0.5) sepia(1) saturate(4) hue-rotate(50deg);
}
.row.success_message_list ul  {
  width:  100%;
  text-align:  left;
  font-variant:  small-caps;
  color:  green;
}
.success_message_list p.message_content  {
  text-align:  center;
  width:  30%;
  color:  green;
  margin:  auto;
  margin-top:  12px;
  border-radius:  4px;
  border:  1px solid;
  padding:  10px;
}
.message_view p.message_content  {
  text-align:  center;
  width:  100%;
  color:  green;
  margin:  auto;
  margin-top:  12px;
  border-radius:  4px;
  border:  1px solid;
  padding:  10px;
}
.message_view  {
  display:  none;
}
.uploaded_table_columns  {
  border:  .5px solid #ccc;
  padding:  13px;
  margin-bottom:  5px;
  /*width:  90% !important;
  margin-left:  10px;*/
}
#dropdiv table td: first-child  {
  width:  33%;
}
ul#allItems  {
  width:  100%;
}
ul#allItems li, .drag_content  {
  /***-padding:  10px;
  */ 
  border:  1px solid #cccc;
  /*margin-bottom:  10px;*/  
  list-style:  none;
  /*font-size:  15px;*/  
  border-right:  none;
}
.files_uploaded_list td, .files_uploaded_list th  {
  white-space:  nowrap;
  font-size:  12px;
  font-weight:  400;
  text-align:  center;
}
.files_uploaded_list th  {
  vertical-align:  bottom;
  border-bottom:  1px solid #666;
}
.custom_font_size  {
  font-size:  1.25rem;
}
.custom_font_text  {
  font-family:  "HelveticaNeue";
  font-size:  14px;
}
.content-file-data .set_file_name  {
  border:  unset;
  width:  65%;
  background:  #fff;
}
.note_text  {
  margin:  0;
  padding:  0;
  text-align:  center;
  white-space:  normal;
}
.not-drag  {
  pointer-events:  none;
  background-color:  #e9ecef;
  opacity:  1;
}
.margin-top  {
  margin-top:  20px;
}

.error_td  {
  background:  red;
}

.mgTb {
  margin: 10px 0px 20px;
}
.custom_font_text td  {
  padding:  0.375rem 0.75rem;
  height:  calc(0.1em + 0.75rem + 2px);

}
.other_content_td  {
  white-space:  nowrap;
  padding:  0px 10px;
  font-size:  12px;
  min-width:  150px;
  border:  1px solid #cccc;
  border-right:  none;
}
.table_content td.drag_content  {
  padding:  0px 10px;
  font-size:  12px;
  min-width:  150px;
  white-space:  nowrap;
  cursor:  move;
}
#dropdiv table td  {
  border-color:  #ccc;
  white-space:  nowrap;
}
.success_message_list  {
  margin-bottom:  8px;
}
.remove_drop_content  {
  float:  right;
  color:  red !important;
  display:  none;
}
.message_content ul.error_list  {
  color:  red !important;
  margin:  0;
  padding-left:  14px;
  text-transform:  none !important;
  font-variant:  unset;
}
.file_total_reords  {
  font-size:  15px;
  margin:  20px;
}
.csv_file_heading  {
  text-align:  center !important;
  border:  1px solid #ccc;
  border-bottom:  unset;
  padding:  12px;
  font-size:  1.75rem;
}
.csv_file_heading p  {
  margin:  0;
  width:  100%;
  text-align:  center;
}
.table_content  {
  overflow-x:  scroll;
  overflow-y:  hidden;
}
.dashboard-top-left  {
  background-color:  #f9f9f9;
  padding-left:  0;
  padding-right:  0;
  max-width:  20%;
  min-width:  20%;
}
.margin-top-10  {
  margin-top:  10px;
}
.dashboard-top-right  {
  background-color:  #f9f9f9;
  padding-left:  0;
  padding-right:  0;
  min-width:  80%;
  max-width:  80%;
}
.uppercase-text  {
  text-transform:  uppercase;
}
.company_name_width  {
  max-width:  42%;
  padding-left:  0;
}
.company_aliases_name_width  {
  width:  54%;
  padding-left:  0;
  padding-right:  0;
}
.custom_lead_time  {
  margin-bottom:  5px;
}
.custom_lead_time label  {
  float:  left;
  width:  75%;
}

.day_amount_spend  {
  float:  right;
  width:  24%;
}

.disabled_area  {
  pointer-events:  none;
  background-color:  rgb(233,  236,  239);
  opacity:  1;
}

.day_amount_spend input  {
  height:  40px;
}

.link_in_table  {

  color:  #3C3C3C;
  font-size:  12px;
  font-weight:  normal;
  word-break:  break-all;
}

tr.blocked:hover td  {
  background:  #ff868680;
}



tr.blocked  {
  background:  unset !important;
}

tr.blocked td:first-child  {
  border-left:  2px solid #ff868680;
}
tr.blocked td  {
  border-top:  2px solid #ff868680;
  border-bottom:  2px solid #ff868680;
}

tr.blocked td:last-child  {
  border-right:  2px solid #ff868680;
}
.rating_link, .rating_link:hover  {
  color:  #212529;
  font-size:  unset;
}
.sec-title-warp h4  {
  font-weight:  600;
}
.set_anchor_p a , .web-fs {
  font-size:  11px;
}
.image_manage_icons a  {
  margin:  5px;
  cursor:  pointer;
}
.previous_image  {
  display:  none;
}
#deleteSupplierLogo .modal-dialog  {
  margin:  14% auto 0 auto;
}

#deleteSupplierLogo .modal-content  {
  height:  240px;
  right:  auto;
  top:  32%;
}

#deleteSupplierLogo .modal-body  {
  padding:  30px;
}
.top_modal_box .modal-dialog  {
  margin:  14% auto 0 auto;
}
.top_modal_box .modal-content  {
  height:  240px;
  right:  auto;
  top:  32%;
}
.top_modal_box .modal-body  {
  padding:  30px;
}
.popup-form-warp .uploaded_image_src  {
  text-align:  center;
}

.popup-form-warp label{
  padding: 0!important;
  margin: 0 !important;
  font-weight: bold;
}
.popup-form-warp input.form-control , .popup-form-warp select{
  padding-left:5px !important;
}

.popup-form-warp .uploaded_image_src img  {
  width:  50%;
  margin-bottom:  10px;
}
.content_right  {
  float:  right;
}

a.link_in_table:hover  {
  color:  #212529;
}

p.set_anchor_p  {
  line-height:  20px;
}
.remove-supplie-product-btn  {
  display:  none;
}
.supplier-Name-warp .input-PPI::before  {
  width:  100%;
  left:  0;
}
.supplier-Name-warp  {
  margin-top:  15px;
}
#supplier-rating .rating-warp-main  {
  margin-top:  0 !important;
}
.supplier-basic2  {
  width:  100%;
}
.supplier-Name-warp .suppliers_logo_image  {
  max-width:  100% !important;
}
.pac-container  {
  z-index:  10000 !important;
}
.paidCompleteButton {
  width: 185px;
  margin-top: 7px;
}
.btn.trash_list  {
  color:  #fc5252;
  border:  1px solid #fc5252;
  padding:  5px 0px 5px 0px;
  background:  transparent;
  border-radius:  0;
  margin-top:  8px;
  width:  85%;
}
.btn.trash_list:hover, .btn.trash_list:focus, .btn.trash_list:active  {
  background-color:  #fc5252;
  color:  #ffffff;
  border-color:  #fc5252;
  height: 40px;
  padding:  9px 0px 5px 31px;
  outline:  0;
  background-image:  url(http://liynk.com/assets/images/icons/delete3.png);
  background-position:  23px center;
  background-repeat:  no-repeat;
  background-size:  28px auto;
}
.btn.trash_list:hover img, .btn.trash_list:focus img, .btn.trash_list:active img {
  display: none;
}
img.s-logo  {
  width:  90px;
}
.not-found  {
  text-align:  center;
  padding-top:  20px;
}
.remove-supplie-product-btn  {
  margin-top:  -10px;
}
.remove-supplie-product-btn img  {
  max-width:  30px;
  margin-top:  0px;
}
.input-group3  {
  margin-right:  .4% !important;
}
.in_trash  {
  text-transform:  uppercase;
  float:  right;
  color:  #fff;
}
.add_listing_btn  {
  width:  90px !important;
  color:  #000000 !important;
}
.ui-state-default  {
  cursor:  pointer;
}
.popup-tabs li a:hover  {
  color:  #000000;
}
.add-price-row select  {
  float:  left;
}
.part_condition_list  {
  width:  45% !important;
  position:  relative !important;
  left:  27%;
  right:  0;
  display:  inline-block;
  top:  5px;
}
.size_of_parts input  {
  display:  inline-block;
  width:  32.5%;
}
.part_weight_content input  {
  float:  left;
  width:  74%;
}
.part_weight_content select  {
  float:  right;
  width:  25%;
}
.stock-item-img img  {
  width:  100%;
}
.less_spaces p  {
  margin:  unset;
  margin-bottom:  3px;
}
.no_padding {
  margin:  0;
  padding:  0;
}
.color-black {
  color:  #3C3C3C;
}
a.color-black:hover  {
  color:  #3C3C3C;
}
p.less_spaces.null  {
  text-align:  center;
}

p.description  {
  white-space:  break-spaces;
}
.setBorderBottom  {border-bottom:  1px solid red !important; } 
.restore_btn  {
  color:  #666; 
  display:  inline-block; 
  margin-top:  1px; 
  font-size:  24px; 
  line-height:  0; 
  font-weight:  300; 
} 
a.restore_btn:hover  {
  color:  #000; 
} 
.upload-part-icon  {
  color:  #666 !important; 
  display:  inline-block; 
  font-size:  18px !important; 
  line-height:  0; 
  vertical-align:  middle; 
} 
.upload-part-icon-edit i  {
  color:  #666 !important; 
  font-size:  22px !important; 
} 
option:disabled  {
  color:  #fff; 
} 
.heading_clear_filer  {
  float:  left; 
  width:  75%; 
  padding:  12px; 

} 
a.btn.clear-filter  {
  width:  20%; 
  float:  right; 
  background:  #bcecf3; 
} 
a.btn.clear-filter img  {
  width:  100%; 
} 
.country_flag img  {
  width:  10%; 
  margin-top:  5px; 
} 
.country_page .country_name  {
  width:  auto; 
  float:  none; 
  display:  inline-block; 
} 
.country_page .flag_image  {
  width:  auto; 
  display:  inline-block; 
  float:  none; 
  margin-left:  15px; 
} 
.country_page .flag_image img  {
  margin:  unset; 
} 
.did_you_mean  {
  display:  none; 
} 
.add_conditions_button  {
  width:  100%; 
  text-align:  right; 
} 
.add_conditions_button button.btn img  {
  width:  25%; 
} 
.rating-stars  {
  text-align:  center; 
} 
.rating-stars ul li i  {
  font-size:  12px !important; 
} 
td.sltd09  {
  text-align:  center; 
} 
.search-info  {
  padding-top:  7px !important; 
} 
.currency_amount p  {
  margin:  0; 
} 
.small_amount  {
  font-size:  10px; 
  text-align:  center; 
} 
.imported_mark  {
  width:  10%; 
  display:  block; 
  border:  1px solid green; 
  border-radius:  100%; 
  margin:  auto; 
  padding:  7px 5px 4px 5px; 
  color:  green !important; 
  cursor:  pointer; 
} 
.row.show_enteries  {
  padding-top:  0px; 
  padding-right:  10px; 
  color:  #f2f2f2; 
} 
.bar_dropdown  {
  background-color:  #666; 
  color:  #f2f2f2; 
} 
.user-email2 a  {
  text-decoration:  underline; 
  cursor:  pointer; 
  float:  right; 
  color:  #3C3C3C; 
  width:  115px; 
  overflow:  hidden; 
} 
.status-A  {
  margin:  unset !important; 
} 
span.via-phone i  {
  font-size:  14px; 
  padding:  4px; 
  line-height:  1; 
} 
.invoice-td  {
  width:  3%; 
} 
.add-invoice-icon  {
  width:  100%; 
} 
.search_invoice_part  {
  /*border:  2px solid #ccc; 
  border-radius:  50%; 
  padding:  5px; 
  width:  36px; 
  height:  36px; 
  display:  inline-block; */
} 

.paidHistory {
  width: 60px;
  text-align: right;
}

/* *Invoice Modal Box*  */
.invoice-modal .modal-dialog, 
.invoice-modal .modal-content2, 
.invoice-modal .modal-body2  {
  max-width:  1515px; 
  width:  100%; 
} 

@media screen and (min-width: 1080px) and (max-width: 1440px)  {
  
  .invoice-modal .modal-dialog,   
  .invoice-modal .modal-content2,   
  .invoice-modal .modal-body2  {
    max-width:  1315px; 
    width:  100%; 
  } 
} 
.invoice-modal .modal-dialog  {
  margin-left:  auto; 
  margin-right:  auto; 
} 
.invoice-modal .modal-content2  {
  height:  auto; 
  margin-top:  10%; 
} 
.invoice-modal .modal-body2  {
  padding-top:  1rem; 
} 
#sort_form>div>div:nth-child(1)>h5, 
#sort_form>div>div.col-md-4.text-right>h5  {
  font-size:  12px; 
  line-height:  2; 
  margin-bottom:  0; 
  font-weight:  bold; 
  padding-top:  7px; 
} 
.invoice-modal .modal-footer  {
  padding-bottom:  1rem; 
  padding-left:  1.5rem; 
  padding-right:  1.5rem;
} 
.invoice-modal .input-group6  {
  max-width:  400px; 
} 
.ito-warp2  {
  width:  100%; 
  height:  auto; 
  display:  flow-root; 
} 
.ict-01, 
.ict-02  {
  display:  inline-block; 
} 
.ic-top01  {
  margin-top:  -10px; 
} 
.ict-02  {
  font-size:  18px; 
  line-height:  1; 
  color:  #3c3c3c; 
} 
.ict-right  {
  float:  right; 
} 
.ict-ref  {
  padding-right:  15px; 
  margin-left:  5px; 
  vertical-align:  super; 
  line-height:  0; 
} 
.ictr  {
  border-right:  1px solid #666; 
  padding-right:  15px; 
} 
.icts  {
  padding-left:  15px; 
} 
.each_suppliers_  {
  display:  flex; 
  width:  100%;
  height:  auto; 
} 
.ici  {
  display:  flow-root; 
} 
.ici01  {width:  8%; } 
.ici02  {width:  2%; } 
.ici03  {width:  60px; } 
.ici04  {width:  30%; } 
.ici05  {width:  7%; } 
.ici06  {width:  10%; } 
.ici07  {width:  7%; } 
.ici08  {width:  7%; } 
.ici09  {width:  8%; } 
.ici10  {width:  8%; text-align:  center; } 
.ici11  {width:  3%; } 
.ici12  {width:  4%; } 
.ici00A {width:  14.5%; } 
.ici00 {width:  10%; } 
.ici06A {width:  8.5%; } 
.ici06 {width:  8.5%; } 
.ici011 {width:  3%; } 
.ici03 {width:  4%; } 
.ici12 a {padding-left:  5px; } 

.ici00, 
.ici00A, 
.ici02, 
.ici03, 
.ici04, 
.ici05, 
.ici06, 
.ici06A, 
.ici07, 
.ici08, 
.ici09  {margin-right:  .25%; } 

.ici10 button  {font-size:  12px; display:  block; width:  100%; height:  42px; } 
.send_request_to_traders .input-d-check  {margin-top:  10px; } 
.send_request_to_traders label {margin-left:  -2px; } 
.send_request_to_traders .purchase_product_row.checked~.checkmark  {
  background:  #b7b7b7 !important; 
} 
.QTY  {
  text-align:  center; 
  width:  100%; 
  height:  43px; 
  display:  block; 
  vertical-align:  middle; 
  line-height:  2.2; 
  font-size:  18px; 
} 
.cq, 
.ici-ss, 
.ici-c, 
.ici-dt, 
.ici-price, 
.ici-dc, 
.ici-total  {
  text-align:  center; 
  width:  100%; 
  height:  43px; 
  display:  block; 
  vertical-align:  middle; 
  line-height:  2.6; 
  font-size:  14px; 
} 
.cq  {
  font-size:  11px; 
  text-align:  left; 
  vertical-align:  text-top; 
} 
.add-new-supplierC  {float:  right; max-width:  30px; right:  60px; margin-right:  55px; } 
.add-new-supplierC .add-supplie-btn img  {width:  28px; } 
span.eye-toogle-elment  {
  /*float:  right; 
  position:  absolute; 
  top:  auto; 
  bottom:  45px; 
  width:  28px; 
  height:  28px; 
  left:  auto; 
  right:  15px;*/
} 
.eye-on, 
.eye-off  {
  width:  28px; 
  height:  28px; 
} 

.each-purchase-footer  {
  width:  100%; margin:  auto; 
  display:  block; 
  height:  30px; 
  /* margin-top:  -25px; */
} 
.icf  {
  float:  left; 
  vertical-align:  middle; 
  display:  inline-block; 
} 
.icf01 {width:  85%; } 
.icf02 {width:  253px; } 
/* .icf03 {width:  4.5%; }  */
.icf03 .add_purchase_item_i  {display:  block; margin-top:  -5px; } 
.icf-right  {font-size:  12px; color:  #3c3c3c; font-weight:  bold; } 
.icf-left  {
  padding-right:  5px; 
  font-size:  12px; 
  display:  inline-block; 
  width:  122px; 
  margin-right: 20px; 
} 
.icf-left2 {
  width:  115px; 
  margin-right: 0px; 
} 
.icts span  {color:  #fc5252; } 
.supplier_list_each  {
  width:  31% !important; 
} 
.supplier_list_each li  {
  white-space:  nowrap; 
} 
.invoice-modal .modal-body input.form-control, 
.invoice-modal .modal-body select.form-control  {
  padding-left:  10px !important; 
} 
span.gray  {color:  #ccc; } 

/* *Invoice Modal Box*  */

.highlighted-text  {
  background:  green !important; 
} 
.invoice-sales-fields input[readonly], 
.invoice-purchase-fields input[readonly], 
#Selling_Info input[readonly], 
#Purchasing_info input[readonly], 
#invoice-modal input[readonly], 
#invoice-modal select[readonly], 
.each_suppliers_ input[readonly], 
.each_suppliers_ select[readonly]  {
  background:  #b7b7b7; 
  color:  #fff; 
} 
input[readonly]::placeholder, 
input[disabled]::placeholder, 
input[disabled="disabled"]::placeholder  {
  color:  #fff!important; 
} 
.invoice-sales-fields input[disabled="disabled"], 
.invoice-purchase-fields input[disabled="disabled"], 
.each_suppliers_ input[disabled="disabled"], 
.each_suppliers_ select[disabled="disabled"]  {
  background:  #b7b7b7 !important; 
  color:  #fff !important; 
} 
table.supplier_delivery_list tr td  {
  border:  1px solid #ccc; 
  padding:  6px; 
  font-size:  12px; 
  vertical-align:  middle; 
} 
table.supplier_delivery_list input  {
  padding:  0 10px; 
  width:  75px; 
} 
#add-cart-modal .modal-content2  {
  margin-top:  2%; 
} 
#add-cart-modal table  {
  height:  auto; 
  max-height:  300px; 
} 
#add-cart-modal table td.sl-td4  {
  white-space:  nowrap; 
  overflow:  hidden; 
  text-overflow:  ellipsis; 
  width:  10%; 
  max-width:  230px; 
} 
#add-cart-modal table th  {
  border-bottom:  1px solid #ccc; 
  padding-left:  12px; 
} 
#add-cart-modal table td  {
  padding:  0.6rem; 
  border-bottom:  1px solid #ccc; 
  padding-left:  12px; 
  text-align:  left; 
  white-space:  nowrap; 
} 
ul.enquires_type  {
  padding:  0; 
} 
ul.enquires_type li  {
  list-style:  none; 
  margin:  0; 
  display:  inline-block; 
  margin-right:  10px; 
} 
.orderlist-part  {
  margin:  0; 
  width:  100%; 
} 
.available_qty  {
  width:  2.5%; 
  display:  inline-block; 
  text-align:  left; 
  margin-right:  4px; 
} 
#add-supplier-list2 > li > div:nth-child(2) {
  width:  2.5%; 
  text-align:  center; 
} 
.available_qty a  {
  line-height:  2; 
  text-align:  center; 
} 
.available_qty a .reqst {line-height:  3.25; } 
.purchase_popup_content .add-new-supplierC  {margin-right:  8.5%; } 
.send_to_supplier  {border-radius:  0; height:  38px !important; } 
.supplier-cost.invoice-calc .input-group-prepend  {
  white-space:  nowrap; 
  line-height:  2.75; 
  width:  320px; 
  margin-right:  25px; 
  overflow:  hidden; 
} 
a#add_sale_additional_charges,  
.remove_additional_charges  {
  margin-left:  45px; 
} 
.supplier-cost .input-group-prepend  {
  width:  382px; 
} 
.invoice-calc2 .input-group-prepend  {width:  375px !important; margin-right:  5px; } 
.calc-input .form-control {max-width: 85px; padding-left:  0; } 
.invoice-calc2 {margin-left: 122px; } 
.invoice-calc2 .only-border {width:  600px; } 
.calc_purchases {max-width:  107px; width:  107px; } 
.graph-info-warp .over_entries  {cursor:  pointer; } 
.input_anchor  {float:  right; font-size:  20px; bottom:  32px; right:  6px; } 
.modal-title  {font-size:  12px; } 

/*Enquiry Page CSS*/
.dash-left-top  {padding-left:  60px; } 
.breadcrumb  {padding-left:  0; } 
.nav-04  {vertical-align:  top; } 
.add-user-tab  {text-align:  left; } 
#EQO-Tabs li a  {
  font-size:  18px; 
  font-weight:  normal; 
  color:  #B7B7B7; 
  display:  inline-block; 
  height:  28px; 
} 
#EQO-Tabs .add-user-tab  {width:  100%; } 
#EQO-Tabs .nav-link.active .enq-num, 
#EQO-Tabs .nav-item.show .nav-link .enq-num  {
  color:  #fc5252; 
} 
.order-time, .lit2  {display:  block; } 
.order-time {margin-bottom:  5px; } 
.order-list-table td  {overflow:  hidden; } 
.olt-td1  {width:  12%; } 
.olt-td2  {width:  12%; } 
.olt-td3  {width:  14%; text-align:  left; } 
.olt-td4  {width:  16%; } 
.olt-td5  {width:  12%; } 
.olt-td6  {width:  18%; } 
.olt-td7  {width:  3%; } 
.olt-td8  {width:  9%; padding-right:  15px !important; } 
.olt-td9 {width:  3%; } 
.add-invoice-icon, .remove-btn3 img  {width:  28px; } 
.olt-td2 .user-name2  {float:  none; margin-left:  0; } 
.order-list-table td.company, .order-num  {text-align:  left; } 
.olt-td4 .user-email2  {float:  none; } 
.order-list-table td  {max-width:  200px; overflow:  hidden; } 
.qlt-td3 a  {color:  #212529; float:  left; } 

/*Enquiry Page CSS*/
.co-warp  {display:  inline-block; float:  left; padding-left:  0; padding-right:  0; } 
.invoice-tabs-right2  {
  display:  inline-block; 
  text-align:  right; 
  margin-right:  0; 
  padding-left:  10px; 
  padding-right:  0; 
  float:  right; 
} 
.selectToSendRequest {height:  42px; } 
.input-group5E1 {width:  15%; } 
.send_request_to_traders  {width:  1.2%; margin-left:  5px; height:  19px; } 
.invoice-sales-fields #add_sales_item  {
  /* margin-right:  11.5%; 
  margin-top:  -103px; 
  position: relative; 
  z-index: 9999999; */ 
  margin: unset; 
} 
.task_count  {color:  #3C3C3C; } 
label.task_done  {
  padding-top:  9px; 
  border-bottom:  1px solid #d2d2d2 !important; 
  padding-bottom:  9px; 
} 
.task_done span:nth-child(2)  {
  margin-left:  3px; 
  position:  relative; 
  top:  2px; 
} 
.itr2 {
  display: inline-block; 
  padding-right: 0; 
  text-align:  right; 
  max-width:  24%; 
  height: 44px; 
} 
.purchase_percentage_selected,
.purchase_percentage_dropdown  {
  padding:  0;
  margin:  0; 
  width:  138px; 
  max-width:  175px !important; 
} 
.purchase_percenteage_selected  {
  margin: 10px 5px;
}
.condition-options  {
  margin-bottom:  0; 
  max-width:  450px; 
  margin-left:  auto; 
  margin-right:  auto; 
} 
.input-QP2 .QP  {
  width:  30px; 
  max-width:  30px; 
  height:  28px; 
  background-size:  28px auto; 
  margin-top:  6px; 
  margin-left:  8px; 
  margin-right:  8px; 
} 
.condition-options label:nth-child(3):after,  
.condition-options label:nth-child(5):after {
  /* border-right:  1px solid #000000; */
  content:  ""; 
  position:  absolute; 
  height:  20px; 
  width:  1px; 
  background-color:  #666666; 
  right:  -8px; 
  top:  5px; 
} 
.input-QP2 .QP .checkmark  {
  height:  28px; 
  background-repeat:  no-repeat !important; 
  right:  auto; 
} 
.input-QP2 .condition1 input:checked~.checkmark  {
  background-size:  30px auto; 
} 
.input-QP2 .condition2 input:checked~.checkmark  {
  background-size:  30px auto; 
} 
.input-QP2 .condition3 input:checked~.checkmark  {background-size:  30px auto; } 
.input-QP2 .condition4 input:checked~.checkmark  {background-size:  30px auto; } 
.input-QP2 .condition5 input:checked~.checkmark  {background-size:  30px auto; } 
.qty  {width:  30px; } 
.qlt-td1A a .user-name2  {float:  none; margin-left:  0; } 
.inv-cc  {margin-left:  0; } 
.inv-ss select {
  width:  auto; 
  margin-left:  auto !important; 
  margin-right:  auto; 
  background-color:  transparent !important; 
} 
.trush-btn  {
  border:  1px solid #fc5252; 
  color:  #fc5252;
} 
.trush-btn:hover, 
.trush-btn:focus  {
  background-color:  #fc5252; 
  color:  #ffffff; 
  border-color:  #fc5252; 
  outline:  0; 
  background-image:  url('http://liynk.com/assets/images/icons/delete3.png'); 
  background-position:  50px center; 
  background-repeat:  no-repeat; 
  background-size:  28px auto; 
} 
.trush-btn:hover img, 
.trush-btn:focus img  {
  opacity:  0; 
} 
.inv-cc select  {margin-left:  -5px; } 
.dowm-arrow  {margin-left:  35px; } 
.dowm-arrow img  {width:  28px; } 
.purchase_margin_area  {width:  100%; } 
.purchase_margin_area div  {
  width:  30%; 
  display:  inline-block; 
  text-align:  center; 
  vertical-align:  middle; 
} 
.modal-footer .btn-cancel  {
  position:  absolute; 
  left:  1.5rem; 
  margin-left:  0; 
  margin-top:  0; 
}


select.form-control  {
  border-radius:  0px !important;
  -ms-border-radius:  0px !important;
  -webkit-border-radius:  0px !important;
}

@media screen and (min-width: 1200px) and (max-width: 1919px)  {
  .inv-cc  {
    float:  right;
  }
}

.i-f-input3a {
  float:  left;
  max-width:  48%;
  display:  inline-block;
}

.i-f-input3b {
  float:  right;
  max-width:  48%;
  display:  inline-block;
}

/*Custom Slider*/
.switch  {
  position:  relative;
  display:  inline-block;
  width:  40px;
  height:  20px;
  margin-bottom:  0;
}

.switch input  {
  opacity:  0;
  width:  0;
  height:  0;
}

.slider  {
  position:  absolute;
  cursor:  pointer;
  top:  0;
  left:  0;
  right:  0;
  bottom:  0;
  background-color:  #666;
  -webkit-transition:  .4s;
  transition:  .4s;
  border-radius: 15px;
}

.slider:before  {
  position:  absolute;
  content:  "";
  height:  14px;
  width:  14px;
  left:  4px;
  bottom:  3px;
  background-color:  white;
  -webkit-transition:  .4s;
  transition:  .4s;
}

input:checked+.slider  {
  background-color:  #71BF44;
}

input:focus+.slider  {
  box-shadow:  0 0 1px #24c706;
}

input:checked+.slider:before  {
  -webkit-transform:  translateX(30px);
  -ms-transform:  translateX(30px);
  transform:  translateX(30px);
  left:  -8px;
  top:  3px;
}

/* Rounded sliders */ 
.slider.round  {
  border-radius:  34px;
}

.slider.round:before  {
  border-radius:  50%;
}

.switch input:checked+.slider:after{
  content: "On";
  position: absolute;
  left: 4px;
  top: 2px;
  color: #ffffff;
}
.switch .slider.round:after{
  content: "Off";
  position: absolute;
  right: 5px;
  top: 2px;
  color: #ffffff;
}


.invoice-sales-fields .purchase_margin_area  {
  width:  16%;
  margin-left:  4.25%;
}
.invoice-sales-fields .purchase_margin_area .switch  {
  position:  relative;
  display:  inline-block;
  width:  40px;
  height:  20px;
  margin-bottom:  0;
}
.invoice-sales-fields .purchase_margin_area .slider:before  {
  height:  14px;
  width:  14px;
}
.invoice-sales-fields .purchase_margin_area .heading  {
  width:  57%
}
.invoice-sales-fields .purchase_margin_area .mar-btn {
  width: 16%;
  float: right;
  text-align: left;
  height: 38px;
  padding-top: 10px;
}
.invoice-sales-fields .purchase_margin_area .mar {
  width:  25% !important;
}
.invoice-sales-fields .purchase_margin_area .mar-btn input:checked+.slider:before  {
  left:  -8px;
}
.switch-box .switch  {
  width:  40px;
  height:  20px;
}
.switch-box .slider::before  {
  width:  14px;
  height:  14px;
}
.switch-box input:checked+.slider:before  {
  left:  -8px;
  top:  3px;
}

/*Custom Slider*/
.purchase_bottom_input {
  float:  right;
  max-width:  900px;
  padding-right:  0;
  padding-left:  0;
}
.supplier-cost.invoice-calc  {
  border-bottom:  1px solid #ccc;
  border-top:  1px solid #ccc;
  padding-top:  10px;
  margin-bottom:  5px;
}
#supplier-listings {
  padding-left:  15px;
  padding-right:  15px;
  position:  relative;
}
#sort_form .offset-md-5 {
  margin-left:  41%;
}
.wid  {
  width:  76%;
}
.multiselect  {
  width:  100%;
}
.multiselect #checkboxes  {
  width:  100%;
  position:  absolute;
  z-index:  999999;
  background:  #fff;
  max-height:  400px;
  overflow-y:  scroll;
}
.added_shipping_countries {
  margin-bottom:  2px;
  text-align:  center;
  height:  43px;
}
.selectBox  {
  position:  relative;
  padding:  0 0 10px 0;
  width:  100%;
}
.i-f-input3 .invoice-employee  {
  padding:  0;
}
.pined-element  {
  padding-top:  10px;
}
.pined-element sup  {
  color:  #fff;
  font-size:  10px;
}



  /*.selectBox select  {



      width:  100%;



  }



  */
  .overSelect  {
    position:  absolute;
    left:  0;
    right:  0;
    top:  0;
    bottom:  0;
  }
  #checkboxes  {
    display:  none;
    border:  1px #dadada solid;
  }

  #checkboxes label  {
    display:  block;
    padding:  0px 10px;
  }
  #checkboxes label span ,  #checkboxes label input  {
    vertical-align:  middle;
  }
  #checkboxes label:hover  {
    background-color:  #007bff;
    color:  #fff;
  }
  .suppliers-element  {
    width:  15% !important;
    max-height:  300px !important;
  }
  .purchase_popup_content {
    padding-left: 0;
    padding-right: 0;
  }
  #Delivery_Info .input-group5 {
    width:  9.9%;
  }
  #Delivery_Info .input-group5A {
    /*width:  4%;*/
  }
  .inv-note {
    padding-right: 0;
  }
  .inv-note textarea {
    height:  83px;
    /*margin-top:  -75px;*/    
    padding-right:  0;
    padding-left:  0;
    text-align:  center;
  }
  .inv-cc textarea {
    padding-left:  0;
    height:  82px;
    text-align:  center;
  }
  .pop-01 {
    padding-left:  1.5rem;
    padding-right:  1.5rem;
  }
  .view-stock-table th,  .view-stock-table td  {
    text-align:  center !important;
  }
  .sl-th1,  .sl-td1 {
    padding-left:  0;
    text-align:  left;
  }
  .pop01-pn {
    padding-left:  0;
  }
  .pop01-select select {
    max-width:  200px;
  }
  .remove-btn5 img  {
    max-width:  28px;
  }
  .view-stock-table tbody td {
    text-align:  left;
  }
  #add-cart-modal table th:nth-child(1) {
    padding-left:  0;
  }
  .sl-td9a .rating01 {
    margin-left: 0;
  }
  .pop01-select {
    padding-left:  35px;
  }
  #add-cart-modal table th:last-child {
    padding-right:  0;
    text-align:  right;
  }
  #part_data_list > div > table > tbody > tr > td:last-child {
    text-align:  right;
  }
  #add-cart-modal .btn-cancel {
    left:  0;
    width:  220px;
  }
  .pop01-qty {
    padding-right:  0;
  }
  .status.autoPricing_amount  {
    position:  absolute;
    cursor:  pointer;
    height:  26px;
    min-width:  52px;
    width:  4%;
  }
  .part_buying  {
    position:  absolute;
    text-align:  center;
    width:  53.31px;
    color:  #71BF44;
  }
  .currency_amount p {
    text-align:  center;
  }
  .mar {
    width:  60px !important;
  }
  .return_to_purchase {
    background-color:  #bcecf3;
    border-color:  #bcecf3;
  }
  .modal-footer button:last-child {
    background-color:  #bcecf3;
    border-color:  #bcecf3;
  }
  .pop01-qty h5 {
    font-size:  12px;
    font-weight:  normal;
    margin-top:  10px;
  }
  .input-group5A:last-child {
    width:  60px !important;
  }
  .input-margin {
    width:  60px;
  }
  .mg_amt {
   width:  100%;
 }
 .line {
  width:  100%;
  height:  1px;
  background-color:  #7b7b7b;
  margin-top:  10px;
  margin-bottom:  8px;
}

.red {
  color:  #fc5252 !important;
}
.green  {
  color:  #71bf44 !important;
}

.grey {
  color:  #b7b7b7;
}

.greenBack {
  background: #71bf44;
}
.yellowBack {
  background: #f6ef23;
}
.redBack {
  background: #fc5252;
}      

.ici12A .send_mail_option {
  width:  16px;
  height:  16px;
  margin-top:  10px;
}

.ici12  {
  width:  2.5%;
  height:  32px;
  text-align:  left;
}

.dash-right-top2 form {
  max-width:  1545px;
  padding-left:  15px;
  margin-right:  auto;
  margin-left:  auto;
}

.dashboard-body3  {
  padding-left:  0px;
  padding-right:  0;
  max-width:  100%;
  width:  100%;
  margin-left:  0;
  margin-right:  0;
  margin-bottom: 45px;
}

.send_mail_apply ,  .apply_margin {
  margin-right:  10px;
  margin-top:  10px;
}

label.input-filter.apply_margin_box  {
  margin-top:  12px;
  margin-left:  10px;
}
.upper-tab  {
  width:  100%;
}
.invoice-purchase-fields .upper-tab  {
  float:  right;
  margin-bottom:  -15px;
}
.upper-tab div  {
  display:  inline-block;
}
.upper-heading  {
  width:  59.75%;
  float:  left;
}
.upper-request-button  {
  width:  1.5%;
  text-align:  center;
}
.upper-delivery  {
  width:  7%;
}
.upper-condition {
  width:  7%;
}
.invoice-purchase-fields .upper-currency  {
  width:  3.75%;
}
.invoice-purchase-fields .upper-date  {
  width:  7.85%;
}
.invoice-purchase-fields .upper-heading-2 {
 width:  42.4%   
}
.invoice-purchase-fields .upper-suppliers  {
  width:  13.25%;
}
.invoice-purchase-fields .upper-condition ,  
.invoice-purchase-fields .upper-delivery  {
  width:  7.75%;
  
}
.invoice-purchase-fields .upper-delivery {
  width:  7.85%;
}
.invoice-sales-fields .upper-currency  {
  width:  3%;
}
.input-group5A1  {
  width:  13.8%;
}
.additional-charges.invoice-calc  {
  border-bottom:  1px solid #ccc;
  border-top:  1px solid #ccc;
  padding-top:  10px;
  margin-bottom:  5px;
  margin-left:  unset;
}
#myInvoiceContent select[readonly] ,  
#myInvoiceContent select[disabled], 
#myInvoiceContent input[readonly],  
#myInvoiceContent input[disabled]
/*.delivery_serial_number*/  {
 background:  #b7b7b7 !important;
 color:  #fff !important;
}
.added_shipping_countries span.countires  {
  margin-right:  10px;
}
.shipping_page_list  {
 padding:  10px;
}
.add-shipping li.shipping-address-row div  {
  width:  13%;
}
.supplier-cost.invoice-calc .calc-input  {
  margin-bottom:  8px !important;
}
.invoice-calc3 {
  width: 600px;
  margin-left: 0px;
}
.input-group7C .invoice-calc2 {
  width: 510px !important;
  float:  right;
  margin-left:  0px;
}
.supplier_view_invoice {
  margin-top:  3px;
  margin-left:  10px;
  padding:  0;
  width:  28px;
  height:  28px;
  background-color:  transparent;
  border:  0;
}
#add_additional_charges {
  margin-left: 8px;
}
select option[attr-type="enquiry"]  {
  background-color:  #b7b7b7;
  color:  #fff;
}
select option[attr-type="quote"]  {
  background-color:  #71BF44;
  color:  #fff;
}
select option[attr-type="order"] ,  
select option[attr-type="order_history"]  {
  background-color:  #ffa500;
  color:  #fff;
}
.data-listings-page .uploaded_image_src.content-margin-top {
  text-align:  left !important;
}
.data-listings-page .edit_item_content ,  
.data-listings-page .remove_item_db  {
  padding:  0;
}
.data-listings-page table th,  
.data-listings-page table td  {
  text-align:  center !important;
}
.data-listings-page .image_manage_icons  {
  width:  20%;
  text-align:  center;
}
.data-listings-page .uploaded_image_src.content-margin-top img  {
  width:  20%;
}
.import_csv_data  {
  background:  transparent;
  border:  none;
  padding:  0;
}
.above-show {
  margin-top:  10px;
}
.line-split {
  width:  220px;
  display:  none;
  position:  absolute;
  background-color:  #ffffff;
  box-shadow:  0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index:  1;
  right:  0;
  top:  -105px;
  height:  100px;
  padding:  8px 5px;
}
.actions-enquiry2  {
  width:  220px;
  display:  none;
  position:  absolute;
  background-color:  #ffffff;
  box-shadow:  0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index:  1000;
  right:  15px;
  bottom:  45px !important;
  height:  auto;
  padding:  8px 5px;
}
.paper-work-element .actions button{
  border: none;
}
#fr-btns > button.btn1.active-color.paper_work {
  display:  inline-block;
}
.paper_work:hover + .actions-enquiry2 {
/*display:  block !important*/}

.customer_ele,  .supplier_ele {
  border: 0;
}
.customer_ele:hover,  
.supplier_ele:hover {
  background-color: #f1f1f1;
}
.purchase_additional_charges_  {
  width:  100%;
  max-width:  unset !important;
}
.sale_additional_charges_  {
  padding-left:  0 !important;
}
.cst_cu_text, .cur_text  {
  margin-top:  10px;
  margin-right:  3px;
  margin-left: 5px;
  width:  12px;
}
.cur_text {
  margin-right:  3px;
  width:  12px;
}

.purchase_bottom_input .cur_text {
  width:  27px !important;
}

#add_purchase_additional_charges {
  margin-left:  10px;
}
.supplier_ref  {
  margin-top:  8px;
  margin-left:  5px;
  display: none;
}
.credit_fee  {
  padding:  0 !important;
}
.modal-body textarea.form-control {
 padding:  0.375rem 0.5rem !important;
}
.modal-body.error-content ul  {
  width:  100%;
  list-style:  none;
  padding:  0;
  font-size:  15px;
  color:  red;
  text-align:  left;
}
.extra_rating_box {
  max-width:  150px;
}
.extra_rating_box div span,  ul  {
  display:  inline-block;
}
.extra_rating_box div span  {
  width:  42%;
  vertical-align:  text-bottom;
  text-align:  left;
}
.extra_rating_box div ul  {
  width:  50%;
  text-align:  right;
}
.rating-stars .extra_rating_box ul>li.star.selected>i.fa {
  color:  #71BF44;
}
.rating-stars .extra_rating_box .price ,  .status {
  margin-right:  0%;
}
.rating-stars .extra_rating_box ul li i  {
  font-size:  12px !important;
}
.popup-box-ratings .quality span ,  .popup-box-ratings .quality ul  {
  display:  inline-block;
}
.popup-box-ratings .quality span {
  margin-top: 3px;
}
.popup-box-ratings .quality ul {
  padding-left:  0;
  margin-bottom:  0;
  margin-top:  -4px;
}
.popup-box-ratings ul li .fa  {
  font-size:  12px;
}
.popup-box-ratings ul>li.star.selected>i.fa  {
  color:  #71BF44;
}
#add-supplie-btn1 {
  float:  right;
  margin-left:  auto;
  margin-right:  1%;
}
.add-supplier-list1 {
  width:  100%;
}
.add-supplier-list li {
  position:  relative; 
} 
.invoice-sales-fields .add-supplier-list li {
  height:  66px; 
}
.invoice-sales-fields .add-supplier-list li:last-child{
  height: auto;
} 
.add-new-supplierB{
  padding-right: 10px;
  display: inline-block;
  max-width: 38.5%;
  float: right;
}
.input-con,  
.input-del {
  margin-bottom:  0; 
} 
.input-ci-warp  {
  max-width:  35%; 
} 
.add-supplier-list {
  width:  100%; 
} 
.remove_contact_info {
  margin-left:  10px; 
} 
.supplier_view_invoice {
  margin-left: auto; 
} 
.supplier_view_invoice:hover + .supplier_ref {
  display: block; 
  position:  absolute; 
  right:  0; 
  bottom:  35px; 
  background-color:  #666666; 
  padding:  5px 5px; 
  color:  #ffffff; 
} 
#addUserTabs li a {
  text-align: center; 
} 
.orderlist-part li {
  text-align: center; 
} 
.orderlist-part li span.status {
  float: right; 
  text-align: right; 
  max-width:  65px; 
  min-width:  65px; 
} 
.order-list-table td {
  position:  relative; 
  text-align:  center; 
} 
.order-list-table td.company {
  text-align:  center; 
} 
.order-list-table td:before {
  margin-left: auto; 
  left: 0; 
} 
.order-list-table td:first-child  {
  text-align:  left; 
} 
td.qlt-td8  {
  max-width:  40px; 
  padding-left:  0; 
  padding-right:  0 !important; 
} 
td.qlt-td7  {
  min-width:  66px; 
} 
    /*.condition-options label:nth-child(3),  
    .condition-options label:nth-child(5)  {border-right:  1px solid #000000; } */
    .invoice-calc1 .input-group-prepend .mx-width-180.form-control{
      max-width: 180px !important;
    }
    .invoice-calc1 .calc-input .input-group-prepend  {
      width:  366px; 
      text-align:  right; 
    } 
    .invoice-calc1 .calc-input .form-control  {
      max-width:  100px !important; 
    } 
    .invoice-calc1 .calc-input .sale_additional_charges_  {
      max-width:  185px !important; 
      text-align:  right; 
    } 
    .invoice-calc,  
    .only-border  {
      width:  600px; 
    } 
    .calc-input .input-group-prepend  {
      width:  335px; 
      margin-right:  5px; 
    } 
    .link_in_table .ADN {
      max-width:  55px; 
      white-space:  nowrap; 
    } 
    .search_invoice_part span {
      color:  #71bf44 !important; 
    } 
    a.link_in_table:nth-child(2)  {
      float:  right; 
    } 
    ul.orderlist-part li span:nth-child(2)  {
      min-width:  85px; 
      max-width:  100px; 
      white-space:  nowrap; 
      overflow:  hidden; 
      text-align:  left; 
      margin-right:  10px; 
      float:  left; 
      margin-left:  8px; 
    } 
    .supplier-list-table td  {
      text-align: left; 
    } 
    .un-warp {
      position:  relative; 
    } 

    .username_generate {
      position:  absolute; 
      right:  0px; 
      top:  5px; 
    } 
    .username_generate img {
      width:  28px; 
    } 
    .toogle_password {
      margin-top:  -40px; 
    } 

    .olt-td1 span:nth-child(1),  
    .olt-td1 span.order-time  {
      display:  block !important; 
    } 
    ul#EQO-Tabs li:nth-child(1) a.active  {
      color:  #ffd966 !important; 
    } 
    ul#EQO-Tabs li:nth-child(2) a.active  {
      color:  #60d3db !important; 
    } 
    ul#EQO-Tabs li:nth-child(3) a.active  {
      color:  #c27ba0; 
    } 
    form#user-access .QP  {
      margin-right:  4px; 
      width:  49%; 
      float:  left; 
    } 
    .supplier-records a ,  
    .parts-records a ,  
    .qop-records a  {
      color:  #B7B7B7 !important; 
      line-height:  0.5 !important; 
      height:  25px; 
    } 
    .supplier-records .links ,  
    .parts-records .links ,  
    .qop-records .links  {
      max-height:  250px; 
      height:  auto; 
      overflow-y:  scroll; 

    } 
    .supplier-records a.active ,  
    .parts-records a.active , 
    .qop-records a.active  {
      color:  #3c3c3c !important; 
    } 
    .supplier-records a:hover ,  
    .parts-records a:hover , 
    .qop-records a:hover  {
      color:  #3c3c3c !important; 
    } 
    .supplier-records h4 ,  
    .parts-records h4 ,  
    .qop-records h4  {
      margin-bottom:  10PX; 
    } 
    span.employee_currency_sign  {
      position:  absolute; 
      top:  10px; 
      right:  13px; 
      float:  right; 
    } 
    .upid-01 {height:  80px; } 
    .upid-01 label {display:  block; } 
    .upid-01 .user-doc {
      width:  15%; 
      display:  inline-block; 
      float:  left; 
      height:  50px; 
    } 
    .upid-01 .user-doc:before {width:  100%; background-position:  center left; left:  0; } 
    .upid-01 .input-PPI-text2 {
      width:  85%; 
      display:  inline-block; 
      margin-top:  25px; 
      margin-left:  0; 
    } 
    .updoc-01 label,  .updoc-02 label {
      display:  block; width:  100%; 
    } 
    .updoc-01 input,  .updoc-02 input {
      display:  inline-block; width:  30%; 
    } 
    .updoc-01 input:before,  .updoc-02 input:before {
      width:  100%; 
      height:  28px; 
      background-size:  28px auto; 
      padding:  0; 
      background-position:  center left; 
      left:  0; 
    } 
    .updoc-01 p,  .updoc-02 p {
      width:  70%; 
      margin-left:  0; 
      margin-top:  12px; 
      display:  inline-block; 
      float:  right; 
    } 
    .monthly-salary-increment p span  {
      /*width:  45%; float:  left; */    
      display:  inline-block; 
      padding-bottom:  10px;  
    } 
    .user-list-row .user-card .user-info {
      max-height:  140px; 
      height:  135px;
      padding-left:  22px; 
    } 
    .user-card .user-footer  {
      width:  100%; 
    /*text-align:  right; position:  absolute; right:  10px; bottom:  10px; */} 
    .user-card .user-footer div  {display:  inline-block; } 
    /* .user-card .user-footer .edit-user   float:  right; }  */
    /* .user-card .user-footer .remove-user  {float:  left; width:  50%; }  */
    .header-warp2 {
      height:  314px; 
      width:  100%; 
      display:  block; 
      padding:  0; 
      margin:  0; 
    } 
    .header-warp .container-fluid {
      padding-top:  60px; 
    } 
    .message_content .fa-spin  {
      font-size:  15px; 
    } 
    .view-stock-table .sl-td10,  
    .view-stock-table .sl-th10,  
    .view-stock-table .sl-td11,  
    .view-stock-table .sl-th11 {
      display:  none; 
    } 
    #part_data_list .view-stock-table .sl-th10,  
    #part_data_list .view-stock-table .sl-td10, 
    #part_data_list .view-stock-table .sl-th11,  
    #part_data_list .view-stock-table .sl-td11 {
      display:  table-cell; 
    } 
    .view-stock-table .sl-th1,  
    .view-stock-table .sl-td1 {
      width:  12%; 
    } 
    .view-stock-table .sl-th2,  
    .view-stock-table .sl-td2 {
      width:  11%; 
    } 
    .view-stock-table .sl-th3,  
    .view-stock-table .sl-td3 {
      width:  10%; 
    } 
    .view-stock-table .sl-th4,  
    .view-stock-table .sl-td4 {
      width:  18%; 
    } 
    .view-stock-table .sl-th5,  
    .view-stock-table .sl-td5 {
      width:  11%; 
    } 
    .view-stock-table .sl-th6,  
    .view-stock-table .sl-td6 {
      width:  7%; 
    } 
    .view-stock-table .sl-th7,  
    .view-stock-table .sl-td7 {
      width:  3%; 
    } 
    .view-stock-table .sl-th8,  
    .view-stock-table .sl-td8 {width:  8%; } 

    .view-stock-table .sl-th8a,  
    .view-stock-table .sl-td8a {width:  4%; } 

    .view-stock-table .sl-th9,  
    .view-stock-table .sl-td9 {width:  8%; } 

    .view-stock-table .sl-th9a,  
    .view-stock-table .sl-td9a {width:  8%; } 

    .company_aliases_name_width textarea {height:  60px; line-height:  2.2; } 

  .upload_image_panel p {/*margin-top:  -20px !important; */} 

  .user_document .user-doc  {padding-top:  5px; outline:  none; } 

  .cs-01,  .cf-01 {display:  none; width:  50%; } 

  .cs-01 {float:  left; } 

  .cf-01 {float:  right; } 

  .cf-01 .addCartItem {float:  right; } 

  .view-stock-table2 .sl-th0,  
  .view-stock-table2 .sl-td0 {width:  5%; } 

  .view-stock-table2 .sl-th1,  
  .view-stock-table2 .sl-td1 {width:  20%; } 

  .view-stock-table2 .sl-th2,  
  .view-stock-table2 .sl-td2 {width:  45% !important; } 

  .view-stock-table2 .sl-th3,  
  .view-stock-table2 .sl-td3 {width:  20%; } 

  .view-stock-table2 .sl-th4,  
  .view-stock-table2 .sl-td4 {width:  5%; } 

  .view-stock-table2 .sl-th5,  
  .view-stock-table2 .sl-td5 {width:  5%; } 

  .view-stock-table3 .sl-th0,  
  .view-stock-table3 .sl-td0 {width:  5%; } 

  .view-stock-table3 .sl-th1,  
  .view-stock-table3 .sl-td1 {width:  15%; } 

  .view-stock-table3 .sl-th2,  
  .view-stock-table3 .sl-td2 {width:  30%; } 

  .view-stock-table3 .sl-th3,  
  .view-stock-table3 .sl-td3 {width:  10%; } 

  .view-stock-table3 .sl-th4,  
  .view-stock-table3 .sl-td4 {width:  20%; } 

  .view-stock-table3 .sl-th5,  
  .view-stock-table3 .sl-td5 {width:  10%; } 

  .view-stock-table3 .sl-th6,  
  .view-stock-table3 .sl-td6 {width:  5%; } 

  .view-stock-table3 .sl-th7,  
  .view-stock-table3 .sl-td7 {width:  5%; } 

  .view-stock-table4 .sl-th0,  
  .view-stock-table4 .sl-td0 {width:  5%; } 

  .view-stock-table4 .sl-th1,  
  .view-stock-table4 .sl-td1 {width:  15%; } 

  .view-stock-table4 .sl-th2,  
  .view-stock-table4 .sl-td2 {width:  40%; } 

  .view-stock-table4 .sl-th3,  
  .view-stock-table4 .sl-td3 {width:  10%; } 

  .view-stock-table4 .sl-th4,  
  .view-stock-table4 .sl-td4 {width:  20%; } 

  .view-stock-table4 .sl-th5,  
  .view-stock-table4 .sl-td5 {width:  5%; } 

  .view-stock-table4 .sl-th6,  
  .view-stock-table4 .sl-td6 {width:  5%; } 

  .data-listings-page .header-warp {padding-top:  60px; } 

  #part_multiple_modal_logo {display:  none !important; } 

  #add-m {padding-right:  7px; } 

  #add-m img {margin-right:  0px; } 

  .sdr01 {max-width:  14%; border-right:  1px solid #f0f0f0; margin-right:  5px; } 

  .sdr02 {max-width:  45%; flex:  0 0 46%; } 

  .s-add {max-width:  5%; } 

.monthly-salary-increment p span:nth-child(1)  {width:  20%; /*float:  left; */} 

.monthly-salary-increment p span: nth-child(2)  {width:  22%; /*float:  left; */} 

.monthly-salary-increment p .quote_sale  {color:  #bcecf3; } 

.monthly-salary-increment p .remain_amt  {color:  #71BF44; } 

.monthly-salary-increment p .commision  {text-align:  right; width:  33%; } 

.monthly-salary-increment p  {margin-bottom:  1px; } 

p.holiday-heading  {
  font-weight:  bold; 
  margin:  0; 
  border-bottom:  1px solid #ccc; 
  padding:  10px 0 10px; 
} 
span.inline.file-text  {
  padding-top:  13px; 
  padding-left:  13px; 
} 
img.hasStock  {
  filter:  invert(0.5) sepia(1) saturate(4) hue-rotate(50deg); 
} 
img.green  {
  filter:  invert(0.5) sepia(1) saturate(4) hue-rotate(50deg); 
}
.hasOneNumber img  {
  filter: invert(63%) sepia(32%) saturate(2753%) hue-rotate(2deg) brightness(106%) contrast(103%);
} 
img.red  {
  filter: invert(28%) sepia(96%) saturate(7291%) hue-rotate(357deg) brightness(100%) contrast(115%);
}
img.diffColor{
  filter: invert(50%) sepia(88%) saturate(394%) hue-rotate(353deg) brightness(140%) contrast(110%);
} 

span.hot_quote  {
  color:  #24c706; 
} 
span.p_o_promised  {
  color:  #e81bff; 
} 
input[type="date"].remove_calender: :-webkit-calendar-picker-indicator,  input[type="datetime-local"].remove_calender::-webkit-calendar-picker-indicator  {
  margin-left:  -20px; 
  padding-right:  0; 
}
/*::-webkit-calendar-picker-indicator  {background-image:  none; display:  none; } */
.invo-info1, .invo-info2{
  max-width: 300px;
  margin-left: auto;
  margin-right: 0;
}
.invo-info1 span:nth-child(1), .invo-info2 span:nth-child(1){
  display: inline-block;
  width:  60%;
  padding-right: 45px;
  text-align: right;
  float: left;
}

.invo-info1 span:nth-child(2), .invo-info2 span:nth-child(2), .invo-info2 input:nth-child(2){
  display: inline-block;
  width:  40%;
  text-align: left; 
  float: none;
} 
/*
.invo-info1 input[type="date" i], 
.invo-info2 input[type="date" i]{
  text-align: right;
  }*/
     /*.invo-info2 span:nth-child(2) input {
      max-width:  120px; width:  120px; margin-right:  -50px; } */

      .assign-employee {
        max-width:  50px; 
        width:  50px; 
        text-align:  right; 
        overflow:  hidden; 
        float:  right; 
      } 
      .salary_emp  {width:  50px; } 

      .rows_serials_heading,  
      .rows_serials_purchase_heading {
        margin-top:  5px; 
        margin-bottom:  5px; 
        width:  100%; 
        display:  block; 
      } 
      .rows_serials {
        display:  inline-block; 
        width:  1.5%; 
      } 
      .p1.monthly_amt:after  {
        content:  ""; 
      } 
      .available_qty:nth-child(1)  {width:  5.5%; } 

      .rows_purchase_serials {
        display:  inline-block; 
        height:  100%; 
        padding-top:  10px; 
        width:  36px; 
        text-align:  center; 
      } 
      .trashed-list .olt-td5 {
        width:  10%; 
        overflow:  hidden; 
      } 
      .trashed-list .olt-td7 {
        width:  5.5%; 
        padding-right:  0; 
      } 
      .trashed-list .olt-td7 .link_in_table {
        display:  inline-block; 
      } 
      .trashed-list .olt-td7 .link_in_table:nth-child(1) {
        float:  left; 
      } 
      .trashed-list .olt-td7 .link_in_table:nth-child(2) {
        float:  right; 
      } 
      .enquiry_trash_form .modal-footer .delete  {
        float:  right; 
      } 
      .enquiry_trash_form .modal-footer .cancel  {
        position:  unset; 
      } 
      .enquiry_trash_form .modal-content  {
        height:  auto !important; 
      } 
      .enquiry_trash_form .left-content  {
        width:  50%; 
        float:  left; 
      } 
      .enquiry_trash_form .right-content  {
        width:  50%; 
        float:  right; 
      } 
      #deleteSupplier .modal-content,.middle_modal .modal-content {
        max-width:  860px; 
      } 
      .middle_modal .modal-content {
        height:  auto !important; 
        max-width:  680px; 
      }

      .full-width-content{
        display:100%;
        display: inline-flex;
      }

      #deleteSupplier .modal-content .row, .middle_modal .modal-content .row {
        margin-left:  0;
        margin-right:  0;
        margin-top:  25px;
      }

      .middle_modal .modal-content .row {

        margin-left:  12px;
        margin-right:  15px;
        margin-top:  25px;
        /*display:  block;*/
        min-height:  145px;
        border-bottom:  1px solid #b7b7b7;
      }

      .middle_modal.rowSetup .modal-content .row {
        border-bottom: unset;
        display:  unset;
        min-height:  unset;
        margin-top: 10px;
      }

      .rowSetup.row{
        min-height:  unset !important;
      }


      #add-contact-task .content-form .row {
        display: flex;
        min-height: unset;
        border: unset;
        margin: 0;
      }

      #add-contact-task-modal .content-form .col-md-4 {
        padding-left: 0;
      }

      .content:first-of-type .row {
        /*min-height:  110px;*/
      }

      .middle_modal .modal-content .row .col-md-12 {
        margin-top:  5px;
      }
      #deleteSupplier .modal-content .col-md-12 ,  .middle_modal .modal-content .col-md-12 {
        padding-left:  0;
        padding-right:  0;
      }
      #deleteSupplier .modal-footer, .middle_modal .modal-dialog {
        width:  100%;
      }



      @media (min-width: 576px)#deleteSupplier .modal-dialog  {



        max-width:  1080px;



      }



      #deleteSupplier .modal-dialog  {



        max-width:  1080px;



      }



      .middle_modal .modal-dialog {



        max-width:  680px;



        margin:  14% auto 0 auto;



      }



      .enquiry-source-content  {



        float:  right;



        width:  54%;



        min-height:  145px;



        padding-top:  0px;



        padding-left:  30px;



        border-left:  1px solid #b7b7b7;



      }



      .hour-day-enquiries {



        width:  45%;



        float:  left;



        padding-right:  30px;



        padding-top:  20px;



      }



      .enquiry-source-content p  {



        margin:  0;



        text-align:  right;



      }



      .orange_ {



       color: #fd9e31;



     }



     .enquiry-entires-content  {



      width:  100%;



      float:  left;



    }



    .font_size_25  {



      font-size:  25px;



      font-weight:  600;



      color:  #3C3C3C;



    }



    .customer_reference_area span:nth-child(2)  {
        /*max-width:  140px;
        display:  inline-block;
        float:  right;
        overflow-x:  hidden;
        margin-left:  4px;*/
      }



      .suppliers-dropdown option[disabled]  {



        background:  red !important;



        color:  #fff !important;



      }



      .enquiry_per_day {



        padding-top:  0 !important;



      }



      .qlt-td7 a,  .qlt-td7 p {



        display:  inline-block;



      }



      .qlt-td7 a {



        width:  28px;



        float:  left;



      }



      .qlt-td7 a:first-child {



        float:  left;



      }



      .qlt-td7 a:nth-child(2) {
        position:  absolute;
        left:  50px;
            height: 28px;
    padding-top: 6px;
      }



      .qlt-td7 p {



        text-align:  right;



        width:  60%;



        float:  right;



        overflow:  hidden;



      }



      .graph_month_dropdown option:disabled  {



        background:  #b7b7b7 !important;



        color:  #fff !important;



      }



      ._per_day  {



       width:  10%;



       float:  left;



       text-align:  left;



       padding-left:  0;



       padding-right:  0;



     }



     .graph-month-dropdown  {



      width:  90%;



    }



    .graph-month-year-element div  {



      display:  inline-block;



      text-align:  right;



    }



    .data-listings-page .search-btn3  {



      right:  8%;



    }



    .quoted_color {



      color:  #18c0d8;



    }



    .hot_quote_color  {



      color:  #24c706;



    }



    .p_o_promised_color  {



      color:  #e81bff;



    }



    .order_request_color  {



      color:  #ead1dc;



    }



    .order_confirmed_color  {



      color:  #c27ba0;



    }



    .invoiced_color  {
      color:  #a64d79;
    }
    .paid_and_complete_color  {
      color:  #000000;
    }
    .quote_status_calculations:nth-child(2)  {
      border-bottom:  1px solid #b7b7b7;
      width:  200px;
      border-top:  1px solid #b7b7b7;
      float:  right;
      display:  block;
      padding-top:  5px;
    }
    #ErrorModel .modal-content {
      height:  auto;
      border:  1px solid #f85c5c;
    }
    #ErrorModel .modal-body {
      padding-top:  10px;
      padding-bottom:  10px;
      margin-top:  10px;
    }
    #ErrorModel .modal-footer {
      padding-bottom:  0px;
      padding-top:  0px;
      box-shadow:  -1px -1px 2px #33333330;
    }
    .content-div  {
      margin-top:  10px;
      margin-bottom:  10px;
    }
    .languages_dropdown option  {
      background:  #fff !important;
    }

    div#chart_div:after  {
      content:  "";
      position:  absolute;
      width:  90px;
      height:  20px;
      left:  0;
      bottom:  0;
      /*background-color:  #ffffff;*/
    }
    .modal_error_messages  {
      font-size:  11.4px;
    }
    .modal_error_messages span  {
      font-weight:  bold;
    }
    .heading_supplier_cost  {
      border-bottom:  1px solid #ccc;
      font-weight:  bold;
    }
    .supplier_elements  {
      width:  56%;
    }
    .total_parts_amt_element  {
      display:  inline-flex;
      width:  24.5%;
    }
    .total_parts_amt_element .total_parts_amount.form-control{
      max-width: 132px;
    }
    .calc-input .calc_purchases.form-control{
      max-width: 70px;
    }
    .supplier_selection_content  {
      display:  inline-block;
      width:  30%;
    }
    .supplier_selection_content input {
      height:  24px;
      max-width:  185px !important;
    }
    .supplier_selection_content label {
      width: 6% !important;
      margin-right: 15px;
      padding-left: 0px!important;
    }
    .supplier_amounts_content  {
      display:  inline-block;
      width:  70%;
    }

    .invoice-calc,  .only-border {
      width:  unset !important;
    }
    .invoice-calc1 {
      /*margin-left: 18%;*/
    }
    .calc-input .input-group-text{
      margin-right: 10px;
    }
    /* Rounded Checkbox*/
    .chk-label  {
      display:  block;
      position:  relative;
      padding-left:  35px;
      cursor:  pointer;
      font-size:  16px;
      -webkit-user-select:  none;
      -moz-user-select:  none;
      -ms-user-select:  none;
      user-select:  none;
      line-height:  1;
      /*height:  24px;*/
    }

    .chk-label input  {
     position:  absolute;
     opacity:  0;
     cursor:  pointer;
   }

   .checkmark  {
    position:  absolute;
    top:  0;
    left:  0;
    height:  15px;
    width:  15px;
    background-color:  #f5f5f5;
    border-radius:  50%;
  }
  
  .company-list-table .checkmark {
    border: 1px solid #B7B7B7;
  }
  .checkmark {
    border:  1px solid #71bf44;
  }

  .checkmark-red {
    border:  1px solid #fc5252 !important;
  }

  .checkmark-yellow {
    border:  1px solid #fde053 !important;
  }

  .checkmark-grey {
    border:  1px solid #b7b7b7 !important;
  }

  .checkmark-light-pink {
    border:  1px solid #e5bebe !important;
  }

  .checkmark-light-green {
    border:  1px solid #71bf44 !important;
  }

  .checkmark-light-yellow {
    border:  1px solid #ece7d7 !important;
  }

  .checkmark-light-blue {
    border:  1px solid #bcecf3 !important;
  }


  .wp-tabs li a.active.light-yellow-text {
    color: #ece7d7;
  }
  .wp-tabs li a.active.light-blue-text {
    color: #368ce7;
  }
  .wp-tabs li a.active.light-pink-text {
    color: #e5bebe;
  }
  .wp-tabs li a.active.light-green-text {
    color: #71bf44;
  }

  label input:checked~.checkmark-light-green{
    background-color: #71bf44 !important;
  }
  label input:checked~.checkmark-light-yellow{
    background: #ece7d7 !important;
  }
  label input:checked~.checkmark-light-blue{
    background-color: #bcecf3 !important;
  }
  label input:checked~.checkmark-light-pink{
   background-color: #e5bebe !important; 
 }
 label .checkmark-light-pink{
  border: 1px solid #e5bebe !important; 
}

input:checked~.checkmark-red{
 background-color: #fc5252 !important; 
}

label .checkmark-green{
  border: 1px solid #d6efda !important; 
}

.chk-label input:checked ~ .checkmark-blue , input:checked ~ .checkmark-blue {
  background-color: #368ce7 !important;
}

.checkmark-blue {
  border: 1px solid #368ce7 !important;
}

.chk-label input:checked ~ .checkmark-orange {
  background-color: orange !important;
}

.checkmark-orange {
  border: 1px solid orange !important;
}

.chk-label input:checked ~ .checkmark-purple {
  background-color: #800080 !important;
}

.checkmark-purple {
  border: 1px solid #800080 !important;
}


/* On mouse-over,  add a grey background color */
.chk-label:hover input ~ .checkmark  {
  background-color:  #e6e6e6;
}

/* When the radio button is checked,  add a green background */
.chk-label input:checked ~ .checkmark-transparent  {
  background: transparent !important;
}
.chk-label input:checked ~ .checkmark  {
  background-color:  #71bf44;
}

/* When the radio button is checked,  add a green background */
.chk-label input:checked ~ .checkmark-red  {
  background-color:  #fc5252;
}

/* When the radio button is checked,  add a green background */
.chk-label input:checked ~ .checkmark-yellow , input:checked ~ .checkmark-yellow  {
  background-color:  #fde053 !important;
}

/* When the radio button is checked,  add a grey background */
.chk-label input:checked ~ .checkmark-grey  {
  background-color:  #b7b7b7;
}

/* When the radio button is checked,  add a white background */
.chk-label input:checked ~ .checkmark-white  {
  background-color:  #ffffff;
}

/* Rounded Checkbox*//* Invoice Delivery Info * */
#delivery_info .delivery_rows{
  border-bottom:  1px solid #CCC;
  padding:  12px 0 10px;
}

#delivery_info .delivery_checked ,  .delivery-head-list .delivery_checked {
  margin-left:  10px;
  width:  2%;
}

#delivery_info .packet_has_id.checked_~.checkmark  {
  background:  #71BF44!important;
}

#delivery_info .disable_checked .checked_~.checkmark  {
  background: #b7b7b7 !important;
}

span.delivery_serials  {
  width:  2%;
  display:  inline-block;
}

.pack_measurement_content .input-group-prepend  {
  width:  40%;
}

.pack_measurement_content .form-control  {
  max-width:  180px !important;
}

ul.set-all-packtes  {
  width:  100%;
  margin-top:  10px;
  padding:  0;
}

ul.set-all-packtes li  {
  display:  inline-block;
  list-style:  none;
  padding:  0;
  margin:  0;
  width:  8%;
}

ul.set-all-packtes li.active.get_delivery_packets  {
  font-weight:  bold;
}

.delivery_rows.delivery-head-list  {
  border:  none !important;
  padding:  0 !important;
}

.com-dtls span  {
  display:  block;
}

td.dlt-td1  {
  max-width:  32px;
  width:  3%;
}

td.dlt-td2  {
  width:  11%;
  max-width:  150px;
  overflow:  hidden;
}

td.dlt-td3  {
  width:  16%;
  max-width:  270px;
  overflow:  hidden;
}

td.dlt-td4  {
  width:  70%;
  max-width:  895px;
  overflow:  hidden;
}
.supplier-delivery-list li  {/*height:  40px; */ 
  text-align: left !important;
}
.table-sales-history .toggle_part_list{
  float: left;
  margin-top: 10px;
} 
.country-list {width:  100%; } 
.country-list,  .qty-list2 {padding-left:  0; list-style-type:  none; } 
.country-list li,  .qty-list2 li {margin-bottom:  0px; } 
.country-list li span {display:  inline-block; vertical-align:  top; }
.country-list li span:nth-child(5){
  width: 8%;
}

.cl-span01 {width:  20%; overflow:  hidden; margin-right:  10px; } 
.open-delivery-note {float:  right; width:  100%; } 
.cl-span01 a.link_in_table  {white-space:  nowrap; } 
.cl-span02 {width:  4%; } 
.cl-span03,  .cl-span07,  .cl-span9 {width:  11%; } 
.cl-span04,  .cl-span05,  .cl-span06,  .cl-span08 {width:  3.5%; text-align:  center; } 
.cl-span10 {width:  6%; text-align:  left; } 
span.cl-span10.delivery-task-list { /*width:  13%;*/ } 
.chk-warp .chk-label {display:  inline-block; } 
.delivery_shipment_area  {
  width:  32.6%; 
  display:  inline-block; 
  border-right:  1px solid #ccc; 
  padding:  10px 20px; 
  background-color:  #fff; 
  margin-bottom:  10px; 
  margin-right: 8px; 
} 
.delivery_shipment_area .delivery_info_elements  {
  width:  12%; 
  max-width:  190px !important; 
} 
.delivery_shipment_area .remove_shipment_area.disabled_packet  {
  pointer-events:  unset !important; 
} 
.delivery_shipment_area .error-fields  {
  border:  1px solid red !important; 
} 
.delivery_shipment_area .input-small {
  max-width:  55px !important; 
  margin-left:  3px !important; 
} 
.delivery_courier ,  
.delivery_services , 
.shipment_description {
  width:  277px !important; 
} 
.delivery_shipment_area .delivery_box {
  width:  120px !important; 
} 
.add_new_shipment_element  {
  margin-top:  8px; 
  width:  100%; 
  text-align: center; 
  border-bottom:  1px solid #ccc; 
  padding-bottom:  8px; 
} 
.delivery_shipment_area.active .shipment_heading_of  {
  font-weight:  bold; 
} 
.delivery_shipment_area .shipment_heading_of  {
  cursor:  pointer; 
  /*padding-left:  25px; */
  margin:  10px 0 10px 0; 
} 
.delivery_shipment_area .remove_shipment_area img  {
  width:  20px; 
  float:  right; 
} 
.packets_images_element {
  cursor:  pointer; 
  /*width:  50%; */  
  text-align:  center;
} 
.packets_images_element img {
  width:  28px; 
} 
.delivery_shipment_area .uploaded_count_img  {
  cursor:  pointer; 
  color:  #71BF44; 
  font-size:  12px; 
  font-weight:  bold; 
  margin-top:  10px; 
} 
.delivery_shipment_area.active .uploaded_count_img {
  color:  #495057; 
} 
.pack_measurement_content .paper-work-element  {
  width:  100%; 
} 
.pack_measurement_content .paper-work-element .send_delivery_quotation {
  border:  none; 
} 
#ShowContentModal .modal-dialog,  
#ShowContentModal .modal-content {
  max-width:  700px; 
  height:  auto; 
  top:  5%; 
  margin-top:  5%; 
} 
#ShowContentModal .modal-body {
  padding-top: 0; 
  padding-bottom:  15px; 
} 
ul.view_uploaded_content li  {
  display:  inline-block; 
  width:  33% !important; 
  color:  #000; 
  text-align:  center; 
  font-size:  11px; 
} 
ul.view_uploaded_content  {
  width:  100% !important; 
  margin:  0; 
} 
ul.view_uploaded_content li img  {
  width:  auto; 
  height:  80px; 
} 
#Delivery_Info .delivery_track_ele  {
  width:  10%; 
} 
#Delivery_Info .delivery_customer_date_ele  {
  width:  8.8% !important; 
} 
#Delivery_Info .delivery_serial_ele  {
  width:  10%; 
} 
#Delivery_Info .delivery_condition_ele  {
  width:  7% !important; 
} 
.pack_measurement_content .note.delivery_info_elements {
  height:  80px !important; 
  max-width:  100% !important; 
} 
.pack_measurement_content .save_packent_items ,  
.pack_measurement_content .confirm_shipment {
  max-width:  unset; 
  /*width:  60%; */
} 
.pack_measurement_content .widht_40  {
  width:  40%; 
} 
.delivery_shipment_area .disabled_packet  {
  pointer-events:  none; 
  /*background:  #b7b7b7; */
} 
.delivery_shipment_area .disabled_packet input, 
.delivery_shipment_area .disabled_packet select, 
.delivery_shipment_area .disabled_packet textarea  {
  background:  #b7b7b7; 
  color:  #fff; 
} 
.delivery_shipment_area.background_disabled {
  background:  #f9f9f9; 
} 
.delivery_shipment_area .lock_unlock_packet img  {
  width:  22px; 
  float:  right; 
  margin-right:  10px; 
} 
.disable_checked  {
  pointer-events:  none; 
} 
#AddSerialNumbers .part_number  {
  font-weight:  bold; 
} 
ul.multiple_serials  {
  width:  100%; 
  margin:  0; 
  padding:  0; 
} 
ul.multiple_serials li  {
  display:  inline-block; 
  list-style:  none; 
  margin:  1px; 
  padding:  0; 
  width:  32.7%; 
} 
ul.multiple_serials .add_multiple_serial.form-control  {
  padding:  0.375rem 0.5rem !important; 
} 
#AddSerialNumbers .modal-footer .btn  {
  position:  unset; 
} 
    /*#delivery_shipments_content .delivery_shipment_area.active, 
    #delivery_shipments_content .delivery_shipment_area.active input, 
    #delivery_shipments_content .delivery_shipment_area.active select, 
    #delivery_shipments_content .delivery_shipment_area.active select[readonly], 
    #delivery_shipments_content .delivery_shipment_area.active input[readonly]  {
      background:  #71BF44!important; color: #495057 !important; } */
      .delivery_shipment_area.active  {
        /*box-shadow:  0 0.5rem 1rem #71bf44!important; */    
        box-sizing:  border-box; 
        /*outline:  3px solid #bcecf3; */    
        /* outline:  3px solid #71BF44;  */
        /*background:  #f9f9f9; */
      } 
      .pack_measurement_content .input-group: nth-child(18) .input-group-prepend {
        display:  inline-block; text-align:  right; 
      } 
      .pack_measurement_content .input-group:nth-child(18) .input-group-prepend .input-group-text {
        text-align:  right; 
        display:  block; 
      } 
      .pack_measurement_content .calc-input {
        margin-bottom: 10px !important;
        height: unset !important;
      }
      .pack_measurement_content .input-group:nth-child(19),  
      .pack_measurement_content .input-group:nth-child(20)  {
        /*width:  49.5%; 
        display:  inline-block; 
        margin-top:  15px; */
      } 
      #delivery_info .checked_~.checkmark  {
        background:  #bcecf3; 
      } 
      .packet_paper_work {
        margin-right:  18px; 
      } 
      table .supplier-delivery-list {
        margin: 0; 
      } 
      .supplier-delivery-list .cl-span04, 
      .supplier-delivery-list .cl-span05, 
      .supplier-delivery-list .cl-span06, 
      .supplier-delivery-list .cl-span08 {
          width: 3.5% !important;
          text-align: center;
          display: inline-flex !important;
          flex-direction: column;
          align-items: center;
      }
      .supplier-delivery-list .cl-span04 .chk-label, 
      .supplier-delivery-list .cl-span05 .chk-label, 
      .supplier-delivery-list .cl-span06 .chk-label, 
      .supplier-delivery-list .cl-span08 .chk-label{
        padding-left: 0;
      }
      .supplier-delivery-list .cl-span04 .chk-label .checkmark, 
      .supplier-delivery-list .cl-span05 .chk-label .checkmark, 
      .supplier-delivery-list .cl-span06 .chk-label .checkmark, 
      .supplier-delivery-list .cl-span08 .chk-label .checkmark{
        left: -6px;
      }
      .supplier-delivery-list .cl-span04 a img, 
      .supplier-delivery-list .cl-span05 a img, 
      .supplier-delivery-list .cl-span06 a img, 
      .supplier-delivery-list .cl-span08 a img{
        width: 24px;
        height: 24px;
      }      
      table .see_more_suppliers, table .see_more_tasks {
        color: #000000;
        font-size: 12px;
        padding: 5px 8px;
        background-color: #bcecf3;
        border-radius: 12px;
      }
      .view_uploaded_content li a.link_in_table {
        position:  relative; 
      } 
      .view_uploaded_content li a.link_in_table:hover::after  {
        content:  "Click to Download"; 
        position:  absolute; 
        top:  0; 
        background-color:  #bcecf3; 
        z-index:  99999999; 
        box-shadow:  1px 3px 5px #33333330; 
        border-radius:  0px; 
        padding:  8px; 
        color:  #3c3c3c; 
        background-image:  url(https://obsoglobal.com/development/assets/images/icons/download.svg); 
        padding-left:  30px; 
        background-position:  5px; 
        background-size:  20px auto; 
        background-repeat:  no-repeat; 
        white-space:  nowrap; 
        transform:  translate(-60px); 
        -webkit-transform:  translate(-60px); 
      } 
      .view_uploaded_content li a.link_in_table.viewDoc:hover::after  {
        content:  "Click to View"; 
      } 
      .pending_qty_text {
        position:  absolute; 
        margin-left:  9px; 
        cursor:  pointer; 
      } 
      #Delivery_Info .delivery-head-list .delivery_condition_ele  {
        width:  7% !important; 
      } 
      /* Invoice Delivery Info * */.vat_numbers  {
        display:  inline-block; margin-top:  -2px; 
      } 
      #invoice-form a.open-delivery-note {
        /*margin-top:  5px; */
        /*display:  none; */
      }
      #addDeliveryNote .modal-body {
        padding:  10px 10px 10px 15px !important; 
      } 
      .add-delivery-note {
        float:  right; 
        margin-right:  15px; 
        margin-top:  10px; 
        position:  absolute; 
        right:  0px; 
        /*    bottom:  0; */
      } 
      a.remove-delivery-note  {
        float:  right; 
        margin-right:  15px; 
        position:  relative; 
        right:  0; 
        bottom:  33px; 
      } 
      .save-delivery-note,  
      .save-delivery-note:hover  {
        background:  #bcecf3 !important; 
        color:  #3c3c3c !important; 
        border:  none !important; 
        width:  125px; 
      } 
      .close.dismissModal.save-delivery-note  {
        background:  transparent !important; 
        width:  0; 
      } 
      #delivery-note-form {
        width:  100%; 
        display:  block; 
        position:  relative; 
      } 
      #addDeliveryNote .delivery_task_head  {
        padding:  5px 15px; 
        margin:  0; 
        text-align:  center; 
        font-weight:  600; 
        font-size:  12px; 
      } 
      .modal-body .delivery-note-list-content input.form-control, 
      .modal-body .delivery-note-list-content textarea.form-control {
        padding-left:  10px; 
        background:  unset; 
      } 
      .delivery-note-list-content .row>div {
        padding-right:  0; 
        padding-left:  10px; 
        display:  inline-block; 
        float:  left; 
      } 
      .delivery-note-list-content .row>div:first-child {
        padding-left:  0; 
      } 
      .task_count  {
        color:  #666666; 
        font-size:  12px; 
      } 
      .delivery-note-list-content select:focus ,  
      .delivery-note-list-content textarea:focus  {
        background:  unset !important; 
        color:  #fff !important; 
      } 
      .border-color-red {
        border-color:  red !important; 
      } 
      .border-color-green {
        border-color:  #24c706 !important; 
      } 
      .open-delivery-note svg  {
        width:  28px; 
        height:  28px; 
      } 
      /*Company Record*/ 
      .company-edit-page  .pricing-element .pc-item {
        max-width:  12%; 
      } 
      .company-edit-page input[type="checkbox"] ~ .checkmark ,   
      .company-edit-page input[type="radio"] ~ .checkmark  {
        /*background:  #b7b7b7 !important;*/ 
      } 
      .company-edit-page input[type="checkbox"]:checked ~ .checkmark ,   
      .company-edit-page input[type="radio"]:checked ~ .checkmark {
        /*background:  #fee143 !important;*/
      } 
      .card-header[aria-expanded="true"]  {
        background:  #bcecf3; 
      } 
      .locked_informations div  {
        pointer-events:  none; 
      } 
      .locked_informations, 
      .locked_informations input, 
      .locked_informations select, 
      .locked_informations textarea ,  
      .locked_informations input[disabled]::placeholder, 
      .locked_informations select[disabled]::placeholder, 
      .locked_informations textarea[disabled]::placeholder {
        background:  #b7b7b7 !important; 
        color:  #000; 
      } 
      .trader_locked ,  
      .trader_locked select ,  
      .trader_locked select[disabled="disabled"] {
        background:  #b7b7b7; 
      } 
      .lockUnlockTrader  {
        text-align:  right; 
        width:  25%; 
      } 
      .cr-sec01 {
        margin-bottom:  30px; 
      } 
      .cart-warp3 {
        padding-right:  0; 
      } 
      .to-do-list4 .supplier-heading-tabs  {
        padding-top:  10px; 
      } 
      .to-do-list3 ul li  {
        padding-right:  0; 
        padding-left:  10px; 
      } 
      .to-do-list3 ul li a img {
        width:  28px; 
        height:  28px; 
      } 
      .crs-left {
        padding-left:  0; 
      } 
      .crs-left select.form-control {
        padding-left:  0; 
      } 
      .crs-right {
        padding-right:  0; 
      } 
      .crsl-01,  
      .crsl-02 {
        display:  inline-block; 
        width:  48%; 
      } 
      .crsl-01 {
        float:  left;
      } 
      .up-c-logo {
        max-height:  124px; 
        height:  124px; 
      } 
      .input-inotes {
        min-height:  90px; 
      } 
      .crsl-02 {
        float:  right; 
      } 
      .c-about {
        min-height:  335px; 
      } 
      .ivi-warp {
        margin-top:  15px; 
        margin-bottom:  15px; 
        padding-right:  0; 
        padding-left:  0; 
      } 
      .ivi-warp2 {
        margin-top:  0; 
      } 
      .ivi-title {
        font-size:  12px; 
        margin-bottom:  20px; 
      } 
      .ivi-opt-wrap {
        display:  flex; 
        justify-content:  center; 
      } 
      .ivi-opt {
        display:  flow-root; 
        flex:  0 0 12.666667%; 
        max-width:  12.666667%;
      } 
      .ivir-01,  
      .ivir-02 {
        display:  inline-block; 
        width:  49%; 
      } 
      .ivir-01 {
        float:  left; 
      } 
      .ivir-02 {
        float:  right; 
      } 
      .ivi-left {
        padding-left:  0; 
      } 
      .ivi-right {
        padding-right:  0; 
      } 
      .input-ibp {
        min-height:  205px; 
      } 
      .wp-tab-content {
        margin-bottom:  30px; 
        /*display: none;*/ 
      } 
      .st-warp {
        padding-left:  0; 
      } 
      .st-warp2 {
        margin-bottom:  15px; 
      } 
      .company-basics,  
      .company-pr {
        margin-bottom:  15px; 
      } 
      .text-info-warp,  
      .rn-warp,  
      .aai-warp,  
      .di-warp,  
      .comi-warp {
        padding-left:  0; 
        padding-right:  0; 
      } 
      .textarea-01,  
      .input-rn,  
      .input-aai,  
      .input-di,  
      .input-comi {
        min-height:  90px; 
      } 
      .input-son {min-height:  212px; } 
      .company-fi-warp label  {margin-bottom:  0; padding-top:  10px; } 

      /*Custom Checkbox*/
      .ivi-opt-label  {
        display:  block; 
        position:  relative; 
        margin-bottom:  12px; 
        cursor:  pointer; 
        -webkit-user-select:  none; 
        -moz-user-select:  none; 
        -ms-user-select:  none; 
        user-select:  none; 
      } 

      /* Hide the browser's default checkbox */
      .ivi-opt-label input  {
        position:  absolute; 
        opacity:  0; 
        cursor:  pointer; 
        height:  0; 
        width:  0; 
      } 
      .label-txt {
        display:  inline-block; 
        float:  right; 
        width:  78%; 
        text-align:  left; 
      } 
      .label-txt2 {width:  88%; } 

      /* Create a custom checkbox */
      .ivi-opt-label .checkmark  {
        position:  absolute; 
        top:  0; 
        left:  0; 
        height:  18px; 
        width:  18px; 
        background-color:  transparent; 
        border:  2px solid #B7B7B7; 
        display:  inline-block; 
        float:  right; 
        max-width:  20%; 
        border-radius:  0; 
      } 
      /* On mouse-over,  add a grey background color */
      .ivi-opt-label:hover input ~ .checkmark  {
        background-color: transparent; 
      } 
      /* When the checkbox is checked,  add a blue background */
      .ivi-opt-label input:checked ~ .checkmark  {
        background-color:  transparent; 
      } 
      /* Create the checkmark/indicator (hidden when not checked) */
      .checkmark:after  {
        content:  ""; 
        position:  absolute; 
        display:  none; 
      } 
      /* Show the checkmark when checked */
      .ivi-opt-label input:checked ~ .checkmark:after  {
        display:  block; 
      } 
      /* Style the checkmark/indicator */
      .ivi-opt-label .checkmark:after  {
        left:  5px; 
        top:  2px; 
        width:  5px; 
        height:  9px; 
        border:  solid #4c3e3e; 
        border-width:  0 2px 2px 0; 
        -webkit-transform:  rotate(45deg); 
        -ms-transform:  rotate(45deg); 
        transform:  rotate(45deg); 
      } 
      .ivi-opt-label2 {
        width:  18px; 
        height:  18px; 
      } 
      .ivi-opt-label2 .checkmark {
        max-width:  100%; 
      } 
      .ivi-select-warp {
        display:  flex; 
        flex-wrap:  wrap; 
        justify-content:  center;
      } 
      .ivi-select-warp2 {
        justify-content:  left; 
      } 
      .col-8n {
        flex:  0 0 12.5%; 
        display:  flow-root; 
        padding-left:  10px; 
        padding-right:  10px; 
        position:  relative; 
        max-width:  12.5%;
        margin-bottom:  15px; 
        min-height:  24px; 
      } 
      .ivi-select-warp2 .ivi-opt {
        flex:  0 0 15%; 
        max-width:  15%; 
      } 
      .pricing-calc-warp {
        display:  flex; 
        flex-wrap:  wrap; 
        width:  100%; 
        justify-content:  center; 
        align-items:  center; 
        align-content:  space-between; 
      } 
      .pc-item,  
      .pc-item2 {
        display:  flow-root; 
      }


      .pc-item {
        max-width:  18%;
        flex: 0 0 19%;
        text-align:  center;
        margin-right:  .5%;
        margin-left:  .5%;
      }
      .pc-item2 {
        max-width:  5%;
        flex: 0 0 5%;
        text-align:  center;
      }
      .pc-item input {
        text-align:  center;
      }
      .companyToDolist .dropdown-menu a {
        padding: 0px;
      }
      .companyToDolist .nav-warp{
       background: transparent;
     }
     .crm-page .right-top-row ,.crm-page .sort_by_form{
      padding-left:0 !important;
      margin-left :0 !important;
    }
    .crm-page .dashboard-right{
      position: inherit;
    }

    .company-list-table thead th {
      vertical-align :  -webkit-baseline-middle;
    }

    .company-list-table .company_name_text{
      font-weight: 600;
    }

    .company-list-table th,  .company-list-table td  {
      text-align:  center;
    }
    .company-list-table td.cot-td1:nth-child(1){
      padding-right: 4px;
    }
    .company-list-table td.cot-td22{
      padding-right: 5px;
    }
    .company-list-table td.cot-td22 a.listTask{
      float: right;
    }
    #save-company-details .uploaded_image_src {

      text-align:  center;
      max-height:  124px;
      height:  auto;
      margin-bottom:  5px;
    }

    #save-company-details .uploaded_image_src img  {
      height:  84px;
      width:  auto;
      max-width:  100%;
    }

    #save-company-details .uploaded_image_src label  {
     display:  unset;
     margin-bottom:  unset;
   }

   #save-company-details .image_manage_icons {
    text-align:  center;
    margin-top:  10px;
  }
  #save-company-details .image_manage_icons img {
    height:  auto !important;
  }
  #save-company-details .countries_list  {
    width:  49.5%;
    display:  inline-block;
  }

  #save-company-details .countries_phone_list  {
    width:  49.5%;
    display:  inline-block;
  }

  /*Company List Style*/.stock-list-warp2 {

    margin-right:  0;
    max-width:  1230px;
    overflow-y:  scroll;
    margin-left:  15px;
  }

  .dashboard-body3 .stock-list-warp2 {
    max-width:  100%;
    margin-right:  15px;
    padding-left: 7px;
    padding-right: 7px;
  }

  .company-list-table {
   /* width:  2100px;*/
 }

 .dashboard-body3 .stock-list-warp2 {
  margin-left: 0;
}

.company-list-table .cot-td1 {
  /*vertical-align:bottom;*/
}

.sales_status_data h5, .sales_status_data p {
  padding: 0;
  margin: 0;
}

.sales_status_data > div {
  margin-bottom: 12px;
}

.company-list-table td {
  padding-left:  0.5rem;
  padding-right:  0.5rem;
  position:  relative;
  overflow:  hidden;
  vertical-align: middle;
  text-align: left !important;
}

table.table.table-hover.company-list-table {
  border-collapse: separate;
  border-spacing: 0 .5rem;
}

.company-list-table td .ivi-opt-label.ivi-opt-label2{
  margin: 0;
  /*height: 0;*/
}

.company-list-table td .chk-label{
  margin: 0;
  padding-left : 15px;
}
.company-list-table td:before  {/*content:  ""; position:  absolute; height:  20px; width:  1px; background-color:  #c3c3c3; left:  0;*/ } 
.cot-th1 {width: 60px; max-width:  60px; } 
.cot-th2 {width: 340px; max-width:  340px; } 
.cot-th3,  .cot-th4,  .cot-th5,  .cot-th6,  .cot-th8  {width:  90px; } 
.cot-th7  {width:  250px; } 
.cot-th10,  .cot-th11,  .cot-th12,  .cot-th21,  .cot-th22,  .cot-th23  {width:  70px; } 
.cot-th13 {width:  170px; } 
.cot-th14 {width:  150px; } 
.cot-th20 {width:  80px; } 

.c-i-s .chk-label,  
.c-e-s .chk-label,  
.c-o-s .chk-label {
  padding-left:  0; 
  width:  20px; 
  margin-right:  auto; 
  margin-left:  auto; 
}
.company-list-table td:nth-child(1):before {
  width:  0;
}
.c-email a {
  color:  #212529;
  text-decoration:  underline;
}

.clt-td1 {
  width:  2%;
}

.clt-td2,  .clt-td3,  .clt-td5,  .clt-td6,  .clt-td7,  .clt-td9,  .clt-td10,  .clt-td11 {
  width:  8%;
}

.clt-td4 {
  width:  10%;
}

.clt-td8 {
  width:  7%;
}

.clt-td12 {
  width:  10%;
}

.clt-td13,  .clt-td14 {
  width:  3.5%;
}

.company-list-table .black  {
  text-decoration:  none;
  color:  #212529;
}

ul.company-tabs.wp-tabs  {
  padding-top:  10px;
}

.wp-tabs li a.active   {
  font-weight:  bold;
  color: #71bf44;
}

.add-contact-element  {
  padding:  0 15px;
}

.history-content  {
  padding:  5px 0 5px;
}

.seperate-content.latest-entries ul  {
  list-style:  none;
  margin:  0;
  padding:  0;
  width:  100%;
}

.seperate-content.latest-entries ul li  {
  display:  inline-block;
  width:  100%;
  padding:  5px 0 5px;
}

.seperate-content.latest-entries ul li span  {
  width:  33%;
  display:  inline-block;
}

.history-content span  {
  width:  30%;
  display:  inline-block;
}

.seperate-content {
  margin-top: unset;
  padding: 10px 0 12px;
}


/*Company Conatct Information*/
.cci-wrap {
  margin-top:  15px;
}

.company-contact-info .card {
  border-radius:  0;
}

.company-contact-info .iconImg {
  display: none;
}

.giveRatingtoContact .iconImg.active {
  display: block !important;
}    
.company-contact-info li{
  padding: 10px 0 10px;  
}
.company-contact-info li.disableLi {
  background: #b7b7b7 !important;
}

.company-contact-info li.active {
  background: #ccc;
}
.cci-header,  .cci-body {
  padding:  0.5rem;
}

.cci-list {
  padding-left:  0;
  margin-bottom:  0;
  width:  100%;
}

.ccib-10.allContactsFields{

  width: 1.8%;

}

.cci-list li {

  padding-bottom: 10px;
  margin-bottom: 5px;
  border-bottom: 1px solid #d2d2d2;
  height: 40px;
  list-style: none;
  display: flex;
  align-items: center;
}

.cci-list li>span {

  display:  inline-block;
  float:  left;
  overflow:  hidden;
  padding-left:  5px;
  padding-right:  5px;
  border-right:  1px solid #d2d2d2;
}

.cci-list li>span:last-child,  .ccib-08 {
  border-right:  0 !important;
}

#save-company-details .company_name input{
 padding-left: 0;
 font-weight: bold;
}

.company-sales-history-info .order-card-panel {
  width: 18%;
  position: absolute;
  right: 0;
  top: 0px;
  z-index: 1;
  height: 32px;
  padding: 10px 0;
  display: flex;
  justify-content: flex-end;
}

.table-sales-history {
  margin: 0;
  min-height: 100px;
}

.table-sales-history tr td{
  vertical-align: middle;
}
.table-sales-history .traders_name span:last-child::after {
  content: "";
}
.table-sales-history .traders_name span::after {
  content: " ,";
}

.company-contact-info .likeDislikeArea {
  width: 10%;
}


.company-contact-info a sup {
  position: relative;
  top: -7px;
  left: -2px;
  font-size: 10px;
}

.company-contact-info a.active_meeting img,a.active_meeting img {
  filter: invert(0.5) sepia(1) saturate(4) hue-rotate(50deg);
}

.company-contact-info .likeDislikeArea img {width: 15px; } 
.company-contact-info .giveRatingtoContact {width: 33%; float: left; } 
.ccib-01 {width:  17%; } 
.ccib-02 {width:  10%; } 
.ccib-03 {width:  12%; } 
.ccib-04,  .ccib-06 {width:  4%; } 
.ccib-05 {width:  8%; } 
.ccib-07 {width:  7%; } 
.ccib-08 {width:  7%; } 
.ccib-09,  .ccib-10,  .ccib-11 {width:  3%; } 
.ccib-12 {width:  2%; } 
.ccib-13 {width:  7%; }

.company-contact-info .ccib-13.allContactsFields{
  width: 18%;
}

.company-contact-info span.ccib-12.total_spend_amount {
  width: 8%;
}
.company-contact-info .ccib-13 {
  width:  13%;
  display:  flex;
  align-items:  center;
  justify-content:  space-around;
}

.company-contact-info .addCompanyContact{
      /*margin-bottom: 15px;
      border-bottom: 1px solid #ccc;
      width: 100%;
      text-align: right;*/
    }

    .addCompanyAddress {
      float: unset !important;
    }
    #company-contact .addCompanyAddressElement{
      text-align: right;
      padding: 10px 0 5px;
    }

    #company-contact .bs-example.cci-wrap {
      box-shadow: 0px 0px 4px 2px #66666630;
      background: #fff;
      padding: 10px;
    }

    #company-contact .contactSelection {
      overflow: unset;
    }
    .company-contact-info .addCompanyContact img , .addCompanyAddress img{
      width: 21px !important;
    }

    #company-contact .footerContactButtons {
      padding: 10px 0 10px;
    }

    .company-contact-info .giveRatingtoContact sub , .likeDislikeTableContent sub {
      font-size: 9px;
      color: #000;
      font-weight: bold;
    }

    .likeDislikeTableContent span {
      width: 30px;
      float: left;
    }

    .likeDislikeTableContent {
      width: 50px;
    }



    .ccib-13 .remove-btn3 img {
      max-width:  18px;
    }

    .cci-div1 {
      margin-bottom:  8px;
      display:  inline-block;
      width:  50%;
      float:  left;
    }

    .cci-div12 {
      margin-bottom:  8px;
      display:  inline-block;
      width:  50%;
    }

    .cci-div2 .ccih-04,  .cci-div2 .ccih-05 {
      width:  20%;
      float:  left;
    }

    .cci-div2 .ccih-05 {
      text-align:  right;
    }

    .ccih-01 {
      float:  left;
      display:  inline-block;
    }

    .ccih-02 {
      width:  25%;
      display:  inline-block;
    }

    .ccih-03 {
      width:  24%;
      text-align:  right;
      display:  inline-block;
    }

    .ccih-04  {
      width:  25% !important;
      text-align:  left;
    }

    .input-2 {
      margin-left:  5px;
    }

    .ccib-03 a {
      color:  #3c3c3c;
    }

    span.switch-box  {
      float:  none;
    }

    /* Chatbox */



    /*Custom Scroll Bar*/

    #chat-box::-webkit-scrollbar-track , .custom-scroll::-webkit-scrollbar-track
    {
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
      border-radius: 10px;
      background-color: #F5F5F5;
    }

    #chat-box::-webkit-scrollbar,.custom-scroll::-webkit-scrollbar{
      width: 4px;
      background-color: #fff;
    }

    #chat-box::-webkit-scrollbar-thumb,.custom-scroll::-webkit-scrollbar-thumb
    {
      border-radius: 10px;
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
      background-color: #ccc;
    }  

    /*Custom Scroll Bar*/

    #chat-box .message p {
      margin: 0;
      font-size: 11px;
    }

    #add-contact-task-modal .content-form {
      border: 1px solid #ccc;
      border-radius: 10px;
      padding: 10px;
    }

    #add-contact-task-modal .content-form .messageBox{
      width: 100%;
      margin: auto;
      border-radius: 18px !important
    }
    #add-contact-task-modal .modal-content {
      border-color: #ccc;
    }


    #chat-box  {
      height:  300px; 
      width:  100%; 
      overflow-y:  scroll; 
      overflow-x: hidden; 
    } 
    #chat-box .messages  {
      width:  100%; 
      display:  inline-block; 
      padding:  10px 0 10px; 
      overflow-y:  scroll; 
      height:  300px; 
    } 
    #chat-box .logged-in-user  {
      text-align:  right; 
      background:  #bcecf3; 
      padding:  10px; 
      width:  50%; 
      float:  right; 
    } 
    #chat-box .company-user  {
      text-align:  right; 
      background:  #b7b7b7; 
      padding:  10px; 
      width:  50%; 
      float:  left; 
    } 

    /* Chatbox *//*  SEND message box */ 
    #message-send-box .input-box  {
      width:  100%; 
      display:  inline-block; 
      margin:  10px 10px 10px 0; 
    }

    #message-send-box .send_message  {
      background:  #f5f5f5;
      padding:  10px;
      border:  0;
      border-radius:  85px !important;
    }


    #chat-box .first-line span::after{
      content: " | ";
    }

    #chat-box .first-line span:last-child::after{
      content:unset;
    }

    #chat-box .sent .message{

      margin-right: 50px;
      position: relative;
      text-align:  right;
      background:  #f5f5f5;
      margin:  5px 0 5px;
      word-break:  break-word;
      white-space:  pre-wrap;
      border-radius:  18px;
      padding:  4px 12px;
      margin-bottom:  6px;
      max-width:  350px;
      width:  max-content;
      font-size:  14px;
      margin-right:  0;
      margin-left:  auto;
    }

    #chat-box .sent .timestamp {
      text-align: right;
    }


    #chat-box .replies, .sent {
      margin-bottom: 4em;
    }

    #chat-box .replies .message {

      background: #bcecf3;
      margin: 5px 0 5px;
      word-break: break-word;
      white-space: pre-wrap;
      border-radius: 18px;
      padding: 4px 12px;
      margin-bottom: 6px;
      max-width: 350px;
      width: max-content;
      font-size: 14px;
      position: relative;
      margin-left: 0px;

    }
    #chat-box > div.sent.diffTrader .message , #chat-box-content > div.sent.diffTrader .message,.diffTrader.sent-message{
      background: #ffcc2c !important;
    }
    #chat-box > div.replies.diffTrader .message , #chat-box-content > div.replies.diffTrader .message{
      background: #ffcc2c;
    }
/*
    #chat-box .replies .replies-message:after {
      content: '';
      position: absolute;
      border-style: solid;
      border-width: 15px;
      border-color: transparent #bcecf3 #00000000 #f5f5f500;
      top: 5px;
      left: -27px;
    }

    #chat-box .sent .sent-message::after {

      content: '';
      position: absolute;
      border-style: solid;
      border-width: 13px;
      border-color: transparent transparent transparent #f5f5f5;
      top: 2px;
      right: -18px;
      }*/
   /*#chat-box .replies p  {
    background:  #f5f5f5; 
    margin:  5px 0 5px; 
    word-break:  break-word; 
    white-space:  pre-wrap; 
    border-radius:  18px; 
    padding:  4px 12px; 
    margin-bottom:  6px; 
    max-width:  300px; 
    width:  max-content; 
    font-size:  14px; 
    }*/ 

    #chat-box p.timestamp  {
      background:  transparent !important; 
      font-size:  11px !important; 
      padding:  0 12px 0 9px !important; 
      margin-bottom:  0 !important; 
      margin-top:  0 !important; 
      font-weight:  500; 
    } 
    #chat-box img.attachment-image  {
      width:  20%; 
      background:  transparent; 
    } 
    #chat-box p.hasAttachment  {
      background:  transparent !important; 
    } 
    #save-company-details > fieldset > div.row.supplier-basic2 > div.input-group.col-md-12.mb-4.text-info-warp > textarea {
      margin-top:  25px; 
    } 
    .updateCompanyAddress  {
      width:  50%; 
    } 
    .MiddleModalContents .modal-footer .apply_submit  {
      float:  right; 
    }
    .MiddleModalContents .modal-footer .btn-cancel  {
      float:  left;
    }

    div#add-customer-message  {
      z-index:  99999;
    }

    #customer-message .modal-dialog  {
      max-width:  450px;
      margin:  13% 25px 0 auto;
    }

    .attachment_file,  .attachment label img {
      width:  28px !important;
      height:  28px !important;
    }

    /* CUSTOM MODAL BOX */
    #add-customer-message.custom-modal-box {
     left:  40em !important;
     top:  20px !important;
   }



   #add-customer-message .modal-content {
    width:  33%;
  }

  .custom-modal-box  {
    display:  none;
    /* Hidden by default */  position:  fixed;
    /* Stay in place */  z-index:  1;
    /* Sit on top */  padding-top:  100px;
    /* Location of the box */  left:  0;
    top:  0;
    width:  100%;
    /* Full width */  height:  100%;
    /* Full height */  overflow:  auto;
    /* Enable scroll if needed */  
  }

  /* Modal Content */
  .custom-modal-box .modal-content  {
    position:  relative;
    background-color:  #fefefe;
    margin:  auto;
    padding:  0;
    border:  1px solid #888;
    height:  auto;
    width:  80%;
    box-shadow:  0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-animation-name:  animatetop;
    -webkit-animation-duration:  0.4s;
    animation-name:  animatetop;
    animation-duration:  0.4s;
  }

  .custom-modal-box .supplier-dlt-warp .apply_submit  {
    float:  right;
  }

  /* Add Animation */
  @-webkit-keyframes animatetop  {
    from  {
      bottom: -300px;
      opacity: 0;
    }

    to  {
      bottom: 0;
      opacity: 1;
    }

  }
  @keyframes animatetop  {
    from  {
      bottom: -300px;
      opacity: 0;
    }

    to  {
      bottom: 0;
      opacity: 1;
    }

  }

  .custom-modal-box .modal-body  {
    padding:  2px 16px; 
  } 
  .custom-modal-box .modal-footer  {
    padding:  2px 16px; 
    background-color:  #ffffff; 
    color:  white;
  } 
  /* CUSTOM MODAL BOX */
  /* Header Notifications Bar */ 

  .sendPart  {
    /*position:  relative; 
    left:  72.3em; 
    right:  auto; 
    top:  -75px; 
    padding:  15px 8px; 
    background-color:  transparent;*/
    display: inline-block;
    width: 61%;
    text-align: right; 
  } 
  ul.header_notification_bar li  {
    display:  inline-block; 
    width:  100%; 
  }
  ul.header_notification_bar li.list-notification  {
    background:  #f5f5f5; 
    padding:  10px; 
    border-bottom:  1px solid #ffffff; 
    max-height:  66px; 
    height:  auto; 
    overflow:  hidden; 
    display:  block; 
  }


  ul.header_notification_bar li.list-notification:hover {
    background-color:  #cccccc;
    cursor:  pointer;
  }



  ul.header_notification_bar  {
    width:  100%;
    list-style:  none;
    margin:  0;
    padding:  0;
  }

  ul.header_notification_bar ul.hide.inner-content  {
    position:  absolute;
    z-index:  11111;
    top:  30px;
    left:  auto;
    right:  15px;
    max-height:  440px;
    padding:  10px 10px 0 10px;
    box-shadow:  0px 0px 4px 2px #66666630;
    background-color:  #ffffff;
    margin:  0;
    width:  425px;
    overflow-y: auto;
    border-bottom:  10px solid transparent;
  }



  ul.header_notification_bar li.list-notification .confirm-box  {
    float:  left;
    width:  5%;
  }



  ul.header_notification_bar li.list-notification .notification-box  {
    float:  right;
    width:  92%;
    padding-top:  2px;
  }



  ul.header_notification_bar ul::-webkit-scrollbar  {
    width:  4px;
  }

  ul.header_notification_bar ul::-webkit-scrollbar-track  {
    background:  #f1f1f1;
  }

  ul.header_notification_bar ul::-webkit-scrollbar-thumb  {
    background:  #888;
  }

  ul.header_notification_bar ul::-webkit-scrollbar-thumb:hover  {
    background:  #555;
  }



  ul.header_notification_bar ul.hide.inner-content li a  {



    width:  100%;



    float:  left;



  }



  ul.header_notification_bar ul.hide.inner-content .message  {



    font-weight:  bold;



    text-align:  left;



    width:  80%;



    float:  left;



  }



  .notifications_count {



    font-size:  12px;



  }



  /*.notifications-content .confirm-notification-box  {



        position:  relative;



        top:  32px;



  }



  *//* Header Notifications Bar *//*Delivery Info*/
  #delivery_shipments_content input[readonly],  #delivery_shipments_content input, #delivery_shipments_content select,  #delivery_shipments_content textarea {
   background-color:  transparent !important;
   color:  #3c3c3c !important;
 }



 .modal-title .dismissModal  {
  padding:  1px 10px;
  background:  transparent !important;
}
#company-info {
  padding-top:  50px;
}
#supplier-rating {
  padding-top:  60px;
}
#services {
  padding-top:  30px;
}
#part-conditions {
  padding-top:  30px;
}
#credit-agreements {
  padding-top:  30px;
}
#contact {
  padding-top:  30px;
}

/* Suppier */
.showAgreementElement  {
  margin:  0;
  padding:  0;
}
.showAgreementElement ul  {
  margin:  0;
  padding:  0;
}
.showAgreementElement ul li  {
  width:  24% !important;
  margin:  0;
  padding:  0;
  float:  left;
  list-style:  none;
}
.showAgreementElement ul li p {
  margin:  0;
  padding:  0;
}

.creditAgreements > div  {
  /*float:  left;
    width:  40%;
    */
  }

  .showAgreements  .modal-title  {
    padding:  10px;
    font-weight:  bold;
  }
  .middle_modal.showAgreements .modal-body  {
    padding:  unset;
  }
  .showAgreements ul.view_uploaded_content li  {
    width:  20%;
    padding-top:  12px;
  }
  .showAgreements ul.view_uploaded_content p  {
    margin:  0;
    padding:  0;
  }

  /* Suppier */ /*
  .dismissModal.save-delivery-note  {
    background:  transparent !important;
  }

  *//*Company List Table*/
  .dash-right-top .sort_by_form  {
    max-width:  100% !important;
    margin-left:  15px;
    margin-right:  15px;
  }
  .sort_by_form .right-top-row  {
    max-width:  100%;
    padding-left:  15px;
    margin-left:  0;
    margin-right:  0;
  }
  #sort_form > div > div.col-md-1.text-left{
    padding-left: 18px;
    max-width: 4%;
    padding-right: 5px;
  }
  #sort_form > div > div.col-md-1.text-right.offset-md-4{
    margin-left: 37.333333%;
    -ms-flex: 0 0 21.33%;
    flex: 0 0 21.33%;
    max-width: 21.33%;
  }
  #sort_form > div > div.col-md-1.text-right.offset-md-4 > div{
    float: right;
  }
  #sort_form > div > div.col-md-2.padding_top_12{
    -ms-flex: 0 0 11%;
    flex: 0 0 11%;
    max-width: 11%;
  }
  #supplier-list-view #sort_form .offset-md-5 {
    margin-left: 40.9%;
  }
  #supplier-list-view #sort_form .col-md-1.padding_top_12{
    -ms-flex: 0 0 8.33%;
    flex: 0 0 8.33%;
    max-width: 8.33%;
  }
  #supplier-list-view .row.show_enteries{
    float: right;
  }
  #supplier-list-view .dash-right-top .row{
    margin-right: 0;
    margin-left: 0;
  }
  .dashboard-body4  {
    max-width:  97%;
    margin-left:  15px;
    margin-right:  15px;
    padding-left:  65px;
  }
  .orders_sales_border  {
    border-bottom:  1px solid #b7b7b7 !important;
    padding-bottom:  10px;
    margin-bottom:  10px !important;
  }

  .order_coinfirm_revenue  {
    font-size:  12px;
    padding-top:  8px;
  }
  .order_coinfirm_margin .amt  {
    font-size:  20px;
  }
  .order_coinfirm_revenue > span span  {
    line-height:  20px;
  }
  .graph-info-warp p {
    border-bottom:  none !important;
  }
  .graph-info-warp p:nth-child(1)  {
    font-size:  12px;
    color:  #B7B7B7;
  }
  .graph-info-warp p:nth-child(1) span  {
    border-bottom:  2px solid #b7b7b7;
    padding-bottom:  8px;
  }
  .graph-info-warp p:nth-child(2),  
  .order_coinfirm_revenue,  
  .order_coinfirm_margin > span > span > span:nth-child(2) {
    font-size:  12px !important;
  }
  .order_coinfirm_margin .amt,  
  .order_coinfirm_margin > span > span > span:nth-child(1) {
    font-size:  24px !important;
  }
  .invoiced_margin>span  {
    border-top:  2px solid #b7b7b7;
    padding-top:  6px;
    color:  #B7B7B7;
  }
  .order_coinfirm_revenue > span span.green {
    /*color:  #18c0d8 !important;*/  
    opacity:  .3;
  }

  /*DateRange Picker*/
  .daterangepicker.custom-daterangepicker  {
    width:  35%;
    padding:  0.375rem 0.5rem;
    font-size:  12px;
    font-weight:  normal;
    line-height:  1.5;
    color:  #3C3C3C;
    background-color:  #fff;
    background-clip:  unset;
    border:  1px solid #d2d2d2;
    border-radius:  0 !important;
    transition:  none;
  }
  .daterangepicker.custom-daterangepicker:focus  {
    color:  #3C3C3C;
    background-color:  #fff;
    border-color:  #888;
    outline:  0;
    box-shadow:  unset;
  }
  .sales_status_data,  
  .sales_status_data a ,  
  .liveQuotes,  
  .outstandingEnquiries ,  
  .outstandingEnquiries a h5 {
    color:  #cecece ;
  }

  /* Enquiry Top Content */
  .liveQuotes ,  
  .outstandingEnquiries {
    margin-bottom:  20px;
  }
  .liveQuotes h5 , 
  .liveQuotes label ,  
  .liveQuotes p ,  
  .outstandingEnquiries h5 ,  
  .outstandingEnquiries p,  
  .outstandingEnquiries label  {
    margin:  0;
  }
  ul.enquiryTopContent  {
    width:  100%;
    list-style:  none;
    padding:  0;
    margin:  0;
    display: flex;
    align-items: center;
  }

  .enquiryTopContent li  {
    /*float:  left;*/
    /*min-height: 270px;*/
  }
  .enquiryTopContent li.liveQuotes  {
    width:  18.66%;
    text-align: center;
    /*background-color: #f9f9f9;*/
    border-radius: 10px;
    /*padding-top: 5%;*/
  }
  .enquiryTopContent li.graphArea {
    width:  60%;
  }
  .enquiryTopContent li.sales_calculations  {
    width:  21.33%;
    margin-bottom: 20px;
    text-align: center;
    /*background-color: #f9f9f9;*/
    border-radius: 10px;
    /*padding-top: 5%;*/
  }
  .enquiryTopContent  li.sales_calculations p  {
    margin:  0;
  }
  .enquiryTopContent a.sameSizeContent  {
    font-size:  20px;
  }
  .enquiryTopContent .Quotes a.sameSizeContent:hover, 
  .enquiryTopContent .Quotes a.sameSizeContent.quActive, 
  .enquiryTopContent .Quotes .inQuotes a:hover, 
  .enquiryTopContent .Quotes .inQuotes a.active{
    color:  #fdaa4e;
  }
  .enquiryTopContent .outstandingEnquiries a.sameSizeContent.enActive, 
  .enquiryTopContent .outstandingEnquiries a.sameSizeContent:hover, 
  .enquiryTopContent .inEnquiry a.aboveHour.active, 
  .enquiryTopContent .inEnquiry a.aboveHour:hover {
    color:  #de6769;
  }
  .enquiryTopContent a, 
  .enquiryTopContent .sales_calculations p,  
  .enquiryTopContent .inQuotes p{
    color:  #cecece;
  }
  .enquiryTopContent .inEnquiry a:hover, 
  .enquiryTopContent .inEnquiry a.active{
    color:  rgb(36,  199,  6);
  }

  .CRMHeader .sales_status_data h5, 
  .CRMHeader .sales_status_data p{
    color: #434343;
  }
  .CRMHeader .sales_status_data p{
    margin-top: 10px;
  }
  .enquiryTopContent .sales_calculations a.sameSizeContent.orActive, 
  .enquiryTopContent .sales_calculations a.sameSizeContent:hover, 
  .enquiryTopContent .sales_calculations a:hover, 
  .enquiryTopContent .sales_calculations a.active {
    color: #24c706; /*#94daa1;*/
  }
  .enquiryTopContent a.black.goTodateRangepicker  {
    color:  unset;
  }

#deliveryInvoiceAddress .modal-dialog{
  max-width: 1120px;
      margin-top: 6.5%;
}
  .modal#deliveryInvoiceAddress .modal-content {
      width: 1120px;
      max-width: 1120px;
      margin-right: auto;
      margin-left: auto;
  }
  .modal#deliveryInvoiceAddress .row{
    min-height: none;
    border-bottom: none;
    min-height: unset;
    padding: 0;
    margin: 10px;
  }
  .modal#deliveryInvoiceAddress input.form-control{
    padding: 0.375rem 0.5rem;
  }

  .swithInvoiceAddress {
      top: 19px;
      font-size: 18px;
      width: 100%;
      text-align: center;
  }  
  /* Enquiry Top Content */
  .range_inputs .btn  {
    height:  35px;
  }
  .range_inputs .applyBtn  {
    background:  #bcecf3 !important;
    color:  #3C3C3C !important;
    border:  0;
    border-radius:  0 !important;
    width:  48%;
    font-weight:  800;
    padding:  6px;
    float:  right;
  }
  .range_inputs .cancelBtn  {
    background-color:  transparent !important;
    width:  48%;
    border:  1px solid #666;
    border-radius:  0 !important;
    color:  #3c3c3c !important;
    padding:  6px;
  }
  .range_inputs .cancelBtn:hover {
    background-color:  #b7b7b7 !important;
    border-color:  #b7b7b7 !important;
  }

  p.totalWorkingDays {
    margin-top: 8px;
  }

  /* Custom Calendar */

  .customCalendar {
   border: 1px solid #e6e6e6;
   margin-bottom:2em;
 }  
 .mbsc-form-group label.custom-label {
  margin: 0 1rem;
}

.mbsc-popup-buttons.mbsc-popup-buttons-anchored.mbsc-windows.mbsc-ltr button:last-child {
 background: #bcecf3;
}

/* Custom Calendar */

  /*
  ** Task Modal Box **
  */

  #add-contact-task-modal .modal-content {
    max-width: 800px !important;
    width: 800px;
  }
  .twoEqualContent {
    display: flex;
  }
  .equal-width {
    width: 48%;
    margin-right: 10px;
  }

  /*

  ** Task Modal Box **

  */

  /*

  *Tiny Texteditor*

  */

  .tox-statusbar__branding , .tox-notifications-container{
    display: none !important;
  }

  .trash_color {
   color: red;
 }   

 .search_invoice , .cmpSearch , .global_search{
  background: #fff;
  height: 42px;
  width: 100%;
  display: inline-block;
  border-radius: 21px !important;
  padding: 10px 150px 10px 20px;
  box-shadow: 0 0 6px rgb(0 0 0 / 20%);
  box-sizing: border-box;
  border: 1px solid #b1acac;
  font-size: 15px !important;
}

.search_invoice::placeholder {
  color: #000000;
  font-size: 15px;
}

.searchBox {
  position: relative;
  max-width: 600px;
}

.searchBox .btnBox {
    position: absolute;
    right: 25px;
    top: 45%;
    transform: translateY(-50%);
}

.removeAutosuggestion {
    padding: 0;
    line-height: 1;
}

.global_search_bar .autocomplete-suggestions {
  width: 570px;
  max-height: 600px;
}

.global_search_bar .autocomplete-suggestions ul {
  margin: 0;
  list-style: none;
  width: 100%;
  padding: 5px 12px 5px;
}

.global_search_bar .common-content h3 {
  font-size: 18px;
  background: #f3f3f3;
  padding: 10px 15px;
  font-weight: 600;
}
.common-content h3 > span{
  float: right;
  font-size: 14px;
  font-weight: normal;
}
.global_search_bar ul li.li-content {
  width: 100%;
  padding: 4px 8px;

}
.global_search_bar ul li.li-content:hover{
  background-color: #fafafa;
}
.global_search_bar ul li.li-content a{
  display: flex;
}
.global_search_bar ul.companies-list li.li-content a span:nth-child(1){
  width: 60%;
  margin-right: 2%;
  display:inline-block;
  float: none;
}
.global_search_bar ul.companies-list li.li-content a span:nth-child(2) {
  width: 16%;
  margin-right: 2%;
  text-align: center;
}
.global_search_bar ul.companies-list li.li-content a span:nth-child(3) {
  width: 20%;
  text-align: right;
}
.global_search_bar ul.list-view.contacts-list span:nth-child(3){
  float: right;
}
.global_search_bar ul.list-view.companies-list span:last-child {
  float: right;
  
}
.global_search_bar ul.list-view.contacts-list span {
  width: 33.5%;
  display: inline-block;
  overflow: hidden;
  margin-right: 10px;
}

.global_search_bar ul.list-view.quotes-list li span {
  width: 25%;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  margin-right: 10px;
}
.global_search_bar ul.list-view.quotes-list li span:nth-child(4), .global_search_bar ul.list-view.parts-list li span:nth-child(3){
  float: right;
}
.global_search_bar ul.list-view.parts-list li span {
  width: 32.5%;
  display: inline-block;
  overflow: hidden;
  margin-right: 10px;
}
.global_search_bar ul.list-view.parts-list li span:last-child,
.global_search_bar ul.list-view.quotes-list li span:last-child,
.global_search_bar ul.list-view.contacts-list span:last-child{
  margin-right: 0;
}
.global_search_bar ul.list-view.parts-list li span:nth-child(1){
  width: 60%;
}
.global_search_bar ul.list-view.parts-list li span:nth-child(2){
  width: 6.5%;
}
.autocomplete-suggestions {

  position: absolute;
  z-index: 99998;
  overflow: hidden;
  overflow-y: auto;
  max-height: 450px;
  border: 1px solid #CCC;
  border-top: 0;
  box-shadow: 0 3px 5px rgb(0 0 0 / 25%);
  background: #FFF;
  text-align: left;
  cursor: default;
  left: 2.1%;
  top: 45px;
  width: 100%;
  display: none;
  /* padding-top: 22px; */
  border-bottom: 10px solid #ffffff;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  font-size: 12px;
}   

.autocomplete-suggestion {

  position: relative;

  padding: 0 0.6em;

  white-space: nowrap;

  overflow: hidden;

  background: #FFF;

  font-size: 1.02em;

  line-height: 2.2em;

  text-overflow: ellipsis;

  color: #333;

  cursor: pointer;

}  

#save-company-details .company_name input{
  font-size: 16px; 
  font-weight: bold;
}

.CRMHeader .sales_calculations .amountRecords{
  font-size: 20px;
  color: #434343;
}

.CRMHeader .sales_calculations p {
  font-size: 16px;
  color: #434343;
  text-align: right;
}

  /*
    *CRM Right Click Popup*7
    */

    .companyToDolist .dropdown-menu a {
      padding: 0px;
    }
    .companyToDolist .nav-warp{
     background: transparent;
   }


   .company-quick-action-box .company_name,
   .company-quick-action-box .quick_update{ 
    text-align: left;
    font-weight: bold;
    margin: 10px;
    padding: 0;
    line-height: unset;
    border-bottom: 1px solid #ccc;
  }    

  .company-quick-action-box .close{
    font-size: 18px;
    margin-right: 7px;
    margin-top: 7px;
    color: #fc5252;
  }    
  .company-quick-action-box {
    width: 15%;
    background: #fff;
    position: absolute;
    z-index: 9999;
    box-shadow: 0px 0px 4px 2px #66666630;
    text-align: left;
    right: 3em;
  }

  .company-quick-action-box ul {
    list-style: none;
    margin: 0;
    width: 100%;
    padding: 10px;
    line-height: 25px;
  }

  .company-quick-action-box ul.action-list li a {
    color: #4d79d1;
  }
  .company-quick-action-box ul.action-list li a.black {
    color: #212529;
  }

  .company-quick-action-box ul.action-list li a span {
    margin-right: 15px;
  }

  .company-quick-action-box .company-quick-action-box ul li {
    line-height: 25px;
  }

  .company-quick-action-box ul.action-list li a.active {
    font-weight: bold;
  }

  #company-quick-action {
   z-index: 11111;
 }  
 #company-quick-action.middle_modal .row{
  min-height: unset;
  border: none;  
}
#company-quick-action .content .form-group {
  display: inline-block;
}
#company-quick-action label{
  margin: 0;
  font-weight: bold;
  padding-left: 4px;
}    
  /*#company-quick-action .content .col-md-8 {
    width:66.666667%;
  }
  #company-quick-action .content .col-md-4 {
    width:33.333333%;
    }*/
    #edit-chat .modalBtns{
      width: 100%;
    }
    .modalBtns{
      width: 96%;
      margin: auto;
      margin-top: 5em;
    }
    .modalBtns button.secondbtn {
      float: right;
    }

    .select2-container.select2-container--default{
      /*z-index: 11111;*/
    }  

    span.select2-selection.select2-selection , span.select2-selection.select2-selection:focus {
      border-color: #d2d2d2 !important;
      min-height: 35px;
    }    

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

    .select2-container .select2-search--inline .select2-search__field{
        margin-top: unset !important ;
        height: 0px !important ;
    }

    .select2-container--default .select2-results>.select2-results__options {
      width: 100%;
    }

  /*
    *CRM Right Click Popup*

  /*
    * CRM customer Reports *
    */
    #customer-report .col-md-12{
      padding-right: 45px;
      padding-left: 45px;
    }
    .customer-report-filters{
      background-color: #f5f5f5;
    }
    .filter-warp:last-child{
      border-bottom: 0;
    }
    .customer-report-content section{
      margin-bottom: 45px;
    }
    .companies-part-conditions .row .col-md-4{
      min-height: 40px;
    }
    .customer-review-data .col-md-2 div:nth-child(1){
      font-size: 20px;
    }
    @media print {
      .noPrint{
        display: none;
      }
    } 
    .checkAllHistory{
     position: relative;
     top: 6px;
   }
   .ivi-opt-label input:checked ~ .checkmark, .ivi-opt-label .checkmark:after{
    /*border-color: #fee143;*/
  }
  .history-selection-buttons{
    position: relative;
    right: 5.5em;
  }      
  .history-selection-buttons button {
    width: 142px;
    height: 40px;
  }    
  .history-selection-buttons button.btn.btn-cancel {
    background: #fff;
    border: 1px solid;
  }
  .history-selection-buttons button.btn.btn-cancel:hover, .history-selection-buttons button.btn.btn-cancel:focus {
    border: 1px solid #b7b7b7;
    color: #000;
    background-color: #b7b7b7;
  }      
  .history-selection-buttons button.btn.btn-apply {
   background-color: #bcecf3;
   border-color: #bcecf3;
 }

 .company-sales-history-info .card-header[aria-expanded="true"]{
  background: none;
} 

div[data-target="#collapse-order"]{
  background: #dde9d5 !important;
}
div[data-target="#collapse-quote"]{
  background: #fdf2d0 !important;
}
div[data-target="#collapse-enquiry"]{
  background: #d4dfe2 !important;
}
div[data-target="#collapse-trash"]{
  background: #fc5252 !important;
  /*margin-top: 25px;*/
}

  /*
    * CRM customer Reports *
    */

  /*
    *CRM News & Leads*
    */
    .top_companies_list{
      width: 100%;
    }
    table.top_companies_list td {
      border: 2px solid;
    }
    .line_height_5em{
      line-height: 5em;
    }

    .companyLikeDislikeActions , .manager_highlight{
      background-repeat: no-repeat !important;
      margin-right: 5px;
      height: 15px;
      width: 10%;
    }

    .manager_highlight{
      background: url('../../assets/images/icons/star-plain.svg');
    }

    .love_image{
      background: url('../../assets/images/icons/heart.svg');
    }

    .like_image{
      background: url('../../assets/images/icons/like.svg');
    }

    .dislike_image{
      background: url('../../assets/images/icons/dislike.svg');
    }

    .companyLikeDislikeActions.love_image.active{
     background-image: url(../../assets/images/icons/heart-fill.svg) !important;
   }

   .companyLikeDislikeActions.like_image.active{
     background-image: url(../../assets/images/icons/like-fill.svg) !important;
   }

   .companyLikeDislikeActions.dislike_image.active{
    background-image: url(../../assets/images/icons/dislike-fill.svg) !important;
  }

  .manager_highlight.active{
   background-image: url(../../assets/images/icons/star-yellow.svg) !important;
 }

 .visibilityNone{
  visibility:hidden;
}


  /*
    CRM Dropdown
    */

    .managed_accounts:hover .sales-status-dropdown {
      display: block;
    }

    .sales-status-dropdown{
      display: none;
    }
    .sales-status-dropdown a{
      width: 62%;
      display: inline-block;
      cursor: pointer;
      position: relative;
      background: red;
      line-height: 18px;
      background-color: #ffffff;
      box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
      z-index: 1000;
      padding: 10px;
      color: #434343;
    }    

    .sales-status-dropdown a:hover {
      background-color: #bcecf3;
      border-color: #bcecf3;
    }
    .sales-status-dropdown a.active {
      background: #cecece;
    }

  /*
    *Dashboard Page*
    */

    .trader-selling-list{

    }
    .trader-selling-list tr.active td a , .trader-selling-list tfoot td a {
      font-weight: bold;
    }

    ul.dashboard-anylasis-boxes li {
      box-shadow: 0 0 6px rgb(0 0 0 / 20%);
      box-sizing: border-box;
      height: 180px;
      width: 100%;
      background: #fff;
      margin-left: 22px;
      float: left;
      text-align: center;
      padding: 30px 0 30px;
    }
    ul.dashboard-anylasis-boxes {
      width: 80%;
      list-style: none;
      margin: auto;
      padding: 0;
      display: flex;

    }
    .trader-anylasis{
      margin-top: 8em;
    }
    ul.dashboard-anylasis-boxes .index-number-1 {
      font-size: 25px;
    }

    ul.dashboard-anylasis-boxes li h6 {
      font-size: 12px;
    }

    ul.dashboard-anylasis-boxes .index-number-1 h6 {
      font-weight: 600;
    }

    ul.dashboard-anylasis-boxes li.active{
      background: #dde9d5;
    }

  /*
    *Customer Review*
    */

    .customer-review-data{
      padding: 2em 0 2em;
    }
    .customer-review-data .amounts {
      line-height: 25px;
    }

    .customer-review-data .chose-custom-date {
      border: 1px solid #ccc;
      padding: 10px 0px 10px 0px;
    }
    .chose-custom-date {
      text-align: center;
      margin-bottom: 14px;
    }
    .customer-review-data .companies-part-conditions {
      text-align: left;
      line-height: 2.5em;
    }
    .customer-review-data .chartBox{
      padding: 6px 9px 0px 9px;
      margin-right: 4px;
      top: 3px;
      position: relative;
    }

    .average-year-data{
      color: #666666;
    }

    .total-year-data {
      position: absolute;
      bottom: 50px;
    }
    .total-year-data span.amt {
      color: #434343;
      font-size: 20px;
    }

    .decimalSmall, .decimalSmall span span:first-child {
      font-size: 30px !important;
    }
  /*
    *Customer Review*
    */

    /* Sales History */

    #company-sales-history .search_box_item , #company-pricing-history .search_box_item{
      background: #fff;
      height: 35px;
      display: inline-block;
      padding: 10px 150px 10px 20px;
      box-shadow: 0 0 6px rgb(0 0 0 / 20%);
    }    
    #company-sales-history .search-btn3{
     top: 16px;
   }
   #company-sales-history .search_box_item::placeholder {
    color: #000000;
  }

  /*
    *Company Notes & Emails*
    */
    #company-notes-emails .acc-wrap .row {
      justify-content: flex-start;
      padding-top: 30px;
    }

    .add-task-message {
      width: 70%;
      margin: auto;
      outline: 1px solid #ccc;
      margin-top: 20px;
      padding: 10px;
    }

    #chat-box-content {
      width: 70%;
      margin: auto;
      height: 300px;
      overflow-y: scroll;
    }
    #chat-box-content .sent, #chat-box-content .replies{
      margin-bottom:10px;
    }
    #chat-box-content .sent .message {
      position: relative;
      text-align: right;
      background: #f5f5f5;
      margin: 0 0 0 auto;
      word-break: break-word;
      border-radius: 18px;
      border-bottom-right-radius: 0;
      padding: 10px 12px;
      max-width: 350px;
      float: right;
      width: 350px;
      /*width: max-content;*/
      font-size: 14px;
    }
    #chat-box-content .replies .message {
      background: #bcecf3;
      margin: 0 auto 0 0;
      word-break: break-word;
      border-radius: 18px;
      border-bottom-left-radius: 0;
      padding: 10px 12px;
      max-width: 350px;
      /*width: max-content;*/
      font-size: 14px;
      position: relative;
    }

    #chat-box-content .message p {
      margin: 0;
      font-size: 11px;
    }


    #chat-box-content p.timestamp {
      background: transparent !important;
      font-size: 11px !important;
      padding: 0 12px 0 9px !important;
      margin-bottom: 0 !important;
      margin-top: 0 !important;
      font-weight: 500;
    }

    #chat-box-content .sent .timestamp {
      text-align: right;
    }

    #chat-box-content .update-message ul {
      list-style: none;
      padding: 0;
      margin: 0;
      width: 100%;
    }
    #chat-box-content .update-message {
      position: absolute;
      width: 154px;
      background: #fff;
      text-align: left;
      border: 1px solid #ccc;
      display: none;
    }

    #chat-box-content .update-message ul li a {
      color: #000;
    }
    #chat-box-content .update-message ul li {
      padding: 10px;
      line-height: 10px;
      border-bottom: 1px solid #ccc;
      width: 100%;
    }

    .right_click_content .close {
      position: absolute;
      top: -2px;
      right: 3px;
      font-size: 17px;
    }

    .update-message ul li:last-child {
      border-bottom: unset;
    }
    .notes-emails-list tr.chat-list.customer td {
      background: #bcecf3;
    }
    .notes-emails-list tr.chat-list.own td {
      background: #f5f5f5;
    }

  /*
    *Size Box Modal*
    */
    .sizeBoxModal .modal-content {
      /*width: 900px;
      max-width: 1000px;
      right: -10em;
      left: auto;*/
      top: -10em;
    }

  /*
   *Trash Reasons*
   */
   .trashed-reasons ul {
    width: 100%;
    margin: 0;
    list-style: none;
    margin-top: 15px;
    padding: 0 12px;
  }
  .trashed-reasons .equal-element .title {
    font-weight: bold;
  }
  .trashed-reasons .equal-element {
    width: 40%;
    float: left;
  }
  .trashed-reasons {
    width: 100%;
  }
  .trashed-reasons .clear , .clear {
    clear: both;
  }
  .trashed-reasons ul.trash_reason_element li:last-child {
    border-top: 1px solid #ccc;
    padding-top: 10px;
  }

    /*
      *Manab code*
      */

      #company-quick-action .modal-body{
        padding: 20px;
      }
      .trashed-reasons .equal-element {
        width: 50%;
        float: left;
      }
      .trashed-reasons ul {
        width: 100%;
        margin: 0;
        list-style: none;
        margin-top: 15px;
        padding: 0 12px 0 0;
      }
      #company-quick-action label {
        font-weight: bold;
        padding-left: 4px;
        margin-bottom: 10px;
      }
      label.input-filter span:nth-child(1) {
        padding-left: 20px;
      }
      .trashed-reasons ul.trash_reason_element li:last-child {
        border-top: 1px solid #ccc;
        padding-top: 10px;
        max-width: 70%;
      }
      .trashed-reasons textarea.form-control{
        max-height: 72px;
      }
      #company-quick-action .modalBtns{
        margin-top: 3em;
      }  

    /*
      *Manab code*
      */


  /*
   *Trash Reasons*
   */

  /*
    *Sales status description*
    */

    .sales_status_description p {
      margin-bottom: 25px;
    }

    .filter-item.trash-filter label {
      color: #fc5252 !important;
    }

    .trashed-records , .trashed-records h5, .sales_status_data.trashed-records p {
      color: #fc5252 !important;
    }

    a.clear-filter {
      color: #3C3C3C;
      float: right;
    }

  /*
    *Autocomplete list*
    */

    ul.autocomplete-list li {
      border-bottom: 1px solid #fff;
      padding: 2px 5px 2px;
      background: #ccc;
      cursor: pointer;
    }

    ul.autocomplete-list {
      width: 100%;
      margin: 0;
      padding: 0;
      list-style: none;
      max-height: 200px;
      height: auto;
      overflow-y: scroll;
      display:none;
    }

    ul.autocomplete-list li a , ul.autocomplete-list li a:hover {
      color: #3C3C3C;
    }

    .company-filters .filter-warp{
      padding-top: 15px;
      padding-bottom: 10px;
    }

    .noPaddingCols .col-md-12, 
    .noPaddingCols .col-md-11,
    .noPaddingCols .col-md-10,
    .noPaddingCols .col-md-9,
    .noPaddingCols .col-md-8,
    .noPaddingCols .col-md-7,
    .noPaddingCols .col-md-6,
    .noPaddingCols .col-md-5,
    .noPaddingCols .col-md-4,
    .noPaddingCols .col-md-3,
    .noPaddingCols .col-md-2,
    .noPaddingCols .col-md-1{
      padding: 0;
      padding-right: 5px;
    }
    .salesFilters .input-filter{
      z-index: 2;
    }
    .light-yellow{
      background: #ffffcc;
    }
    .light-yellow button[state="menu"]{
      background: #ffffcc !important;
    }
    .light-green{
      background-color: #cce5cc;
    }
    .light-green button[state="menu"]{
      background-color: #cce5cc !important;
    }
    .light-pink{
      background-color: #f2dede;
    }
    .light-pink button[state="menu"]{
      background-color: #f2dede !important;
    }

    .light-blue{
      background-color: #deecfb;
    }
    .light-blue button[state="menu"]{
      background-color: #deecfb !important;
    }


    .salesFilters .light-yellow, 
    .salesFilters .light-green, 
    .salesFilters .light-pink,
    .salesFilters .light-blue{
      background-color: transparent;
    }
    .salesFilters .light-yellow::before {
      /*content: "";
      position: absolute;
      width: 75%;
      height: 18px;
      background-color: yellow;
      z-index: -1;
      left: 25px;*/
    }
    .salesFilters .light-yellow input:checked~.checkmark {
      background-color: #ece7d7;
    }
    .salesFilters .light-green::before {
      /*content: "";
      position: absolute;
      width: 75%;
      height: 18px;
      background-color: lightgreen;
      z-index: -1;
      left: 25px;*/
    }
    .salesFilters .light-green input:checked~.checkmark {
      background-color: #d6efda;
    }
    .salesFilters .light-pink::before {
      /*content: "";
      position: absolute;
      width: 75%;
      height: 18px;
      background-color: pink;
      z-index: -1;
      left: 25px;*/
    }
    .salesFilters .light-pink input:checked~.checkmark {
      background-color: #fbf5f5;
    }
    .salesFilters .light-blue::before{
      /*content: "";
      position: absolute;
      width: 75%;
      height: 18px;
      background-color: lightblue;
      z-index: -1;
      left: 25px;*/
    }
    .salesFilters .light-blue input:checked~.checkmark {
      background-color: #deecfb;
    }

    .company-breadcrumb .breadcrumb{
      margin: 0;
    }

    .company-pricing-history-info table th{
     white-space: pre;
   }

   thead.toptable-heading td {
    padding-bottom: 0;
  }

  /*.company-pricing-history-info th.description {
      width: 15%;
  }

  .company-pricing-history-info .special-notes{
     width: 10%;
     }*/

     .listings_table table th.sl-th0 {
      width: 3%;
    }
    .listTask sup{
      position: relative;
    }

    .listTask sup{
      position: absolute;
      top: 11px;
      font-size: 10px;
      right: 5px;
    }

  /*
    *Replace Company CSS*
    */

    .select2-container .select2-selection{
      min-height: 35px !important;
      height: auto !important;
      border-radius: unset !important;
    }

    .container.replace-company-content .col-md-12 {
      margin-bottom: 40px;
      margin-top: 25px;
    }  

    .replace-company-content .companies-list ul {
      width: 100%;
      margin: 0;
      padding: 0;
      list-style: none;
      margin: 10px 0 10px;
      height: auto;

    }
    .replace-company-content .list-content-data .input-filter{
      width: unset;
    }

    .replace-company-content .list-content-data label{
      font-weight: bold;
    }  

    .replace-company-content .list-content-data label.input-filter span:nth-child(1){
      /*padding-left: unset !important;*/
    }

    .replace-company-content li.list-content-data span {
      white-space: normal;
    }

    .replace-company-content .content-box{
      /*outline: 1px solid #ccc;*/
      /*padding: 15px;*/
    }

    .lower{
      text-transform: lowercase;
    }

    #contact-quick-action .row {
      min-height: 10px;
      padding-bottom: 13px;
    }

    .middle_modal.full-width-modal .modal-dialog , .middle_modal.full-width-modal .modal-content{
      max-width: 100% !important;
      margin: 1% auto 0 auto !important;
    }

    .middle_modal.full-width-modal{
      padding: 0 15px !important;
    }
    .middle_modal.full-width-modal .modal-body{
      padding: 10px 5px 10px 0;
    }    

    .middle_modal.half-width-modal .modal-dialog{
      max-width: 70% !important;
      margin: 12% auto 0 auto !important;
    }
    .middle_modal.half-width-modal .modal-content{
      max-width: 100% !important;
    }

    .middle_modal.half-width-modal{
      padding: 0 15px !important;
    }
    .middle_modal.half-width-modal .modal-body{
      padding: 10px 5px 10px 0;
      max-height: 500px;
      overflow-y: scroll;
    }    

  /*
    *Trader Sales Data Table*
    */
    .container-fluid.trader-data{
      padding: 0 !important;
    }

    .trader-data table th, .trader-data table td {
      padding: 5px;
      text-align: center;
    }
    .trader-data table {
      display: inline-block;
      padding: 15px 5px;
    }
    .trader-data table.week-table {
      /*border-right: 1px solid;*/
    }
    .trader-data table.week-table:last-child {
      border: none;
    }
    .trader-data table tr.date th {
      background: #d3e2f1;
    }
    .trader-data table.week-table tfoot th {
      background: #f3f3f3;
    }
    .trader-data caption{
      caption-side: top;
      padding: 0;
      text-align: center;
    }
    .trader-data row.weekly-report{
      margin: 0 !important;
      margin-top: 10px !important;
    }

    .rangePickerArea {
      border: 1px solid;
      padding: 10px;
      position: relative;
      top: 10px;
    }
    .weekly-report .userDetails{
     width: 13%;
     float: left;
     padding: 0;
   }
   .weekly-report .userDetails{
     width: 13%;
     float: left;
     padding: 0;
   }
   .weekly-report .weekTabeData{
    padding: 0;
    width: 86%;
    float: left;
  }
  /*
    *Trader Sales Data Table*
    */

  /*.industry_sector_icon{
      border: 1px solid;
      border-radius: 100%;
      }    */
      .supplier-history thead.toptable-heading td:nth-child(1){
        padding-right: 55px;
      }
      .supplier-history tr th:nth-child(1){

        max-width: 180px;
      }
      .supplier-history tr th:nth-child(2){
        max-width: 90px;
      }
      .supplier-history tr th:nth-child(3){
        max-width: 300px;
      }
      .supplier-history tr th:nth-child(4){
        min-width: 110px;
        max-width: 170px;
      }
      .supplier-history tr th:nth-child(5){
        min-width: 160px;
        max-width: 255px;
      }
      .supplier-history tr th:nth-child(6){
        min-width: 170px;
        max-width: 270px;
      }
      .supplier-history tr th:nth-child(7){
        max-width: 160px;
      }
      .supplier-history tr th:nth-child(8){
        max-width: 140px;
      }
      .supplier-history tr th:nth-child(9){
        width: 100px;
        min-width: 100px;
      }
      .supplier-history tr th:nth-child(10){
        width: 100px;
        min-width: 100px;
      }
      .supplier-history tr th:nth-child(11){
        width: 120px;
        min-width: 120px;
      }
      .supplier-history tr td:nth-child(2){
        text-align: left;
      }

      #heading > div > span{
        position: absolute;
        right: 0px;
        top: 0;
        text-align: right;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding-right: 10px;
      }
      #heading > div > span > span{
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
        padding-left: 0;
        padding-right: 0;
      }
      #collapse-order,
      #collapse-quote, 
      #collapse-enquiry, 
      #collapse-order-history, 
      #collapse-trash{
        max-height: 500px;
        overflow-y: scroll;
      }

      .dropdown-year {
      /*position: absolute;
      top: 15em;
      right: 8em !important;
      z-index: 9999;*/
    }
    .toogleTabbing.black {
      position: absolute;
      right: 0;
      left: 9em;
      top: 0;
    }
    #heading [data-target="#collapse-order-history"]{
      z-index: 9998;
    }
    .canvasjs-chart-toolbar {
      display: none !important;
      right: unset !important;
    }
    .canvasjs-chart-toolbar > div {
      right: 0 !important;
      left: 0;
    }


    table tr.trashed.active , table tr.trashed.active:hover {
      background: #ff868680 !important;
    }

    table tr.trashed td:last-child {
      border-right: 1px solid #ff868680;
    }
    table tr.trashed td:nth-child(1) {
      border-left: 1px solid #ff868680;
    }
    table tr.trashed td, table tr.trashed td:nth-child(1) {
      border-top: 1px solid #ff868680;
      border-bottom: 1px solid #ff868680;
    }

    #company-trashed .checkmark {
      border-color: red !important;
    }
    #company-trashed .wp-tabs li a.active.light-pink-text {
      color: red;
    }
    .listTask sup {
     position: absolute;
     top: 0;
     font-size: 10px;
     right: 0;
     color: #000;
   }
   #supplier-part-list-view #sort_form > div > div.col-md-3.offset-md-3{
    margin-left: 40%;
  }
  #supplier-part-list-view #sort_form > div > div.col-md-3.offset-md-3 .row.show_enteries{
    float: right;
  }
  #supplier-part-list-view #sort_form > div > div.col-md-1.padding_top_12{
    -ms-flex: 0 0 5%;
    flex: 0 0 5%;
    max-width: 5%;
  }
  #supplier-part-list-view #sort_form .gird-view-tabs{
    -ms-flex: 0 0 5%;
    flex: 0 0 5%;
    max-width: 5%;
  }
  #sort_form > div > div.col-md-1.grid-view-tabs{
    -ms-flex: 0 0 5%;
    flex: 0 0 5%;
    max-width: 5%;
  }
  .search-result-warp{
    position: relative;
    right: auto;
    bottom: auto;
  }

  .cmp-pined{
    background: url('../../assets/images/icons/pin-grey.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    margin-top: 10px;
    position: relative;
  }
  .cmp-pined img{
    display: none;
  }
  input.pined:checked + label.cmp-pined {
    background: url('../../assets/images/icons/pin-fill-yellow.svg');
    background-size: 100%;
    background-repeat: no-repeat;
  }

  .cmp-pined sup{
    position: absolute;
    top: 5px;
    right: -6px;
  }

  /* *Event Listings* */

  .login-google{
   text-align: center;
   width: 200px;
   display: block;
   margin: 100px auto;
   border: 2px solid #2980b9;
   padding: 10px;
   background: none;
   color: #2980b9;
   cursor: pointer;
   text-decoration: none;
 }

 .add-google-calendar{
  padding: 10px;
  width: 100%;
  display: block;
  color: #212529 !important;
}

ul.event-lists {
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  /* height: 900px; */
  overflow-y: auto;
  padding-right: 15px;
}
ul.event-lists li {
  line-height: 20px;
  /*background: #cce5cc;*/
  margin-bottom: 15px;
}  
ul.event-lists li .event-date {
  width: 100%;
  display: flex;
  text-align: left;
  padding: 10px;
  padding-left: 0;
  background-color: transparent;
  border-radius: 10px;
  font-size: 16px;
}
ul.event-lists li .event-date div{
  margin-right: 8px;
}
ul.event-lists .event-content {
  display:block;
  width: 100%;
  padding: 5px;
  border: 1px solid #cce5cc;
  border-radius: 10px;
  box-shadow: 0 0 6px #66666645;
  padding-left: 45px;
  position: relative;
}
ul.event-lists .event-content:hover{
box-shadow: 0 0 12px #66666675;
}

ul.event-lists .event-content:before {
    content: "";
    position: absolute;
    left: 15px;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background-color: #333333;
    top: 50%;
    transform: translateY(-50%);
}
ul.event-lists .event-content.overdue:before{
  background-color: #cc4125;
}
ul.event-lists .event-content.due:before{
  background-color: #f1c232;
}
ul.event-lists .event-content.future:before{
  background-color: #6aa84f;
}
ul.event-lists .event-content.complete:before{
  background-color: #666666;
}
ul.event-lists .description p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
ul.event-lists .assigned span {
    background: #ede7e7;
    border-radius: 10px;
    padding: 4px 6px 4px 6px;
    font-size: 10px;
}
ul.event-lists .assigned span.active {
    background: #f5ef24 !important;
}

ul.event-lists .assigned span.completed {
  text-decoration: line-through;
}

a.taskEvent.active{
  font-weight: bold;
}

a.meetingIcon span {
    right: -10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    background: #f5ef24;
    border-radius: 100%;
    color: #000000 !important;
    position: absolute;
    left: 20px;
    top: -11px;
    width: 24px;
    height: 24px;
    text-align: center;
    padding-top: 4px;    
}
.viewTasks {
    right: -10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    background: #f5ef24;
    border-radius: 100%;
    color: #000000 !important;
    position: absolute !important;
    left: 20px !important;
    top: -11px;
    width: 24px;
    height: 24px;
    text-align: center;
    padding-top: 4px;
}

a.meetingIcon {
    outline: 2px solid #666666;
    border-radius: 100%;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    position: relative;
}
a.meetingIcon img{
    width: 14px !important;
}
/* *Event Listings* */

/* Filter Selection */
.filter-selection {
  position: relative;
  bottom: 15px;
  padding: 10px 15px;
  background-color: #ffffff50;
  font-weight: bold;
}
.filter-selection .selection:last-child .aw {
  display: none;
}

.filter-selection .selection {
  /*color: #71bf44;*/
  color: #666666;
}
/* Filter Selection */

.common-ul{
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}
.cmp-sales-lists{
  
}

/*Add Event to Calender*/

.mbsc-popup-header, .mbsc-popup-buttons{
  display: none !important;
}
.mbsc-block, .mbsc-form-group {
    margin: .75em 0 !important;
}
.mbsc-form-group .row{
  margin-left: 0;
  margin-right: 0;
  padding-left: 15px;
  padding-right: 15px;
}
.ane-head .col-md-6{
  padding-left: 0;
}
.ae-col-1 label{
  margin-right: 0;
  margin-left: 0;
}
.ae-col-1 input{
  border-right: 0 !important;
  border-left: 0 !important;
  border-top: 0 !important;
  padding-left: 0 !important;
  font-size: 24px;
}
.event-date{
  align-items:center;
}
.ed-1 label, .ed-3 label{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.ed-1 .mbsc-windows.mbsc-label-stacked, .ed-3 .mbsc-windows.mbsc-label-stacked, .ed-2, .ed-4{
  height: 32px;
    padding-top: 5px;
}
.ed-1 label span, .ed-3 label span{
  display: inline-block;
  float: left;
}
.ed-1 label span:first-child, .ed-3 label span:first-child{
  width: 20%
}
.ed-1 label span:last-child, .ed-3 label span:last-child{
  width: 80%
}
.ed-4{
  padding-left: 0;
  padding-right: 0;
}
.event-desc > label{
  width: 100%;
}
.event-desc textarea{
  min-height: 105px !important;
}
.mbsc-windows.mbsc-switch-track-right{
  right: auto;
  left: 15%;
  /*width: 44px !important;
  height: 24px !important;*/
  
}
/*
.mbsc-windows.mbsc-switch-track:before{
  border-radius: 14px !important;
}
.mbsc-windows.mbsc-switch-handle{
  width: 20px !important;
  height: 20px !important;
  margin: -0.75em 0 0 -1.25em !important;
}*/
.row.cld-btn-grp {
    flex-flow: column;
}
.cld-btn1, .cld-btn2, .cld-btn3, .cld-btn4{
  text-align: center;
}
.cld-btn1 button, .cld-btn2 button, .cld-btn3 button, .cld-btn4 button{
    padding: 9px;
    border-radius: 20px;
    background-color: transparent;
    border:1px solid transparent;
    margin-bottom: 15px;
    min-width: 280px;
}
.cld-btn1 button{
  background-color: rgba(0,120,215,.25);
  
}
.cld-btn1 button:hover{
  box-shadow: 0 0 12px #33333340;
}
.cld-btn2 button{
  background-color: #8fc96d;
}
.cld-btn2 button:hover{
  box-shadow: 0 0 12px #33333340;
}
.cld-btn3 button{
  background-color: #ffffff;
  border: 1px solid #d2d2d2;
}
.cld-btn3 button:hover{
  box-shadow: 0 0 12px #33333340;
}
.cld-btn4 button{
  background-color: #ffffff;
  border: 1px solid rgb(252, 82, 82);
}
.cld-btn4 button:hover{
  box-shadow: 0 0 12px #33333340;
}

/*.full-calendar-view{
  text-align: right;
}*/
.fcv-title{
  font-size: 2em;
  font-weight: bold;
}
.fcv-open a{
  display: inline-block;
}
.fcv-open img{
  width:28px;
  height: 28px;
  margin-left: 15px;
}
.event-status-list{
  margin-top: 96px;
}
.et-list{
  padding-left: 0;
  list-style-type: none;
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  padding-right: 15px;
  margin-bottom: 0;
}

.et-list li{
  width: 100%;
  border-right: 1px solid #ffffff;
  margin-bottom: 0;
}
.et-list li:last-child{
  border-right: 0;
}
.et-list li a,.et-list li label{
  color: #666666;
  font-size: 1.3em;
}
.et-list li label{
  padding: .35rem;
  background-color: #f0f0f0;
  
  width: 100%;
  text-align: center;
  display: block;
}


.event-content .title{
  font-size: 14px;
  font-weight: bold;
}
.event-company-name, .event-company-contact{
  padding-right: 5px;
  /*border-right: 1px solid #d2d2d2;*/
  margin-right: 5px;
}

.viewTasks.getOutstandingTask{
  background: #D3D3D3/*rgb(102 102 102)*/;
  color : #000000 !important;
}
.outStandingTasks {
    background: #f5ef24;
    border-radius: 100%;
    color: #000000;
    position: absolute;
    left: 30px;
    top: -8px;
    width: 24px;
    height: 24px;
    text-align: center;
    padding-top: 2px;
}
#event-tasks .modal-content{
  border: none;
  max-width: 450px !important;
}

#event-tasks .et-list li a,#event-tasks .et-list li label{
  font-size: 1.5em;
}
 /* #event-tasks ul.event-lists{
  height: 100vh;
} */
.google-login{
    text-align: center;
    width: 250px;
    margin: 100px auto;
    border: 2px solid #2980b9;
    padding: 10px;
    background: none;
    color: #2980b9;
    cursor: pointer;
    text-decoration: none;    
}
.multiselect-container.dropdown-menu.show {
    width: 29%;
    background: #fff;
    height: auto;
    /*overflow-y: scroll;*/
    right: 22px;
    margin-left: auto;
    margin-top: 168px;
    position: fixed !important;
    transform: none !important;
}
.multiselect-container.dropdown-menu.show label.form-check-label {
    color: #000;
    font-size: 11px !important;
    padding-top: 3px !important;
}
.multiselect-option.dropdown-item{
  height: unset;
}
.multiselect-container.dropdown-menu{
  padding: 0px 8px 0px 8px;
}
.quick-description{
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("https://obsoglobal.com/development/assets/images/down-arrow.png");
  background-repeat: no-repeat;
  background-size: 12px auto;
  background-position: center right;
}
.quick-description option{
  /*background: #434343;*/
}

.quick-description option.title_0{
  color: #678fca;
}
.quick-description option.title_1{
  color: #fff;
}
.quick-description option.title_2{
  color: #fff;
}
.quick-description option.title_3{
  color: #fff;
}
.quick-description option.title_4{
  color: #848484;
}
.quick-description option.title_5{
  color: #fdd76f;
}

.quick-description option[value="General Task"]{
  color: #72a9da !important;
}

.quick-description option.job_role_1 , .job_role_1{
  color: #678fca;
}
.quick-description option.job_role_2 , .job_role_2{
  color: #fff;
}
.quick-description option.job_role_3 , .job_role_3{
  color: #fff;
}
.quick-description option.job_role_4 , .job_role_4{
  color: #85977e;
}
.quick-description option.job_role_5 , .job_role_5{
  color: #e8e8e8;
}
.quick-description option.job_role_6 , .job_role_6{
  color: #b9acac;
}
.quick-description option.job_role_7 , .job_role_7{
  color: #72a9da;
}
.quick-description option.job_role_8 , .job_role_8{
  color: #fcd66f;
}

input.quick-description{
  font-size: 12px;
}
#task-popup-form ul.suggestion_list , #event-form ul.suggestion_list {
    font-size: 11px;
    width: 260px;
    max-height: 400px;
}

/*Task Manager*/
.task-manager-container{
  padding-bottom: 60px;
}

.t-c-name{
  font-weight: bold;
}
.mbsc-eventcalendar {
    height: 90% !important;
}
.mbsc-windows.mbsc-calendar-controls{
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.mbsc-windows.mbsc-calendar-button.mbsc-button.mbsc-font{
  padding-left: 0 !important;
}
.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-title{
  padding-left: 0 !important;
}
.mobi-next-prev{
  width: 34% !important;
}
.mbsc-segmented-item{
  margin-right: 1px !important;
}
.mbsc-windows.mbsc-segmented-button.mbsc-button{
  background: #f0f0f0 !important;
}
.mbsc-windows.mbsc-segmented-button.mbsc-button.mbsc-selected{
  background: #7a7a7a !important;
}
.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-week-day.mbsc-ltr{
  text-align: center !important;
}
.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-label[title=Future]{
  color: rgb(106 168 79) !important;
}

.mobi-next-prev button, .mobi-next-prev div {
    display: inline-block;
}
.mobi-next-prev {
    width: 33%;
    text-align: right;
}   

.google-cal-header-picker, .google-cal-header-nav , .mobi-next-prev {
    width: 33%;
}   

.mbsc-page{
    min-height:auto !important;
}
 .mbsc-popup.mbsc-windows {
   width: 600px !important;
   max-width: 600px !important;
}
.multiselect-native-select .btn-group{
    width:100% !important;
}
.multiselect-native-select .btn-group button{
    text-align: left !important;
    border: none;
    padding: 0;
    border-bottom: 1px solid #ccc;
    border-radius: unset;
    margin-top: 3px;
}

input.start-input ,  input.end-input {
    border: none !important;
    background: #edeaea !important;
    border-radius: 16px !important;
    height: 32px !important;
    text-align: center !important;
    font-size: 1em !important;
    font-family: -apple-system,Segoe UI,Roboto,sans-serif;
}

.mbsc-popup-body label{
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    /*padding-top: 10px !important;
    padding-bottom: 10px !important;*/
}
.mbsc-popup-body, .mbsc-popup-body label {
    font-size: 14px !important;
}
.mbsc-popup-body{
  overflow: unset !important;
}
#event-form > .mbsc-form-group:first-of-type{
  margin-top: 1.25rem !important;
  margin-bottom: 2.5rem !important;
}
.ane-head .col-md-12{
  -ms-flex: 0 0 90%;
    flex: 0 0 90%;
    max-width: 90%;
}
#event-form > .mbsc-form-group:first-of-type .close{
  right: 25px;
}
.mbsc-windows.mbsc-textfield{
  height: 32px !important;
  border-radius: 16px;
  text-align: center;
}
.mbsc-windows a{
  font-size: 20px;
  font-weight: bold;
}

.ed-2 span{
  text-transform: uppercase;
  font-weight: bold;
}
.multiselect-native-select .btn-group button:focus{
  box-shadow:none;
}
.mbsc-popup-padding{
  padding: 0 !important;
}
#event-all-day{
  width: 15%;
  left: 70px;
}
label[for=event-all-day]{
  margin-top: 0px !important;
  height: 50px;
}
label[for=event-all-day] .mbsc-form-control-label{
  padding-top: 0px;
    display: inline-block;
}
.other-page-view .mbsc-form-group .row{
  padding-left: 25px;
  padding-right: 25px;
}
.other-page-view .mbsc-form-group .row .col-md-4:first-child{
  padding-left: 0;
}
.other-page-view .mbsc-form-group .row .col-md-4:last-child{
  padding-right: 0;
}
.other-page-view label[for=event-all-day]{
  line-height: 3;
}
.other-page-view #event-all-day{
      width: 24px;
    position: absolute;
    bottom: 20px;
}
/*Header*/
.user-name-logout{
  -ms-flex: 0 0 18.666667%;
    flex: 0 0 18.666667%;
    max-width: 18.666667%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 0;
}
.nav-user-warp{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row-reverse;
  width: 90%;
}
.nav-user-warp .user-img-warp{
  margin-left: 15px;
}

.mbsc-popup.mbsc-windows.mbsc-popup-anchored {
    left: unset !important;
}

.deliveryInvoiceAddress{
  max-width: 75%;
  margin-bottom: 30px;
}
.deliveryInvoiceAddress > .col-md-3{
  flex: 0 0 50%;
    max-width: 50%;
    padding-left: 0;
}
.deliveryInvoiceAddress > .col-md-3 h6, .deliveryInvoiceAddress > .col-md-6 h6{
  font-weight: 400;
}
.deliveryInvoiceAddress .row .col-md-12{
  padding-left: 0;
}

#deposit-modal .modal-dialog, 
#deposit-modal .modal-content{
  max-width: 400px;
}
#deposit-modal .modal-footer{
  display:none;
}
#deposit-modal .modal-body{
  padding-top: 20px;
  padding-bottom: 20px;
}
#deposit-tab{
  max-width: 230px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
}
#deposit-tab .nav-item{
  width: 115px;
}
#deposit-tab .nav-link{
  color: #ededed;
}
#deposit-tab .nav-link.active{
  border-bottom: 2px solid #bcecf3;
  color: #000000;
}
#deposit-form > div:nth-child(2){
  padding-bottom: 8px;
  border-bottom: 1px solid #d2d2d2 !important;
}
#deposit-form > div:nth-child(2) .col-md-6:nth-child(1){
  padding-left: 0;
}
#deposit-form > div:nth-child(2) .col-md-6:nth-child(2){
  text-align: right;
  padding-right: 0;
}
#deposit-content{
  margin-left: 0;
    margin-right: 0;
}
#percent-tab-info > div> label, #fixed-tab-info > div > label{
  -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
    display: flow-root;
    padding-left: 0;
}
#percent-tab-info > div > div.col-md-4, #fixed-tab-info > div > div{
-ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
    display: flow-root;
    padding-right: 0;
}
#deposit-form .apply_submit{
  width: 80px;
}


.Pending-wrap{
  margin-bottom: 15px !important;
}
.Pending-text{
  color: #fd7d7d;
    text-align: left !important;
}
#Selling_Info input.pending{
  background-color: #feb3b3 !important;
}
.paidHistory-btn-wrap{
  /*max-width: 33%;
  margin-left: auto;
  text-align: left !important;*/
}
.paidHistory-btn-wrap a{
  font-weight: bold;
  font-size: 12px;
}


ul.event-lists li > button{
  position: relative;
  float: left !important;
  padding: 3px 8px;
  background-color: #f30909 !important;
  border-radius: 13px;
  margin-left: 12px;
  margin-top: 6px;
  z-index: 2;
}
ul.event-lists li > button i{
  color: #ffffff !important;
}
ul.event-lists li > a{
  position: relative;
  z-index: 1;
}
ul.event-lists li > a .event-company-details{
  display: flex;
  flex-flow: column;
}
.event-company-contact{
  order: 2;
}
.event-company-details span:nth-child(2){
  order:1;
  background-color: #f5f5f5;
  border-radius: 5px;
}
.reminder_sent .event-content{
  border: 2px;
}
.reminder_sent .event-company-details span:nth-child(2){
  order:1;
  background-color: #f30909;
  color: #ffffff !important;
  padding: 3px 5px;
}

.partially-paid-content{
  border: 1px solid #b7b7b7;
}
.partially-paid-content li {
    padding: 5px;
    line-height: 1.5 !important;
    background-color: #ffffff;
    margin-bottom: 2px;
    margin-top: 2px;
}
.support-button{
  background: #bcecf3;
  border: none;
  outline: 1px solid #bcecf3;
}

.breadcrumb-nav [aria-label="breadcrumb"]{
  display: flex;
}

.support-ticket-message b {
    margin-left: 10px;
    font-weight: unset;
    font-size: 15px;
}

.support-ticket-message {
    width: 380px;
    color: #000000;
    position: absolute;
    right: 85px;
    top: 150px;
    background-color: #FFFFFF;
    text-align: center;
    padding: 10px 15px;
    box-shadow: 0 10px 40px #c3c0c090;
    border-radius: 5px;
    font-size: 14px;
    z-index: 9;
}
.support-ticket-message a{
  font-size: 14px;
  margin-left: 6px;
  color: #24C706;
}

#event-form .event-date{
  max-width: 55%;
  margin-right: auto !important;
  margin-left: auto !important;
}
.event-details .col-md-6:nth-child(1),
.event-details .col-md-6:nth-child(3){
  padding-left: 0;
}
.event-details .col-md-6:nth-child(2),
.event-details .col-md-6:nth-child(4){
  padding-right: 0;
}
.event-details .col-md-6:nth-child(4) .quick-description{
  padding-left: 0;
}

.suppliers-country{
  height: 42px;
  width: 40px;
  text-align: center;
}
/*Purchase Internal Delivery*/

.modal {
  background-color: #33333380;
}

/*add-company-address Modal*/
#add-company-address .modal-dialog{
    max-width: 580px;
}
#add-company-address .modal-content{
    max-width: 580px;
    right: auto;
}
#add-company-address .sec-title-warp h4{
    text-align: center;
    font-size: 24px;
}
#add-company-address .content-form > div{
    margin-top:10px;
}
#add-company-address label.col-md-3 {
    padding-left: 0;
}
#add-company-address .content-form .col-md-9 {
    padding-right: 0;
}
#add-company-address .content-form .col-md-9 select{
    border: 1px solid #66666617 !important;
    border-radius: 18px !important;
    padding-left: 10px;
    padding-right: 10px;
    box-shadow: 0 0 6px #66666630;
}
/*add-company-address Modal*/

/*Marketing List*/
  input.marketing_filter:checked+.filter-btn{
    background-color: #bcecf3;
  }
  .marketing-list .filter-btn input{
    opacity: 0;
    width: 0;
    height: 0;
  }

  .marketing-list .row .filter-btn{
    
    margin-right:5px;
  }
  .marketing-list .row .filter-btn.active{
    background-color:#bcecf3 !important;
    outline: 1px solid #bcecf3;
  }
  .marketing-table-1 tr th:nth-child(1), .marketing-table-1 tr td:nth-child(1){
    width:1%;
    padding-left:5px;
  }
  .marketing-table-1 tr th:nth-child(2), .marketing-table-1 tr td:nth-child(2){
    width:12%;
  }
  .marketing-table-1 tr th:nth-child(3), .marketing-table-1 tr td:nth-child(3){
    width:4%;
  }
  .marketing-table-1 tr th:nth-child(4), .marketing-table-1 tr td:nth-child(4){
    width:10%;
  }
  .marketing-table-1 tr th:nth-child(5), .marketing-table-1 tr td:nth-child(5){
    width:15%;
  }
  .marketing-table-1 tr th:nth-child(6), .marketing-table-1 tr td:nth-child(6){
    width:12%;
  }
  .marketing-table-1 tr th:nth-child(7), .marketing-table-1 tr td:nth-child(7){
    width:20%;
  }
  .marketing-table-1 tr th:nth-child(8), .marketing-table-1 tr td:nth-child(8){
    width:7%;
  }
  .marketing-table-1 tr th:nth-child(9), .marketing-table-1 tr td:nth-child(9){
    width:12%;
    padding-right:0;
  }
  .marketing-table-1 tr th:nth-child(10), .marketing-table-1 tr td:nth-child(10){
    width:18%;
    padding-right:0;
  }
  .marketing-table-1 tr td:nth-child(9){
    text-align:right;
  }
  .marketing-table-1 tr td{
    vertical-align: middle;
  }
  .marketing-table-1 tbody tr{
    background-color:#f5f5f5;
    border-bottom: 3px solid #ffffff;
  }
  .marketing-table-1 tbody tr:hover{
    background-color: #ffffff ;
    box-shadow: 0 0 6px #00000060;
  }
  .verified{
    color:#71bf44;
    font-weight:bold;
  }
  .not-verified{
    color:#b7b7b7;
  }
  .btn-send-attachment{
    border-radius:0;
    background-color:#bcecf3 !important;
    border: 1px solid #bcecf3;
    color:#3c3c3c;
  }
  .btn-send-attachment:hover{
    border: 1px solid #bcecf3;
    color:#3c3c3c;
  }
  .btn-send-attachment:disabled{
    background-color: #666666 !important;
    border: 1px solid #666666;
    color:#f5f5f5;
  }
  select[name=assign_user_id]{
    background-color: transparent;
  }
  .service_1, .service_2, .service_3, .service_4, .service_5,.service_6, .spares_guide, .company_information_file, .partner_with, .line_card_file,.contact{
    background-color:#71bf44;
    max-width: 215px;
    display: block;
    padding: 6px;
    text-align: center;
  }
  .service_1{
    background-color:#AEBDCA;
  }
  .service_2{
    background-color:#AAC4FF;
  }
  .service_3{
    background-color:#B1B2FF;
  }
  .service_4{
    background-color:#A7D2CB;
  }
  .service_5{
    background-color:#ADC2A9;
  }
  .service_6{
    background-color:#C4DFAA;
  }
  .contact{
    background-color:#F7B32B;
  }
  .company_information_file{
    background-color:#18c0d8;
  }
  .partner_with{
    background-color:#c27ba0;
  }
  .line_card_file{
    background-color:#99C4C8;
  }
  .spares_guide{
    background-color: #ADC2A9;
  }
  .filterSortArea .form-group.row{
    align-items:center;
  }
  .filterSortArea .form-group.row select, .filterSortArea .form-group.row .srch_field2{
    background-color: transparent;
  }
  .filterSortArea .form-group.row .srch_field2{
    border:1px solid #d2d2d2 !important;
  }

  .trash-backgroud{
    background-color: #ff868680 !important;
  }
  .marketing-list .customerButton {
    max-width: 120px;
    width:70%;
    border-radius: 8px;
  }
  .marketing-list .customerButton:hover{
    box-shadow: 0 0 4px #00000040;
  }
  .marketing-list .viewCustomerButton{
    background: #3c3d3c;
    border-color: #3c3d3c;
    color: #c9c9c9;
  }
  .marketing-table-1 tr td:nth-child(5) > div{
    line-break: anywhere;
  }
  .sendAttachment button.btn.remove_item_db.remove-btn3.float-none {
    transform: translateY(5%);
}
/*Marketing List*/

/* *Notification Module* */

.dropdown.notifications .dropdown-menu {
  background: #fff;
  z-index: 9999;
  margin-top: 12px;
  padding: 5px 5px;
  width: 300px;
}

.dropdown.notifications .notification-list{
  font-size: 12px;
  line-height: 20px;
  padding-bottom: 5px;
  padding-top: 5px;
}

.unread_notification_count {
  font-size: 12px;
  position: absolute;
  top: -8px;
  right: 10px;
  width: 24px;
    height: 24px;
    text-align: center;
    padding-top: 6px;
    background-color: #f5ef23 !important;
}

.count-all{
  border-radius: 11px;
  background-color: #007bff;
  color: #FFFFFF;
}
.count-unread{
  border-radius: 11px;
  background-color: #6DB544;;
  color: #FFFFFF;
}
.count-read{
  border-radius: 11px;
  background-color: #d2d2d2;
  color: #FFFFFF;
}
.count-cleared{
  border-radius: 11px;
  background-color: #fc5252;
  color: #FFFFFF;
  display: none;
}
.notification_filters label{
  background-color: #f1f2f1;
}
.notification_table{
  border: 1px solid #d2d2d2;
}
.notification_table thead{
  background-color: #d2d2d2;
}
.notification_table tr th{
  border-bottom: 1px solid #d2d2d2;
}
.notification_filters input:checked+.filter-btn{
  background-color: #ffffff;
}
.notification_table tr th:nth-child(1), .notification_table tr td:nth-child(1){
  width: 15%;
}
.notification_table tr th:nth-child(2), .notification_table tr td:nth-child(2){
  width: 75%;
}
.notification_table tr th:nth-child(3), .notification_table tr td:nth-child(3){
  width: 10%;
}
/* *Notification Module* */

/*Company Contact*/

#company-contact .card-header{
  padding-top: 8px;
  padding-bottom:8px;
}
.branch-address .card-header{
  background-color: #cadbf9 !important;
}
.branch-address .card-header[aria-expanded="true"] {
  background-color: #cadbf9;
}
.branch-address .ccih-01, .delivery-address .ccih-01, .invoice-address .ccih-01{
  padding-left: 32px;
  display: inline-flex;
}
.branch-address .ccih-02, .delivery-address .ccih-02, .invoice-address .ccih-02{
  width: 0;
  display: inline-flex;
}
.branch-address .ccih-01::before{
  background-image: url('../images/icons/map.png');
  background-repeat: no-repeat;
  background-size: 24px;
  content: "";
  position:absolute;
  height: 28px;
  width: 28px;
  left: 0;
    top: -3px;
}

.delivery-address .card-header{
  background-color: #a4c2f5;
  
}
.delivery-address .card-header[aria-expanded="true"] {
  background-color: #a4c2f5;
}

.delivery-address .ccih-01:before{
  background-image: url('../images/icons/delivery.png');
  background-repeat: no-repeat;
  background-size: 24px;
  padding-left: 32px;
  content: "";
  position:absolute;
  height: 28px;
  width: 28px;
  left: 0;
    top: -3px;
}

.invoice-address .card-header {
  background-color: #464646;
  color:#ffffff;
}
.invoice-address .card-header[aria-expanded="true"] {
  background-color: #464646;
}
.invoice-address .ccih-01:before{
  padding-left: 32px;
  background-image: url('../images/icons/invoice2.png');
  background-repeat: no-repeat;
  background-size: 24px;
  content: "";
  position:absolute;
  height: 28px;
  width: 28px;
  left: 0;
    top: -3px;
}
#company-contact .cci-list li>span{
  overflow: visible;
}
#company-contact .viewTasks{
  left: 10px !important;
  padding-top: 0px;
}
#company-contact .ccih-01 .edit{
  display: inline-flex;
}
#company-contact .ccih-01 .edit a{
  padding-left: 10px;
}

#company-contact .switch input:checked+.slider:after{
  left: -10px;
}
.company-contact-info a{
  position: relative;
}
.company-contact-info a sup{
  position: absolute;
  top: -10px;
  left: 16px;
  font-size: 10px;
  width: 24px;
  height: 24px;
  display: inline-flex;
  text-align: center;
  justify-content: center;
  background-color: #d3d3d3;
  border-radius: 12px;
  align-items: center;
}
/*Company Contact*/

  /*Email nad Notes*/
  .notes-left{
    background-color: #f5f5f5;
    padding-top: 20px;
    padding-bottom: 20px;
    min-height: 100vh;
  }
  .notes-card{
    background-color: #f5f5f5;
    border: 1px solid #ededed;
  }
  .notes-tag-wrap, .date-n-time{
    width: 20%;
  }
  .blank2{
    width: 22.5%;
  }
  .notes-title, .Note-text{
    width: 60%;
    line-break: anywhere;
  }
  .creator-name-wrap{
    width: 20%;
  }
  .notes-tag-wrap, .creator-name-wrap{
    position: relative;
  }
  .notes-tag{
    background-color: #f9e537;
    padding: 8px 25px;
    text-align: center;
    height: 30px;
    position: absolute;
    top:0;
    right: 0;
    min-width: 170px;
  }
  .creator-name{
    background-color: #ededed;
    padding: 8px 25px;
    text-align: center;
    height: 30px;
    position: absolute;
    top:0;
    left: 0;
    min-width: 170px;
  }
  .note-attachments, .note-mentions {
    width: 40%;
  }
  .note-attachments a, .note-mentions a{
    color: #000000;
  }
  .date-n-time{
    padding: 0 15px;
    text-align: left;
  }
  .date-n-time span{
    display: block;
  }
  .note-bottom-btns{
    width: 15%;
    text-align: right;
  }
  .notes-card-bottom{
    align-items: center;
  }
  .chat-count{
    position: absolute;
    background-color: red;
      padding: 3px 3px 3px 5px;
      border-radius: 50%;
      height: 20px;
      width: 20px;
      font-size: 10px;
      text-align: center;
      left: 12px;
      top: -12px;
  }
/*Css 30-08-2022*/
.scroll-height-350 {
  max-height: 350px;
  overflow-y: scroll;
}
/*Css 30-08-2022*/

/*Notes & Email*/
.note-attachments .attach-file::after {
  content: " , ";
}    

.note-attachments .load_more_attachments::before {
content: "and";
}

.note-attachments a:last-child::after {
  content: "" !important;
}

.notes-table .dropdown-menu{
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0,0,0,.15);
}

.notes-table .dropdown-menu a{
  color: #212529 !important;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}    

.notes-left textarea.select2-search__field {
  padding: 10px 0px 12px 0 !important;
 }

.notes-left textarea.select2-search__field::placeholder{
  color: #444444;
}

.notes-left textarea.select2-search__field::moz-placeholder{
  color: #444444;
}

#add-note-email textarea.select2-search__field {
  padding: 10px 0px 12px 0 !important;
 }
#add-note-email textarea.select2-search__field::placeholder{
  color: #444444;
}
#add-note-email textarea.select2-search__field::moz-placeholder{
  color: #444444;
}

/*Notes & Email*/

.order_by{
    width: 70%;
    padding-left: 10px;
    background-color: white;
    border: 1px solid #d2d2d2 ;
    border-radius: 3px !important;
}
.vertical-center{
  vertical-align: middle !important;
}

.fa-check.circle{
  padding: 6px 6px 5px 6px;
  border-radius: 20px;
  color: #212529;
  font-size: 12px;
  outline:1px solid #71bf44;
}

.fa-check.verified{
  background: #71bf44;
  color: #fff;
}

.select2-hidden-accessible {
  border: 0 !important;
  /*clip: rect(0 0 0 0) !important;*/
  -webkit-clip-path: inset(50%) !important;
  /*clip-path: inset(50%) !important;*/
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.restoreRecords.none{
  border: none;
  padding: 0;
  margin: 0;
  background-color: unset;
}

/*Company Status*/
.status-progress-wrap .dropdown-menu{
  background-color: #ecd9a7;
  min-width: 15rem;
  
}
.status-progress-wrap .dropdown-menu.show{
  transform: translate3d(0px, 30px, 0px) !important;
}
.status-progress-wrap .dropdown button{
  font-size: 12px;
  background-color: transparent;
  border: 0;
}
.status-progress-wrap .dropdown button img{
  width: 16px;
  height: 16px;
  margin-right: 5px;
}
.status-progress-wrap .dropdown{
  background-color: #ecd9a7;
  margin-left: 1px;
  
  min-height: 44px;
  min-width: 50%;
  padding: 5px 3px;
  border-radius: 5px;
}
/*
.status-progress-wrap .dropdown::before{
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  left: 4px;
  top: 3px;
  background: url(../../assets/images/icons/status-cross1.svg);
  background-repeat: no-repeat;
  background-size: contain;
}*/
.status-progress-wrap .dropdown-menu .dropdown-item{
  color: #000 !important;
  font-size: 12px;
  font-weight: bold;
  position: relative;
  padding-right: 0;
}
.dropdown-item p{
  margin-bottom: 5px;
}
.dropdown-item p.sp-first, .dropdown-item p.sp-last{
  font-size: 10px;
  width: 50%;
  display: inline-block;
  float: left;
  color: #727272;
  margin-bottom: 5px;
}
.dropdown-item p.sp-last{
  float: right;
}
.dropdown-item::before{
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 12px;
  border: 1px solid #333;
  left: 0px;
  top:10px;
}

.dropdown-item.progress-25::before{
  background-color: #d42121;
  border-color: #d42121;
}
.dropdown-item.progress-50::before{
  background-color: #ec7620;
  border-color: #ec7620;
}
.dropdown-item.progress-75::before{
  background-color: #cb9820;
  border-color: #cb9820;
}
.dropdown-item.progress-100::before{
  background-color: #6db544;
  border-color: #6db544;
}
.dropdown .progress{
  position: relative;
  left: 6px;
  top: 3px;
  display: table;
  width: 92%;
  height: 10px;
  -webkit-appearance: none;
   appearance: none;
   
}
/*.progress-bar[value="0"] {
  width: 0%;
  background-color: transparent;
}
.progress-bar[value="25"] {
  width: 25%;
  background-color: #d42121;
}

.progress-bar[value="50"]{
  width: 50%;
  background: #cb9b20;
}

.progress-bar[value="75"]{
  width: 75%;
  background: #ec7620;
}

.progress-bar[value="100"]{
  width: 100%;
  background: #6db544;
  
}*/

.progress-bar0 {
  background-color: transparent;
}
.progress-bar25 {
  background-color: #d42121;
}

.progress-bar50{
  background-color: #ec7620;
}

.progress-bar75{
  background-color: #cb9820;
}

.progress-bar100{
  background-color: #6db544;
  
}
.sp-count-1{
  letter-spacing: 3px;
}

.company_listing .progress{
    display: block;
}
.notes-job-link{
    margin-bottom: 7px;
    display: block;
    color: #6c8ed8;
}
.notes-job-link:hover{
    color: #436fcd;
}

.notes-job-link img{
    width: 18px;
    margin-right: 5px;
    margin-top: -7px;
}

.spinner-border {
  width: 1.5rem !important;
  height: 1.5rem !important;
  opacity: 0.5;
}    

#filter_form .spinner-border,.filter_form .spinner-border {
  width: 1rem !important;
  height: 1rem !important;
}    

.user_report{
    width: 100%;
    overflow-x : auto;
}

.prospect-table{
  background: #f9f9f9;
}

.table-box {
  max-width: 750px;
  margin: 0 auto;
}

.table-box table thead tr th, .table-box table tbody tr td{
  background: #d1d1d1;
  font-size: 14px;
  padding: 16px 15px 13px;
}

.table-box table tbody tr td{
  background: #f3f3f1;
}

.table-box .top-bar {
  text-align: center;
  position: relative;
  background: #d1d1d1;
  padding: 30px 0 12px;
}

.table-box .bottom-body {
  background: #fff;
  padding: 30px 56px 30px 30px;
}

.table-box .top-bar .btn.btn-primary {
  background: #5172e7;
  border-color: #5172e7;
  padding: 5px 25px;
  font-size: 12px;
  border-radius: 4px;
  position: absolute;
  right: 8px;
  top: 8px;
}

.table-box .top-bar p{
  margin: 0;
  font-size: 14px;
}

.table-box table tbody tr td a{ 
  font-size: 14px;
  color: #000 !important;
}

.table-box table thead tr th:first-child, .table-box table tbody tr td:first-child{
  width: 250px;
}

.table-box table thead tr th:last-child, .table-box table tbody tr td:last-child{
  width: 150px;
}

.tablebottom{
  border-bottom: 1px #f9f9f8 solid;
}

.table-responsive.reports_data {
  max-height: 600px;
  width: 100%;
}

thead.table_header_fixed {
  position: sticky;
  top: -2px;
  background: #f9f9f9;
}

#company_prospects .modal-dialog{
  max-width: 900px;
  margin: 0 auto;
  margin-top: 100px;
}
#company_prospects .modal-content{
  max-width: 900px;
  height: 80vh;
}
#company_prospects .modal-body{
  padding-top: 20px;
}

.bottomBorderSelect2 .select2-selection{
  border: 0 !important;
  border-bottom: 1px solid !important;
}

.bottomBorderSelect2 .select2-search.select2-search--inline{
  display: none !important;
}
/* Delivery List Page */
  ul.enquiryTopContent{
    /*align-items: unset !important;*/
    padding-top: 45px;
  }
  .enquiryTopContent li.liveQuotes {
  width: 22%;
  } 
  .enquiryTopContent li.sales_calculations{
    margin: unset !important;
    padding: unset !important;
  }  
  .search-result-warp {
    width: 78%;
    margin: 5px;
    padding: 10px;
    text-align: center;
    /* height: 135px; */
    margin-right: 12px;
    background: #f1f1f1;
    flex-direction: column;
    justify-content: flex-start;
    position: unset !important;
    float: right !important;
  }
  ul.order-parts-status li {
    width: 25%;
    margin: 5px;
    list-style: none;
    border-radius: 8px;
    padding: 10px;
    text-align: center;
    height: 150px;
    margin-right: 12px;
    display: flex;
    background:#f1f1f1;
    flex-direction: column;
    justify-content: flex-start;
    border: 5px solid #f5f5f5;
  }
  ul.order-parts-status{
    color: #666666;
  }
  ul.order-parts-status .count {
    font-size: 40px;
    line-height: 1;
  }   
  ul.order-parts-status .text {
    font-size: 12px;
    line-height: 1;
  }   
  ul.order-parts-status .amount {
    font-size: 12px;
    margin-top: auto;
    background-color: #f1f1f12b;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  ul.order-parts-status .order_request.active{
    border-color: #feb3b3 !important;
  color: #f87272 !important;
  background-color: #ffffff;
  box-shadow: 0 0 6px #33333340;
  }
  ul.order-parts-status .order_request {
    font-size: 12px;
  }
  ul.order-parts-status .order_due.active{
    background: #f87272 !important;
    color: #d72424 !important;
    border-color: #e0bfb8 !important;
    box-shadow: 0 0 6px #33333340;
  }
  ul.order-parts-status .order_part_delivered.active{
    background: #ffd966 !important;
    color: #856303 !important;
    border-color: #f2e0a9 !important;
    box-shadow: 0 0 6px #33333340;
  }
  ul.order-parts-status .order_dispatched.active{
    background: #a9d6af1 !important;
    color: #73b157 !important;
    border-color: #b6d4a9 !important;
    box-shadow: 0 0 6px #33333340;
  }
  ul.order-parts-status .order_delivered.active{
    background: #ffffff !important;
    color: #73b157 !important;
    border-color: #94d6a2 !important;
    box-shadow: 0 0 6px #33333340;
  }
  .between-date-range{
    margin-top: 10px !important;
  } 
/* Delivery List Page */
    .imptnt-click{
       height: 30px;
    }

/* New Popup Css*/
.popup-form-warp .remove-part-btn{
  position:unset !important;
} 
.popup-form-warp .add-part-btn {
  right: 10px !important;
}

/* notes & email fix */
.note-mentions .dropdown-item::before{
    display:none;
}
/* notes & email fix */
.popup-form-warp label{
  padding: 0!important;
  margin: 0 !important;
  font-weight: bold;
}
.popup-form-warp input.form-control , .popup-form-warp select{
  padding-left:5px !important;
}
/* New Popup Css*/

/* eqo log css start */
.filter-section h4{
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #000000;
  margin: 0 0 24px;
}

.filter-section {
  height: 100%;
  background: #F3F3F1;
  padding: 48px 19px 0;
}

.filter-section .form-group select.form-control{
  background: #D1D1D1;
  color: #3C3C3C;
  font-size: 10px;
  height: 30px;
  width: 180px;
  border-radius: 20px !important;
}

.table-sales-history tr th{
  background: #D1D1D1;
}

.table-sales-history tbody{
  border: 0.5px solid rgba(0, 0, 0, 0.5);
}

.table-sales-history tr td{
  border-top: 0.5px solid rgba(0, 0, 0, 0.5);
}

.toogleTabbing.black{
  display: none;
}

.all-orders .nav.nav-tabs .nav-link{
  background: #9AD9DD;
  border-radius: 6px;
  position: relative;
  cursor: pointer;
  padding: 15px 30px 10px;
}

.all-orders .nav.nav-tabs .nav-link p{
  margin-bottom: 8px;
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  color: #000000;
}

.all-orders .nav.nav-tabs .nav-link span{
  font-size: 12px;
  font-weight: 500;
  display: block;
  text-align: revert;
}

.all-orders .nav.nav-tabs .nav-link:not(:first-child){
  margin-left: 25px;
}

.all-orders .nav.nav-tabs .nav-link:nth-child(2){
  background: #E7E0A3;
}

.all-orders .nav.nav-tabs .nav-link:nth-child(3){
  background: #A2E7AD;
}

.all-orders .nav.nav-tabs .nav-link:nth-child(4){
  background: #D1D1D1;
}

.all-orders .nav.nav-tabs .nav-link:nth-child(5){
  background: #F97E7E;
}

.all-orders .nav.nav-tabs .nav-link > div > span, #heading > div > span{
  position: inherit;
  display: block;
  text-align: right;
}

#heading > div > span > span{
  flex: auto;
  width: auto;
  max-width: 100%;
}

.toggle-tab{
  cursor: pointer;
}  
.feature_box .nav-link , .feature_box .nav-link:hover{
  border-bottom: unset !important;
  padding-bottom: unset !important;
}
.inner_table{
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
}

.purchase_bottom_input .heading_supplier_cost {
  justify-content: space-between;
  align-items: center;
}

/* .purchase_bottom_input .heading_supplier_cost .supplier_elements, .purchase_bottom_input .heading_supplier_cost .total_parts_amt_element{
  width: auto;
}

.supplier-cost.invoice-calc .calc-input.calc-del .input-group-prepend{
  width: auto;
} */

.supplier-cost.invoice-calc.invoice-calc3 .supplier_selection_content {
  width: 39%;
}

.supplier-cost.invoice-calc.invoice-calc3 .supplier_amounts_content {
  width: 60%;
}

.supplier-cost.invoice-calc.invoice-calc3 {
  border-bottom: 0;
}

.supplier-cost.invoice-calc .calc-input {
  justify-content: end;
}

.supplier_amounts_content .table-responsive.supplier_bpx_table .table thead tr th, .supplier_amounts_content .table-responsive.supplier_bpx_table .table tbody tr td {
  padding: 7px 10px;
  line-height: 7px;
  vertical-align: middle;
}

.supplier_amounts_content .table-responsive.supplier_bpx_table .table tbody tr td:first-child{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.supplier_amounts_content .table-responsive.supplier_bpx_table .table thead tr th {
  white-space: nowrap;
}

.supplier_amounts_content .table-responsive.supplier_bpx_table .table tbody tr td input.supplier_notes{
  /* width: 50px; */
  font-size: 10px;
}

.supplier_amounts_content .table-responsive.supplier_bpx_table::-webkit-scrollbar{
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
}

.supplier_amounts_content .table-responsive.supplier_bpx_table::-webkit-scrollbar:horizontal {
  height: 11px;
}

.supplier_amounts_content .table-responsive.supplier_bpx_table::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 2px solid white; 
  background-color: rgb(127 127 127);
}

.supplier_amounts_content .table-responsive.supplier_bpx_table::-webkit-scrollbar-track { 
  background-color: #f8f8f8; 
  border-radius: 8px; 
}

@media screen and (min-width:1200px) and (max-width:1439px) {

.table-responsive.supplier_bpx_table table.table {
  width: 1200px;
}
  
}

@media screen and (min-width:1440px) and (max-width:1900px) {
  .table-responsive.supplier_bpx_table table.table {
    width: 100%;
  }
}
/* Feature Css */
.feature_box .dropdown-toggle::after{
  display: none;
}

.feature_box .dropdown-menu {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  width: 450px;
  right: 0 !important;
  left: unset !important;
  /* display: block !important; */
}

.feature_box .dropdown-menu .dropdown-item{
  color: #000 !important;
  border: 1px dashed #5172E7;
  padding: 8px 10px 4px !important;
  height: unset;
}

.feature_box .dropdown-menu .dropdown-item:not(:first-child){
  margin-top: 12px;
}

.feature_box .dropdown-menu .dropdown-item figure {
  width: 30px;
  margin: 0;
  height: 30px;
}

.feature_box .dropdown-menu .form-group .input{
  border-color: #000;
  height: 25px;
  font-size: 12px;
}

.nav-02 .feature_box a.dropdown-item:hover , .nav-02 .feature_box a:hover{
  /* padding-bottom: unset !important; */
  border-bottom: 1px dashed #5172E7 !important;
  padding-bottom: 4px !important;
}
.nav-02 .feature_box a.dropdown-btn:hover{
  border: none !important;
}

.feature_box .dropdown-menu .form-group button.btn.search-btn {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}

.feature_box .dropdown-menu .form-group ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #000;
opacity: 1; /* Firefox */
}

.feature_box .dropdown-menu .form-group :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000;
}

.feature_box .dropdown-menu .form-group ::-ms-input-placeholder { /* Microsoft Edge */
  color: #000;
}

.add_new h6 {
  font-size: 15px;
  margin: 0;
}

.add_new span{
  color: #5172E7;
  display: block;
  font-size: 10px;
}

.add_new p{
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  margin: 0;
  font-weight: 400;
}
.feature_box .dropdown-item::before{
  content: none;
}
.feature_box .nav-link , .feature_box .nav-link:hover{
  border-bottom: unset !important;
  padding-bottom: unset !important;
}
.badge-dot.cricle {
  border-radius: 100%;
  font-size: 12px;
  height: 30px;
  width: 30px;
  text-align: center;
  line-height: 25px;
}
.feature_box  .feature-list.overflow{
  overflow-y: scroll;
  height: 377px;
}
/* Feature Css */
/* eqo log css start */

.supplier-contact-warp .invoice-fileds ul.add-supplier-list li .available_qty{
  width: 6%;
}

.supplier-contact-warp .invoice-fileds ul.add-supplier-list li .available_qty a.link_in_table.search_invoice_part{
  float: none;
}

.purchase_popup_content .supplier-contact-warp .invoice-fileds {
  margin-bottom: 10px;
}

.supplier-contact-warp .invoice-fileds ul.add-supplier-list li .form-group.input-group5E1 {
  width: 10%;
}