#footable_163 {
  width: 1100px;
  margin: 0 auto;
}
#footable_parent_39013{
	width : auto;
	
}
header {
  background-color: rgb(83,174,226);
}
nav a:hover {
  color: rgb(161, 209, 236) !important;
}
#footable_parent_163 > a {
  display: none;
}
body > div.wp-site-blocks > div.wp-block-group > p > a {
  display: none;
}

#footable_163 colgroup > col.ninja_column_2,
#footable_163 colgroup > col.ninja_column_3,
#footable_163 colgroup > col.ninja_column_4 {
  width: 90px;
}

#footable_163 colgroup > col.ninja_column_5 {
  width: 70px;
}

#footable_163 colgroup > col.ninja_column_6 {
  width: 100px;
}
#footable_163 colgroup > col.ninja_column_7{
	width: 70px;
}
#footable_163 colgroup > col.ninja_column_8{
	width: 80px;
}

#my-number{
	width:100px;
}
.centered-container {
  transform: translatex(5%);
}

#inputcontainers input[type="number"]::-webkit-inner-spin-button,
  #inputcontainers input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0; /* Optional: Remove any default margins */
  }


.single-product.woocommerce div.product .price {
    display: none;
}

div.wc-block-components-product-metadata__description p {
  color: black;
}

body > div.wp-site-blocks > div.wp-block-group.alignfull.has-text-color.has-background.is-layout-flow.wp-block-group-is-layout-flow {
  display: none;
}
#footable_parent_163 {
	display: none ;
}
/* gets rid of powered by wordpress */
body > div.wp-site-blocks > div:nth-child(4) > p{
	display:none
}
/* Additional media queries for other screen sizes */
/* For example, you can add media queries for tablets, etc. */


.custom-checkbox {
  position: relative;
  top: 145px;

  background-color: #f1f1f1;

  padding: 5px;
  transform: scale(1.2);
  /* Add any additional styles to enhance visual appeal */
}

.custom-label {

  position: relative;
  top: 142.5px;

  font-weight: normal;
  color: #333;
  font-size: 120%;
  /* Add any additional styles to enhance visual appeal */
}





#my-number{
    width: 65px;
}
.loading-bar {
  width: 250px;
  height: 20px;
  border-radius: 5px;
  background-color: #08203f;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
}


  .loading-bar:before {
    content: "";
    display: block;
    position: absolute;
    left: -100%;
    top: 0;
    width: 80%;
    height: 100%;
    background-color: #08a1e0;
    animation: loading-bar .8s linear infinite;
  }

  @keyframes loading-bar {
    0% {
      left: -100%;
    }
    100% {
      left: 100%;
    }
  }

#convcontainer {
position: relative;
width: 100px;
height: 55px;
top: -45px;
left: -30px;
}
#inputcontainers {
    background-color: white;
    border: 2px solid black;
    border-radius: 3px;
    width: 475px;
    margin: 8px;
    padding: 8px;
    position: relative;
    left: -70px;
    top: -21px;
  }
.button-container{
	position: relative;
	 display: flex; /* or display: grid; */
	top: -11px;
		margin:8px;
	padding:8px;
}
#ImperialButton23 {
  width: 75px;
  height: 24px;
  background-color: rgb(83, 174, 226);
  cursor: pointer;
  border-top: 2px solid black;
  border-right: 2px solid black;
  border-left: 2px solid black;
  border-bottom: 1px solid black;
  border-radius: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  transition: background-color 0.2s ease;
}

#MetricButton23 {
  position: absolute; 
  width: 75px;
  height: 23px;
  background-color: white;
  cursor: pointer;
  border-top: 1px solid black;
  border-bottom: 2px solid black;
  border-right: 2px solid black;
  border-left: 2px solid black;
  border-radius: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  transform: translate(0,24px);
  transition: background-color 0.2s ease;
}



/* Set default font family and size */
body {
  font-family: Arial, sans-serif;
  font-size: 14px;
}

/* Style for the container div */



#footable_163 > thead > tr.footable-filtering > th > form > div:nth-child(2) {
  transform: translate(100px, 50px);
}

