html
{
	margin:0;
	padding:0;
}
body
{
	margin:0;
	padding:0;
	font-family: 'Arial';
	overflow-x:hidden;
	background-color: #f5f5f5;
}
.navbar{
    box-shadow: 0px 0px 4px;
    padding: 20px;
}
.img-in-table{
    max-width: 150px;
}
.box-shadow
{
	border-radius: 8px;
	box-shadow: 0px 2px 9px rgba(0,0,0,0.5);
	padding:20px;
	background-color: #fff;
}
.table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody
{
    border:1px solid #e9ecef !important;
}
.form-control:focus
{
    border-color: none;
    box-shadow:unset;
}
.custom-select2-add .select2
{
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.add_categories .select2-container{
    border: 1px solid #cccc;
    display:block;
}
.select2-container--default .select2-selection--single
{
    border:none;
    padding: 0.375rem 0.75rem;
    background-color: #fff;
    color: #495057;
}
.select2-container--default .select2-selection--single .select2-selection__rendered
{
    color: #495057;
    padding:0;
}
.custom-select2_type .select2
{
    
    height: calc(1.5em + 0.75rem + 2px);
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 0.25rem;
}
.select2.is-invalid
{
    border-color: #dc3545;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--multiple
{
    border:none;
    padding:0;
}
*
{
    outline:none !important;
}
.highlight{
    background:#fdfd4e;
}

#login-form,
#add-product-form{
    box-shadow: 0px 0px 10px rgb(0 0 0 / 40%);
    border-radius: 5px;
    margin-top: 50px;
    padding: 10px;
}
.custom-editable:disabled, .custom-editable[readonly]{
    background:transparent;
    border:none;
    color: #495057 !important; 
    /*max-width:100px;*/
    /*min-width:100px;*/
     
}
.categories_table tr th:nth-child(4),
.categories_table tr td:nth-child(4){
    width:140px !important;
}
/*.my_products_categoires tr th:nth-child(5),*/
/*.my_products_categoires tr td:nth-child(5),*/
/*.my_products_categoires tr th:nth-child(7),*/
/*.my_products_categoires tr td:nth-child(7){*/
/*    width:140px !important;*/

/*}*/
#tbl_vendors tr th:nth-child(4),
#tbl_vendors tr td:nth-child(4){
    width:230px;
}
select.custom-editable[readonly]::-ms-expand {	display: none; }
select.custom-editable[readonly]{
    -webkit-appearance: none;
    appearance: none;
   /*pointer-events:none;*/
}


.fixed-header-table{
  top:0;
  position:fixed;
  width:auto;
  display:none;
  border:none;
}

.header-fixed{
  position: fixed;
    top: 0px; display:none;
    
}

.changeNum{
    min-width:90px;
}
.changeMeasure{
    min-width:120px;
}

.inventory_products td:nth-child(1),
.inventory_products th:nth-child(1){
    width:40px !important;
}
.inventory_products td:nth-child(2),
.inventory_products th:nth-child(2){
    width:213px !important;
}
.inventory_products td:nth-child(3),
.inventory_products th:nth-child(3){
    width:90px !important;
}
.inventory_products td:nth-child(4),
.inventory_products th:nth-child(4){
    width:110px !important;
}
.inventory_products td:nth-child(5),
.inventory_products th:nth-child(5){
    width:100px !important;
}
.inventory_products td:nth-child(6),
.inventory_products th:nth-child(6){
    width:85px !important;
}
.inventory_products td:nth-child(7),
.inventory_products th:nth-child(7){
    width:80px !important;
}
.inventory_products td:nth-child(7) .form-control,
.inventory_products td:nth-child(6) .form-control,
.inventory_products td:nth-child(5) .form-control,
.inventory_products td:nth-child(3) .form-control,
.inventory_products td:nth-child(11) .form-control{
    padding:0 !important;
}
.inventory_products td:nth-child(8),
.inventory_products th:nth-child(8){
    width:75px !important;
}
.inventory_products td:nth-child(9),
.inventory_products th:nth-child(9){
    width:250px !important;
}
.inventory_products td:nth-child(10),
.inventory_products th:nth-child(10){
    min-width:175px !important;
}
.inventory_products td:nth-child(11),
.inventory_products th:nth-child(11){
    width:83px !important;
}
.inventory_products td:nth-child(12),
.inventory_products th:nth-child(12){
    width:80px !important;
}


