.dropdown-menu {
    animation: 0.6s slideup;
      animation: 1s slidedown;
  }
  
  @keyframes slideup {
    from {
      transform: translateY(10%);
    }
  
    to {
      transform: translateY(0);
    }
  }
  .navbar{
    background: #000;
  }
  .navbar-toggler:hover{
        background: teal ;
  }
  .nav-link{
    color: #fff !important;
    font-size: 15px !important;
    font-weight: bold;
  }
  .nav-link:hover{
    background-color: #fff;
    color: #000 !important;
    padding: 5px;
    border-radius: 10px;
    font-weight: bold;
  }
  .fontsise{
    font-size: 25px;
  }
  
  
  
  
  
  
  
  
  
  .table-box1{
                  background-color:#14a4ecfb; /* For browsers that do not support gradients */
            background-image: linear-gradient(to right, #14a4ecfb , #7dcbf1fb);
             height: 94px;
              }
              .table-box2{
                  background-color: #682aa1; /* For browsers that do not support gradients */
            background-image: linear-gradient(to right,  #682aa1 ,  #b069f1);
                height: 94px;
              }
              .table-box3{
                  background-color: #f7ad2d; /* For browsers that do not support gradients */
            background-image: linear-gradient(to right, #f5aa2a ,  rgb(236, 206, 161));
                height: 94px;
              }
              .table-box4{
                  background-color: #f15044; /* For browsers that do not support gradients */
            background-image: linear-gradient(to right,  #f15044 ,  #f1b2ad);
              height:94px;
              }
          
              .table-box5{
                  background-color: #33af6b; /* For browsers that do not support gradients */
            background-image: linear-gradient(to right,  #33af6b ,  #88f1b8);
                 height: 94px;
              }
                  .table-box6{
                  background-color: #090cc7; /* For browsers that do not support gradients */
            background-image: linear-gradient(to right,  #090cc7,  #a4a5e7);
                  height: 94px;
              }
              .table_box{
          color: #fff;
      }
      .al{
     margin: 13px 8px 4px 7px;
          color: #fff;
         /* font-size: 15px;*/
      font-weight: 600;
  
      }
      .table_box p{
       /*font-size: 12px;*/
      margin: 0;
  
       
      }
      
  .table12{
    /*width: 100%;*/
    /* width: 15.6%;*/
      padding: 10px;
      border-radius: 10px;
     /* margin: 6px;*/
     box-shadow: 2px 2px 2px #fff !important;
  }
  @media (min-width: 1310px) {
      /* Small devices (576px and up) */
      .table12 {
        /* width: 15.6%;*/
      padding: 10px;
      border-radius: 10px;
      box-shadow: 2px 2px 2px #fff !important;
     /* margin: 5px;*/ /* Adjust as needed for your layout */
      }
  }
  
      /*images icons =============================*/
          .icons_imag{
       /* margin: 22px 1px 1px 1px;*/
   
          }
          .icons_imag img{
             /* width: 100%;*/
          }
          .table-text{
              display: grid;
              grid-template-columns: 70% 30%;
          }
          p{
                margin-top: 4px;
          }
          .table-ro{
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  margin-top: 10px;
  padding: 10px;
  width: 33%;
  border-radius: 10px;
  background-color: #fff;
  }
  
  
  .table-row {
  list-style: none;
  
  line-height: 45px;
  }
  .table-search-icon ul li{
  list-style: none;
  }
  
  .table-row{
  margin-top: -10px;
  display: flex;
  gap: 5px;
  margin-bottom: 5px;
     
  
  }
  .percent {
  display: block;
  width: 120px;
  height: 90px;
  }
  .percent{
  margin-left: 50px;
  margin-top: 10px;
  }
  .circle {
  stroke: #915db1;
  fill: none;
  stroke-width: 3;
  }
  
  .circle:nth-child(3) {
  stroke: #e59f3c;
  }
  
  .circle:nth-child(3) {
  stroke: #5397d6;
  }
  
  .circle:nth-child(4) {
  stroke: #4cc790;
  }
  
  .graph-container{
  position: relative;
  }
  .graph-container h2{
   font-size: 30px;
   font-weight: bold;
  position: absolute;
  font-size: 30px;
      top: 50%;
  left: 47%;
  
  transform: translate(-50%, -50%);
  color: #111111;
  text-align: center;
  }
  

  .it_outer_circle {
          position: relative;
          margin-top:100px;
          margin-left: 10px;
          width: 105px;
          height: 105px;
          border-radius: 50%;
          background: #ffffff;
          /* background-image: linear-gradient(
                   to bottom, rgb(170, 228, 10) 0%,
                   rgb(200, 221, 13) 100%); */
      }
        
  .it_inner_circle {
          background: linear-gradient(
                   to left, rgb(155, 212, 238)30%,
                   rgb(14, 159, 226) 30%, rgba(250, 213, 3, 0.61) 20% ,rgb(247, 226, 92)20% );
          content: '';
          border-color: #5397d6;
          position: absolute;
          top: -10px;
          bottom: -10px;
          right: -10px;
          left: -10px;
          z-index: -1;
          border-radius: inherit;
      }
  .it_ebay_list_main{
      font-size: 15px;
      margin-top: 10px;
      display: grid;
      grid-template-columns: 70% 30%;
  }
  .it_ebay_list_main1{
   
     margin-top: 10px;
   font-size: 15px;
  display: grid;
  grid-template-columns: 35% 15% 35% 15%;
  }
  .it_ebay_list ul{
  list-style: none;
  } 
  .it_ebay_list1 ul{
  list-style: none;
  }
  .it_ebay_list1{
  margin-left: -40px;
  }
  .dots li::before {
  content: "●"; 
  font-size: .8em; 
  color: green;
  display: inline-block; 
  margin-right: 0.5em; 
  }
  .color::before {
  content: "●"; 
  font-size: .8em; 
  color: rgb(128, 36, 0);
  display: inline-block; 
  margin-right: 0.5em; 
  }
  .order_grid{
     line-height: 45px;
      margin: 5px auto;
    display: grid;
    gap: 5px;
    grid-template-columns: 49.6% 49.5%;
  
  }
  .order_heading{
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  border-radius: 10px;
  background-color: #fff;
      padding: 10px;
  }
  
  .order_first{
  margin-top:10px;
  display: grid;
  border-radius: 10px;
  grid-template-columns: 25% 22% 15% 22% 15%;
  }
  .circle_dots li::before {
  content: "●"; 
  font-size: .8em; 
  color: green;
  display: inline-block; 
  margin-right: 0.5em; 
  }
  li.color2::before {
  content: "●"; 
  font-size: .8em; 
  color: rgb(52, 55, 241);
  display: inline-block; 
  margin-right: 0.5em; 
  }
  li.color::before {
  content: "●"; 
  font-size: .8em; 
  color: rgb(248, 192, 8);
  display: inline-block; 
  margin-right: 0.5em; 
  }
  li.color1::before {
  content: "●"; 
  font-size: .8em; 
  color: rgb(240, 13, 6);
  display: inline-block; 
  margin-right: 0.5em; 
  }
  .circle_dots li{
  list-style: none;
  } 
  .circle_dots{
  margin-left: -30px;
  font-size: 15px !important;
  }
  .dott li{
  margin-bottom: 2px;
  }
  .circle_dot li{
  list-style: none;
  }
  
  .it_ebay_list ul{
  list-style: none;
  } 
  ul.ebay_overview{
      /*font-size:12px;*/
      font-weight:bold;
  }
  .order_heading_icons {
     border-bottom: 1px solid #ced4da;
      display: flex;
      align-items: center;
      margin-left: 10px;
  
      padding: 6px 0px 6px 0px;
  }
  

  .circle_dots, .it_ebay_list1, .circle_dot, .it_ebay_list{
      /*font-size:12px; */
  }
  
  .perchase {
       width: 100%;
      /* font-size: 12px; */
      /* font-weight: bold; */
      padding: 5px;
      border: 1px solid #ccc;
      outline:none;
      border-radius: 5px;
  }
  .perchase_radio_button{
      width:33.3%;
  }
  .admin_detalis{
      display:flex;
      gap: 20px;
      padding:10px;
      margin-top:10px;
  }
  
  
  /*prograss bar start*/
  .w3-center{
      text-align:center;
  }
      .bar{
          display: flex;
          gap: 10px;
      }
      .prograss_box{
              margin-top: 10px;
          border-radius: 10px;
          box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
          width: 25%;
          background-color: #fff;
      }
      .w3-container, .w3-panel {
      padding: 0px; 
      font-size: 15px;
         
  }
  .w3-light-grey, .w3-hover-light-grey:hover, .w3-light-gray, .w3-hover-light-gray:hover {
      border-radius: 100px;
      color: #000!important;
      background-color: #f1f1f1!important;
  }
      .w3-red, .w3-hover-red:hover {
      color: #fff!important;
      background-color: #1dcf16!important;
  }
  .w3-green, .w3-hover-green:hover {
      color: #fff!important;
      background-color: #ec1919!important;
  }
  .w3-orange, .w3-hover-orange:hover {
      color: #fff!important;
      background-color: #f18016!important;
  }
  .bar_center{
      margin-top: 25px;
  }
  .w3-blue, .w3-hover-blue:hover {
      color: #fff!important;
      background-color: #2196F3!important;
  }
  .incone_target{
          color: #6c757d;
      margin: 8px;
  }
  .border_color {
      border-radius: 100px;
     
  }
  
  /*prograss bar start end*/
  
  @media screen and (max-width: 442px){
  .it_outer_circle {
      margin-left: -5px;
      margin-top:200px;
   
  }
   .table {
      width: 80% !important;
  } 
      .it_nav-links {
      font-size:11px !important;
  }
      .table_box p{
       font-size: 11px !important;
       }
       ul.ebay_overview{
      font-size:11px;
      font-weight:bold;
  }
  
 
 
  .circle_dots, .it_ebay_list1, .circle_dot, .it_ebay_list{
      font-size:11px !important; 
  }
  
  }
  
  /*media query indes heade ===================================r*/
  @media screen and (max-width: 1180px){
  .it_outer_circle {
          position: relative;
          margin-top:100px;
          margin-left: 10px;
          width: 80px;
          height: 80px;
          border-radius: 50%;
          background: #ffffff;
          /* background-image: linear-gradient(
                   to bottom, rgb(170, 228, 10) 0%,
                   rgb(200, 221, 13) 100%); */
      }
      }
   /* ================= buttn search style====================*/
  @media screen and (max-width: 920px){
      body{
        /*  padding:10px;*/
      }
        .table_box{
          margin-top:0px;
        }
      .login-button {
      width: auto !important;
   
  }
      nav.header_nav{
          position: relative;
          z-index: 3;
      background-color: #000;
      }
      .nav_hamburger{
          display:block;
          position: absolute;
          cursor: pointer;
          right: 5%;
          top: 50%;
          transform: translate(-5%, -50%);
          z-index: 2;
          transition: all 0.7s ease;
      }
      .it_nav-links{
          align-items: baseline;
          position: fixed;
          background: #000;
          height: 100vh;
          opacity: 1;
          width: 100%;
          gap: 20px;
          flex-direction: column;
          clip-path: circle(50px at 90% -20%);
          -webkit-clip-path: circle(50px at 90% -10%);
          transition: all 1s ease-out;
          pointer-events: none;
      }
      .it_nav-links li a{
       color: #fff; 
       font-weight: blod;
       font-size: 15px;
      }
      
  
      .nav_hamburger div{
          background:#fff; 
  }
      .it_nav-links.open{
          clip-path: circle(1000px at 90% -10%);
          -webkit-clip-path: circle(1000px at 90% -10%);
          pointer-events: all;
      }
    
  
      /* Navigation Bar Icon on Click*/
  
          .toggle .bars1{
              transform: rotate(-45deg) translate(-5px, 6px);
          }
  
          .toggle .bars2{
              transition: all 0s ease;
              width: 0;
          }
  
          .toggle .bars3{
              transform: rotate(45deg) translate(-5px, -6px);
          }
          
   /*color boxx=======        */
     .table_box{
        flex-wrap: wrap;
      margin-top: 10px;
      justify-content: center;
         height: 345px;
        /* font-weight: bold;*/
         font-size: 15px;
         
  
   } 
   .table {
      width: 45%;
  } 
   
   /*coloress table ============*/
   
   
   .order_grid {
       display: grid;
       grid-template-column: 100%;
   }
  .table-row{
         flex-direction: column;
      align-items: center; 
  }
  .table-ro{
      width:100%;
  }
  
  .percent {
      margin-left: 10px;
      margin-top: 50px;
  }
  .it_outer_circle {
      margin: 5px;
      width: 70px;
      height: 70px;
  }
  .graph-container h2 {
       font-size: 26px;
      font-weight: bold;
  
    
  }

  .circle_dots{
      font-size:11px;
  }
  .it_inner_circle {
      top: -6px;
      bottom: -6px;
      right: -6px;
      left: -6px;
     
  }
  .bar {
        justify-content: center;
      flex-wrap: wrap;
  }
  .prograss_box {
    
      width: 40%;
  }
  }
  @media screen and (max-width: 1800px){
  .percent {
      margin-left: 10px !important;
      margin-top: 10px;
  }
  }
  
  @media screen and (max-width: 1000px){
  .login-button {
      width:100px;
   
  }
       .it_nav-links {
      font-size:12px;
  }
      .table_box p{
       font-size: 12px;
       }
       ul.ebay_overview{
      font-size:12px;
      font-weight:bold;
  }
  
 
  .circle_dots, .it_ebay_list1, .circle_dot, .it_ebay_list{
      font-size:12px; 
  }
  
  
  }
  
  .pad_ding{
      /*padding-top:5px;*/
  }
  .class-ico{
      color: #ccc;
      float: right;
      margin-left: 75%;
      border: 1px solid #ccc;
      padding: 2px;
      }
      .class-ico1{
      color: #ccc;
      float: right;
      margin-left: 78%;
      border: 1px solid #ccc;
      padding: 2px;
      }
      .class-ico2{
      color: #ccc;
      float: right;
      margin-left: 71%;
      border: 1px solid #ccc;
      padding: 2px;
      }
      .class-ico3{
      color: #ccc;
      float: right;
      margin-left: 57%;
      border: 1px solid #ccc;
      padding: 2px;
      }
      .class-ico4{
      color: #ccc;
      float: right;
      margin-left: 66%;
      border: 1px solid #ccc;
      padding: 2px;
      }
      .order_columns1{
      z-index: 1;
  }
  .cls-1 {
      fill: #000 !important;
  }
            @media (min-width: 1910px) and (max-width: 2560px)  {
     
  .icons_imag {
    /* margin-top: -15px !important;*/
      }
      .class-ico{
      color: #ccc;
      float: right;
      margin-left: 80% !important;
      border: 1px solid #ccc;
      padding: 2px;
      }
      .class-ico1{
      color: #ccc;
      float: right;
      margin-left: 81% !important;
      border: 1px solid #ccc;
      padding: 2px;
      }
      .class-ico2{
      color: #ccc;
      float: right;
      margin-left: 78% !important;
      border: 1px solid #ccc;
      padding: 2px;
      }
      .class-ico3{
      color: #ccc;
      float: right;
      margin-left: 69% !important;
      border: 1px solid #ccc;
      padding: 2px;
      }
      .class-ico4{
      color: #ccc;
      float: right;
      margin-left: 76% !important;
      border: 1px solid #ccc;
      padding: 2px;
      }
  }  
  
  
.perchase {
    width: 100%;
   /* font-size: 12px; */
   /* font-weight: bold; */
   padding: 5px;
   border: 1px solid #ccc;
   outline:none;
   border-radius: 5px;
}
.perchase_radio_button{
  width: 49.3%;
}
.admin_detalis{
   display:flex;
   gap: 20px;
   padding:10px;
   margin-top:10px;
}


/*prograss bar start*/
.w3-center{
   text-align:center;
}
   .bar{
       display: flex;
       gap: 10px;
   }
   .prograss_box{
           margin-top: 5px;
       border-radius: 10px;
       box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
       width: 25%;
       background-color: #fff;
   }
   .w3-container, .w3-panel {
   padding: 0px; 
   font-size: 15px;
      
}
.w3-light-grey, .w3-hover-light-grey:hover, .w3-light-gray, .w3-hover-light-gray:hover {
   border-radius: 100px;
   color: #000!important;
   background-color: #f1f1f1!important;
}
   .w3-red, .w3-hover-red:hover {
   color: #fff!important;
   background-color: #1dcf16!important;
}
.w3-green, .w3-hover-green:hover {
   color: #fff!important;
   background-color: #ec1919!important;
}
.w3-orange, .w3-hover-orange:hover {
   color: #fff!important;
   background-color: #f18016!important;
}
.bar_center{
   margin-top: 25px;
}
.w3-blue, .w3-hover-blue:hover {
   color: #fff!important;
   background-color: #2196F3!important;
}
.incone_target{
       color: #6c757d;
   margin: 8px;
}
.border_color {
   border-radius: 100px;
  
}

/*prograss bar start end*/

@media screen and (max-width: 442px){
.it_outer_circle {
   margin-left: -5px;
   margin-top:200px;

}
.table {
   width: 80% !important;
} 
   .it_nav-links {
   font-size:11px !important;
}
   .table_box p{
    font-size: 11px !important;
    }
    ul.ebay_overview{
   font-size:11px;
   font-weight:bold;
}



.circle_dots, .it_ebay_list1, .circle_dot, .it_ebay_list{
   font-size:11px !important; 
}

}

/*media query indes heade ===================================r*/
@media screen and (max-width: 1180px){
.it_outer_circle {
       position: relative;
       margin-top:100px;
       margin-left: 10px;
       width: 80px;
       height: 80px;
       border-radius: 50%;
       background: #ffffff;
       /* background-image: linear-gradient(
                to bottom, rgb(170, 228, 10) 0%,
                rgb(200, 221, 13) 100%); */
   }
   }
/* ================= buttn search style====================*/
@media screen and (max-width: 920px){
   body{
     /*  padding:10px;*/
   }
     .table_box{
       margin-top:0px;
     }
   .login-button {
   width: auto !important;

}
   nav.header_nav{
       position: relative;
       z-index: 3;
   background-color: #000;
   }
   .nav_hamburger{
       display:block;
       position: absolute;
       cursor: pointer;
       right: 5%;
       top: 50%;
       transform: translate(-5%, -50%);
       z-index: 2;
       transition: all 0.7s ease;
   }
   .it_nav-links{
       align-items: baseline;
       position: fixed;
       background: #000;
       height: 100vh;
       opacity: 1;
       width: 100%;
       gap: 20px;
       flex-direction: column;
       clip-path: circle(50px at 90% -20%);
       -webkit-clip-path: circle(50px at 90% -10%);
       transition: all 1s ease-out;
       pointer-events: none;
   }
   .it_nav-links li a{
    color: #fff; 
    font-weight: blod;
    font-size: 15px;
   }
   

   .nav_hamburger div{
       background:#fff; 
}
   .it_nav-links.open{
       clip-path: circle(1000px at 90% -10%);
       -webkit-clip-path: circle(1000px at 90% -10%);
       pointer-events: all;
   }
 

   /* Navigation Bar Icon on Click*/

       .toggle .bars1{
           transform: rotate(-45deg) translate(-5px, 6px);
       }

       .toggle .bars2{
           transition: all 0s ease;
           width: 0;
       }

       .toggle .bars3{
           transform: rotate(45deg) translate(-5px, -6px);
       }
       
/*color boxx=======        */
  .table_box{
     flex-wrap: wrap;
   margin-top: 10px;
   justify-content: center;
      height: 345px;
     /* font-weight: bold;*/
      font-size: 15px;
      

} 
/*.table {
   width: 45%;
} */

/*coloress table ============*/


.order_grid{
 grid-template-columns:100%;
    
}
.table-row{
      flex-direction: column;
   align-items: center; 
}
.table-ro{
   width:100%;
}

.percent {
   margin-left: 10px;
   margin-top: 50px;
}
.it_outer_circle {
   margin: 5px;
   width: 70px;
   height: 70px;
}
.graph-container h2 {
    font-size: 26px;
   font-weight: bold;

 
}

.circle_dots{
   font-size:11px;
}
.it_inner_circle {
   top: -6px;
   bottom: -6px;
   right: -6px;
   left: -6px;
  
}
.bar {
     justify-content: center;
   flex-wrap: wrap;
}
.prograss_box {
 
   width: 40%;
}
}
@media screen and (max-width: 1800px){
.percent {
   margin-left: 10px !important;
   margin-top: 10px;
}

}

@media screen and (max-width: 1000px){
.login-button {
   width:100px;

}

    .it_nav-links {
   font-size:12px;
}
   .table_box p{
    font-size: 12px;
    }
    ul.ebay_overview{
   font-size:12px;
   font-weight:bold;
}

h6.order5 {
   font-size: 15px;
   /* font-weight: bold; */
   /* margin-left: 10px; */
}


.circle_dots, .it_ebay_list1, .circle_dot, .it_ebay_list{
   font-size:12px; 
}


}
h6.order5 {
    font-size: 15px !important;
    /* font-weight: bold; */
    /* margin-left: 10px; */
 }
 
.table {
   width: 45%;
} 
.sale_boxx_ul{
         flex-wrap: wrap;
  
       }
.sale_boxx_li {
  
     width: 45% !important;
}
     .table_box{
        margin-top: 10px;   
       justify-content: center;
   }
   .second_header{
       flex-direction: column;
   }
   .second_header_ul{
       flex-wrap: wrap;
   }
   .second_header_li{
       width: 40%;

   }
   .second_header_li1{
    width: 40%;

}
   .second_header_column2{
       justify-content: center;
   }

.login-button {
  width:auto !important;
   }
   
   @media (min-width: 1910px) and (max-width: 2560px)  {
   
    .second_header_column2{
               margin-left: 55% !important;
    }
      

}
@media (min-width: 1320px) and (max-width: 1400px)  {
   
    .second_header_column2{
               margin-left: 38em !important;
    }
      

}
@media (min-width: 1400px) and (max-width: 1600px)  {
   
    .second_header_column2{
               margin-left: 41em !important;
    }
      

}
@media (min-width: 1600px) and (max-width: 1900px)  {
   
    .second_header_column2{
               margin-left: 45em !important;
    }
      

}
@media (min-width: 350px) and (max-width: 600px)  {
   
    .second_header_column2{
               margin-left: -2em !important;
               flex-wrap: wrap;
               /* flex-direction: column; */
    }
      

}
table.inventory_table {
    width: 100%;
    border-collapse: collapse;
}

.inventory_table th {
position: sticky;
top: 0;
background:#ddd;
}

.inventory_table th, td {
    padding: 10px;
    text-align: left;
    border-bottom: 1px solid #ddd !important;
}



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

.table {
   width: 80% !important;
}
}

.wi_dth {
   width: 155px;
}
.table-text2{
   display: flex;
   gap: 10px;
}
.perchase_btn{
  font-weight: bold;
   padding: 7px;
   background-color: #fff;
   border: 1px solid #ccc;
   border-radius: 5px;
       font-size: 15px;
       width:120px; 

}
.second_header_li{
    padding: 5px;
    width: 107px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 500;
    list-style: none;
}
.second_header_li1{
    padding: 5px;
    width: 107px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 500;
    list-style: none;
}
.second_header_column2 {
       display: flex;
   gap: 25px;
  /* align-items: center;
   width: 380px;*/
       margin-left: 2em;
}
.perchase {
   
    /* font-weight: bold; */
    padding: 7px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 15px;
    width: 193px;
    color: #6c757d;
}

.helo-a{
text-decoration: none !important;
color: #6c757d;
}  
a{
text-decoration: none !important;
color: #6c757d ;
font-size: 15px;
} 
.second_header{
   font-weight: bold;

   display: flex;
   justify-content: space-between;
}
.second_header_ul{
 /* margin-left:7px; */
   display: flex;
   gap: 10px;
   align-items: center;
   text-align: center;
}
.second_header_column1{
   /* margin-left: -47px; */
}
ul.second_header_ul li a{
   color: #333;
}
.inventory_order2{
     max-width: 800px;
   margin-left: auto;
   margin-right: 26%;
}

/*inventori_order2  csss end =====*/


table.inventory_table {
           width: 100%;
           border-collapse: collapse;
       }
  
.inventory_table th {
   position: sticky;
   top: 0;
   background:#ddd;
}

       .inventory_table th, td {
           padding: 10px;
           text-align: left;
           border-bottom: 1px solid #ddd;
       }
/*  @media (min-width: 1920px) {
           .container-fluid {
               max-width: 1920px !impo; 
           }
       }*/
       @media screen and (max-width: 442px){

.table {
   width: 80% !important;
}
}
@media (min-width: 1910px) and (max-width: 2560px){
 .wi_dth {
   width: 230px !important;
}
}

.table>:not(caption)>*>* {
    padding: 0rem 0rem !important; 
   background-color: var(--bs-table-bg);
   border-bottom-width: 1px;
   box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
.table-text2{
   display: flex;
   gap: 10px;
}
.table{
 /* width: 212px;*/
  width: 307px;
   padding: 10px;
   border-radius: 10px;
   color: #333;
   background: #ccc;
   /*border: 2px solid black;*/
   }


.table_box{
      margin-top: 10px;
       margin-bottom: 7px;
       display: flex;
       gap: 10px;
   }
   .table_box{
       color: #fff;
   }
   .al{
   margin-top:4px;
       color: #fff;
   }
   .table_box p{
    /*font-size: 12px;*/
   margin: 0;

    
   }
  /*  @media (min-width: 1920px) {
              .container-fluid {
                  max-width: 1920px !impo; 
              }
          }*/
/* purchase 3 css start */

/* end purchase 3 css  */