#footable_163 > thead > tr.footable-filtering > th > form > div:nth-child(2) input {
  outline: none;
}


#ODbox {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  background-color: white;
  border-right: 1px solid black;
  border-top: 2px solid black;
  border-left: 2px solid black;
  border-bottom: 2px solid black;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  transition: background-color 0.2s ease;
}

#ODMAX {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  background-color: white;
  border-right: 2px solid black;
  border-top: 2px solid black;
  border-left: 1px solid black;
  border-bottom:1px solid black;
  border-top-right-radius: 5px;
  transition: background-color 0.2s ease;
}

#ODMin{
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  background-color: white;
  border-top: 1px solid black;
  border-right: 2px solid black;
  border-left: 1px solid black;
  border-bottom: 2px solid black;
  border-bottom-right-radius: 5px;
  transition: background-color 0.2s ease;

}


#ID {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  background-color: white;
  border-right: 1px solid black;
  border-top: 2px solid black;
  border-left: 2px solid black;
  border-bottom: 2px solid black;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  transition: background-color 0.2s ease;
}

#IDMAX {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  background-color: white;
  border-right: 2px solid black;
  border-top: 2px solid black;
  border-left: 1px solid black;
  border-bottom:1px solid black;
  border-top-right-radius: 5px;
  transition: background-color 0.2s ease;
}

#IDMIN {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  background: white;

  border-top: 1px solid black;
  border-right: 2px solid black;
  border-left: 1px solid black;
  border-bottom: 2px solid black;
  border-bottom-right-radius: 5px;
  transition: background-color 0.2s ease;
}    

#Wall {
 box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
 background-color: white;
 border: 2px solid black;   
 border-radius: 5px;
 transition: background-color 0.2s ease;
}    
#mainODinpt::placeholder,#mainidinpt::placeholder,#wallinpt::placeholder,#idmininpt::placeholder,#idmaxinpt::placeholder,#ODmaxinpt::placeholder,#ODmininpt::placeholder {
  color: rgba(0, 0, 0, 1); /* Set placeholder color to slightly transparent black */
}

#mainODinpt,#mainidinpt,#wallinpt {
  color: black;
  font-weight: 500;
  background-color:white; /* Set background color to a light grey */
  transition: background-color 0.2s ease;
}
#idmininpt,#idmaxinpt,#ODmaxinpt,#ODmininpt{
  color: black;
  font-weight: 500;
  background-color:white;
  transition: background-color 0.2s ease;
}


#mainODinpt:focus,
#mainidinpt:focus,
#wallinpt:focus,
#idmininpt:focus,
#idmaxinpt:focus,
#ODmaxinpt:focus,
#ODmininpt:focus {
  background-color: white;
  color: black;
  
}

td.ninja_column_2.ninja_clmn_nm_woo_product_quantity {
    text-align: center;
}
td.ninja_column_1.ninja_clmn_nm_woo_product_price {
    text-align: center;
}

a.button-link{
	width:auto;
}

#mybuttonparent {
	   border-radius: 0.25rem;
    border-width: 0;
    color: #ffffff;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    padding-top: calc(0.667em + 2px);
    padding-right: calc(1.333em + 2px);
    padding-bottom: calc(0.667em + 2px);
    padding-left: calc(1.333em + 2px);
    text-decoration: none;

    cursor: pointer;
    background-color: #00a8ff !important;
    align-items: center;
    height: auto;
    justify-content: center;
    position: relative;
    text-align: center;
    transition: box-shadow .1s linear;
    display: inline-flex;
    flex-grow: 1;
}
.my-button {
   border-radius: 0.25rem;
    border-width: 0;
    color: #ffffff;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;

    text-decoration: none;

    cursor: pointer;
    background-color: #00a8ff !important;
    align-items: center;
    height: auto;
    justify-content: center;
    position: relative;
    text-align: center;
    transition: box-shadow .1s linear;
    display: inline-flex;
    flex-grow: 1;
}
.components-button.wc-block-components-button.wp-element-button.wp-block-woocommerce-mini-cart-checkout-button-block.is-style-fill.has-foreground-background-color.has-background.wc-block-mini-cart__footer-checkout.contained {
    display: none !important;
}