.my_products_categoires:not(.sett_page) td:nth-child(1),
.my_products_categoires:not(.sett_page) th:nth-child(1){
    width:100px !important;
}
.my_products_categoires:not(.sett_page) td:nth-child(2), 
.my_products_categoires:not(.sett_page) th:nth-child(2) {
    min-width: 180px !important;
}
.my_products_categoires:not(.sett_page) td:nth-child(3), 
.my_products_categoires:not(.sett_page) th:nth-child(3) {
    width: 75px !important;
}
.my_products_categoires:not(.sett_page) td:nth-child(4), 
.my_products_categoires:not(.sett_page) th:nth-child(4) {
    width: 90px !important;
}
.my_products_categoires:not(.sett_page) td:nth-child(5), 
.my_products_categoires:not(.sett_page) th:nth-child(5) {
    width: 110px !important;
}
.my_products_categoires:not(.sett_page) td:nth-child(6), 
.my_products_categoires:not(.sett_page) th:nth-child(6) {
    width: 115px !important;
}
.my_products_categoires:not(.sett_page) td:nth-child(7), 
.my_products_categoires:not(.sett_page) th:nth-child(7) {
    width: 80px !important;
}
.my_products_categoires:not(.sett_page) td:nth-child(8), 
.my_products_categoires:not(.sett_page) th:nth-child(8) {
    width: 80px !important;
}
.my_products_categoires:not(.sett_page) td:nth-child(9), 
.my_products_categoires:not(.sett_page) th:nth-child(9),
.my_products_categoires:not(.sett_page) td:nth-child(10), 
.my_products_categoires:not(.sett_page) th:nth-child(10){
    min-width: 185px !important;
}
.my_products_categoires:not(.sett_page) td:nth-child(11), 
.my_products_categoires:not(.sett_page) th:nth-child(11) {
    width: 83px !important;
}

#tbl_vendors_length,
#tbl_vendors_info,
#tbl_vendors_paginate{
    display:none;
}

.cursror-not-allow:hover{
    cursor: not-allowed !important;
}

.introjs-overlay{
    cursor: unset !important;
    display: none !important;
    
}
.introjs-tooltipbuttons{
    display:flex;
    justify-content:space-between;
}
.introjs-tooltipbuttons:after{
    position:absolute;
}
.introjs-skipbuttonbottom{
       box-sizing: content-box;
    position: relative;
    overflow: visible;
    display: inline-block;
    padding: .5rem 1rem;
    border: 1px solid #bdbdbd;
    text-decoration: none;
    text-shadow: 1px 1px 0 #fff;
    font-size: 14px;
    color: #424242;
    white-space: nowrap;
    cursor: pointer;
    outline: 0;
    background-color: #f4f4f4;
    border-radius: .2em;
    zoom: 1; 
}
#intro_div{
    bottom: 20px;
    left: 35px;
    position: fixed;
    background: rgb(0, 123, 255);
    padding: 10px;
    border-radius: 100%;
    cursor: pointer;
    z-index: 99;
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;    
    visibility: hidden;
    opacity: 0;
}
#intro_div.active{
    visibility: visible;
    opacity: 1;
    transition:all 0.4s ease-in;
}
#intro_div .intro_icon{
    color: rgb(255, 255, 255);
    display: block;
    font-size: 25px;
}
#intro_div .intro_label
{
  border-radius: 20px;
  padding: 8px 15px;
  margin-top: 5px;
  margin-bottom: 5px;
  display: inline-block;
}

#intro_div .intro_label {
    background-color: #222;
    position: absolute;
    top: -78px;
    color: #fff;
    width: 242px;
    left: 0;
}

.introjs-helperLayer{
    pointer-events: none;
    display: none !important;
}