.nav-link dropdown-toggle{
    font-size: 20px!important;
}

html{
    width: 100%;
    overflow-x: hidden;
}

#navbarbrand{
    position: relative;
    margin: unset;
    background-color: white;
    padding: unset;
    z-index: 1000;
}


.lazyload,
.lazyloading {

}

.imgholdercart{
    width: 15%;
    height: 100%;
    display: inline-flex;
    align-items: center;

}

.cartright{
    display: inline-flex;
    width: 85%;
    height: 100%;
    align-items: center;

}

#nocolor{
    color: #262626;
}

.navbar-light .navbar-toggler {

    margin-right: 0%;
    width: 3rem;
    margin-top: 3%;
    border-radius: unset;
    border: 1px solid lightgrey;
    padding: unset;
    padding-top: 1%;
    padding-bottom: 1%;
    position: absolute;
    top: 0;
    right: 1%;
    }

    .navbar-toggler-icon {
        width: 1.5rem!important;
        height: 1.5rem!important;
    }

#admineditnow_pass{

    margin-top: 1%;
    margin-bottom: 1%;
}

.body-terms{
   
    padding: 5%;
    line-height: 2;
    color: black;
    background-color: whitesmoke;
    padding-top: 3%;
    overflow: scroll;
    overflow-x: hidden;
}

.m404error{
    width: 80%;
    margin: auto;
    text-align: center;
    line-height: 2;
    color: white;

}

.show404page{
    z-index: 92;
    margin: auto;
    width: 100%;
    display: block;
    text-align: center;
    padding-top: 15%;
    height: 70vh;
}

.carousel{
    width:92%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.potusersdrop{
    margin-top: 1%;
    margin-bottom: 1%;
}

.continereg{
    padding: 3%;
    background-color: white;
}



.continueregtitle{
    width: fit-content;
    padding: 2%;
    font-size: 1.25vw;
    margin-left: 1%;
    padding-top: 0%;
    padding-bottom: 0%;
    font-weight: 500;
    margin-bottom: 0%;
    border-left: 6px solid rgb(255, 31, 95);
    margin-top: 0%;
    font-weight: 600;
    text-transform: unset;
    font-family: open-sans, sans-serif;
    margin: auto;
}

.overlay_while_change{
    left: 0;
    width: 100%;
    height: 290vh;
    background-color: lightgrey;
    
}

#subnavtitle{
    display: inline-block;
    font-weight: 500;
    background-color: #262626;
    padding: 2%;
    padding-top: 1%;
    padding-bottom: 1%;
    font-size: 1.25vw;
    font-weight: 500;
    text-transform: unset;
    width: 16.6666666667%;
    font-family: open-sans, sans-serif;

}

.loadingbg{
    width: 100%;
    height: 200vh;
    top: 0;
    position: absolute;
    z-index: 50;
    background-color: #262626!important;
}

.continueregtext{
    padding: 4%;
    text-align: center;
    font-size: 1vw;
    font-weight: 500;
    line-height: 2;
}

.continueregbtnr {
    display: inline-block;
    padding: 0.5rem;
    width: auto;
    margin: auto;
    color: rgb(255, 31, 95);
    border: unset;
    border: 2px solid;
    background-color: unset;
    font-weight: 600;
    font-size: 1vw;
    text-transform: unset;
    
}



.continueregbtng {
    display: inline-block;
    padding: 0.5rem;
    width: auto;
    margin: auto;
    color: rgb(255, 31, 95);
    border: unset;
    border: 2px solid;
    background-color: unset;
    font-weight: 600;
    font-size: 1vw;
    text-transform: unset;
    margin-left: 1rem;
}

.continueregbtng:hover {
    background-color: #262626;
    border-color: black;
    color: white;
    transition-duration: 0.25s;
}

.continueregbtnr:hover {
    background-color: #262626;
    border-color: black;
    color: white;
    transition-duration: 0.25s;
}

.subtitlereg{
    padding: 2vw;
    font-size: 1.25vw;
    margin-bottom: 0%;
    margin-top: 0%;
    padding-top: 2vw;
    padding-bottom: 0%;
    text-transform: unset;
}

.subtitletextreg{
    width: 50%;
    font-size: 1.25vw;
    display: inline-block;
    margin-bottom: 0;
    padding-bottom: 0;
    color: rgb(255, 31, 95);
    font-weight: 600;
}

.stagetext{
    width: 50%;
    display: inline-block;
    font-size: 1vw;
    font-weight: 500;
    margin-bottom: 0;
    text-align: end;
    color: black;
}

.btnholderreg{
    display: block;
    width: fit-content;
    margin: auto;

}

.productname{
    font-size: 1.25vw;
    font-weight: 500;
    /* height: 3vw; */
    color: black;
    font-weight: 600;
    line-height: 1.5;
    font-family: open-sans, sans-serif;
    margin-bottom: unset;

    
}

.productname:hover{
    cursor: pointer;
    text-decoration: underline;
}

.carousel slide{
    margin-left: auto;
    margin-right: auto;
}

body{
     /* background-image: url(abstract_background_with_a_low_poly_design_0107.webp); */
     color: black!important;
     background-color: rgb(38, 38, 38)!important;
    
     padding-right: unset!important;
     font-family: open-sans, sans-serif!important;
     display: none;

}

#accountparentrow{
    width: 100%;
    margin: auto;
    background-color: #262626;
}

.regimg{
    width: 100%;
}

#loginorderrow{
    width: 100%!important;
    margin: auto;
    margin: unset!important;
    padding-left: unset!important;
    padding-right: unset!important;
}
.accordion-item{
    border: none!important;
    color: black;
    background-color                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                : unset!important;
}

.accordion-header{
    background-color: unset!important;
}

#dropmenulinks{
    color: unset;
}

#basenav{


    text-align: center;
}

#accountdrop{
    
    color: black;
    position: absolute;
    right: 0;
    margin: unset;
  
}

#navbarDropdownMenuLinker{
    color: black
}

.rightproductsmenu{
    padding-bottom: 1vw;
    padding-right: 1vw;
    padding-left: 1vw;
    padding-top: 1vw;
    width: 65%;
    display: inline-block;
    background-color: white;
    flex-direction: column;



}

.rightloginbuttons{
    width: 33.7%;
    padding: 1vw;
    display: inline-block;
    flex-direction: column;
    background-color: #262626;
    height: 100%;
    justify-content: space-around;


}
#navbarDropdownMenuLinkdrop{
    color: black;
    width: 32vw;
    left: initial;
    right: 0px!important;
    background-color: #262626;
    padding: unset;
    border-radius: unset;
    display: none;
    top: 4vw;
    min-width: unset;
    border: 1px solid lightgrey;
    box-shadow: 0px 13px 20px -15px;
    position: absolute;

}

#productsbottomrow{
    position: absolute;
    width: -webkit-fill-available;
    bottom: 0;
    display: none;
    z-index: 100;
    left: 0;
    margin: 1vw;
 
    
}
#promoimg {
  
    min-width: unset;
    display: block;
    width: 37%;
    margin: auto;
}

#promoimgmobile {
  
    min-width: unset;
    display: block;
}

#promoimg2{
    width: 75%!important;
    min-width: unset;
    display: block;
    margin: auto;
}

#promoimg9{
    width: 100%!important;
    min-width: unset;
    display: block;
    margin: auto;
    margin-top: 10%;
    margin-bottom: 10%;
}

#brandpricename{
    font-size: 0.9vw;
}

#brandpricename2{
    font-size: 0.9vw;
    position: relative;
    width: 100%;
    line-height: 2;
}
.accordion-button {


background-color: unset!important;
color: white!important;
border: none!important;
border-radius: unset!important ;
box-shadow: 0 2px 0 white!important;
display: inline-block!important;
}

#productsmp{
    margin:auto!important;
}

#toppage{
    padding: unset;
    position: sticky;
    display: block;
    background-color: white;
    margin-top: unset;
    border-bottom: unset;
    top: 0;
    box-shadow: unset;
    z-index: 100;
    padding-top: 0%;
    padding-bottom: 0%;
    margin-bottom: 1vw;
    border-bottom: 1px solid lightgrey;
  
}

.accordion-button:not(.collapsed){
   
}

/* #carouselbutton6{
    background-color: whitesmoke;
    border-right: 1px solid lightgrey;
}

#carouselbutton7{
    background-color: whitesmoke;
    border-left: 1px solid lightgrey;
} */



.productsection{
    margin: 0 10px 15px!important;
 
    /* outline: 1px solid lightgrey; */
    margin-bottom: 1rem!important;
    /* display: inline-flex; */
    flex-direction: column;
    width: auto!important;
    margin: 0 30px!important;
    /* border-radius: 0px; */

   
}

 .prosection{
    background-color: white;

} 

#parentrow{
    width: 100%;
    margin: auto;
    display: flex;
  
    padding-left: unset;
    padding-top: unset;
    padding-bottom: 1%;

}
#productrow{
    margin-left: unset;
    margin-right: unset;
}



.imgholder{
    
    width: 20%;
    float: right;
    display: inline-block;
    background-color: white;
    ;
}

.wawtitle{
    margin-bottom: 7%;
    background-color: white;
    color : white;
    padding-left: 5%;;
    padding-top: 3%;
    padding-bottom: 5%;
  

}

#mainnavcontainer{
    padding: unset;
    width: 57%;
    margin: unset;

}

#mainnavcontainer2{
padding: unset;
width: 100%;
margin: unset;

}
#AboutC{
    background-color: black ;
    
}

#Aboutp{
    background-color: black ;
    padding-left: unset;
    padding-right: unset;
}

.acordionscroll{
    overflow-y: auto;
    height: 18rem;
}

.rowheight{
    
    height: 18rem;
}

/* Hide scrollbar for Chrome, Safari and Opera */

  /* .dropdown-menu {
    max-height: 30vh;
    overflow-y: auto;
    width: 54.1vw;
    border-radius: unset!important;
    border: unset!important;
    background-color: white!important;
    padding: unset!important;
    outline: 1px solid#262626!important;
    top: 3.5vw!important;
    margin: unset!important;
    box-shadow: unset;
} */


#dropdowncategories{
    display: inline-flex;
    overflow-y: scroll;
    width: 100%;
    padding: unset;
    height: 15.2vw;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: unset;
    background-color: whitesmoke;
    border-bottom: 2px solid whitesmoke;

    
}
#navbarbrands3{
    align-items: flex-start;
    display: block;
    padding-bottom: 1vw;
    padding-top: 0.5vw;
}

.leftproductsmenu{
    height: 15.2vw;
    padding: 1vw;
    flex-direction: column;
    border-right: unset;
    margin-right: 1vw;
    position: relative;
}

#branddropdownnav{
    position: absolute;
    background-color: white;
    padding: unset;
    margin: unset;
    /* border: 1px solid lightgrey; */
    border-left: unset;
    border-right: unset;
    /* border-top: unset; */
    display: none;
    box-shadow: 0px 15px 20px -13px #222222;
    padding: 0.5vw;
    padding-left: unset;
    padding-right: unset;
    transition-duration: 0.25s;
    transition-duration: 0.25s;
    width: auto!important;
    padding: 0 30px!important;
}




  #pgo{

  }
  


  .acordionscroll::-webkit-scrollbar {
    display: none!important;
  }
  
  /* Hide scrollbar for IE, Edge and Firefox */
  .acordionscroll {
    -ms-overflow-style: none!important;  /* IE and Edge */
    scrollbar-width: none!important;  /* Firefox */
  }


.paptitle{
    margin-bottom: 3%;
    background-color: white;
    color: white;
    padding-left: 5%;;
    padding-top: 3%;
    padding-bottom: 5%;
  

}
.pattitle{
    margin-bottom: 3%;
    background-color: white;
    color: white;
    padding-left: 0%;
    padding-top: 1%;
    padding-bottom: 0%;
  

}

.accordion-body{
    background-color: white;
  
}

#AboutC{
    background-color: black ;
    border-right: 3px solid white;
    padding-left: unset;
    padding-right: unset;
}

.col-sm-6{

    
}

#productrow{
    
    padding: 1.5%!important;
    color: black!important;
    padding-left: 1.5%!important;
    padding-right: 1.5%!important;
    display: inline-block;
    margin-right: unset;
    position: relative;
    border-top: unset;
    overflow: hidden;
    border: 2px solid whitesmoke;
    margin-bottom: unset;

    margin: 1%;
    margin-right: unset;
    margin-bottom: unset;
    width: 32%;
}


#productrow2{
    padding: 1%!important;
    color: black!important;
    padding-left: 1%!important;
    padding-right: 1%!important;
    display: inline-block;
    width: 33.3333%;
    margin-bottom: 0rem;
    border: 2px solid whitesmoke;
    border-bottom: unset;
    border-left: unset;
    position: relative;

}


.checklabelgallery {
    font-size: 1vw;
    width: 20%;
    padding: 2vw;
    padding-top: unset;
    padding-bottom: 2%;
    margin-right: 0%;
    padding-left: unset;
}


.imgheight{
    display: flex;
    height: 100%;
}

#innerproduct{
    
    width: 100%;
    margin: unset;
}

#innerproducts{
    padding-left: 5%;
    padding-right: 5%;
}

#innerproducttitle{
    height: 5.5vw;
    width: 100%;
    margin: unset;
}

#carouselproductsholder{
    display: inline-block;
    height: initial;
    padding: unset;
    position: inherit;
    overflow-x: auto;
    height: 16vw;
}

#carouselproductsholder::-webkit-scrollbar{
    display: none;
}

.carouselproduct{
    background-color: white;
    display: block;
    width: 100%;
    margin: auto;
    margin-bottom: 5%;
    padding: 5%;
    border: 1px solid lightgrey;
    transition-duration: 0.25s;
}

.carouselproduct:hover{
    border-color: white;
    border-width: 2px;
    cursor: pointer;
}


.abouttext{
    color: white;
    width: 90%;
    margin: auto;
}
.navbar{
   
    color: black!important;
    margin-bottom: 5%Important;
    margin: 0 30px;
   
}

a{
  
}

#middleproductdetails{
    padding: 0%;
    margin: auto;
    position: relative;
    margin: unset;

}

#middleproductdetailsright {
    padding-top: 1%;
    padding-bottom: 1%;
    color: black;
    font-weight: 500;
    text-transform: unset;
    font-family: open-sans, sans-serif;
    background-color: white;
    width: 46%;
    margin: 2%;
    margin-top: unset;
    margin-bottom: unset;
}

#cob1{

}

.nutritiontd{
    border-right: 1px solid white;
    color: black;
}

.nutritiontdcell{
    text-align: end;
    width: 30%;
    font-weight: 500;
}

.furtherprices{
    display: inline-block;
    width: 50%;
    margin-bottom: 0.5vw;
    line-height: 2.5vw;
}

.furtherpricesbc{
    display: inline-block;
    width: 100%;
    padding-top: 0.5vw;
    text-align: end;
    margin-bottom: 0.5vw;
    line-height: 2.5vw;
    border-top: 1px solid lightgrey;

}
.furtherpricesrrp{
    display: inline-block;
    width: 50%;
    text-align: end;
    margin-bottom: 0.5vw;
    line-height: 2.5vw;
}
.unitfurtherprices{
    display: inline;
    line-height: 1.5;
    font-weight: 500;
    color: white;
    font-weight: 600!important;
    text-transform: unset;
    font-family: open-sans, sans-serif;
    
}

.lefttextinnerpricesbc{
    display: inline-block;
    color: rgb(255, 31, 95);
    font-size: 1.25vw;
    font-weight: 600;
}

#details{


    padding: unset;
    display: block;
    border-right: 1px solid lightgray;

}

#productbackbuttonright{
    padding-right: unset;
    padding-left: unset;
    margin-top: unset;
}



.detailstitle{
    font-weight: 600;
    padding-left: 1.5%!important;
    padding-right: 0%!important;
    padding-bottom: 0%;
    color: white;
    font-size: 1.25vw;
    text-transform: unset;
    border-left: 6px solid rgb(255, 31, 95);
    padding-top: 0.5%;
    padding-bottom: 0.5%;
    margin-left: 0rem;
    display: inline-block;
    margin-bottom: unset;
    margin-right: 4%;
    margin-left: calc(var(--bs-gutter-x)/ -2);
}
    

.detailstitleproducts{
    line-height: 1.5;
    display: inline-flex;
    font-weight: 500;
    font-size: 1.25vw;
    position: relative;
    width: 96%;
    margin: auto;
    display: block;
}

.detailstitleproducts:before{
    content: "◢";
    position: absolute;
    right: 0;
    transform: rotate(45deg);
    transition-duration: 0.25s;
    font-size: 1.5vh;
}

.fourthcolmob{
    width: 43%;
    display: inline-flex;
    font-weight: 600;
    justify-content: flex-end;

}

.detailstitleproducts.special:before{
    content: "◢";
    position: absolute;
    right: 0;
    transform: rotate(225deg);
    transition-duration: 0.25s;
    font-size: 1.5vh;
}

.porprice{
    display: block;
    width: 100%;
    text-align: end;
    margin-left: auto;
    margin-bottom: 0.5vw;
    line-height: 0.5vw;
    border-bottom: 1px solid lightgrey;
}

#detailstoprow{
    padding: 0%;
}

.producttextprices{
    display: inline-block;

   margin-left: 0.5rem; 
   margin-right: 0.5rem;
    font-weight: 500;
    font-size: 1.25vw;


}

.producttextpricesalter{
    width: fit-content;
    display: inline-block;
    font-size: 1.25vw;
    
}

.backbutton{
    padding: 2%;
    text-align: center;
    color: white;
    width: 75%;
    margin-left: auto;
    font-size: 1vw;
    font-weight: 500;
    padding-left: 10%;
    padding-right: 10%;
    border: 1px solid;
    background-color: rgb(38, 38, 38);
    border-radius: 0px;
    
}

.availability{
    font-size: 1vw;
    font-weight: 500;
    text-align: center;
  
}

.brandimagedetails{
    height: 9vw;
    display: block;
    margin: auto;
    margin-bottom: -4%;
    margin-top: -4%;

}
.stock{

}

#nav-item-all{
    width: 44%;
    text-align: center;
    display: inline-block;
    margin: unset;
    color: rgb(255, 31, 95);
    font-weight: 600;
    margin-right: 2%;
    border: 2px solid;
    background-color: white;
    font-size: 1vw;
    padding: 0.25vw 0.5vw;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    text-decoration: none;
    position: absolute;
    bottom: 0.5vw;
}

#nav-brands{
    width: 44%;
    text-align: center;
    display: inline-block;
    margin: unset;
    color: rgb(255, 31, 95);
    font-weight: 600;
    margin-right: 2%;
    border: 2px solid;
    background-color: white;
    font-size: 1vw;
    padding: 0.25vw 0.5vw;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    text-decoration: none;
    position: absolute;
    left: 50%;
    bottom: 0.5vw;
}

#nav-brands:hover{
    cursor: pointer;
}


    #nav-item-all:hover{
cursor: pointer;
        
    }

.stocktf{
    display: inline-block;
    background-color: #ff1f5f;
    color: white;
    padding: 3%!important;
    padding-top: 0.5%!important;
    padding-bottom: 0.5%!important;
    font-size: 1vw;
    font-weight: 600;
    margin-left: 3%;
    border-radius: 0px;
    width: 100%;
    max-width: 9rem;
    text-align: center;
    margin-left: auto;
    margin-top: 0.5rem;
}

.stocktf5{
    display: block;
    background-color: royalblue;
    color: white;
    padding: 3%!important;
    padding-top: 0%!important;
    padding-bottom: 0%!important;
    font-size: 1vw;
    border-radius: 0px;
    width: 100%!important;
    max-width: 9rem!important;
    margin-top: 0.5rem!important;
    margin: auto;
    
}

.stocktf1{
    display: inline-block;
    background-color: #03A678;
    color: white;
    padding: 3%!important;
    padding-top: 0.5%!important;
    padding-bottom: 0.5%!important;
    font-size: 1vw;
    font-weight: 600;
    margin-left: 3%;
    border-radius: 0px;
    width: 100%;
    max-width: 9rem;
    text-align: center;
    margin-left: auto;
    margin-top: 0.5rem;
}
.bottomdropordersimage{
    width: 2%;
    margin: auto;
    display: block;
    margin-top: 0.5%;
    margin-bottom: 0.5%;
}


.orderbutton{
    
    font-size: 1vw;
    padding: 4%;
    padding-top: 1%;
    padding-bottom: 1%;
    background-color: unset;
    border: unset;
    border: 2px solid rgb(255, 31, 95);
    margin: auto;
    color: rgb(255, 31, 95);
    margin-top: 6%;
    margin-bottom: -6%;
    display: block;
    font-weight: 600;

}

.catelogproduct{
    width: 100%!important;
}

.orderbutton:hover{
    background-color: rgb(255, 31, 95);
    border-color: rgb(255, 31, 95);
    color: white;
    transition-duration: 0.25s;
}

#cob1{
    font-size: 1vw;
    border: unset;
    background-color: white;
    padding: 0.5%;
    width: 16%;
    font-weight: 600;
    display: block;
    margin-left: auto;
    color: #ff1f5f;
    margin-right: 3%;
    border-radius: 0px;
    border: 2px solid #ff1f5f;

}

.innertitletext{
    display: inline-block;
    padding-right: 0%;
}

.innertitleprice{
    display: inline-block;
    padding-left: 4%;
    background-color: white;
    padding-right: 4%;
}

.cob15{
    font-size: 1vw;
    background-color: unset;
    border: 2px solid #ff1f5f;
    padding: 0.25rem;
    width: fit-content;
    padding-left: 1vw;
    font-weight: 600;
    display: block;
    color: #ff1f5f;
    margin-right: 3%;
    padding-right: 1vw;
    width: max-content;
    text-align: center;
    max-width: 10rem;
    border-radius: 0px;
}



input:-internal-autofill-selected {
    appearance: menulist-button;
    background-image: none !important;
    background-color: -internal-light-dark(rgb(232, 240, 254), rgba(172, 56, 48, 0.4)) !important;
    color: -internal-light-dark(#262626, white) !important;
}

#cob1:hover, .cob15:hover{
    background-color: #ff1f5f;
    color: white;
    transition-duration: 0.25s;
    cursor: pointer;
}

.atb{
    font-size: 1vw;
    display: block;
    width: 100%;
    text-align: center;
    margin: auto;
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-weight: 500;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
}

.textleft{

}

.textproductright{


}

.lefttextinnerprices{
    display: inline-block;
    text-align: left;
    color: rgb(255, 31, 95);
    font-size: 1.25vw;
    font-weight: 600;
}

.lefttextinnerpricesalter{
    display: inline-block;


}
.orderqtyfield2{
    display: inline-block;
    width: 3vw;
    height: 2vw;
    border: 2px solid rgb(38, 38, 38);
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    line-height: 0;
    padding: unset;
    border-left: unset;
    border-right: unset;
}

.orderqtyfield2::selection {
    color: none;
    background: none;
}
/* For Mozilla Firefox */
.orderqtyfield2::-moz-selection {
    color: none;
    background: none;
}

.bdtitle{
    font-size: 1.25vw;
    margin-bottom: 1%;
}

.bdtitledesc{
    font-size: 1vw;
    margin-bottom: 1%;
}

#newrestrictionname{
    padding: 1%;
    border: 1px solid lightgrey;
    margin-bottom: 1%;
    width: 100%;
}

.orderqtyfield{
    display: inline-block;
    width: 3vw;
    height: 2vw;
    border: 2px solid rgb(38, 38, 38);
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    line-height: 0;
    padding: unset;
    border-left: unset;
    border-right: unset;
}

.tdstockcount{
        overflow-y: auto;
        height: 15rem;
        margin-bottom: 0;
        display: block;
      
}

.orderqtyfield::selection {
    color: none;
    background: none;
}
/* For Mozilla Firefox */
.orderqtyfield::-moz-selection {
    color: none;
    background: none;
}

.modalfooter{
    display: block;
    margin: auto;
}

.modal-footer{
    width: 100%;
    display: flex!important;
    padding: 1vw 2vw!important;
    justify-content: center!important;
    border: unset!important;
}

.modal-body{
    padding: 2vw!important;
        padding-top: 2vw!important;
        padding-bottom: 0vw!important;
}

.modal-dialog {

    margin: 1.75rem auto;
    margin-top: 18%!important;
}

.cartorder {
    text-align: center;
    padding-top: 13%;
    width: 100%;
    line-height: 2;
    margin: auto;
    position: relative;
    background-color: white;
    font-weight: 500;
    font-size: 1.25vw;
    z-index: 1;
}

.nopotusermsg {
    height: 23vh;
    margin-top: 15%!important;
    text-align: center;
    font-weight: 500;
    color: rgb(255, 31, 95);
}

#modaltext{
    font-weight: 500;
    font-size: 1vw;
    line-height: 2;
    text-align: center;
}

#closemodal1{
    display: inline-block;
    padding: 0.5vw;
    border-radius: 0px;
    width: 8rem;
    BACKGROUND-COLOR: white;
    margin-bottom: 1vw;
    font-weight: 600;
    color: rgb(255, 31, 95);
    font-size: 1vw;
    border: 2px solid rgb(255, 31, 95);
}

#closemodal_auth1{
    display: inline-block;
    padding: 3%;
    border-radius: 0px;
    width: 8rem;
    BACKGROUND-COLOR: white;
    margin-bottom: 1vw;
    font-weight: 600;
    color: rgb(255, 31, 95);
    font-size: 1vw;
    border: 2px solid rgb(255, 31, 95);
}

#closemodal_auth1:hover{
    background-color: rgb(255, 31, 95);
    color: white;
}

#closemodal1:hover{
    background-color: rgb(255, 31, 95);
    color: white;
}

#outerbodybrands{
    padding: unset;
}
#topsectionbrands{
  
}
#titlebrands{
    text-align: center;
    font-size: 1vw;
    font-weight: 500;
    width: 100%;
    padding: 2%;
    background-color: white;
    color: white;
    
}

.cardinnertitle{

}

.restrictioncard{
    display: none;
}
.restrictioncard2{
    display: none;
    border-bottom: 1px solid lightgrey;
}

#outertableidcart{
    display: inline-grid;
    margin-bottom: unset;
}

#brandcard{
    padding: unset!important;
    margin: unset!important;
}

.brandtitle{
    font-size: 1vw;
    display: block;
    width: 100%;
    font-weight: 500;
    margin-bottom: 0%;
    /* border: 1px solid lightgrey; */
    padding-bottom: 3%;
    text-align: center;
    text-transform: unset;
}

.brandcardinner{
    position: relative;
    padding: 3%;

}


.contactlabel{
        /* margin-top: 1vw; */
        margin-bottom: 0.5rem!important;
        /* width: 40%; */
        /* display: inline-block; */
        font-size: 1vw;
        font-weight: 500;
        padding: unset!important;
        text-transform: none;
}
.contactinput{
    width: 100%;
    padding: 0.5rem;
    border: 1px solid lightgray;
    transition-duration: 0.25s;
    display: inline-block;
    padding: 0.5vw;
    margin-bottom: 1vw;
    font-size: 1vw;
    font-weight: 500;
}
.contactitle{
    font-weight: 600;
    padding-left: 0%!important;
    padding-right: 5%!important;
    padding-bottom: 0%;
    color: black;
    font-size: 1.5vw;
    text-transform: unset;
    border-left: 0px solid rgb(255, 31, 95);
    width: 36%;
    margin-top: 0.5rem;
    margin-bottom: 0rem;
    padding-top: 0%;
}

.contactcol{
    padding: unset!important;
}

.contactcol1{
    padding: unset!important;
    padding-right: 3%!important;
}
.contactform{
  
    padding-top: 2%;
    padding-bottom: 3%;
    font-size: 1vw;
    width: 100%;
    font-weight: 500;
    text-transform: unset;
    font-family: open-sans, sans-serif;
    margin: unset!important;


}

#bodybrands{
    background-color: w;
    padding: unset;
    width: 100%;
    margin-top: 0.5rem;
    margin: unset;
    margin: auto;
    margin-bottom: 1rem;

    background-color: white;

   

    
}
#bodybrands2{
    background-color: white;
    padding: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 1rem;
    
}

#bodybrands3{

    border-left: 1px solid lightgrey;
    padding: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 1rem;


    
}
.brandpgimg{
    margin: auto;
    display: block;
    padding-top: unset;
    padding-bottom: unset;
    height: 9vw;
}
.brandbutton{
    width: 100%;
    padding: 3%;
    background-color: unset;
    border: unset;
    color: black;
    font-weight: 500;
    transition-duration: 0.25s;
    font-size: 1vw;
    background-color: grey;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    font-size: 0;
    opacity: 0;
}

.navtitlebuttons{
    display: inline-block;
    padding-left: 0%;
    font-size: 1.5vw;
    
}
#leftbreif{
    padding: 2%;
    padding-top: 1%;
    padding-bottom: 0%;
    padding-left: 2%;
}
#rightbreif{
    padding: unset;
    display: flex;
    align-items: center;
    padding-top: unset;
    padding: 1rem;
    background-color: white;
    padding-bottom: unset;
    padding-top: unset;
    padding-right: unset;
  
}
.homebasictitle{
    font-weight: 600;
    padding-left: 0%!important;
    padding-right: 5%!important;
    padding-bottom: 0%;
    color: black;
    font-size: 1.5vw;
    text-transform: unset;
    border-left: 0px solid rgb(255, 31, 95);
    width: 36%;
    margin-top: 1%;
    margin-bottom: 2%;
    padding-top: 0%;
   
}

#rightabout{
    margin: 0%;
    margin-top: 0%;
    width: 50%;
    border-bottom: unset;
    margin-bottom: 0%;
    border-left: 2px solid whitesmoke;
    padding: 2%;
    padding-top: 1%;
    padding-bottom: 1%;
}

#homebasictitle2{
  
    font-weight: 500;
    padding-left: 1rem!important;
    padding-right: 1rem!important;
    padding-top: 1%;
    background-color: white;
    padding-bottom: 1%;
    font-size: 1.25vw;
    width: -webkit-fill-available;
    margin-left: unset;
    color: white;
    display: flex;
    align-items: center;
    border-radius: initial;

}
#leftail{
    margin: 0%;
    margin-top: 0%;
    width: 50%;
    border-bottom: unset;
    margin-bottom: 2%;
    border-top: 2px solid whitesmoke;
    padding: 2%;
    padding-top: 1%;
    padding-bottom: 1%;
}
#leftair{
    margin: 0%;
    margin-top: 0%;
    width: 50%;
    border-bottom: unset;
    margin-bottom: 1%;
    border-top: 2px solid whitesmoke;
    border-left: 2px solid whitesmoke;
    padding: 2%;
    padding-top: 1%;
    padding-bottom: 1%;

}

.homebasictitle3{
    font-weight: 600;
    padding-left: 0%!important;
    padding-right: 5%!important;
    padding-bottom: 0%;
    color: black;
    font-size: 1.5vw;
    text-transform: unset;
    border-left: 0px solid rgb(255, 31, 95);
    width: 36%;
    margin-top: 1%;
    margin-bottom: 2%;
    padding-top: 0%;
}


.breiftext{
    padding: 4%;
    padding-top: 2%;
    padding-bottom: 4%;
    padding-right: 8%;
    font-size: 1vw;
    font-weight: 500;
    line-height: 2;
    background-color: whitesmoke;
    margin-top: unset;
    margin-bottom: 3%;
    margin-right: unset;
}

b{
    font-weight: 500!important;
}

.homeimg1{
    display: block;
    width: 100%;
    padding: 0;
    margin: 2% auto;
    border-right: unset;
    border-top: unset;
    background-color: whitesmoke;
    
}

.carouselholder{
    display: none;
}

#carouselExampleCaptions{
    width: 100%;
    margin: unset;
    padding: unset;
}

#carouselExampleCaptionsclone{
    width: 100%;
    margin: unset;
    padding: unset;
    
}
.navtitlebuttons2{
    display: inline-block;
    padding-left: 0%;
    font-size: 1.5vw;
}

.navtitlebuttons:hover{
    transition-duration: 0.25s;
    cursor: pointer;
    color: cyan;
}
#chnagestock{

}
.brandbutton:hover{
 
    color: white;
    opacity: 0.15;
    transition-duration: 0.25s;
}

.imgbriefinner{
    width: 29%!important;
    display: inline;
    
    
}

.orderinner{
    border-bottom: 1px solid lightgrey;
    padding-bottom: 3%;
    padding-top: 3%;
}

.innerpbreif{
    width: 55%!important;
    display: inline-block;
    margin-bottom: unset;
    text-align: left;
    /* margin-left: 20%; */
    line-height: 4;
}

.promobrandimg{
    width: 47%;
    margin: auto;
    margin-top: unset;
    align-items: flex-start;

   
}
#promodesc2{
    font-size: 1vw;
    line-height: 2;
    width: auto;
  
    
    max-height: 12vw;
    overflow: auto;
} 
#brandcard{
    color: black!important;
    display: inline-block;
    border: 2px solid whitesmoke;
    border-left: unset;
    border-bottom: unset;
    position: relative;
}

.href{
    color: #3366BB;
    text-decoration: none;
}

.seccolmob{
    width: 20%;
    display: inline-flex;
    justify-content: flex-start;
}


.href:hover{
    color: blue;
    cursor: pointer;
}

#privacypolicymodal{
    display: none;
}

#termscheck{
    margin-top: 4%;
}
.namelabelterms{
    margin-top: 1vw;
    width: 69%;
    font-weight: 500;
    display: inline-block;
    font-size: 1vw;
}

a:link {
    color: rgb(32, 125, 187);
    
    text-decoration: none;
  }
  
.rightabouttitle{
    font-size: 1vw;
    margin-bottom: 3%;
    color: black;
    font-weight: 500;
    text-transform: unset;
}
  
  a:hover {
    color: white;
   
    
  }
  


#termsofuse{
    display: none;
}

.modal-content{
    width: 80%!important;
    margin: auto!important;
    border: unset!important;
    border-radius: unset!important;
    box-shadow: 0 0 15px darkslategray;
}

.pendingbg{
    background-color: midnightblue!important;
}
.approvedbg{
    background-color: orangered!important;
    
}
.failedbg{
    background-color: white!important;
}
.completebg{
    background-color: forestgreen!important;
}

.pendingimg{
    background-image: url(/css/warehouse-1.jpg)!important;
}
.approvedimg{
    
    background-image: url(/css/warehouse-4.jpg)!important;
        
    background-position: center!important;
}
.failedimg{
    background-image: url(/css/warehouse-4.jpg)!important;
}
.completeimg{
    background-image: url(/css/warehouse-2.jpg)!important;

}

.thirdcolmob{
    display: inline-flex;
    justify-content: flex-end;
    width: 19%;
    font-weight: 600;
}

#subnav{
    padding: 0%;
    padding-top: unset;
    padding-bottom: unset;
    display: inline-flex;
    width: 100%;
    flex-direction: column!important;
    flex-wrap: nowrap;
    overflow-x: scroll;
    text-align: inherit;
    margin-top: 0;
    z-index: 3;
    margin-right: unset;
    margin-bottom: unset;
    font-size: 1vw;
    font-weight: 500;
    position: absolute;
    height: 100%;
    overflow-x: hidden;
    border-right: 2px solid whitesmoke;
    background-color: white;
    border-bottom: 2px solid whitesmoke;

}

#innertextcontactpage{
    width: 100%;
    display: inline-block;
    padding: 1vw;
    font-size: 1vw;
  
    background-color: whitesmoke;
    font-weight: 500;
    font-family: open-sans, sans-serif;
}
#innertextcontactpage1{
    width: 100%;
    display: inline-block;
    padding: 1vw;
    font-size: 1vw;
   
    background-color: whitesmoke;
    font-weight: 500;
    font-family: open-sans, sans-serif;
}

#innertextcontactpageleft{
    padding: 4%;
    font-size: 1vw;
    font-size: 1vw;
    padding-top: 2%;
    padding-bottom: 2%;

    width: -webkit-fill-available;
    display: inline-block;
  

}



#innertextcontactpageleft1{
    width: 100%;
    display: inline-block;
    padding: 1vw;
    font-size: 1vw;
    font-size: 1vw;

}

.customeraddon{
    display: block;
    margin-left: 1%;
    width: 69%;
}
.addonlabel{
    font-size: 1vw;
    height: fit-content;
    display: inline-block;
    margin-right: 5%;
}

.cartqval{
    width: 3rem;
    font-weight: 500;
    overflow-wrap: break-word;
    resize: none;
    text-align: center;
    border: 1px solid lightgrey;
    border-radius: unset;
}

.cartqval2{
    width: 100%;
    font-weight: 500;
    padding: 0.25rem;
    overflow-wrap: break-word;
    resize: none;
    border: 1px solid lightgrey;
    border-radius: unset;
}

.cartqval3{
    width: 100%;
    font-weight: 500;
    overflow-wrap: break-word;
    resize: none;
    padding: 0.25rem;
    border: 1px solid lightgrey;
    border-radius: unset;
}

.cartqval:active{

}

.cartqval:focus{
    border: 1px solid grey;
    border-radius: unset;
    text-align: center;
    outline: unset!important;
}
.addoninput{
    margin-top: 1%;
    height: 2rem;
    margin-right: 2.5%;
    padding: 0.5vw;
    padding-left: 0.5vw;
    padding-right: 0.5vw;
    font-size: 1vw;
    border: 1px solid lightgrey;
    border-radius: unset;
}

.selectexclbutton{
    width: 100%;
    display: inline-block;
    margin-top: 1%;
    padding: 0.5vw;
    padding-left: 0.5vw;
    padding-right: 0.5vw;
    font-size: 1vw;
    border: 1px solid lightgrey;
    border-radius: unset;
    position: relative;
}

.selectexclbutton:hover{
    cursor: pointer;
}

.selectexclbutton:focus{
    border: 1px solid #ff1f5f;
}
.selectexclbutton1{
    width: 30%;
    display: inline-block;
    margin-top: 1%;

 
    font-size: 1vw;
    border-radius: unset;
    position: relative;
}

.selectexclbutton::before{
    content: "◢";
    position: absolute;
    right: 5%;
    transform: rotate(45deg);
    transition-duration: 0.25s;
    font-size: 1.25vh;
    top: 25%;
}

.excloninput{
    position: absolute;
    background-color: white;
    width: 100%;
    padding: 0.5vw;
    padding-top: 0.25vw;
    padding-bottom: 0.25vw;
    border: 1px solid lightgrey;
    border-top: unset;
    overflow: auto;
    height: 6vw;
    display: none;
}

.addoninput:focus{
   border: 1px solid rgb(255, 31, 95) ;
   outline: unset;
}


#openinghours{
    font-size: 1vw;
    width: 100%;
    font-weight: 500;
    text-transform: unset;
    font-family: open-sans, sans-serif;
    margin: unset;
    background-color: whitesmoke;


}

#opentimehours{
    background-color: rgb(255, 31, 95);
    color: white;
    text-align: end;
    margin-left: auto;
    width: auto;
    line-height: 2;
    padding-top: 2%;
    padding-bottom: 2%;
}


.addtordertext{
    display: inline-block;
    font-size: 1.25vw;

}

.addtorderimg{
    display: inline-block;
    width: 5rem;
}


#emailphoneetc{

    padding: unset;
    font-weight: 500;
    
  
}

#emailphoner{

    
    padding: unset;
  
    font-weight: 500;

}

.catelogcreator{
    padding: 0.6vw;
    font-size: 1vw;
    padding-left: 1%;
    padding-right: 1%;
    border: 1px solid grey;
    /* border-bottom: 2px solid #ff1f5f; */
    margin-left: 2%;
    background-color: unset;
    color: white;
    line-height: 1.4;
    font-weight: 500;
}


.catelogcreator:hover{
    background-color:  #ff1f5f;
    border-color: #ff1f5f;
    
    transition-duration: 0.25s;
   
}
#emailphone{
  
    padding: unset;
   
    background-color: white;
    font-weight: 500;
  
    

    
}


.carouselimage{
    width: 100%;
    
}
#opentime{
    line-height: 2;
    padding-top: 2%;
    padding-bottom: 2%;
}

#map{
    border-right: 1px solid lightgrey;
    height: 19.3vw;
    border-bottom: 1px solid lightgrey;
}

#innercontactdetails{
    width: 100%;
  
    display: block;
    margin: unset;
}

.rightabouttitle2 {
    font-size: 1vw;
    padding-bottom: 2%;
    padding-top: 2%;
    padding-left: 3%;
    padding-right: 3%;
    font-weight: 500;
    font-family: open-sans, sans-serif;
    text-transform: unset;
    /* margin: 4%; */
    margin-top: 3%;
    color: black;
    background-color: whitesmoke;
    margin-bottom: 3%;
}

.firstcolmob{
    width: 81%;
    display: inline-flex;
    justify-content: flex-start;
    margin-top: 0%!important;
    margin-bottom: 0%!important;
}


.coler{
display: inline-flex;
width: 20%;
}

.firstcol{
    display: inline-flex;
    width: 60%;
}

.seccol{
    display: inline-flex;
    width: 10%;
}

.thirdcol{
    display: inline-flex;
    width: 20%;
    justify-content: flex-end;
}

.produtrestrcitionsusers{
    max-height: 4rem;
    overflow: auto;
    display: block;
    padding: 1%;
    outline: 1px solid lightgrey;
}

.fourthcol{
    display: inline-flex;
    width: 20%;
    justify-content: flex-end;
}

.fifthcart{
    display: inline-flex;
    width: 15%;
}

.sixthcart{
display: inline-flex;
width: 20%;
}


.imgholdercartimg{
    width: 100%;
    max-width: 3.5rem;
    margin: unset;
    padding: 0.2rem!important;
}


.rightabouttitle4 {
    font-weight: 600;
    padding-left: 0%!important;
    padding-right: 5%!important;
    padding-bottom: 0%;
    color: black;
    font-size: 1.5vw;
    text-transform: unset;
    border-left: 0px solid rgb(255, 31, 95);
    width: 100%;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    padding-top: 0%;
}

#savemodal_auth2{
    display: inline-block;
    padding: 3%;
    border-radius: 0px;
    width: 8rem;
    BACKGROUND-COLOR: white;
    margin-bottom: 1vw;
    font-weight: 600;
    color: rgb(255, 31, 95);
    font-size: 1vw;
    border: 2px solid rgb(255, 31, 95);
}

#adminlabel{
    margin-top: 8%;
    margin-bottom: unset;
    width: 20%;
    margin-right: 9%;
}

#modaltextauth{
    font-weight: 500;
}

#passval{
    width: 55%;
}


.activebutton{
    right: 4%;
    top: 1rem;
}



.orderbuttonactive {
    padding: 0.5%;
    font-size: 1vw;
    text-align: center;
    border: 2px solid rgb(255, 31, 95);
    position: unset;
    color: rgb(255, 31, 95);
    width: 14%!important;
    margin-left: 1%;
    font-weight: 600;
    display: block;
    margin-top: 1%!important;
    margin-bottom: 1%;
    background-color: unset;
    
}

.orderbuttonactive:hover{
    background-color: rgb(255, 31, 95);
    color: white;
    transition-duration: 0.25s;
}


.ordertitleprice{
    font-weight: 500;
    line-height: 2;
    font-size: 1vw;
    padding: 2%;
    padding-top: 0.5rem;
    padding-right: unset;
    padding-bottom: 0.5rem;
    width: 15vw;

  
   


}


#savemodal_auth2:hover{
    background-color: rgb(255, 31, 95);
    color: white;
}


#savemodal2{
    display: inline-block;
    padding: 0.5vw;
    border-radius: 0px;
    width: 8rem;
    BACKGROUND-COLOR: white;
    margin-bottom: 1vw;
    font-weight: 600;
    color: rgb(255, 31, 95);
    font-size: 1vw;
    border: 2px solid rgb(255, 31, 95);
}

.savemodal2{
    display: inline-block;
    padding: 0.5vw;
    border-radius: 0px;
    width: 8vw;
    color: rgb(255, 31, 95);
    background-color: white;
    margin-bottom: 1vw;
    font-weight: 600;
    font-size: 1vw;
    border: 2px solid rgb(255, 31, 95);
}

.savemodal2:hover{
    background-color: rgb(255, 31, 95);
    color: white;
    transition-duration: 0.25s;
}


#savemodal2:hover{
    background-color: rgb(255, 31, 95);
    color: white;
}

.fifthcartsub{
    width: 37%;
    display: inline-flex;

}

.privacyptitle{

    background-color: white;
    padding: 0.2rem;
    padding-left: 2%;
    font-size: 1.5vw;
    color: black;
    width: 100%;
    text-transform: unset;
    font-weight: 600;
    margin-bottom: 0;
    display: inline-block;
    position: relative;
    border-left: 6px solid #ff1f5f;
    margin-left: 1%;
    margin: 4%;
    margin-top: 2%;
    margin-bottom: 2%;

}

#modalterms{
    display: block;
    padding: unset;
    width: 70%;
    max-width: unset!important;
    margin-top: 4vw!important;
    height: 85vh;
    max-height: unset;
    overflow: hidden;
    min-height: unset;
}

.privacypsubtitle{
    margin: 3%;
    margin-left: unset;
    
    font-size: 1.25vw;
    border-bottom: 1px solid lightgrey;
    padding-bottom: 2%;

}

.xbutton{
    transform: rotate( -45deg );
    color: black;
    font-size: 3.5vw;
    float: right;
    margin-right: 4%;
    line-height: 1;
    margin-top: 1.3%;
    margin-bottom: unset;
    position: absolute;
    padding-bottom: unset;
    right: 0;
    top: 0;

}

.xbutton:hover{
    color: #ff1f5f;
    cursor: pointer;
}
.h4privacypsubtitle{
    margin: 2%;
    margin-left: unset;
    font-size: 1.25vw;
}
#termsmodal{
    overflow: hidden;
}

#checkboxtd{
    overflow-y: auto;
    height: 15rem;
}

.galleryimages{
    width: 100%;
    padding: 5%;
    transition-duration: 0.25s;
    padding-left: 3%;
    padding-right: 3%;
}

.galleryimages:hover{
    padding: 2%;
    cursor: pointer;
    transition-duration: 0.25s;
}

#branddiv{
    padding: unset;
    border-bottom: 1px solid lightgrey;

}
#privacypolicy{
    padding: 5%;
    line-height: 2;
    color: black;
    background-color: whitesmoke;
    padding-top: 3%;
    overflow: scroll;
    overflow-x: hidden;
    

}



.userreferenceholder{
    width: 96%!important;
    margin: auto;
    padding: 2%!important;
    padding-top: 1.5%!important;
    padding-bottom: 1.5%!important;
    background-color: whitesmoke;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    border: 1px solid lightgrey;
}
.pbbold{
    color: black!important;
    font-weight: 500!important;

}

.pbfield1{
    display: inline-flex;
    line-height: 2;
    color: black!important;
    margin-right: 5%;
    width: 20%;
}

.pbfield0{
    display: block;
    line-height: 2;
    font-weight: 00;
    font-size: 1.25vw;
    margin-top: 1%;
    margin-bottom: 0.5%!important;
    color: rgb(255, 31, 95);
}

.toptitletc{
    width: 100%;
    padding: 0%;
    padding-bottom: 0%;
    padding-top: 0%;
    position: relative;
    font-size: 1vw;
    font-weight: 500;
    background-position: bottom;
    color: white;
    border-bottom: 1px solid lightgray;
}
#modalcontent{
    width: 100%!important;
    overflow: hidden;
    height: inherit;
    overflow-x: hidden;
}

#brandtext{
    padding: unset!important;
    font-weight: 600;
    text-transform: unset;
    font-family: open-sans, sans-serif;
    font-weight: 5s00;
    padding-left: 1%!important;
    padding-right: 5%!important;
    color: black;
    font-size: 1.5vw;
    text-transform: unset;
    border-left: 6px solid rgb(255, 31, 95);
    width: 83%;
    margin-left: unset!important;
}

.orderbutton::selection {
    color: none;
    background: none;
}
/* For Mozilla Firefox */
.orderbutton::-moz-selection {
    color: none;
    background: none;
}

.plusquantity{
    display: inline-flex;
    width: 2vw;
    height: 2vw;
    border: unset;
    background-color: rgb(38, 38, 38);
    border: 2px solid rgb(38, 38, 38);
    font-size: 1.25vw;
    text-align: center;
    color: white;
    font-weight: 600;
    transition-duration: 0.25s;
    line-height: 1;
    padding: unset;
    align-items: center;
    justify-content: center;
}
.plusquantity1{
    display: inline-block;
    width: 2vw;
    height: 2vw;
    border: unset;
    background-color: rgb(38, 38, 38);
    border: 2px solid rgb(38, 38, 38);
    font-size: 1.25vw;
    text-align: center;
    color: white;
    font-weight: 600;
    transition-duration: 0.25s;
    line-height: 0;
    padding: unset;

}

.promotionstd1{
    overflow-y: auto;
    height: 15rem;
}
.plusquantity::selection {
    color: none;
    background: none;
}
/* For Mozilla Firefox */
.plusquantity::-moz-selection {
    color: none;
    background: none;
}

.checkboxproducts{

}

.plusquantity1::selection {
    color: none;
    background: none;
}
/* For Mozilla Firefox */
.plusquantity1::-moz-selection {
    color: none;
    background: none;
}

.plusquantity:hover{
    background-color: rgb(255, 31, 95);
    color: white;
    cursor: pointer;
    transition-duration: 0.25s;
    border-color: rgb(255, 31, 95);
}

.plusquantity1:hover{
    background-color: #ff1f5f;;
    color: white;
    cursor: pointer;
    transition-duration: 0.25s;
    border-color: #ff1f5f;;
}


.strthead{
    font-weight: 600;
    color: white;
    background-color: rgb(255, 31, 95);
}

.strth{
    padding: 2%;
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
    font-size: 1.25vw;
    width: 15vw;
    padding-right: 0rem;
    font-weight: 500;

}


.strth1{
    padding: 2%;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 1.25vw;
    font-weight: 500;
    width: 10vw;
    padding-right: 0rem;
    text-transform: unset;
}

.ordertitle8{
    width: 10vw;
    padding: 2%;
    font-size: 1vw;
    font-weight: 500;
}


.strthcontent{
    padding: 2%;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 1.25vw;
    width: 19vw;
    padding-right: 0rem;
    text-transform: unset;
    font-weight: 500;
}



.ingredients{
    margin-right: 7%;
    line-height: 2;
    font-size: 1vw;
    font-weight: 500;
    margin-top: 1%;
    margin-bottom: 1%;
    color: black;
    margin-left: 2%;

}

.aboutinnerdel{
    background-color: whitesmoke;
    padding: 5%;
}

.aboutinnerdel2{
    padding: 5%;
    background-color: whitesmoke;
}

.abouttext2{
    display: inline-block;
    width: 83%;
    color: black;
    padding-bottom: 1%;
    padding-top: 1%;
    margin-right: 2%;
    margin-top: 3%;
    padding-left: 3%;
    background-color: white;
    font-weight: 500;
}

#dropdowncategories::-webkit-scrollbar-track,.dropdown-menu::-webkit-scrollbar-track, .ordersdropdown::-webkit-scrollbar-track, textarea::-webkit-scrollbar-track, .ordertitle4::-webkit-scrollbar-track, body::-webkit-scrollbar-track, #subnav::-webkit-scrollbar-track, #promodesc::-webkit-scrollbar-track {
    background: #555; 
  }
   
  /* Handle */
  #dropdowncategories::-webkit-scrollbar-thumb,.dropdown-menu::-webkit-scrollbar-thumb, .ordersdropdown::-webkit-scrollbar-thumb, textarea::-webkit-scrollbar-thumb, .ordertitle4::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb, #subnav::-webkit-scrollbar-thumb, #promodesc::-webkit-scrollbar-thumb {
    background: whitesmoke; 
  }
  
  /* Handle on hover */
  #dropdowncategories::-webkit-scrollbar-thumb:hover, .dropdown-menu::-webkit-scrollbar-thumb:hover, .ordersdropdown::-webkit-scrollbar-thumb:hover, textarea::-webkit-scrollbar-thumb:hover,.ordertitle4::-webkit-scrollbar-thumb:hover, body::-webkit-scrollbar-thumb:hover, #subnav::-webkit-scrollbar-thumb:hover, #promodesc::-webkit-scrollbar-thumb:hover {
    background: lightgrey; 
  }

  #dropdowncategories::-webkit-scrollbar, .dropdown-menu::-webkit-scrollbar, .ordersdropdown::-webkit-scrollbar, textarea::-webkit-scrollbar, .ordertitle4::-webkit-scrollbar, body::-webkit-scrollbar, #subnav::-webkit-scrollbar, #promodesc::-webkit-scrollbar {

  }

.Allergies{
    margin-right: 7%;
    line-height: 2;
    font-weight: 500;
    font-size: 1vw;
    color: white;
    margin-left: 2%;
}


.orderqty{
    margin-bottom: 0;
    display: none;
}
.backbutton:hover{
    cursor: pointer;
    color: white;
    transition-duration: 0.25s;
    background-color: rgb(255, 31, 95);
    border-color: rgb(255, 31, 95);
}

#middlemiddledetails{
    padding: 3%;
    display: block;
    padding-bottom: unset;
    height: 0;
    padding-top: 2%;
 

 

}

.detailsprice{
    text-align: end;
    margin-bottom: 0.5vw;
    /* margin-left: 2rem; */
    display: inline-block;
    width: 50%;
    color: rgb(255, 31, 95);
    font-size: 1.75vw;
    line-height: 2.5vw;
    font-weight: 600;
}
#detailstoprow{
    width: 100%;
    margin: auto;
    padding-top: 2%;
    padding-bottom: 2%;
    
   
}

#specificproductextra{

  
    display: block;
    padding: 0.0%;
    border-right: 1px solid lightgray;
    
}

#col6productdetails{
    background-color: white;
    padding: 2%;
    padding-top: 1%;
    padding-bottom: 1%;
    height: fit-content;
    
}

#col6productdetails{
    background-color: whitesmoke;
    padding: 2%;
    padding-top: 1.5%;
    padding-bottom: 1.5%;

    height: fit-content;

    transition-duration: 0.25s;
    border-bottom: 1px solid lightgray;
    
}

#col6productdetails_1{
    background-color: whitesmoke;
    padding: 2%;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
    border-bottom: 1px solid lightgray;
    height: fit-content;
    transition-duration: 0.25s;

    
}

#col6productdetails:hover{
cursor: pointer;
}
#col6productdetails_1:hover{
cursor: pointer;
}

.colomn{

}

.myaccounttitle{
    font-size: 1.25vw;
    font-weight: 500;
    margin-top: 3%;
    margin-bottom: 1%;
  
    margin-left: 4%;
    color: white;
}

.myaccountdescr{
    padding-top: 1%;
    padding-bottom: 1%;
    padding-left: 2%;
    padding-right: 2%;
    line-height: 2;
    font-size: 1vw;
    font-weight: 500;
    border-bottom: 1px solid lightgrey;
}

.nutritiontable{
    width: 96%;
    font-size: 1vw;
    line-height: 2;
    font-weight: 500;

    padding: 5%;
    margin-left: 2%;
}

#detailsouter{
    width: 100%;
    margin: unset;
    background-color: white;
    padding: unset;
    
}
.detailsimg{
    display: block;
    padding: 6%;
    margin: auto;
    border: 1px solid lightgrey;
    width: 80%;
    
}

.detailsimg:hover{
    opacity: 0.7;
    cursor: pointer;

    transition-duration: 0.25s;

}

.dropdownlisttitle{
    font-size: 1vw;
    display: inline-block;
    width: 60%;
    font-weight: 500;
    margin-left: 5%;
}

.dropdownlistpic{
    width: 4.5rem;
    display: inline-block;
    margin-left: 5%;
}

.breifproductsearchitem{
    display: block;
    position: absolute;
    z-index: 1000;
    top: 3.5vw;
    width: 100%!important;
    margin-left: 0vw;
    height: 800%;
    border: 1px solid lightgrey;
    overflow: auto;
    padding-left: unset!important;
    padding-right: unset!important;
    background-color: white;
    box-shadow: 0px 2px 20px -15px;
}

.breifproductsearchitem::-webkit-scrollbar{
    display: none;
}


.ddlholder:hover{
    background-color: whitesmoke;
    transition-duration: 0.25s;
    cursor: pointer;
}

.ddlholder, .ddlholder_noresuts{
    padding: 1rem;
    padding-left: 2%;
    padding-right: 2%;
    border-bottom: 1px solid lightgrey;
}

#titleprosection{
    font-weight: 600;
    padding-left: 1%!important;
    padding-right: 0%!important;
    padding-bottom: 0%;
    color: white;
    font-size: 1.5vw;
    text-transform: unset;
    border-left: 6px solid rgb(255, 31, 95);
    padding-top: 0%;
    margin-left: 0rem;
    min-width: 38vw;

}

#productsinfopage{
    display: inline-block;
    font-size: 1.25vw;
    font-weight: 500;
    text-align: end;
    padding-bottom: unset;
    margin-bottom: unset;
    /* margin-right: 2%; */
    height: 100%;
    display: inline-flex;
    margin-right: 2%;
    position: absolute;
    margin-top: initial;
    color: white;
    right: 0;
    font-weight: 500;
    text-transform: unset;
    font-family: open-sans, sans-serif;
    align-items: center;
}


#brandbriefbtn{
  
    padding: 0.5vw;
    background-color: white;
    border: 2px solid rgb(255, 31, 95);
    color: rgb(255, 31, 95);
    transition-duration: 0.25s;
    font-size: 1vw;
    font-weight: 600;
    float: right;
}
#brandbriefbtn:hover{
    background-color: #ff1f5f;
    color: white;
    transition-duration: 0.25s;
    border-color: #ff1f5f;
}

.sidebarbig{
    width: 11vw!important;
    height: 9vw!important;
}


.realproducttop{
    width: 100%;
    padding: 0%;
    padding-bottom: 1vw;
    /* padding-top: 1vw; */
    font-size: 1vw;
    font-weight: 500;
    display: flex;
    background-position: bottom;
    color: white;
    background-color: rgb(38, 38, 38);
    position: relative;
    align-items: center;
    margin: auto;
 

    
}

.ddlholder_noresuts{
    padding: 7%;
    padding-left: 2%;
    padding-right: 2%;
    border-bottom: 1px solid lightgrey;
}


#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal-product {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1000; /* 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 */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* #262626 w/ opacity */
}

#tbodyusersorderalter{
   
}

#tbodyusersorderid2{
    padding-left: 0%;
    padding-right: 0%;
    padding-top: unset;
    margin: unset;
    padding-bottom: unset;
}

#uploadgallery{
    margin-bottom: unset;
}

#outerpromo{
    padding-bottom: 0%;
    border-top: 1px solid lightgrey;
}

#promopricingholder{
    width: 100%;
    padding: 3%;
    display: flex;
    background-color: white;
    height: 100%;
    flex-direction: column;
    line-height: 2;
    font-size: 1.15vw;

    border-top: unset;
    justify-content: flex-start;
    border-bottom: unset;

}

#discountsection{
    padding: unset;
    position: relative;
    border-left: unset;
    border-top: unset;
    border-bottom: unset;
    border-right: 0.75vw solid rgb(38, 38, 38);
}

.promopricing{
    font-size: 1.15vw;
    font-weight: 500;
}

.promopricing2{
    font-size: 1.15vw;
    font-weight: 500;


}

.porright{
    display: inline-block;
    text-decoration: line-through;
    font-size: 1.25vw;
    font-weight: 600;
    color: rgb(255, 31, 95);
    margin-right: 0.5vw;
   
}
.porright9{
    display: block;
    text-decoration: line-through;
    font-size: 1.25vw;
    text-align: end;

    
}

.porright11 {
    display: inline-block;
    text-decoration: line-through;
    font-size: 1.25vw;
    text-align: end;
    margin-right: 10%;
}
.porright2{
    display: inline-block;
    color: rgb(255, 31, 95);
    font-size: 1.25vw;
    font-weight: 600;
    width: 43%;
    padding-left: 0.5vw;
}
.porright5{
    display: inline-block;
    color: white;
    font-size: 1.25vw;
    position: absolute;
    right: 1rem;
    top: -0.3rem;
}
.promopricing3{
    font-size: 1.15vw;
    font-weight: 500;

}

.promopricing16{
    font-size: 1.25vw;
    font-weight: 600;

}

.promotitlevalid{
    display: inline-block;
    font-size: 0.9vw;
    letter-spacing: 0px;
    float: right;
    margin-right: 0%;
    font-weight: 600;
    color: white;
    line-height: 2;
}

.promobuttons{
    width: 100%!important;
    position: relative;
    padding: unset!important;
    border-top: 2px solid whitesmoke;
}

.promostitlesection{
    font-size: 1vw;
    margin-top: 0%;
    padding: 1%;
    padding-left: 2%;
    width: 93%;
    margin-right: 2%;
    position: relative;
    display: inline-block;
}

#promorow{
    width: 100%;
    margin: auto;
    background-color: unset;
    overflow: hidden;
}

.ordersdropdowntitle3{
    padding: 2%;
    padding-top: 1%;
    padding-bottom: 1%;
    background-color: whitesmoke;
    margin-bottom: 0%;
    border-top: 1px solid lightgrey;
    transition-duration: 0.15s;
    font-size: 1vw;
}

.ordersdropdowntitle3:hover{
    cursor: pointer;
}

.promostitlesection:hover{
    cursor: pointer;
}

#promoimgholder{
    padding-right: 23%;
    padding-left: 22%;
    padding-top: 6%;
    padding-bottom: 6%;
    width: 100%;
    margin: auto;
    background-color: white;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
}

#promoimgholder2{
    padding-right: 5%;
    padding-left: 5%;
    padding-top: 2%;
    padding-bottom: 2%;
    width: 100%;
    margin: auto;
    background-color: white;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
}

.orderbuttonpromo{
    padding: 0.5%;
    display: block;
    padding-left: 4%;
    padding-right: 4%;
    line-height: 2;
    font-size: 1vw;
    text-align: center;
    border: 2px solid rgb(255, 31, 95);
    position: absolute;
    font-weight: 600;
    bottom: 1vw;
    color: rgb(255, 31, 95);
    left: 3%;
    background-color: unset;
}
.homebasictitle5{
    padding: 5%;
    padding-left: 5%!important;
    padding-top: 1%;
    padding-bottom: 1%;
    margin-bottom: -1px;
    font-size: 1.25vw;
    color: white;
    background-color: white;
    display: none;
}
.orderbuttonpromo:hover{
    color: white;
    background-color: rgb(38, 38, 38);
    border-color: rgb(38, 38, 38);
    transition-duration: 0.25s;
    cursor: pointer;
}


#producttitleunflex{
padding: unset!important;
}

#promotitle{
    font-size: 1.5vw;
    letter-spacing: 0px;
    font-weight: 600;
    font-family: open-sans, sans-serif;
    padding: 2.7%;
    padding-right: 1.5%;
    padding-top: 1.5%;
    padding-bottom: 1.25%;
    margin-left: unset;
    background-color: rgb(255, 31, 95);
    display: flex;
    border-bottom: unset;
    color: white;
    flex-direction: column;
    justify-content: space-between;
    
}

#singleproduct{
    padding: unset;
    display: flex;
    height: 18vw;
    background-color: white;
    border-left: 0.75vw solid rgb(38, 38, 38);
}

#promodesc{
    font-size: 1vw;
    width: -webkit-fill-available;
    padding: 3%;
    padding-top: 3%;
    padding-bottom: 3%;
    margin-left: 3%;
    margin-right: 12%;
    line-height: 2;
    max-height: 12vw;
    overflow: auto;
 
}

#descsection{
    padding: unset;
    position: relative;
 
    display: flex;
    align-items: flex-start;
    background-color: white;
   
}

/* Modal Content (image) */
.modal-content-product {
  margin: auto;
  display: block;
  width: 30%;
  max-width: 700px;
}

.modal-content-brand {
    margin: auto;
    display: block;
    width: 60%;
    max-width: 800px;

  }

/* Caption of Modal Image */
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

#bodybrandsgall{
    width: 100%;
    margin: auto;
    padding: 1%;
    
    background-color: white;
    
}

/* Add Animation */
.modal-content-product, #caption {  
  animation-name: zoom;
  animation-duration: 0.6s;
}

.modal-content-brand, #caption {  
    animation-name: zoom;
    animation-duration: 0.6s;
  }

  .tbodyusersorder2{
    padding-left: 2%;
    padding-right: 2%;
    border-top: 1px solid lightgrey;
    padding-top: 0rem;
    margin-bottom: 1%;
  }

@keyframes zoom {
  from {transform: scale(0.1)} 
  to {transform: scale(1)}
}

/* The Close Button */
.close-product {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.checkboxgallery{
    margin-right: 2vw;
}

.close-product:hover,
.close-product:focus {
  color:white;
  text-decoration: none;
  cursor: pointer;
}

#checkboxtd_1{
    height: 13rem;
    overflow: auto;
    border-top: 1px solid whitesmoke;
    margin-top: 0%;
    display: inline-block;
    padding-left: unset!important;
    padding-right: 2vw;
    
}

.close-product-brand {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
  }
  
  .close-product-brand:hover,
  .close-product-brand:focus {
    color:white;
    text-decoration: none;
    cursor: pointer;
  }

/* 100% Image Width on Smaller Screens */


#leftregloginid{
    margin: 12vw;
    background-color: white;
    width: auto;
    margin-top: unset;
    border-top: unset;
    margin-bottom: unset;


}

#ordermessage{
    margin: auto;
    width: fit-content;
    display: block;
    border-bottom: 1px solid white;
    font-size: smaller;
    padding: 1%;
}

.regbutton{
    display: inline-block;
    padding: 0.5rem;
    width: 7rem;
    margin: auto;
    border: unset;
    border: 2px solid #ff1f5f;
    background-color: unset;
    color: #ff1f5f;
    font-weight: 600;
    margin-left: 2%;
    font-size: 1vw;
    text-transform: unset;

}
.checkpromo{

}

.checklabel{
    font-size: 1vw;
    width: 100%;
    border-bottom: 1px solid whitesmoke;
    margin-right: -1rem;
    padding: 0.5%;
    margin-bottom: 0.2rem;

}

.checklabel:hover{
    box-shadow: 0px -1px 0px inset lightgrey;
    cursor: pointer;
}
.regbutton1{
    display: inline-block;
    padding: 0.5vw;
    width: 7rem!important;
    margin: auto;
    border: unset;
    font-weight: 600;
    border: 2px solid #ff1f5f;
    background-color: unset;
    color: #ff1f5f;
    margin-left: 2vw;
    margin-bottom: 2vw;
    font-size: 1vw;
    margin-top: 1vw;
    text-transform: unset;

}


.regbutton15{
    display: inline-block;
    padding: 0.5vw;
    width: 11vw!important;
    text-align: center;
    margin: auto;
    font-weight: 600;
    border: 2px solid rgb(255, 31, 95);
    background-color: white;
    color: rgb(255, 31, 95);
    margin-left: 0vw;
    margin-bottom: 0vw;
    font-size: 1vw;
    margin-top: 0.5vw!important;
    text-transform: unset;

}

.regbutton15:hover{
    background-color: rgb(255, 31, 95);
    color: white;
    transition-duration: 0.25s;
    cursor: pointer;
}

.registrationtitle{
    font-weight: 600;
    padding-left: 1%!important;
    padding-right: 0%!important;
    padding-bottom: 0%;
    color: white;
    font-size: 1.25vw;
    text-transform: unset;
    border-left: 6px solid rgb(255, 31, 95);
    padding-top: 0%;
    margin-left: 0rem;
}


#conpasswordfield{
    margin-bottom: 1vw;
}


#ttregtitle{
    font-weight: 600;
    padding-left: 1%!important;
    padding-right: 0%!important;
    padding-bottom: 0%;
    color: white;
    font-size: 1.25vw;
    text-transform: unset;
    border-left: 6px solid rgb(255, 31, 95);
    padding-top: 0%;
    margin-left: 0rem;

}

#progressbar{
    
    height: fit-content;
    width: auto;
    margin: 2vw;
    margin-top: 1vw;
    background-color: #d9d9d9;
    margin-bottom: 1.5vw;
}
#complete{
    background-color: rgb(255, 31, 95);
    height: 0.7rem;
}
#pending{
    background-color: #262626;
    height: 0.7rem;
}

.namelabel{
    margin-top: 1vw;
    margin-bottom: 0.5rem;
    width: 40%;
    display: inline-block;
    font-size: 1vw;
    font-weight: 500;
    padding-right: 1vw;

}

#bottomcartrow{
    width: 98%;
    margin: auto;
    margin-bottom: 1%;
}

#cartbottom1{

    padding: 2%;
    padding-top: 1%;
    padding-bottom: 1%;
    background-color: whitesmoke;
    border: 1px solid lightgrey;
}

#cartbottom{
   
    padding: 2%;
    padding-top: 1%;
    padding-bottom: 1%;
    border: 1px solid lightgrey;
    border-left: unset;
    background-color: whitesmoke;
    border-right: unset;

}

.namelabel-companyinfo{
    margin-top: 1vw;
    margin-bottom: 0.75rem!important;
    width: 100%;
    display: inline-block;
    font-weight: 500;
    font-size: 1vw;
}

.namelabel-companyinfo-check{
    margin-top: 1vw;
    margin-bottom: 1vw;
    width: 40%;
    font-weight: 500;
    display: inline-block;
    font-size: 1vw;
}

#loginmessage{
    font-size: 1vw;
    color: red;
}

.loginmessage{
    font-size: 1vw;
    color: red;
}

#address{
    padding: 2vw;
    padding-top: unset;
    padding-bottom: 1vw;

}

#regbtn{
    display: inline-block;
    margin-right: unset;
}

.regbutton:hover{
    background-color: #ff1f5f;
    color: white;
    transition-duration: 0.25s;
    margin-top: unset;
}

.regbutton1:hover{
    background-color: #ff1f5f;
    color: white;
    transition-duration: 0.25s;
    
}

#detailsmiddlerow{
    margin: auto;
    width: 100%;
    padding: 0%;
    padding-bottom: 0.25%;
    /* padding-top: 0.25%; */
    font-size: 1vw;
    font-weight: 500;
    background-position: top;
    color: white;
    border-bottom: 1px solid lightgray;
    background-color: rgb(38, 38, 38);
    padding-bottom: 1vw;
}

#detailsmiddlerowbottom{
    color: rgb(88, 85, 90);
    width: 100%;
    margin: auto;
    border-top: 1px solid lightgray;
    margin-bottom: 0;

}

.nav-item{
    padding: 0%;
    min-width: 6.6vw;
    text-align: center;
    display: inline-block;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    color: rgb(88, 85, 90);
    font-size: 1.25vw;
    font-weight: 500;
    text-transform: unset;
    border-radius: 0px;
    margin-right: 0.25rem;
    margin-left: 0.25rem;

}

.nav-link{
    color: rgb(88, 85, 90);
}



.nav-itemer{
    margin: auto;
    padding: 0.5vw;
    display: block;
    position: absolute;
    bottom: 0.5rem;
    width: 4vw;
    left: 60%;
    border: 1px solid lightgrey;
    z-index: 4;
    transition-duration: 0.25s;
    border-radius: 0px;
    outline: 1px solid rgb(38, 38, 38)!important;
    }

.nav-itemer:hover{
    cursor: pointer;
}


    #productsinfoinput_select{
        margin-bottom: 2%;
    }

    .selectproductview{
        width: 15%;
        padding: 0.5vw;
        margin-left: 2%;
        font-size: 1vw;
        border-radius: unset;
        border: 1px solid grey;
        font-weight: 500;
        background-color: unset;
        color: white;
        outline: unset!important;

    }

    .selectproductview:focus{
        background-color: #ff1f5f;
        transition-duration: 0.25s;
        border: 1px solid #ff1f5f;
    }

    .selectproductview:hover{
      
        cursor: pointer;
        background-color: #ff1f5f;
        transition-duration: 0.25s;
        border: 1px solid #ff1f5f;
    }



.nav-itemer:hover > .smicons{
    filter: invert(21%) sepia(99%) saturate(3391%) hue-rotate(352deg) brightness(76%) contrast(88%);
        transition-duration: 0.25s;

}


.nav-item:hover{
    cursor: pointer;
}

.itemprice{
    float: right;
    color: #ff1f5f;
    font-size: 1.5vw;
    font-weight: 600;
    text-transform: unset;
    font-family: open-sans, sans-serif;
}

.navbar-nav{
    width: 79%;
    font-family: open-sans, sans-serif;
    font-weight: 700;
    font-style: normal;
}

.productsbrandname{
    font-size: 1vw;
    font-weight: 500;

 
}

.productsbrandname:hover{
    cursor: pointer;
    transition-duration: 0.25s;
    text-decoration: underline;
    
 
}

.smiconssidebar{
    width: 7vw;
    margin: auto;
    display: block;
    height: 5.5vw;
    object-fit: cover;
    box-shadow: 0 0 8px 8px white inset;
}

#brandimage{
    width: 18vw;
    margin: auto;
    display: block!important;
    margin-top: 1%;
    margin-bottom: 0%;

}
.navbar-brand{
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    margin-right: 1vw;
    font-size: 1vw;
    text-decoration: none;
    white-space: nowrap;
    display: block;
    position: relative;
    z-index: 1000;
        background-color: white;
}
.navbar-light .navbar-toggler {

box-shadow: none!important;

}

.accordion-button:not(.collapsed)::after {

background-image: unset!important;

}



.productscancel {
    display: inline-block;
    border: unset;
    background-color: unset;
    font-size: 1.5vw;
    font-weight: 500;
    color: black;
    transform: rotate( -45deg);
    position: absolute;
    right: 2%;
}

.productscancel:hover {
    color: #ff1f5f;
    transition-duration: 0.25s;
}

.accordion-button::after{

    background-image: unset!important;
    background-color: unset;
    
}

.accordion-button:hover{
    box-shadow: 0 5px 0 white!important;
    transition: unset!important;
    transition-duration: 0.25s!important;
    
}

.accordion-button:focus {
    box-shadow: 0 5px  white!important;
}

.nav-link{
    padding-top: 0.5vw!important;
    padding-bottom: 0.5vw!important;
    transition-duration: 0.5s;
    color: black;
    

}

#navbarDropdownMenuLink{
    color: white
}

.nocolor{
    color: rgb(38, 38, 38)
}


.nav-linkk{
    width: 100%;
    height: 100%;
    display: flex;
    padding: 1vw 0.5vw;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    flex-direction: column;
    justify-content: center;
    color: black;
}


.seperatelinkmenu{
    height: unset;
    width: unset;
    padding: 0.25vw 2vw;
}

.lefttagbrand{
    position: absolute;
    top: 0;
    left: 0;
    border-top: unset;
    padding: 0.2vw 0.5vw;
    padding-left: 0.5vw;
    font-size: 1vw;
    background-color: whitesmoke;
    margin-top: 0.5rem;
    color: black;
    margin-left: 0.5rem;
}

.nav-itemm:hover{
cursor: pointer;

}


    .nav-itemm {
        position: relative;
        text-align: center;
        display: inline-flex;
        border: 1px solid lightgrey;
        font-size: 1vw;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
        margin-right: unset;
        margin-bottom: unset;
        flex-direction: row;
        justify-content: space-around;
        border: 2px solid whitesmoke;
        align-items: center;
        width: 25%;
        margin-right: unset;
        border-top: unset;
        height: 45%;
        margin-bottom: unset;
        border-right: unset;
        border-bottom: unset;
    }

    .hoverbutton{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgb(38, 38, 38);
        opacity: 0.0;
        z-index: 1;
        transition-duration: 0.25s;
    
    }

    .hoverbutton5{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 5;
        transition-duration: 0.25s;
    
    }

    .hoverbutton:hover{
      
       
        transition-duration: 0.25s;
    }
  

.subnav-link{
    display: block;
    padding: 1vw 1vw;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    background-color: white;
    display: inline-block;
    border-bottom: unset;
    font-size: 1vw;
    font-weight: 500;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    text-align: center;
    margin-right: 5%;
    margin-left: 5%;
    margin-top: 0.75vw;
}

.bottomdroporders{
    border-top: 1px solid lightgrey;

    margin-top: 1%;

}

.adminedit , .admincancel , .adminsave , .admindelete {
width: 12%;
font-size: 1vw;
font-weight: 500;
}

.adminedit {
    margin-bottom: 1%;
    padding: 0.5%;
    text-align: center;
    background-color: white;
    margin-left: 2%;
    border: 2px solid rgb(255, 31, 95);
    margin-top: 1%;
    color: rgb(255, 31, 95);
    font-weight: 600;
    
}
.adminpromo {
    margin-bottom: 1%;
    padding: 0.5%;
    text-align: center;
    background-color: unset;
    border: 2px solid rgb(255, 31, 95);
    color: rgb(255, 31, 95);
    font-weight: 600;
    font-size: 1vw;
    margin-top: 1%;
    width: fit-content;
    padding-left: 2%;
    padding-right: 2%;
    
}
.adminedit:hover{
   background-color: rgb(255, 31, 95);
   color: white;
   transition-duration: 0.25s;
  
}

.adminpromo:hover{
    background-color: rgb(255, 31, 95);
    color: white;
    transition-duration: 0.25s;

 }

.adminprint {
    margin-bottom: 2%;
    padding: 0rem;
    /* color: rgb(255, 31, 95)!important; */
    margin-top: 2%;
    /* display: inline-block; */
    width: 10%;
    font-size: 1vw;
    font-weight: 500;
    line-height: 2;
    font-size: 1vw;
    padding: 3%;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    width: 16vw;
}

    


.adminprint:hover{

   transition-duration: 0.25s;
    text-decoration: underline;
   cursor: pointer;
}

.admineditnow{

    padding: 0.9%;
    text-align: center;
    color: rgb(255, 31, 95);
    padding-left: 2rem;
    padding-right: 2rem;
    background-color: unset;
    border: 2px solid rgb(255, 31, 95);
    font-size: 1vw;
    font-weight: 500;
}

.admineditnow:hover{
   background-color: rgb(255, 31, 95);
   color: white;
   transition-duration: 0.25s;
   border: 1px solid rgb(255, 31, 95);
   
   
   
}

.admineditnow:disabled,
.admineditnow[disabled]{
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
}

.admindelete:hover{
    background-color: rgb(255, 31, 95);
    color: white;
    transition-duration: 0.25s;

 }

 .admindeleteorder:hover{
    background-color: white;
    color: white;
    transition-duration: 0.25s;
    border: 1px solid white;
 }
 .adminreorder:hover{
    background-color: white;
    color: white;
    transition-duration: 0.25s;
    border: 1px solid white;
 }
 #searchidproductuser1{
    display: block;
    font-size: 1vw;
    padding: 0.5%;
    width: 74%;
    border-radius: unset;
    border: 1px solid lightgrey;
    margin-left: 10%;
    padding: 2%;
    font-weight: 500;
    width: 22%!important;
    padding: 0.5%!important;
    margin-left: unset!important;
    display: inline-block!important;

 }

 #searchidproductuser2{
    display: block;
    font-size: 1vw;
    padding: 0.5%;
    width: 74%;
    border-radius: unset;
    border: 1px solid lightgrey;
    margin-left: 10%;
    padding: 2%;
    font-weight: 500;
    width: 40%!important;
    padding: 0.5%!important;
    margin-left: unset!important;
    display: inline-block!important;
    min-height: 40px!important;
    float: right!important;
    max-height: 245px!important;
    

 }

 #ordertitlecart{
    width: 15%;
    padding-right: unset;
    display: inline-block;
 }

 #ordertitlecart2{
    width: 13%;
    padding-right: unset;
    margin-left: 8%;
    display: inline-block;
 }

 #searchid, #searchuserid,.productsinfoinput_brand, .productsinfoinput_imgurl, .productsinfoinput_imgurl_brand , .productsinfoinput_imgurl_new, #searchuserpoid,  #searchorderid, #searchconorderid, #searchcomorderid, #searchfailorderid, .potreasoninput, .delInput{

    padding: 0.5rem;
    border: 1px solid lightgray;
    transition-duration: 0.25s;
    font-weight: 500;
}

#searchidproductuser{
    display: block;
    font-size: 1vw;
    padding: 0.5%;
    width: 17vw;
    border-radius: unset;
    border: 1px solid lightgrey;
    padding: 0.5vw;
    border-top-left-radius: 0px;
    font-weight: 500;
    border-bottom-left-radius: 0px;
}

#searchidproductprefill{
    display: block;
    font-size: 1vw;
    padding: 0.5%;
    width: 100%;
    border-radius: unset;
    border: 1px solid lightgrey;
    margin-left: auto;
    padding: 3%;
}



* {box-sizing: border-box;}

.img-magnifier-container {
  position: relative;
}

.img-magnifier-glass {
  position: absolute;
  border: 3px solid #000;
  border-radius: 50%;
  cursor: none;
  /*Set the size of the magnifier glass:*/
  width: 100px;
  height: 100px;
}

#searchbuttonproducts{
    width: 3vw;
    border: 1px solid lightgrey;
    border-left: unset;
    background-color: unset;
    border-top-right-radius: 0px;

}

#searchbuttonproducts:hover {

    background-color: rgb(255, 31, 95);
    transition-duration: 0.25s;
    border-color: rgb(255, 31, 95);
}

#searchbuttonproducts:hover > .psearchicon{
    filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(
            108deg) brightness(97%) contrast(10);
            transition-duration: 0.25s;
}


.nav-link:hover > #smicons3{

    filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(
        108deg) brightness(97%) contrast(10);
        transition-duration: 0.25s;

}
#smicons10{

    width: 1.25vw;
    margin-left: 5%;
    filter: invert(34%) sepia(7%) saturate(299%) hue-rotate(233deg) brightness(91%) contrast(86%);

}
#smicons11{

filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(
    108deg) brightness(97%) contrast(10);
    transition-duration: 0.25s;
}



#productsearchuser{

    padding-bottom: unset;
    width: auto;
    margin-right: unset;
    display: flex;
    position: relative;
    justify-content: flex-end;
    margin-left: 8.5vw;
    display: none;
}



#searchidproductuser:focus, #searchuserorders:focus, #searchidproductuser2:focus, #searchidproductuser1:focus{
    outline: none!important;
    border: 1px solid rgb(255, 31, 95);
    transition-duration: 0.25s;
    background-color: whitesmoke;
}

#searchidproductprefill:focus{
    outline: none!important;
    border: 1px solid rgb(255, 31, 95);
    transition-duration: 0.25s;
    
}

#searchuserorders{
    padding: 0.25rem;
    border: 1px solid lightgray;
    transition-duration: 0.25s;
    height: fit-content;
    font-size: 1.25vw;
    margin-right: 2%;
    margin-top: 2%;
    margin-bottom: 2%;
    width: 24%;

}

.delInput{
    width: 70%;
    padding: 0.5rem;
    border: 1px solid lightgray;
    transition-duration: 0.25s;
    font-weight: 500;
    font-size: 1vw;
    margin-top: 1vw;
    margin-right: unset!important;
    display: inline-block;
    max-height: 4vw;
}

.potreasoninput{
    font-size: 1vw;
    margin-left: 5%;
    height: fit-content;
    display: inline-block;
    width: 60%;
}

#productprefill{
    position: relative;
    
}

.productsinfoinput,.productsinfoinput_brand, .productsinfoinput_imgurl,.productsinfoinput_imgurl_brand, .productsinfoinput_imgurl_new{
    padding: 0.25rem;
}

#searchid:focus, #searchuserid:focus, .productsinfoinput:focus,.productsinfoinput_brand:focus,.productsinfoinput_imgurl:focus,.productsinfoinput_imgurl_brand:focus, .productsinfoinput_imgurl_new:focus, #searchuserpoid:focus, #searchorderid:focus, #searchconorderid:focus, #searchcomorderid:focus, #searchfailorderid:focus, .potreasoninput:focus{
    outline: none!important;
    border: 1px solid rgb(255, 31, 95);
    transition-duration: 0.25s;
    background-color: white;


   

}



.productsinfoinput_imgurl,.productsinfoinput_brand,.productsinfoinput_imgurl_brand, .productsinfoinput_imgurl_new{
    margin-bottom: 3%;
    width: 80%;
    display: inline-block;
    font-weight: 500;
}

.productsinfoinput:focus,.productsinfoinput_brand:focus, .productsinfoinput_imgurl:focus,.productsinfoinput_imgurl_brand:focus, .productsinfoinput_imgurl_new:focus{
    padding: 0.35rem;
}



.delInput:focus{
   
    outline: none!important;
    border: 1px solid rgb(255, 31, 95);
    transition-duration: 0.25s;
    background-color: whitesmoke;
  
    padding: 0.7rem;

}

#regtitlerow{
    width: 100%;
    padding: 0%;
    padding-bottom: 1vw;
    /* padding-top: 1vw; */
    font-size: 1vw;
    font-weight: 500;
    display: flex;
    background-position: bottom;
    color: white;
    background-color: rgb(38, 38, 38);
    position: relative;
    align-items: center;
    margin: auto;
   

}

.form-controler{
    width: 60%;
    padding: 0.5rem;
    border: 1px solid lightgray;
    transition-duration: 0.25s;
    display: inline-block;
    padding: 0.5vw;
    margin-bottom: 1vw;
    font-size: 1vw;
    font-weight: 500;
}

.form-controler:focus{

    outline: none!important;
    border: 1px solid red;
    transition-duration: 0.25s;
    background-color: white;
    border-radius: 0px;

}

.form{
    margin-bottom: 0%;
    padding: 2vw;
    padding-top: 0%;
    padding-bottom: 1vw;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.form-controler-companyinfo{
    width: 100%;
    padding: 0.5rem;
    border: 1px solid lightgray;
    transition-duration: 0.25s;
    display: inline-block;
    font-size: 1vw;
}

.form-controler-companyinfo:focus{

    outline: none!important;
    border: 1px solid rgb(255, 31, 95);
    transition-duration: 0.25s;
    background-color: whites;
    border-radius: 0px;
    padding: 0.7rem;
}

.form-controler-companyinfo-check{
    width: 0.9vw;
    padding: 5.5rem;
    border: 1px solid lightgray;
    transition-duration: 0.25s;
    display: inline-block;
    height: 1vw;
}

.proceedmessage{
    padding-top: 2%;
    padding-bottom: 2%;
}





/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  
  -webkit-text-fill-color: unset!important;
  background-color: unset!important;
  box-shadow: 0 0 0px 1000px #000 inset;
  -webkit-box-shadow: 0 0 0px 1000px white inset;

}

.adminsave{
    margin-bottom: 2%;
    padding: 0.5%;
    text-align: center;
    background-color: white;
    margin-left: 1%;
    border: 2px solid rgb(255, 31, 95);
    margin-top: 2%;
    color: rgb(255, 31, 95);
    font-weight: 600;

}

.adminsavenew{
    margin-bottom: 2%;
    padding: 0.5%;
    text-align: center;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    margin-right: 1%;
    background-color: unset;
    margin-left: auto;
    border: 2px solid rgb(255, 31, 95);
    color: rgb(255, 31, 95);
    margin-top: 1vw;
    font-size: 1vw;
    margin-left: 2%;
    width: 13%;
    font-weight: 600;


}

.adminsave:hover, .adminsavenew:hover{
   background-color: rgb(255, 31, 95);
   color: white;
   transition-duration: 0.25s;
}

.admincancel{
    margin-bottom: 1%;
    padding: 0.5%;
    text-align: center;
    background-color: white;
    margin-left: 2%;
    border: 2px solid rgb(255, 31, 95);
    margin-top: 1%;
    color: rgb(255, 31, 95);
    font-weight: 600;
  
}

.admincancel:hover{
   background-color: rgb(255, 31, 95);
   color: white;
   transition-duration: 0.25s;
}

.admindelete {
    margin-bottom: 1%;
    padding: 0.5%;
    text-align: center;
    background-color: white;
    margin-left: 1%;
    border: 2px solid rgb(255, 31, 95);
    margin-top: 1%;
    color: rgb(255, 31, 95);
    font-weight: 600;
}



.admindelete :hover{
   background-color: white;
   color: white;
   transition-duration: 0.25s;

   border: 2px solid rgb(255, 31, 95);
}

.admindeleteorder {

    padding: 0.5%;
    text-align: center;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    border: 2px solid rgb(255, 31, 95);
    font-size: 1vw;
    font-weight: 600;
    width: 11%;
    margin: 1%;
    margin-left: 1%;
    background-color: unset;
    color: rgb(255, 31, 95);
}

.admindeleteorder:hover{
   background-color: rgb(255, 31, 95);
   color: white;
   transition-duration: 0.25s;
   border: 2px solid rgb(255, 31, 95);
}

.p23{
    font-size: 1vw;
    font-weight: 500;padding-right: 2%;
}
.adminreorder {

    padding: 0.5%;
    text-align: center;
    color: rgb(255, 31, 95);
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    background-color: unset;
    border: 2px solid rgb(255, 31, 95);
    font-size: 1vw;
    font-weight: 600;
    margin: 1%;
    margin-left: 1%;
    width: fit-content;
    margin-right: 2%;
    background-color: unset;
}

.adminreorder:hover{
   background-color: rgb(255, 31, 95);
   color: white;
   transition-duration: 0.25s;
   border: 2px solid rgb(255, 31, 95);
}



.adminreorder2 {
    padding: 0.5%;
    text-align: center;
    color: rgb(255, 31, 95);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    background-color: unset;
    border: 2px solid rgb(255, 31, 95);
    font-size: 1vw;
    font-weight: 600;
    width: 11%;
    margin: 1%;
    margin-left: 1rem;
    margin-right: 0rem;
    background-color: unset;
}

.adminreorder2:hover{
   background-color: rgb(255, 31, 95);
   color: white;
   transition-duration: 0.25s;
}



.dropdown-itemmm{
    width: 100%;
    text-align: left;
    display: inline-block;
    margin: unset;
    color: white;
    background-color: unset;
    font-size: 1vw;

    padding: 0.5vw 0.5vw;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    text-decoration: none;
    font-weight: 600;

}

.viewaccounttitles{
    font-weight: 500;
    padding-top: 0%;
    padding-bottom: 0%;
    margin-bottom: unset;
    font-size: 1.25vw;
}

.tradereferncetitle{
    width: 100%;
    font-size: 1.25vw;
    display: inline-block;
    margin-bottom: 2%;
    margin-top: 2%;
    padding-bottom: 0;
    font-weight: 500;
    border-bottom: 1px solid lightgrey;
}

.viewaccounttitles:hover{
  cursor: pointer;
}

.titledropdown{
    
    width: -webkit-fill-available;
    padding-right: 2%;
    padding-left: 2%;
    padding-top: 1vw;
    border-bottom: 1px solid lightgrey;
    padding-bottom: 1vw;
    background-color: whitesmoke;
    transition-duration: 0.15s;
    box-shadow: unset!important;
    position: relative;
    margin: 0%;
    margin-top: unset;
    margin-bottom: unset;
}

.titledropdown:before{
    content: "◢";
    position: absolute;
    right: 2rem;
    top: 2vh;
    transform: rotate(45deg);
    transition-duration: 0.25s;
    font-size: 1.5vh!important;
}

.titledropdown.special:before{
    content: "◢";
    position: absolute;
    right: 2rem;
    top: 2vh;
    transform: rotate(225deg);
    transition-duration: 0.25s;
    font-size: 1.5vh!important;
}


#searchid{
 
    padding: 0.5%;
    padding-left: 1%;
    padding-right: 1%;
    font-size: 1vw;
    margin: 2% 2%;
    margin-left: unset;
    margin-bottom: unset;
    margin-right: 1%;
    width: 23%;
}

#searchid:focus{
    border: 1px solid rgb(255, 31, 95);
    box-shadow: unset!important;
    background-color: white;
}

#searchuserpoid{
    padding: 0.5%;
    padding-left: 1%;
    padding-right: 1%;
    font-size: 1vw;
    margin: 2% 2%;
    margin-bottom: unset;
}

#searchuserpoid:focus{
    border: 1px solid rgb(255, 31, 95);
    box-shadow: unset!important;
    background-color: white;
}

#searchuserid{
    padding: 0.5%;
    padding-left: 1%;
    padding-right: 1%;
    font-size: 1vw;
    margin: 2% 2%;
    margin-bottom: unset;
}

#searchorderid{
    padding: 0.5%;
    padding-left: 1%;
    padding-right: 1%;
    font-size: 1vw;
    margin: 2% 2%;
    margin-bottom: unset;
}
.ordertopright{
    width: 40%;
    display: inline-block;
}

.deldropdown{
    margin-top: 2%;
    margin-bottom: 2%;
    padding-bottom: 2%;
}

.billdropdown{
    margin-top: 2%;
    margin-bottom: 2%;
    padding-bottom: 2%;
}

.tr1{
    margin-top: 2%;
    margin-bottom: 2%;
    padding-bottom: 2%;
}

.tr2{
    margin-top: 2%;
    margin-bottom: 2%;
    padding-bottom: 2%;
}
.basicdropdown{
    margin-top: 2%;
    margin-bottom: 2%;
    padding-bottom: 2%;
}
#searchconorderid{
    padding: 0.5%;
    padding-left: 1%;
    padding-right: 1%;
    font-size: 1vw;
    margin: 2% 2%;
    margin-bottom: unset;
}

#searchcomorderid{
    padding: 0.5%;
    padding-left: 1%;
    padding-right: 1%;
    font-size: 1vw;
    margin: 2% 2%;
    margin-bottom: unset;
}

#searchfailorderid{
    padding: 0.5%;
    padding-left: 1%;
    padding-right: 1%;
    font-size: 1vw;
    margin: 2% 2%;
    margin-bottom: unset;
}

.ordermessage{
    height: 23vh;
    margin-top: 15%!important;
    text-align: center;
    font-weight: 500;
   
}
#ordermessage2{
    height: 23vh;
    margin-top: 15%!important;
    text-align: center;
    font-weight: 500;

    font-size: 1vw;
    
}
#loginrow {
    width: 100%;
    margin: auto;
}

.delInputlabel {
    display: inline-block;
    margin-left: 0;
    font-size: 1vw;
    margin-right: unset;
    width: 30%;
}




#loginimage {
    width: 100%;
}

#imagerightlogin {
    padding: 2%;
    display: inline-flex;
    overflow: hidden;
    flex-direction: column;
    justify-content: center;
    /* border-left: 1px solid lightgrey; */
    background-color: white;
    padding-left: unset;
   
}
.loginbreiftext{
    padding: 2%!important;
    font-size: 1vw;
    padding-top: 2%!important;
    padding-bottom: 2%!important;
    display: flex;
    flex-direction: column;
    background-color: whitesmoke;
    margin-bottom: 1vw;
    margin-left: unset;
    width: 100%!important;
    text-transform: none;
    transition-duration: 0.25s;
}

#loginmessagetitle{
    font-size: 1.25vw;
    margin-bottom: 1vw;
    font-weight: 600;
    color: rgb(255, 31, 95);
}

#loginmessagepassreg{
    font-size: 1vw;
}

#logintext1{
    display: none;
}
#searchproductid:focus{
    border: 1px solid white;
    box-shadow: unset!important;
}

.productsadmintable{

        

  
}

.dropdown-item:hover{
    background-color: cornflowerblue!important;
}

#ordersectionright{
    padding: unset;
    position: relative;
    min-height: 35vw;
}

#pagenumbers{
    padding: 1vw;
    background-color: rgb(38, 38, 38);
    width: auto!important;

 
}

.bgimgorders{
    position: absolute;
    width: 100%;
    /* background-image: url(/css/warehouse-1.jpg); */
    z-index: 0;
    opacity: 70%;
    background-position: revert;
    background-repeat: no-repeat;
    background-size: cover;
    /* height: 13vw; */
}

.bgimgorderscolor{
    position: absolute;
    width: 100%;
    /* height: 13vw; */
    z-index: 1;
    opacity: 65%;
    background-position: unset;
    background-color: #262626!important
}

.centrepageno{
    display: inline-block;
    width: 100%;
}

.pgeno{
    display: inline-flex;
    background-color: unset;

    width: 2.7vw;
    text-align: center;
    height: 2.7vw;
    line-height: 2;
    font-size: 1vw;
    font-weight: 600;
    align-content: flex-start;
    align-items: center;
    justify-content: center;
    color: white;
}
.pgenobrand{
    display: inline-block;
    background-color: unset;
    color: white;
    width: 2.7rem;
    text-align: center;
    height: 2rem;
    line-height: 2;
}

#rowidorderstitle{
  margin: auto;
  width: 100%;
  padding-right: 2%;
}

#rowiduserstitle{

  }


.loadless{
    display: inline-block;
    width: 14%;
    height: 2rem;
    text-align: center;
}

.loadmore{
    display: inline-block;
    /* margin: 5%; */
    width: 14%;
    height: 2rem;
    text-align: center;
}

.pgeno:hover{
    cursor: pointer;
    box-shadow: 300px 0 0 0px black inset;
    color: white;
    transition-duration: 0.25s;
}
.pgenobrand:hover{
    cursor: pointer;
    box-shadow: 300px 0 0 0px black inset;
    color: white;
    transition-duration: 0.25s;
}

.bclass{
    font-weight: 600!important;
    font-style: italic;
    display: block;
    color: #ff1f5f;
    font-size: 1.1rem;
    margin-top: 1rem;
    margin-bottom: 0!important;

}

.ordermessageuser{
    width: 100%;
    padding: 2%;
    padding-top: 0%;
    padding-bottom: 2%;
    font-size: 1vw;
    font-weight: 500;
    display: none;
}

.currentpage{
    width: fit-content;

    margin: auto;

}

#toptitleorders{
    font-size: 1.5vw;
    font-weight: 600;
    margin-bottom: 0%;
    padding: 0.25%;
    padding-left: 0.75rem;
    color: black;
    border-left: 6px solid rgb(255, 31, 95);
    text-transform: unset;
    display: inline-block;
    width: 65%;
    margin: 2% 2%;

}

#toptitleordersad{
    font-size: 1.5vw;
    font-weight: 600;
    margin-bottom: 0%;
    padding: 0.25%;
    padding-left: 0.75rem;
    color: black;
    border-left: 6px solid rgb(255, 31, 95);
    text-transform: unset;
    display: inline-block;
    width: 65%;
    margin: 0% 4%;
    margin-bottom: 0%;
}

#toptitleorders5{
    font-size: 1.5vw;
    font-weight: 600;
    margin-bottom: 0%;
    padding: 0.25%;
    padding-left: 0.5rem;
    color: black;
    border-left: 6px solid rgb(255, 31, 95);
    text-transform: unset;
    display: inline-block;
    width: -webkit-fill-available;
  
    margin: 2% 2%;

}

#toptitleordersadmin{
    font-size: 1.5vw;
    font-weight: 600;
    margin-bottom: 0%;
    padding-left: 0%;
    color: rgb(255, 31, 95);
    text-transform: unset;
    display: flex;
    margin: 2% 2%;
    width: auto;
    margin-right: unset;
    width: 35%;
    align-items: center;
}

#toptitleorder{
    font-size: 1.5vw;
    font-weight: 600;
    margin-top: 1%;
    margin-bottom: 2%;
    width: 100%;
    display: block;
    padding-top: unset;
    margin-left: 2%;
    border-left: 6px solid #ff1f5f;
    text-transform: unset;
}

#orderbrieftextvat, #orderbrieftextincl, #orderbrieftextexcl, #orderbrieftext, #orderbrieftextlines{
    font-size: 1vw;
    padding: 2%;
    padding-right: unset;
    padding-left: 3%;
    border-left: 1px solid lightgrey;
    text-align: end;
    font-weight: 500;
}

#orderbrieftextlabel{
    font-size: 1vw;
    text-align: -webkit-match-parent;
    padding: 2%;
    padding-right: unset;
    padding-left: unset;
    font-weight: 500;

    
}

#cart3{
    transition-duration: 0.25s;
    background-color: whitesmoke;
    border: 2px solid rgb(255, 31, 95);
    padding: 0.35rem 0.75rem;
    text-transform: unset;
    font-size: 1vw;
    color: rgb(255, 31, 95);
    font-weight: 600;
}

#cartbottominnerrow{
    width: 100%;
    margin: auto;
}

#toptitleorder1{
    font-size: 1.25vw;
    font-weight: 600;
    margin-top: 4%;
    margin-bottom: 4%;
    padding-left: unset;
    text-transform: unset;

}

#toptitleorder2{
    font-size: 1.25vw;
    font-weight: 600;
    margin-top: 4%;
    margin-bottom: 4%;
    padding-left: unset;
    text-transform: unset;


}

#toptitledesc{
    padding-left: 2%;
    line-height: 2;
    font-size: 1vw;
    font-weight: 500;
    color: black;
    flex: unset;
    margin-top: 1%;
    width: -webkit-fill-available;
    background-color: whitesmoke;
    margin-bottom: 1%!important;
    display: none;
}

#toptitledesc4{
    padding-top: 0%;
    padding-bottom: 0%;
    padding-left: 0%;
    padding-right: 0%;
    line-height: 2;
    font-size: 1vw;
    font-weight: 500;
    color: black;
    margin: 2%;
    flex: unset;
    margin-top: -0.5%;
    width: -webkit-fill-available;
    background-color: whitesmoke;
    margin-bottom: 1%!important;
}

.userordertable{
    display: grid;
    z-index: 5;
    position: relative;
    background-color: white;
    align-items: start;
    margin: 2% 2%!important;
    border-bottom: 1px solid lightgrey;
}

.topimgtop{
    background-image: url(https://www.themarketingservices.co.uk/Images/stock/warehouse.webp);
    width: 100%;
    position: absolute;
    height: 16rem;
    opacity: 15%;
    z-index: 0;
    padding-left: unset!important;
    padding-right: unset!important;
    background-position: center;
}

#outertableid{
    background-color: white;
    width: -webkit-fill-available;
    z-index: 3;
    position: relative;
    display: inline-grid;
    width: -webkit-fill-available;
    margin: 2%!important;
    border: 1px solid lightgrey;
    padding: 2%;
    padding-bottom: unset;
    padding-top: unset;
}

#toptitledescr{
    padding-top: 1%;
    padding-bottom: 1%;
    padding-left: 2%;
    padding-right: 2%;
    line-height: 2;
    font-size: 1vw;
    width: 100%;
    margin: auto;
    margin-top: 1%;
    margin-bottom: 2%;
    font-weight: 500;

}
.ordersection{
  
    padding: 0%;

}


.adminsection{

}


.otherprice{
    margin-bottom: 0;
    display: block;
    line-height: 1.75;
    font-size: 1vw;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-transform: unset;
    font-family: open-sans, sans-serif;
 
}

.productimg{
    margin: auto!important;
    width: 100%;
    display: block;
    padding: 0%;
}




#cartdropdown{
    position: absolute;
    z-index: 99;
    width: 39%;
    background-color: whitesmoke;
    top: 5vw;
    right: 0;
    border: 1px solid lightgrey;
    box-shadow: 0px 13px 20px -15px;
    background-color: white;
    padding: 1vw;
    padding-top: unset;
    display: none;
}


#navbarbrands{
    text-align: center;
}

#otherprices{
    min-height: 11vw;
    padding: 0.5rem;
    padding-top: unset;
    padding-bottom: unset;
    padding-left: unset;
    padding-right: unset;

}

#dropdownlinks{
    color: white;

}

/* For Firefox */

input[type='number'] {
    -moz-appearance:textfield;
}

input[type='number']:hover {
    -moz-appearance:textfield;
}



/* Webkit browsers like Safari and Chrome */

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.bottemcellcontent{
    border: unset;
    padding-top: 1.5%!important;
    padding-bottom: 1.5%!important;
    padding-left: 1vw!important;
    padding-right: 1vw!important;
    font-size: 1vw;
    border: unset;
    color: white;
    font-weight: 500;
    display: inline-flex;
    width: -webkit-fill-available;
}

.bottemcellcontent1{
    border: unset;
    padding-top: 1.5%!important;
    padding-bottom: 1.5%!important;
    padding-left: 1vw!important;
    font-size: 1vw;
    border: unset;
    color: black;
    font-weight: 600;
    text-align: end;
    width: 28%;
    padding: unset!important;
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
}

.navitemorder{

    width: 100%;
    display: inline-flex;
    text-align: center;
    font-size: 1.25vw;
    padding: 1vw;
    height: unset!important;
    font-weight: 500;
    text-transform: unset;


}

.navitemorder:hover{
    transition-duration: 0.5s;
    cursor: pointer;
    
}

#ordernavitem{
    background-color: #262626;
    color: white;
    padding-top: 1%;
    padding-bottom: 1%;

}

.toprightinputorders{
    display: inline-block;
    width: 70%;
    margin-left: 1%;
    box-shadow: unset!important;
    background-color: unset!important;
    color: black!important;
}





.userordertd {
     line-height: 3;
}

.orderbottomEQ{
    border: 1px solid whitesmoke;
    font-size: 1vw;
    font-weight: 500;
    padding-left: 1vw;
}



.trhead{
    padding-bottom: 1%;
    padding-top: 1%;
    font-size: 1vw;
    width: 100%;
    line-height: 3;
    margin: 0%;
    text-align: center;
    font-weight: 500;
    color: white;
    margin-top: 2%;
    padding-left: 2%;
    padding-right: 2%;
}


.trhead1{
    padding-bottom: 1%;
    padding-top: 1%;
    font-size: 1vw;
    width: 100%;
    line-height: 3;
    margin: 0%;
    /* text-align: center; */
    font-weight: 600;
    color: rgb(255, 31, 95);
    margin-top: 2%;
    padding-left: 2%;
    padding-right: 2%;
}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
   .modal1 {

    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: url(loadinggifblock1.gif) 50% 50% no-repeat;
    background-size: 5rem!important;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading .modal {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}

.pendingordersmiddlecontent { 
    padding: 3%;
    padding-bottom: 1%;
    padding-top: 1%;
    display: block;
    width: 100%;

    margin-top: 0.5%!important;
    padding-top: 0.5%!important;
    padding-bottom: 0.5%!important;
    border-top: 2px;
    display: inline-block; 
        padding: unset;
        padding-top: unset;
        padding-bottom: unset;


}





.orderstoprow{

    /* text-align: center; */
    color: white;
    font-weight: 500;
    font-size: 1vw;


}

.orderstbody{
    display: table;
    width: 100%;
    padding-bottom: 2%;
    margin: auto;
    margin-bottom: 0%;
   
}

.orderstbodyyy{
    width: 100%;
    display: block;
    padding-right: 2%;
    padding-left: 2%;
    margin-bottom: 1%;
    padding-top: unset;
    padding-bottom: unset;

}

.pendingordersmiddle{
    width: 100%;
    padding-right: 6%;
    padding-left: 6%;
    margin-bottom: 2%;
    padding-top: unset;
    padding-bottom: unset;
    font-size: 1vw;

}


.orderbottomcontent{
    background-color: unset;
    color: black;
    border: unset;
    border-top: unset;
    font-size: 1.25vw;
    width: 100%;
    display: inline-flex;
}

.orderbottomcontent2{

    color: black;
    border: unset;
    border-top: unset;
    font-size: 1.25vw;
    width: -webkit-fill-available;
    display: inline-flex;
    position: absolute;
    bottom: 0;
    left: 0;

    padding-right: 2.5vw;
    padding-left: 1vw;
    padding-bottom: 0.5vw;
    padding-top: 0.5vw;
}

#orderparentrow{

    padding: 0%;
}
#restrictedlines{
    display: inline-block;
    display: inline-block;
    margin-top: 0%;
    width: fit-content;
    font-size: 1vw;
    border: 2px solid rgb(255, 31, 95);
    padding: 0.5%;
    padding-left: 2%;
    padding-right: 2%;
    height: fit-content;
    color: rgb(255, 31, 95);
    font-weight: 600;
    background-color: whitesmoke;
    transition-duration: 0.25s;
    margin: 2% 1%;
    margin-left: unset;
    margin-bottom: unset;
}

#restrictedlines:hover { 
    background-color: rgb(255, 31, 95);
    color: white;
    transition-duration: 0.25s;
}


#addnewproduct{
    display: inline-block;
    display: inline-block;
    margin-top: 0%;
    width: fit-content;
    font-size: 1vw;
    border: 2px solid rgb(255, 31, 95);
    padding: 0.5%;
    padding-left: 2%;
    padding-right: 2%;
    height: fit-content;
    font-weight: 600;
    color: rgb(255, 31, 95);
    background-color: whitesmoke;
    transition-duration: 0.25s;
    margin: 2% 1%;
    margin-left: unset;
    margin-bottom: unset;
}

#addnewproduct:hover { 
    background-color: rgb(255, 31, 95);
    color: white;
    transition-duration: 0.25s;
}


#changestock{
    display: inline-block;
    display: inline-block;
    margin-top: 0%;
    width: fit-content;
    font-size: 1vw;
    border: 2px solid rgb(255, 31, 95);
    padding: 0.5%;
    padding-left: 2%;
    padding-right: 2%;
    height: fit-content;
    color: rgb(255, 31, 95);
    font-weight: 600;
    background-color: whitesmoke;
    transition-duration: 0.25s;
    margin-right: 2%;
    margin: 2% 2%;
    margin-bottom: unset;
    margin-left: unset;
}

#changestock:hover { 
    background-color: rgb(255, 31, 95);
   color: white;
   transition-duration: 0.25s;
}

.ordermiddlecells{
    border: 1px solid whitesmoke;
    border-bottom: unset;
    padding-top: 0.75%!important;
    padding-bottom: 0.75%!important;
    padding-left: 1vw;
    font-weight: 500;
    font-size: 1vw;
    border-left: unset;
}

.ordersbuttonremove{
    display: inline-block;
    width: auto;
    font-size: 1vw!important;
    border: unset;
    background-color: unset;
    color: #ff1f5f;
    line-height: unset;
    border-bottom: 2px solid #ff1f5f;
    padding: 0rem;
    padding-left: 0.25vw;
    padding-right: 0.25vw;
    margin-left: unset;
    border-radius: unset;
    margin-right: auto;
    position: unset;
    margin-bottom: 2%;
    margin-top: unset;
    margin-left: 0.5vw;
    font-weight: 600;
}

.ordersbuttonremove:hover{
    background-color:#ff1f5f;
    color: white;
    transition-duration: 0.25s;
}

.ordersbuttonremoveadmin{

    display: inline-block;
    margin-top: 1rem;
    border: unset;
    background-color: unset;
    font-size: 1.25vw;
    font-weight: 500;
    margin-left: 3%;
    color: black;
    transform: rotate( 
-45deg
);
}

.ordersbuttonremoveadmin:hover{
  
    color: white;
    transition-duration: 0.25s;
    cursor: pointer;
}


.tcprivacyholder{
    display: none;
}

.toporderscell{
    padding-top: 0.5rem!important;
    padding-bottom: 0.5rem!important;
    padding-left: 1vw!important;
    color: white;
    background-color: #262626!important;
    font-size: 1vw;
    font-weight: 500;

}
#totallogin{
    padding: unset;
    background-color: white;
}
.footerbuttons{
    width: 45%;
    display: inline-block;
    border-bottom: 2px solid whitesmoke;
    padding: 3%;
    font-size: 1vw;
    font-weight: 500;
    margin-bottom: 0;
    padding-top: 2%;
    padding-bottom: 2%;
    transition-duration: 0.25s;
    margin-left: 4%;
}

.footerbuttonslegal{
    width: 45%;
    display: inline-block;
    border-bottom: 2px solid whitesmoke;
    padding: 3%;
    font-size: 1vw;
    font-weight: 500;
    margin-bottom: 0;
    padding-top: 2%;
    padding-bottom: 2%;
    transition-duration: 0.25s;
    margin-left: 4%;
}

.footerbuttonsorder{
    width: 45%;
    display: inline-block;
    border-bottom: 2px solid whitesmoke;
    padding: 3%;
    font-size: 1vw;
    font-weight: 500;
    margin-bottom: 0;
    padding-top: 2%;
    padding-bottom: 2%;
    transition-duration: 0.25s;
    margin-left: 4%;
}
.footertitle{
    width: fit-content;
    padding: 4%;
    font-size: 1.5vw;
    margin-left: 1%;
    padding-top: 0%;
    padding-bottom: 0%;
    font-weight: 500;
    margin-bottom: 6%;
    border-left: 4px solid rgb(255, 31, 95);
    margin-top: 6%;
    font-weight: 600;
    text-transform: unset;
    font-family: open-sans, sans-serif;
    line-height: 1;
}

.footertitle2{
    width: 29%;
    padding: 10%;
    color: white;
    font-size: 1vw;
    margin-left: calc(var(--bs-gutter-x)/ -2);
    padding-top: 2%;
    padding-bottom: 2%;
    font-weight: 500;
    margin-top: 1%;
    margin-bottom: 1%;
}

.footerbuttons:hover{
    background-color: #262626;
    color: white;
    border-color: #262626;
    cursor: pointer;
}
.footerbuttonslegal:hover{
    background-color: #262626;
    color: white;
    border-color: #262626;
    cursor: pointer;
}
#locatfooter{
    width: 15%;
    padding: unset!important;
    display: flex;
    align-items: center;
    position: relative;
}

.footerbuttonsorder:hover{
    background-color: #262626;
    color: white;
    border-color: black;
}

.regbuttonlogin{
    background-color: rgb(38, 38, 38);
    display: inline-block;
    font-weight: 500;
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
    font-size: 1vw;
    font-weight: 600;
    width: 14vw;
    color: white;
    text-align: center;
    margin-bottom: unset;
    float: right;
    margin-right: calc(var(--bs-gutter-x)/ -2);
    border: 2px solid lightgrey;
    transition-duration: 0.25s;
    text-transform: unset;
    border-radius: 0px;
}

.loginhref{
    font-size: 1vw;
    color: #1877f2;
    font-weight: 500;
    display: inline-block;
    margin-right: 1vw;
    float: right;
    margin-bottom: 0.5vw!important;



}

.loginhref:hover{
    text-decoration: underline;
    cursor: pointer;
}


#loginform{
    margin-bottom: 0%;
    padding: 2vw;
    padding-top: 2vw;
    padding-bottom: 0vw;
}
#regbutton1login{
    margin-left: 2vw;
}
.regbuttonlogin:hover{
   background-color: #ff1f5f;
   color: white;
}
#bottomorderconfirm{
    width: 100%;
    margin: auto;
    padding: 0%;
    padding-bottom: 2%;
    padding-top: 0%;
    margin-top: 0%;
    /* border-top: 1px solid lightgrey; */
    background-color: white;


}

.ordertitle{
    line-height: 2;
    font-size: 1vw;
    padding-right: 5%;
    width: 10vw;
    padding: 2%;
    padding-right: unset;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-weight: 500;

   
}
.ordertitle15, .ordertitle15pending, .ordertitle15approved, .ordertitle15complete{
    line-height: 2;
    font-size: 1vw;
    padding-right: 5%;
    width: 15vw;
    padding: 2%;
    padding-right: unset;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-weight: 500;


   
}

.ordertitleGo{
    line-height: 2;
    font-size: 1vw;
    padding-right: 5%;
    width: 15vw;
    padding: 2%;
    padding-right: unset;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-weight: 500;
  


   
}

.ordertitleGopending{
    line-height: 2;
    font-size: 1vw;
    padding-right: 5%;
    width: 15vw;
    padding: 2%;
    padding-right: unset;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-weight: 500;
   


   
}

.ordertitleGoapproved{
    line-height: 2;
    font-size: 1vw;
    padding-right: 5%;
    width: 15vw;
    padding: 2%;
    padding-right: unset;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-weight: 500;

   
}

.ordertitleGocomplete{
    line-height: 2;
    font-size: 1vw;
    padding-right: 5%;
    width: 15vw;
    padding: 2%;
    padding-right: unset;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-weight: 500;

   
}

.ordertitletty{
    line-height: 2;
    font-size: 1vw;
    padding-right: 5%;
    width: 15vw;
    padding: 2%;
    padding-right: unset;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-weight: 500;

   
}

#modaltextauth2{
    font-size: 1vw;
    text-align: center;
}

.ordertitle4{
    font-size: 1vw;
    overflow: hidden;
    width: 18vw;
    padding: 3.75%;
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
    max-height: 4rem;
    padding-right: 2%;
    overflow-y: auto;
    display: block;
    font-weight: 500;
    justify-content: stretch;
    margin-top: 0.5vw;
    margin-bottom: 0.5vw;
    /* border: 1px solid #262626; */
    background-color: whitesmoke;
    margin-left: 1vw;
}






  

.ordersdropdowntitle{
    padding: 2%;
    padding-top: 1vw;
    padding-bottom: 1vw;
    margin-bottom: unset;
    transition-duration: 0.15s;
    font-size: 1.25vw;
    font-weight: 500;
    position: relative;
}


.bdtitledesc{
    margin: 2%;
    margin-top: 1vw;
    margin-bottom: 1vw;
}

.bdtitle{
    margin-top: 0%;
    margin-bottom: 1%;
    margin-bottom: unset;
    padding: 2%;
    padding-top: 1vw;
    padding-bottom: 1vw;
    transition-duration: 0.15s;
    font-size: 1.25vw;
    font-weight: 500;
    position: relative;
    border-bottom: 1px solid lightgrey;
  
}

.bdtitle:hover{
    cursor: pointer;
}

.productgroupsouter{
    display: block;
    /* padding-bottom: 2%; */
    margin: 2%;
    border: 1px solid lightgrey;

}

.bdtitle2{
    margin-top: 0%;
    margin-bottom: 1%;
    margin-bottom: unset;
    padding: 2%;
    padding-top: 1vw;
    padding-bottom: 1vw;
    transition-duration: 0.15s;
    font-size: 1vw;
    font-weight: 500;
    position: relative;
    border: 1px solid lightgrey;
    border-right: unset;
    border-left: unset;
    border-bottom: unset;
    background-color: whitesmoke;
}

.bdtitle2:hover{
    cursor: pointer;
}

.ordersdropdowntitle1{
    padding: 2%;
    padding-top: 1%;
    padding-bottom: 1%;
    margin-bottom: unset;
    transition-duration: 0.15s;
    font-size: 1.25vw;
    font-weight: 500;
    position: relative;
}


.topadmintable2{
    border-bottom: 0px solid lightgrey!important;
    position: relative;
    border-right: 1px solid lightgrey;
    background-color: white;
    margin-bottom: unset;
    margin: 0%;
    border: unset;
    margin-bottom: unset;
    margin-top: unset;
}

.topadmintable4{
    border: 1px solid lightgrey;
    position: relative;
    background-color: white;
    margin: 0%;
    margin-bottom: unset;
    margin-top: 0%;
    border-bottom: unset;
}

.topadmintable2:hover{
    cursor: pointer;
}
.ordersdropdowntitle:before{
    content: "◢";
    position: absolute;
    right: 2rem;
    transform: rotate(45deg);
    transition-duration: 0.25s;
    font-size: 1.5vh;
}

.ordersdropdowntitle1:before{
    content: "◢";
    position: absolute;
    right: 2rem;
    transform: rotate(45deg);
    transition-duration: 0.25s;
    font-size: 1.5vh;
}

.orderadmintitle::before{
    content: "◢";
    position: absolute;
    right: 2rem;
    transform: rotate(45deg);
    transition-duration: 0.25s;
    font-size: 1.5vh;
    top: 30%;
}

.ordersdropdowntitle.doggy:before{
    content: "◢";
    position: absolute;
    right: 2rem;
    transform: rotate(225deg);
    transition-duration: 0.25s;
    font-size: 1.5vh;
}

.ordersdropdowntitle:hover{
    
    cursor: pointer;
}

.ordersdropdowntitle1.doggy:before{
    content: "◢";
    position: absolute;
    right: 2rem;
    transform: rotate(225deg);
    transition-duration: 0.25s;
    font-size: 1.5vh;
}

.ordersdropdowntitle1:hover{
    
    cursor: pointer;
}
.ordersdropdowntitlenew{
    padding-top: 0.25%;
    padding-bottom: 0.25%;
    margin-bottom: unset;
    padding-left: 2%;
    transition-duration: 0.15s;
    color: rgb(255, 31, 95);
    font-size: 1.25vw;
    font-weight: 600;
    margin-top: 1%;
    margin-bottom: 1%;
}

#adminprefill{
    margin-top: 2%;
    margin-right: 2%;
}


.ordersdropdowntitlenew:hover{
    
    cursor: pointer;
}

.ordertitlee{
    width: 32%;
    display: inline-block;
    font-weight: 500;
    line-height: 2;
    font-size: 1vw;
}

.ordersmiddlecontent1{
    width: 100%;
    display: block;
}

.ordertitleer{
    width: 32%;
    display: inline-block;
    font-weight: 500;
    line-height: 2;
    font-size: 1vw;
}

.ordersdropdown{
    width: -webkit-fill-available;
    transition-duration: 0.15s;
    margin: 0%;
    margin-bottom: unset;
    margin-top: unset;
    display: inline-block;
    border: 1px solid lightgrey;
    border-left: unset;
    border-top: unset;
    background-color: whitesmoke;
    border-right: unset;




}

.ordersdropdown5{
    width: -webkit-fill-available;
    transition-duration: 0.15s;
    margin: 0%;
    margin-bottom: unset;
    margin-top: unset;
    display: inline-block;
    border: 1px solid lightgrey;
    border-bottom: unset;
    background-color: whitesmoke;
    box-shadow: unset!important;

}

.orderadmintitle:hover{
    cursor: pointer;
}



.ordersdropdownnew{
    width: 100%;
    transition-duration: 0.15s;
    margin-bottom: unset;
    display: inline-block;
    background-color: whitesmoke;
    position: relative;
    z-index: 1;


}
.productbuttons1{
    margin: auto;
    margin-top: 0%;
    padding: 0.5vw;
    background-color: rgb(38, 38, 38);
    color: white;
    font-size: 1vw;
    text-align: center;
    font-weight: 600;
    display: inline-block;
    width: 50%;

}

.toprightprice{
    padding-right: unset!important;
}

.productbuttons1:hover{
    background-color: #ff1f5f;
    color: white;
    cursor: pointer;
    transition-duration: 0.25s;
}



.productbuttons{
    margin: auto;
    margin-top: 0%;
    padding: 0.5vw;
    background-color: rgb(38, 38, 38);
    color: white;
    font-size: 1vw;
    text-align: center;
    font-weight: 600;
    width: 48%;
    display: inline-block;
    margin-right: 2%;
}

.productbuttons:hover{
    background-color: #ff1f5f;
    color: white;
    cursor: pointer;
    transition-duration: 0.25s;
}

.productbuttons4{
    margin: auto;
    padding: 0.25vw;
    background-color: #ff1f5f;
    color: white;
    font-size: 1vw;
    text-align: center;
    font-weight: 600;
    width: 42%;
    display: inline-block;
    margin-left: 7%;
    margin-right: 0;
}

.productbuttons4:hover{
    background-color: rgb(38, 38, 38);
    color: white;
    cursor: pointer;
    transition-duration: 0.25s;
 
}

.quantitycounter{
    margin: auto;
    width: 100%;
    border: unset;
    position: relative;
    display: flex;
    background-color: white;
    align-items: center;
    padding: 0.5vw;
    padding-left: 1vw;
    box-shadow: 0 0 7px grey;

}

.productbuttons5{
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
    font-size: 0;
    background-color: grey;
    opacity: 0;
}

.productbuttons5:hover{
    opacity: 0.15;
    cursor: pointer;
    transition-duration: 0.25s;
}

.productbuttons3{
    margin: auto;
    padding: 3%;
    color: white;
    font-size: 1vw;
    background-color: rgb(38, 38, 38);
    text-align: center;
    font-weight: 500;
    width: 100%;
    display: block;
}

.productbuttons3:hover{
    background-color: #ff1f5f;
    color: white;
    transition-duration: 0.25s;
}




.productprice{
    display: contents;
    font-size: 1vw;
}

#margindetails{
    text-align: left;
    display: inline-block;
    width: fit-content;
    font-size: 2rem;
    width: 50%;
    margin-bottom: 0.5vw;
    line-height: 2.5vw;
}

#outercompletebody{
    width: 100%;
    margin: auto;
    position: relative;
    background-color: white;
    
}

.pendingconfirmedbottom{
    background-color: white;
    padding: 1%;

    border-top: unset;
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
}

.logintitle{
    font-weight: 600;
    padding-left: 2%!important;
    padding-right: 0%!important;
    padding-bottom: 0.5%;
    color: white;
    font-size: 1.5vw;
    text-transform: unset;
    border-left: 6px solid rgb(255, 31, 95);
    padding-top: 0.5%;
    margin-bottom: unset;
    margin-left: 0rem;
    margin-left: calc(var(--bs-gutter-x)/ -2);
}

.productstbodyer{
    display: inline-table;
    font-weight: 500;
    width: 100%;
}


    /* Force table to not be like tables anymore */
	.productstbody, .tbodyusers, .promotionstd, .promotd, .promotd8, .promotionstd1, .adminproductstd ,.admingallerytd ,.productpricingtdnew, .adminnutritiontdnew, .adminingredientstdnew, .productpricingtd, .adminnutritiontd, .adminingredientstd, .adminorderstd, .adminrestriction,.adminorderfail, .adminuserstd,.adminuserstdorder, .adminuserstdorder_extra,.adminuserstdedit,.contacttd, .tradereferencestd, .companyinformationtd, .delinfotd, .billinfotd , .Contactinfotd{ 
        display: grid;
        font-weight: 500;
        width: auto;
        justify-items: stretch;
        border-bottom: unset!important;


    }

    #productstableid{
        margin: 2%!important;
        margin-bottom: 1%!important;
        margin-top: 2%!important;
        border: 1px solid lightgrey;
    
    }

    .productsadmintable{
        display: grid;
        font-weight: 500;
        width: auto;
        justify-items: stretch;
        margin: 1% 2%!important;
        position: relative;
        z-index: 2;
        border-bottom: 1px solid lightgrey;
       
    }

    .usersmiddlecontent {
        display: grid;
        font-weight: 500;
        width: auto;
        justify-items: stretch;
        
    }
	
	/* Hide table headers (but not display: none;, for accessibility) */

	
	
	.adminproductstd, .admingallerytd, .productpricingtdnew, .promotionstd, .promotd, .promotd8, .promotionstd1, .adminnutritiontdnew, .adminingredientstdnew,.productpricingtd, .adminnutritiontd, .adminingredientstd { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%!important; 
	}
	
	.adminproductstd:before,.admingallerytd:before,.promotionstd:before , .promotd:before, .promotd8:before, .promotionstd1:before, .productpricingtd:before, .adminnutritiontd:before, .adminingredientstd:before,.productpricingtdnew:before, .adminnutritiontdnew:before, .adminingredientstdnew:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 0px;
		left: 0px;
		width: 45%; 
		padding-right: 10px; 
        text-align: left;
		white-space: nowrap;
	}

    .Contactinfotd { 
		border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 90%!important;
    height: 5rem;
	}
	
	.Contactinfotd:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 0px;
		left: 0px;
		width: 81%; 
		padding-right: 10px; 
        text-align: left;
		white-space: normal;
	}

    .tradereferencestd { 
		/* Behave  like a "row" */
		border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%!important;
    padding-top: 0.5%;
    padding-bottom: 0.5%;
    font-size: 1vw;
	}

	
	.tradereferencestd:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 0px;
		left: 0px;
		width: 45%; 
		padding-right: 10px; 
        text-align: left;
		white-space: nowrap;
    
        margin-bottom: unset!important;
	}

    .companyinformationtd { 
		/* Behave  like a "row" */
		border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%!important;
    padding-top: 0.5%;
    font-size: 1vw;
    padding-bottom: 0.5%;
    margin: unset!important;
	}

    .buttonsholder{

        border-bottom: 1px solid lightgrey;
    }

    .ordersdropdownbutton{
        background-color: white;
        padding: 1%;
      
        border: 0px solid lightgrey;
        border-top: unset;
        border-bottom: unset;
    }

    .userordertabler{
        transition-duration: 0.25s;
        border: 1px solid lightgrey!important;
        border-bottom: unset!important;
    }



    .tbodyusersorder {
        width: -webkit-fill-available;
    display: block;
    /* margin: 2%; */
    margin-top: unset;
    margin-bottom: unset;
    padding-right: 2%;
    padding-top: 1%;
    padding-left: 2%;
    border-bottom: 0px solid lightgrey;
    padding-bottom: 1%;
    border: 0px solid lightgrey;
    border-top: unset;
    

      
    }

    .tbodyusersorder6 {
        width: -webkit-fill-available;
        display: block;
        padding: 2%;
        padding-top: 1%;
        padding-bottom: unset;
        margin-top: unset;
        margin-bottom: unset;
        border-bottom: 0px solid lightgrey;
        padding-bottom: 1%;
        border-top: 1px solid lightgrey;
      
    }

	
	.companyinformationtd:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 0px;
		left: 0px;
		width: 45%; 
		padding-right: 10px; 
        text-align: left;
		white-space: nowrap;
    
        margin-bottom: unset!important;
	}

    .adminrestriction{
        	/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%!important; 
    }

    .adminorderstd  { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%!important; 
	}
	
	.adminorderstd :before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 0px;
		left: 0px;
		width: 45%; 
		padding-right: 10px; 
        text-align: left;
		white-space: nowrap;
	}

    .adminrestriction :before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 0px;
		left: 0px;
		width: 45%; 
		padding-right: 10px; 
        text-align: left;
		white-space: nowrap;
	}



    .adminorderfail  { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%!important; 
	}
	
	.adminorderfail :before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 0px;
		left: 0px;
		width: 45%; 
		padding-right: 10px; 
        text-align: left;
		white-space: nowrap;
	}

    .adminorderfail:before { content: "Reason"; margin-top: 1%;
        margin-bottom: 1%;
            padding-right: 5%;
    width: 9vw;
    display: inline-block;}



.ordertitlee:nth-of-type(1):before { content: "POD Ref"; margin-top: 1%;
    margin-bottom: 1%;
       color: white;
        padding-right: 5%;
width: 9vw;
display: block;}

.ordertitlee:nth-of-type(2):before { content: "Total Cost"; margin-top: 1%;
    margin-bottom: 1%;
        color: white;
        padding-right: 5%;
width: 9vw;
display: block;}

.ordertitleer:nth-of-type(1):before { content: "Reason"; margin-top: 1%;
    margin-bottom: 1%;
       color: white;
        padding-right: 5%;
width: 9vw;
display: block;}

.ordertitleer:nth-of-type(2):before { content: "Total Cost"; margin-top: 1%;
    margin-bottom: 1%;
        color: white;
        padding-right: 5%;
width: 9vw;
display: block;
}


#ordcost{
    font-weight: 500;
    font-size: 1vw;
}

.contacttd:before { 
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 0px;
    left: 0px;
    width: 45%; 
    padding-right: 10px; 
    text-align: left;
    white-space: nowrap;

    margin-bottom: unset!important;
}


.outerfooter{
    width: 100%;
    position: relative;
    overflow: hidden;
    z-index: 10;
    margin-top: 0.5vw;
    border-top: 1px solid lightgrey;
}

#innerfooter{
    background-color: white;
  
    position: relative;

    
    
}

.tandc{
    width: 100%;
    font-weight: 500;
    font-size: 1vw;
    margin-bottom: unset;
    padding: 0.5%;
    padding-left: 2%;
    /* color: white; */
    text-align: revert;
    background-color: white;
    font-weight: 600;
    font-family: open-sans, sans-serif;
    
}

#socialmediaicons{
    width: 75%;
    margin: auto;
    border-top: unset;
    padding: 5%;
    padding-left: unset;
    padding-bottom: 3%;
    padding-top: 0%;
    margin-top: 0%!important;
    padding-right: unset;

}

#labelcart{
    position: absolute;
    top: 0.2vw;
    right: 0.6vw;
    font-size: 1vw;
    text-align: center;
    font-weight: 600;
    color: black;
    line-height: 1.4;
}

.smicons{
    width: 1.5vw;
    display: block;
  
    filter: invert(100%) sepia(7%) saturate(299%) hue-rotate(233deg) brightness(91%) contrast(86%);
    transition-duration: 0.25s;
    position: relative;
    margin-right: 3%;

}


.smicons:hover{
    transition-duration: 0.25s;
    filter: invert(21%) sepia(5%) saturate(489%) hue-rotate(227deg) brightness(95%) contrast(87%);
    cursor: pointer;
}

.smicons2{
    width: 2vw;
    float: right;
    filter: invert(34%) sepia(7%) saturate(299%) hue-rotate(233deg) brightness(91%) contrast(86%);
}

.smicons2:hover{
    cursor: pointer;
    filter: invert(21%) sepia(99%) saturate(3391%) hue-rotate(352deg) brightness(76%) contrast(88%);
}
.smicons3{
    width: 1.25vw;
    margin-left: 5%;

}

.psearchicon{
   width: 0.95vw;
   filter: invert(34%) sepia(7%) saturate(299%) hue-rotate(233deg) brightness(91%) contrast(86%);
}

.smicons4{
    width: 1.25vw;
    margin-left: 6%;
    position: absolute;
    filter: invert(28%) sepia(66%) saturate(6176%) hue-rotate(331deg) brightness(104%) contrast(101%);
    right: 1rem;


}

.smicons4:hover{
    width: 1.25vw;
    margin-left: 5%;
    float: right;
    filter: invert(21%) sepia(5%) saturate(489%) hue-rotate(227deg) brightness(95%) contrast(87%);

}

.smicons7{
    width: 1.25vw;
    margin-left: 5%;
    filter: invert(0%) sepia(7%) saturate(299%) hue-rotate(233deg) brightness(91%) contrast(86%);

}

.smicons7:hover{

    filter: invert(21%) sepia(99%) saturate(3391%) hue-rotate(352deg) brightness(76%) contrast(88%);

}


.smicons20{
    width: 1.25vw;
    margin-left: 5%;
    filter: invert(100%) sepia(7%) saturate(299%) hue-rotate(233deg) brightness(91%) contrast(86%);

}

.smicons20:hover{

    filter: invert(21%) sepia(99%) saturate(3391%) hue-rotate(352deg) brightness(76%) contrast(88%);

}

.smicons5{
    width: 1.25vw;
    margin-left: 5%;
    float: right;
    display: none;

}

.bottomcopyright{
    padding-left: unset!important;
    padding-right: unset!important;

    
}

.smicons{

}
.footerimg{
    width: 75%;
    display: block;
    margin: auto;
    margin-top: 9%;
    margin-bottom: 6%;
    margin-top: 14%;
}

.locationfooter{
    font-size: 1vw;
    font-weight: 500;
    padding: 3%;
    position: relative;
    margin: auto;
    width: 100%;
    margin-top: 0%;
    background-color: whitesmoke;
}

b{
   color: black;
}

.locationfooter1{
    font-size: 1vw;
    font-weight: 500;
    color: white;
    line-height: 2.5;
    width: 76%!important;
    padding: unset!important;
}

#innerfooter1{
    background-color: white;

    padding-bottom: 1%;
    padding-top: 1%;
    
}


#innerfooter2{
   
    background-color: white;

    
    
    
}


#innerfooter3{
    background-color: white;
 
    
    
}

#footerrow{
    width: 100%;
    margin: auto;
}

.adminrestriction:nth-of-type(1):before { content: "Group Name"; margin-top: 1%;
    margin-bottom: 1%;
    }

    .contacttd:before {
     content: "Allow us to contact you?"; 
     margin-top: 1%;
    margin-bottom: 1%;
     }
    .admintoprow { border: 1px solid #ccc; }

    .Contactinfotd:nth-of-type(1):before { content: "Recieve latest information on our products and services?"; margin-top: 1%;
        margin-bottom: 1%;
        }
    .adminorderstd:nth-of-type(1):before { content: "Business Name"; margin-top: 1%;
        margin-bottom: 1%;
        }
    .adminorderstd:nth-of-type(2):before { content: "Time";margin-top: 1%;
        margin-bottom: 1%;
         }
    .adminorderstd:nth-of-type(3):before { content: "Date";margin-top: 1%;
        margin-bottom: 1%;
         }
    .adminorderstd:nth-of-type(4):before { content: "Reference";margin-top: 1%;
        margin-bottom: 1%;
         }
    .adminorderstd:nth-of-type(5):before { content: "Status"; margin-top: 1%;
        margin-bottom: 1%;
        }
        .adminorderstd:nth-of-type(6):before { content: "Estimated Delivery"; margin-top: 1%;
            margin-bottom: 1%;
            }
            .adminorderstd:nth-of-type(7):before { content: "POD Reference"; margin-top: 1%;
                margin-bottom: 1%;
                }
                .adminorderstd:nth-of-type(8):before { content: "Delivery Date"; margin-top: 1%;
                    margin-bottom: 1%;
                    }
                    .adminorderstd:nth-of-type(9):before { content: "Reason"; margin-top: 1%;
                        margin-bottom: 1%;
                        }
                
                        .adminuserstdedit:nth-of-type(1):before { content: "Email"; margin-top: 1%;
                            margin-bottom: 1%;
                            }
                        .adminuserstdedit:nth-of-type(2):before { content: "Password";margin-top: 1%;
                            margin-bottom: 1%;
                             }
                        .adminuserstdedit:nth-of-type(3):before { content: "Phone";margin-top: 1%;
                            margin-bottom: 1%;
                             }

    .adminuserstd:nth-of-type(1):before { content: "Customer Name"; margin-top: 1%;
        margin-bottom: 1%;
        }
    .adminuserstd:nth-of-type(2):before { content: "Business Name";margin-top: 1%;
        margin-bottom: 1%;
         }
    .adminuserstd:nth-of-type(3):before { content: "Email";margin-top: 1%;
        margin-bottom: 1%;
         }
    .adminuserstd:nth-of-type(4):before { content: "Password";margin-top: 1%;
        margin-bottom: 1%;
         }
    .adminuserstd:nth-of-type(5):before { content: "Phone number"; margin-top: 1%;
        margin-bottom: 1%;
        }
        .adminuserstdorder:nth-of-type(1):before { content: "Customer Name"; margin-top: 1%;
            margin-bottom: 1%;
            }
        .adminuserstdorder:nth-of-type(2):before { content: "Business Name";margin-top: 1%;
            margin-bottom: 1%;
             }
        .adminuserstdorder:nth-of-type(3):before { content: "Email";margin-top: 1%;
            margin-bottom: 1%;
             }
        .adminuserstdorder:nth-of-type(4):before { content: "Phone number"; margin-top: 1%;
            margin-bottom: 1%;
            }

                      
    .adminuserstd:nth-of-type(6):before { content: "Currency Preference";margin-top: 1%;
        margin-bottom: 1%;
         }
    .adminuserstd:nth-of-type(7):before { content: "Currency"; margin-top: 1%;
        margin-bottom: 1%;
        }
    .adminuserstd:nth-of-type(8):before { content: "Delivery City"; margin-top: 1%;
        margin-bottom: 1%;
        }
    .adminuserstd:nth-of-type(9):before { content: "Delivery Province"; margin-top: 1%;
        margin-bottom: 1%;
        }
    .adminuserstd:nth-of-type(10):before { content: "Delivery PostCode";margin-top: 1%;
        margin-bottom: 1%;
         }
    .adminuserstd:nth-of-type(11):before { content: "Delivery Country";margin-top: 1%;
        margin-bottom: 1%;
         }
    .adminuserstd:nth-of-type(12):before { content: "Billing Streetname";margin-top: 1%;
        margin-bottom: 1%;
         }
    .adminuserstd:nth-of-type(13):before { content: "Billing route";margin-top: 1%;
        margin-bottom: 1%;
         }
    .adminuserstd:nth-of-type(14):before { content: "Billing city";margin-top: 1%;
        margin-bottom: 1%;
        }
    .adminuserstd:nth-of-type(15):before { content: "Billing Province";margin-top: 1%;
        margin-bottom: 1%;
         }
    .adminuserstd:nth-of-type(16):before { content: "Billing Postcode";margin-top: 1%;
        margin-bottom: 1%;
         }
    .adminuserstd:nth-of-type(17):before { content: "Billing Country";margin-top: 1%;
        margin-bottom: 1%;
         }
    .adminuserstd:nth-of-type(18):before { content: "Name";margin-top: 1%;
        margin-bottom: 1%;
        }
        .adminuserstd:nth-of-type(19):before { content: "Phone";margin-top: 1%;
        margin-bottom: 1%;
       }
        .adminuserstd:nth-of-type(20):before { content: "Address";margin-top: 1%;
            margin-bottom: 1%;
             }
            .adminuserstd:nth-of-type(21):before { content: "Email";margin-top: 1%;
        margin-bottom: 1%;
         }
        .adminuserstd:nth-of-type(22):before { content: "Name";margin-top: 1%;
        margin-bottom: 1%;
        }
        .adminuserstd:nth-of-type(23):before { content: "Phone";margin-top: 1%;
        margin-bottom: 1%;
         }
        .adminuserstd:nth-of-type(24):before { content: "Address";margin-top: 1%;
        margin-bottom: 1%;
         }
        .adminuserstd:nth-of-type(25):before { content: "Email";margin-top: 1%;
            margin-bottom: 1%;
             }

            .billinfotd:nth-of-type(1):before { content: "Billing Street No";margin-top: 1%;
                margin-bottom: 1%;
                 }
                .billinfotd:nth-of-type(2):before { content: "Billing Street";margin-top: 1%;
                    margin-bottom: 1%;
                     }
                    .billinfotd:nth-of-type(3):before { content: "Billing Town";margin-top: 1%;
                        margin-bottom: 1%;
                         }
                        .billinfotd:nth-of-type(4):before { content: "Billing City";margin-top: 1%;
                            margin-bottom: 1%;
                             }
                            .billinfotd:nth-of-type(5):before { content: "Billing Province";margin-top: 1%;
                                margin-bottom: 1%;
                                 }
                                .billinfotd:nth-of-type(6):before { content: "Billing Postcode";margin-top: 1%;
                                    margin-bottom: 1%;
                                    }
                                    .billinfotd:nth-of-type(7):before { content: "Billing Country";margin-top: 1%;
                                        margin-bottom: 1%;
                                         }
    .delinfotd:nth-of-type(1):before { content: "Delivery Street No";margin-top: 1%;
            margin-bottom: 1%;
            }
            .delinfotd:nth-of-type(2):before { content: "Delivery Street";margin-top: 1%;
                margin-bottom: 1%;
                 }
                .delinfotd:nth-of-type(3):before { content: "Delivery Town";margin-top: 1%;
                    margin-bottom: 1%;
                     }
                    .delinfotd:nth-of-type(4):before { content: "Delivery City";margin-top: 1%;
                        margin-bottom: 1%;
                         }
                        .delinfotd:nth-of-type(5):before { content: "Delivery Province";margin-top: 1%;
                            margin-bottom: 1%;
                             }
                            .delinfotd:nth-of-type(6):before { content: "Delivery Postcode";margin-top: 1%;
                                margin-bottom: 1%;
                                 }
                                .delinfotd:nth-of-type(7):before { content: "Delivery Country";margin-top: 1%;
                                    margin-bottom: 1%;
                                    }
    
        .tradereferencestd:nth-of-type(1):before { content: "Name";margin-top: 1%;
            margin-bottom: 1%;
             }
            .tradereferencestd:nth-of-type(2):before { content: "Phone";margin-top: 1%;
                margin-bottom: 1%;
                 }
                .tradereferencestd:nth-of-type(3):before { content: "Address";margin-top: 1%;
                    margin-bottom: 1%;
                     }
                    .tradereferencestd:nth-of-type(4):before { content: "Email";margin-top: 1%;
                        margin-bottom: 1%;
                         }
        
                         .contacttd:nth-of-type(1):before { content: "Allow us to contact you?";margin-top: 1%;
                            margin-bottom: 1%;
                             }
        
        .companyinformationtd:nth-of-type(1):before { content: "Company Type";margin-top: 1%;
            margin-bottom: 1%;
             }
            .companyinformationtd:nth-of-type(2):before { content: "Company Registration No.";margin-top: 1%;
                margin-bottom: 1%;
                }
                .companyinformationtd:nth-of-type(3):before { content: "Compnay Registered Name";margin-top: 1%;
                    margin-bottom: 1%;
                     }
                    .companyinformationtd:nth-of-type(4):before { content: "Part Of Group?";margin-top: 1%;
                        margin-bottom: 1%;
                        }
                        .companyinformationtd:nth-of-type(5):before { content: "Group Name";margin-top: 1%;
                            margin-bottom: 1%;
                             }
                            .companyinformationtd:nth-of-type(6):before { content: "Legal Owners";margin-top: 1%;
                                margin-bottom: 1%;
                                 }
                                .companyinformationtd:nth-of-type(7):before { content: "Estimate Spend Per Month";margin-top: 1%;
                                    margin-bottom: 1%;
                                     }
                                    .companyinformationtd:nth-of-type(8):before { content: "Business Category";margin-top: 1%;
                                        margin-bottom: 1%;
                                         }
                                        .companyinformationtd:nth-of-type(9):before { content: "Business Subsector";margin-top: 1%;
                                            margin-bottom: 1%;
                                            }
                                            .companyinformationtd:nth-of-type(10):before { content: "Delivery Restrictions";margin-top: 1%;
                                                margin-bottom: 1%;
                                                 }
                                                 .companyinformationtd:nth-of-type(11):before { content: "VAT Number";margin-top: 1%;
                                                    margin-bottom: 1%;
                                                     }
                                                     .companyinformationtd:nth-of-type(12):before { content: "Bank Name";margin-top: 1%;
                                                        margin-bottom: 1%;
                                                         }
                                                         .companyinformationtd:nth-of-type(13):before { content: "Bank Account Number";margin-top: 1%;
                                                            margin-bottom: 1%;
                                                             }
                                                             .companyinformationtd:nth-of-type(14):before { content: "Sort Code";margin-top: 1%;
                                                                margin-bottom: 1%;
                                                                 }
                                                                 .companyinformationtd:nth-of-type(15):before { content: "Extra Charge";margin-top: 1%;
                                                                    margin-bottom: 1%;
                                                                     }
                                                 
                                                                     .companyinformationtd:nth-of-type(16):before { content: "Admin Access";margin-top: 1%;
                                                                        margin-bottom: 1%;
                                                                         }
                                                                         .companyinformationtd:nth-of-type(17):before { content: "Product Restrictions";margin-top: 1%;
                                                                            margin-bottom: 1%;
                                                                             }
                                                     
                                                                     
  /* .promotd8:nth-of-type(1):before { content: "Brands Shown"; margin-top: 1%;
  margin-bottom: 1%;
  left: 0;
  font-size: 1vw;
 top: 0!important; }
    
    
    .promotd:nth-of-type(1):before { content: "Product Shown"; margin-top: 1%;
  margin-bottom: 1%;
  left: 0;
  font-size: 1vw;
 top: 0!important; }         
 
 .promotd:nth-of-type(2):before { content: "Images Shown"; margin-top: 1%;
    margin-bottom: 1%;
    left: 0;
    font-size: 1vw;
   top: 0!important; }            */
     
.promotionstd:nth-of-type(1):before { content: "Promotion Name"; margin-top: 1%;
  margin-bottom: 1%;
 top: 0!important; }
.promotionstd:nth-of-type(2):before { content: "Type of Promotion"; margin-top: 1%;
    margin-bottom: 1%;
   top: 0!important; }
    .promotionstd:nth-of-type(3):before { content: "Select Brand"; margin-top: 1%;
    margin-bottom: 1%;
    top: 0!important; }
    .promotionstd:nth-of-type(4):before { content: "Select Range"; margin-top: 1%;
        margin-bottom: 1%;
        top: 0!important; }
        .promotionstd:nth-of-type(5):before { content: "Select Product"; margin-top: 1%;
            margin-bottom: 1%;
            top: 0!important; }
            .promotionstd:nth-of-type(6):before { content: "Description"; margin-top: 1%;
                margin-bottom: 1%;
                top: 0!important; }
                .promotionstd:nth-of-type(7):before { content: "Current Price"; margin-top: 1%;
                    margin-bottom: 1%;
                    top: 0!important; }
                    .promotionstd:nth-of-type(8):before { content: "Promo Price"; margin-top: 1%;
                        margin-bottom: 1%;
                        top: 0!important; }
                        .promotionstd:nth-of-type(9):before { content: "Savings"; margin-top: 1%;
                            margin-bottom: 1%;
                            top: 0!important; }
                            .promotionstd:nth-of-type(10):before { content: "Start Date"; margin-top: 1%;
                                margin-bottom: 1%;
                                top: 0!important; }
                                .promotionstd:nth-of-type(11):before { content: "End Date"; margin-top: 1%;
                                    margin-bottom: 1%;
                                   top: 0!important;     }

                                   .admingallerytd:nth-of-type(1):before {     content: "Upload Gallery Image";
                                   
                                    margin-top: 1.5%;
                                    margin-bottom: 1%;
                                    top: 0!important; }

    .adminproductstd:nth-of-type(1):before { content: "Product Name"; margin-top: 1%;
        margin-bottom: 1%;
        top: 0!important; }
    .adminproductstd:nth-of-type(2):before { content: "Product Brand";margin-top: 1%;
        margin-bottom: 1%;
        top: 0!important; }
    .adminproductstd:nth-of-type(3):before { content: "Case Quantity";margin-top: 1%;
        margin-bottom: 1%;
        top: 0!important; }
    .adminproductstd:nth-of-type(4):before { content: "Pack Size";margin-top: 1%;
        margin-bottom: 1%;
        top: 0!important; }
    .adminproductstd:nth-of-type(5):before { content: "Product Barcode"; margin-top: 1%;
        margin-bottom: 1%;
        top: 0!important; }
    .adminproductstd:nth-of-type(6):before { content: "Image Url";margin-top: 1%;
        margin-bottom: 1%;
        top: 0!important; }
    .adminproductstd:nth-of-type(7):before { content: "Image Brand Url"; margin-top: 1%;
        margin-bottom: 1%;
        top: 0!important; }
    .adminproductstd:nth-of-type(8):before { content: "Supplier Code"; margin-top: 1%;
        margin-bottom: 1%;
        top: 0!important;}
    .adminproductstd:nth-of-type(9):before { content: "Supplier Name"; margin-top: 1%;
        margin-bottom: 1%;
        top: 0!important;}
    .adminproductstd:nth-of-type(10):before { content: "Product Code";margin-top: 1%;
        margin-bottom: 1%;
        top: 0!important; }
    .adminproductstd:nth-of-type(11):before { content: "Type Of Product";margin-top: 1%;
        margin-bottom: 1%;
        top: 0!important; }

        .productpricingtd:nth-of-type(1):before { content: "Unit Cost"; margin-top: 1%;
            margin-bottom: 1%;
            top: 0!important;}
        .productpricingtd:nth-of-type(2):before { content: "Suggested RSP";margin-top: 1%;
            margin-bottom: 1%;
            top: 0!important; }
        .productpricingtd:nth-of-type(3):before { content: "Margin";margin-top: 1%;
            margin-bottom: 1%;
            top: 0!important; }
        .productpricingtd:nth-of-type(4):before { content: "VAT Required?";margin-top: 1%;
            margin-bottom: 1%;
            top: 0!important; }
        .productpricingtd:nth-of-type(5):before { content: "List Price"; margin-top: 1%;
            margin-bottom: 1%;
            top: 0!important;}

            .productpricingtdnew:nth-of-type(1):before { content: "Unit Cost"; margin-top: 1%;
                margin-bottom: 1%;
                top: 0!important;}
            .productpricingtdnew:nth-of-type(2):before { content: "Suggested RSP";margin-top: 1%;
                margin-bottom: 1%;
                top: 0!important; }
            .productpricingtdnew:nth-of-type(3):before { content: "Margin";margin-top: 1%;
                margin-bottom: 1%;
                top: 0!important; }
            .productpricingtdnew:nth-of-type(4):before { content: "VAT Required?";margin-top: 1%;
                margin-bottom: 1%;
                top: 0!important; }
            .productpricingtdnew:nth-of-type(5):before { content: "List Price"; margin-top: 1%;
                margin-bottom: 1%;
                top: 0!important;}
    
            .adminnutritiontd:nth-of-type(1):before { content: "Energy"; margin-top: 1%;
                margin-bottom: 1%;
                top: 0!important;}
            .adminnutritiontd:nth-of-type(2):before { content: "Fat";margin-top: 1%;
                margin-bottom: 1%;
                top: 0!important; }
            .adminnutritiontd:nth-of-type(3):before { content: "Of Which Saturates";margin-top: 1%;
                margin-bottom: 1%;
                top: 0!important; }
            .adminnutritiontd:nth-of-type(4):before { content: "Carbohydrates";margin-top: 1%;
                margin-bottom: 1%;
                top: 0!important; }
            .adminnutritiontd:nth-of-type(5):before { content: "Of which Sugars"; margin-top: 1%;
                margin-bottom: 1%;
                top: 0!important;}
             .adminnutritiontd:nth-of-type(6):before { content: "Fibre";margin-top: 1%;
                margin-bottom: 1%;
                top: 0!important; }
            .adminnutritiontd:nth-of-type(7):before { content: "Protein"; margin-top: 1%;
                margin-bottom: 1%;
                top: 0!important;}
            .adminnutritiontd:nth-of-type(8):before { content: "Salt"; margin-top: 1%;
                    margin-bottom: 1%;
                    top: 0!important;}

                    .adminnutritiontdnew:nth-of-type(1):before { content: "Energy"; margin-top: 1%;
                        margin-bottom: 1%;
                        top: 0!important;}
                    .adminnutritiontdnew:nth-of-type(2):before { content: "Fat";margin-top: 1%;
                        margin-bottom: 1%;
                        top: 0!important; }
                    .adminnutritiontdnew:nth-of-type(3):before { content: "Of Which Saturates";margin-top: 1%;
                        margin-bottom: 1%;
                        top: 0!important; }
                    .adminnutritiontdnew:nth-of-type(4):before { content: "Carbohydrates";margin-top: 1%;
                        margin-bottom: 1%;
                        top: 0!important; }
                    .adminnutritiontdnew:nth-of-type(5):before { content: "Of which Sugars"; margin-top: 1%;
                        margin-bottom: 1%;
                        top: 0!important;}
                     .adminnutritiontdnew:nth-of-type(6):before { content: "Fibre";margin-top: 1%;
                        margin-bottom: 1%;
                        top: 0!important; }
                    .adminnutritiontdnew:nth-of-type(7):before { content: "Protein"; margin-top: 1%;
                        margin-bottom: 1%;
                        top: 0!important;}
                    .adminnutritiontdnew:nth-of-type(8):before { content: "Salt"; margin-top: 1%;
                            margin-bottom: 1%;
                            top: 0!important;}
        

                    .adminingredientstd:nth-of-type(1):before { content: "Ingredients"; margin-top: 1%;
                margin-bottom: 1%;
                top: 0!important;}
            .adminingredientstd:nth-of-type(2):before { content: "Storage Information"; margin-top: 1%;
                    margin-bottom: 1%;
                    top: 0!important;}

                    .adminingredientstdnew:nth-of-type(1):before { content: "Ingredients"; margin-top: 1%;
                        margin-bottom: 1%;
                        top: 0!important;}
                    .adminingredientstdnew:nth-of-type(2):before { content: "Storage Information"; margin-top: 1%;
                            margin-bottom: 1%;
                            top: 0!important;}

                     

                                    .adminuserstdorder_extra:nth-of-type(1):before { content: "User Provided Ref"; margin-top: 1%;
                                        margin-bottom: 1%;
                                        }
                                        .adminuserstdorder_extra:nth-of-type(2):before { content: "Delivery Notes"; margin-top: 1%;
                                            margin-bottom: 1%;
                                        }

                             

                                  

                            


    .adminproductstd,.admingallerytd, .promotionstd, .promotd, .promotd8, .promotionstd1, .productpricingtdnew, .adminnutritiontdnew, .adminingredientstdnew, .productpricingtd, .adminnutritiontd, .adminingredientstd { 
	    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%!important;
    padding-bottom: 1%;
    padding-top: 1%;
    font-weight: 500;
    font-size: 1vw;
    display: block;
    max-height: 9rem;
    overflow-x: hidden;
	}
	
	.adminproductstd:before,.admingallerytd:before, .promotionstd:before, .promotd:before, .promotd8:before, .promotionstd1:before,  .productpricingtd:before, .adminnutritiontd:before, .adminingredientstd:before,.productpricingtdnew:before, .adminnutritiontdnew:before, .adminingredientstdnew:before  { 
        position: absolute;
        top: 0px;
        left: 0px;
        width: 45%;
        padding-right: 10px;
        padding: 0.25rem;
        padding-left: unset;
        text-align: left;
        white-space: nowrap;
	}

    .adminuserstd { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%!important; 
        padding-bottom: 0.5%;
        padding-top: 0.5%;
        font-size: 1vw;
	}

    .adminuserstdorder { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%!important; 
        padding-bottom: 0.5%;
        padding-top: 0.5%;
        font-size: 1vw;
        margin: unset!important;
	}

    .adminuserstdorder_extra { 
		/* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%!important;
        padding-bottom: 0.5%;
        padding-top: 0.5%;
        font-size: 1vw;
        margin: 0%!important;
    
	}

    
    .contacttd{ 
		/* Behave  like a "row" */
	    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 95%!important;
    padding-bottom: 0.5%;
    padding-top: 0.5%;
    font-size: 1vw;
	}
    

	
	.adminuserstd:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 0px;
		left: 0px;
		width: 45%; 
		padding-right: 10px; 
        text-align: left;
		white-space: nowrap;
    
        margin-bottom: unset!important;
	}

    .adminuserstdorder:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 0px;
		left: 0px;
		width: 45%; 
		padding-right: 10px; 
        text-align: left;
		white-space: nowrap;
    
        margin-bottom: unset!important;
	}

    .adminuserstdorder_extra:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 0px;
		left: 0px;
		width: 45%; 
		padding-right: 10px; 
        text-align: left;
		white-space: nowrap;
    
        margin-bottom: unset!important;
	}

    

    .adminuserstdedit { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%!important; 
        padding-bottom: 1%;
        padding-top: 1%;
	}
	
	.adminuserstdedit:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 0px;
		left: 0px;
		width: 45%; 
		padding-right: 10px; 
        text-align: left;
		white-space: nowrap;
	}
    .billinfotd { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%!important; 
        padding-bottom: 0.5%;
        padding-top: 0.5%;
        font-size: 1vw;
        margin: unset!important;
	}
	
	.billinfotd:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 0px;
		left: 0px;
		width: 45%; 
		padding-right: 10px; 
        text-align: left;
		white-space: nowrap;
    
        margin-bottom: unset!important;
	}

    .delinfotd { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%!important; 
        padding-bottom: 0.5%;
        padding-top: 0.5%;
        font-size: 1vw;
        margin: unset!important;
	}

    .pac-logo::after{
        background-image: unset!important;
        padding: unset;
        height: unset;
    }

    .pac-item{
        font-size: 1vw;
        padding: 1%;
    }
    
    .pac-item:hover{
        background-color: whitesmoke;
        color: black;
        transition-duration: 0.25s;
        cursor: pointer;
    }

    .pac-item-query{
        font-size: 1vw;
        color: inherit;
    }

    .pac-icon{
        background-image: unset!important;
    }


	
	.delinfotd:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 0px;
		left: 0px;
		width: 45%; 
		padding-right: 10px; 
        text-align: left;
		white-space: nowrap;
    
        margin-bottom: unset!important;
	}

    .adminorderstd { 
		/* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%!important;
        padding-bottom: 0.5%;
        padding-top: 0.5%;
        font-size: 1vw;
        margin: 0%!important;
	}

        .adminrestriction { 
            border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            padding-left: 50%!important;
            padding-bottom: 0.5%;
            padding-top: 0.5%;
            font-size: 1vw;
            margin: 2%;
            margin-right: 2%;
            margin-bottom: unset;
            margin-top: unset;

	}

    .tdrestrictcount{
        margin: 2%;
        display: block;

        height: 12vw;
        margin-bottom: 1%;
        overflow: auto;
        border: 1px solid lightgrey;
        padding: 1%;
    }

    p{
        margin-bottom: unset!important;
    }
	
	.adminorderstd:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 0px;
		left: 0px;
		width: 45%; 
		padding-right: 10px; 
        text-align: left;
		white-space: nowrap;
	}

    .adminrestriction:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 0px;
		left: 0px;
		width: 45%; 
		padding-right: 10px; 
        text-align: left;
		white-space: nowrap;
	}

    .adminorderfail { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%!important; 
        padding-bottom: 1%;
        padding-top: 1%;
        font-size: 1vw;
	}
	
	.adminorderfail:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 0px;
		left: 0px;
		width: 45%; 
		padding-right: 10px; 
        text-align: left;
		white-space: nowrap;
	}
    

    .adminthead .adminproductstd { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

    

    .adminthead .admingallerytd{ 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

    .adminthead .promotionstd{ 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

    .adminthead .promotd{ 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

    .adminthead .promotd8{ 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

    



    .adminthead .promotionstd1{ 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

    .adminthead .Contactinfotd { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

    .adminthead .adminuserstd { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

    .adminthead .adminuserstdorder { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

    .adminthead  .adminuserstdorder_extra { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

   
    .adminthead  .contacttd { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
   

    .adminthead .adminuserstdedit { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

    .adminthead .delinfotd { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

    .ordertitle8 {
        width: 10vw;
        padding: 2%;
        font-size: 1vw;
        font-weight: 500;

    }
    .adminthead .billinfotd { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

    .adminthead .adminorderstd  { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

    .adminthead .adminrestriction  { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

    

    .adminthead .adminorderfail  { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

    .topadmintable, .topordertable{
       
        border-bottom: 1px solid lightgrey;
        border-right: 1px solid lightgray;
    
    }

    .carousel-control-next-icon{
        filter: invert(100%) sepia(6%) saturate(578%) hue-rotate(227deg) brightness(90%) contrast(81%);
    }
     .carousel-control-prev-icon {
        filter: invert(100%) sepia(6%) saturate(578%) hue-rotate(227deg) brightness(90%) contrast(81%);
    }



    .carousel-control-prev{
        width: 5%!important;
    }

    .carousel-indicators [data-bs-target] {
        background-color: darkgrey!important;
    }

    .carousel-indicators{
        display: none!important;
    }

    .carousel-control-next{
        width: 5%!important;
    }

    #editShowproducts{
        padding: 1%;
        padding-top: 0%;
        background-color: white;
        padding-bottom: 1%;
        margin: 0%;
        margin-top: 0%;
        border: 0px solid white;
        margin-bottom: unset;
        border-bottom: 2px solid whitesmoke;
    }

    .carousel-item-active{
        transition: transform .6s ease-in-out;
    }

    #carouselpromoinner{
        margin: auto;
        width: 100%;
        padding-left: unset;
        background-color: unset;
        padding-right: unset;
    }

    

    .carousel-control-prev {
        left: 0!important;
        width: 3%!important;
    }

    .carousel-control-next {
        right: 0!important;
        width: 3%!important;
    }

    #promocarousel{
        width: 100%;
        margin: auto;
        padding: unset;
        border-bottom: 1px solid lightgrey;
        border: 0.75vw solid rgb(38, 38, 38);
        border-left: unset;
        border-right: unset;
        border-top: unset;

    }

    .topadmintable{
        background-color: white;
    position: relative;
    border-bottom: 2px solid whitesmoke;
    margin-bottom: unset;
    border-right: unset;
    }

    .topadmintable:hover{
        cursor: pointer;
    }



    .topadmintable:hover,.topadmintable:active, .topordertable:hover{

    
        transition-duration: 0.25s;

    
    }

    

    .phonelabel{
        margin-top: 1vw;
    margin-bottom: 1vw;
    width: 40%;
    display: inline-block;
    font-weight: 500;
    font-size: 1rem;
    font-size: 1vw;
    }

    .topordertable{
        background-color: white;
        display: flow-root;
        border-right: unset;
        border-bottom: unset;
    }

    #ship-address{
            padding: 1%;
    border: 1px solid lightgray;
    transition-duration: 0.25s;
    margin: unset;
    width: 98%;
    border-radius: unset;
    margin-left: 1%;
    font-size: 1vw;
   margin-top: 0%;
    margin-bottom: 2%;
    }

    #ship-address:focus{

        outline: none!important;
        border: 1px solid rgb(255, 31, 95);
        transition-duration: 0.25s;
        background-color: white;
        border-radius: 0px;
        padding: 0.7rem;
    }

    .navbar-brand{
        width: 100%;
        background-color: white;
        padding: unset;
        margin: unset!important;
        display: block;
        padding-bottom: unset!important;
    }

    .productadmintitle{
        font-weight: 500;
        display: inline-block;
        width: 78%;
        font-size: 1vw;
        margin-left: 1%;
    }

    .productadmintitlee{
        padding: 1%;
        width: 100%;
        display: inline-block;
        background-color: white;
        padding: 1vw;
        padding-left: 2%;
        padding-right: 2%;
        margin-bottom: unset;
        transition-duration: 0.25s;
        font-weight: 500;
        font-size: 1.25vw;
        position: relative;
        width: -webkit-fill-available;
        margin-bottom: unset;
        margin-top: unset;
        border-bottom: 2px solid whitesmoke;
    
    }

    .productadmintitlee:before{
        content: "◢";
        position: absolute;
        right: 2rem;
        transform: rotate(45deg);
        transition-duration: 0.25s;
        font-size: 1.5vh;
    }
    
    .productadmintitlee.special:before{
        content: "◢";
        position: absolute;
        right: 2rem;
        transform: rotate(225deg);
        transition-duration: 0.25s;
        font-size: 1.5vh!important;
    }

    
    .productadmintitlee_solo{
        
        width: fit-content;
        display: inline-block;
        background-color: #262626;
        color: white;
        padding-right: 0%;
        margin-bottom: unset;
        transition-duration: 0.25s;
        font-size: 1.25vw;
        float: right;
        position: absolute;
        right: 0;
    }



    .orderadmintitle{
        font-weight: 500;
    width: 100%;
    background-color: white;
    padding: 2%;
    padding-left: 6%;
    transition-duration: 0.25s;
    border-bottom: unset!important;
        
    }

 .orderadmintitle:before{
        content: "◢";
        position: absolute;
        right: 2rem;
        transform: rotate(45deg);
        transition-duration: 0.25s;
        font-size: 1.5vh;
    } 
    
     .orderadmintitle.special:before{
        content: "◢";
        position: absolute;
        right: 2rem;
        transform: rotate(225deg);
        transition-duration: 0.25s;
        font-size:1.5vh;
    } 

    /* .indivordertitle{
        font-weight: 500;
        display: flex;
        width: 100%;
        padding: 2%;
        padding-left: 6%;
        transition-duration: 0.25s;
        background-color: white;
        margin-bottom: unset;
        position: relative;
    } */

    .indivordertitle:hover{
        cursor: pointer;
    }

    .indivordertitle:before{
        content: "◢";
        position: absolute;
        right: 2rem;
        transform: rotate(45deg);
        transition-duration: 0.25s;
        font-size: 1.5vh;
        margin-top: 2%;
    }
    
    .indivordertitle.special:before{
        content: "◢";
        position: absolute;
        right: 2rem;
        transform: rotate(225deg);
        transition-duration: 0.25s;
        font-size: 1.5vh;
    }

    .productadminimage{
        top: 10%;
        width: 6.5%;
        position: absolute;
    }

    .productsinfoinput{
        width: 100%;
        font-weight: 500;
        overflow-wrap: break-word;
        resize: none;
        border: 1px solid lightgrey;
        border-radius: unset;
    }

    .userinputt38{
        width: 100%;
        font-weight: 500;
        overflow-wrap: break-word;
        resize: none;
        border: 1px solid lightgrey;
        border-radius: unset;
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
        margin-left: auto;
        margin-right: unset;
    }
    .productsinfocheck {
        width: 1vw;
        display: block;
        height: 3rem;
    }

    .potusersinput {
        width: 100%;
        border: unset;
        background-color: unset;
    }



 .ordersinfoinput{
    background-color: unset;
    border: unset;
    width: 100%;
    margin-bottom: unset;
    font-weight: 500;
  
  
 }


    .ordersmiddlecontent {
        

        padding-bottom: 0%;
        margin: 0%;
        display: contents;
        margin-top: unset;
        margin-bottom: unset;
        display: block;
   border-bottom: 1px solid lightgrey;
    
    }

    .usersmiddlecontent {
        
  
       

    
    }

    .potuserreasonholder{
        width: 55%;
        display: inline-block;
        margin-left: 6%;
    }

    .beforepotuser:nth-of-type(1)::before { content: "Reason"; margin-top: 1%;
        margin-bottom: 1%;
        top: 0!important;};



    /* Force table to not be like tables anymore */
	.userordertable , .orderstbody { 
		display: contents; 
        padding: unset;
        padding-top: unset;
        padding-bottom: unset;
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */

	
	tr { border: 1px solid #ccc; }
	




    .lefttextinnerpricesalter{
        padding-left: 1%;
        font-size: 1.25vw;
        padding-right: 3%;
    }

    .ordermiddlecellss{
        padding: 0.5%!important;
        padding-left: 1vw!important;
        padding-right: 1vw!important;
        font-size: 1vw;
        border: unset;
        border-top: 2px solid whitesmoke;
        border-left: 2px solid whitesmoke;
        border-right: 2px solid whitesmoke;
    }

    .tbodyouter{
        border: 2px solid whitesmoke;
    font-weight: 500;
    border-left: unset;
    border-right: unset;
    border-top: unset;
    
    }

    
.productsinfoinput_brand{
    margin-bottom: 3%;
    width: 100%;
}



#rowidorderstitle, #rowiduserstitle, #rowidsettingsordertitle, #rowidpotentialuserstitle, #rowiduserordertitle, #rowidConfirmedordertitle, #rowidCompleteordertitle, #rowidFailedordertitle {
    margin: unset;
    padding-right: unset;
    z-index: 5;
    position: relative;
    display: flex;
    border-bottom: 1px solid lightgrey;
    background-color: whitesmoke;
    align-items: flex-start;
    justify-content: space-between;
  

    
}

.cartsub{
    padding: 0.5vw!important;

    font-size: 1vw;
    border: unset!important;
    border-top: unset!important;
    border-left: unset!important;
    border-right: unset!important;
}

@media (max-width: 1000px){


    #subnavtitle {
      display: none;
    }

    .subnav-link:hover {
        cursor: pointer;
    }

    .smiconssidebar {
        width: 7rem;
        margin: auto;
        display: block;
        height: 4.5rem;
        object-fit: cover;
        box-shadow: 0 0 8px 8px white inset;
    }
    .subnav-link {
        display: block;
    padding: 0.8rem 0.5rem;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    background-color: white;
    display: inline-block;
    border: unset;
    font-size: 1rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    }

    #subnav {
        padding: 0%;
        padding-top: unset;
        padding-bottom: unset;
        white-space: nowrap;
        display: inline-flex;
        width: -webkit-fill-available;
        flex-direction: row!important;
        flex-wrap: nowrap;
        overflow-x: auto;
        margin: 1.5rem;
        text-align: inherit;
        margin-top: 0;
        /* z-index: 3; */
        margin-bottom: unset;
        font-size: 1rem;
        background-color: white;
        outline: unset;
        font-weight: 500;
        position: unset;
        left: 0;
        height: unset;
    }

 

    .ordertitle:nth-of-type(1):before { content: "Business Name"; margin-top: 1%;
        margin-bottom: 1%;
           color: black;
           font-weight:600;
            padding-right: 5%;
    width: 9vw;
    display: block;}
    
    .ordertitle:nth-of-type(2):before { content: "Order Date"; margin-top: 1%;
        margin-bottom: 1%;
            color: black;
            font-weight:600;
            padding-right: 5%;
    width: 9vw;
    display: block;}
    
    .ordertitle:nth-of-type(3):before { content: "Order Reference"; margin-top: 1%;
        content: "Case QTY";
        margin-top: 0%;
        margin-bottom: 0%;
        color: black;
        font-weight:600;
        padding-right: 5%;
        width: 9vw;
        display: block;
        left: 0;}
    
    .ordertitleprice:nth-of-type(4):before { content: "Total Cost"; margin-top: 1%;
        margin-bottom: 1%;
            color: black;
            font-weight:600;
            padding-right: 5%;
    width: 9vw;
    display: block;
    }

    .ordertitle15:nth-of-type(1):before { content: "Business Name"; margin-top: 1%;
        margin-bottom: 1%;
            color: black;
            font-weight:600;
            padding-right: 5%;
    width: 9vw;
    display: block;
    }
    .ordertitle15approved:nth-of-type(2):before { content: "Estimate Delivery"; margin-top: 1%;
        margin-bottom: 1%;
            color: black;
            font-weight:600;
            padding-right: 5%;
    width: 9vw;
    display: block;
    }
    .ordertitle15pending:nth-of-type(2):before { content: "Order Date"; margin-top: 1%;
        margin-bottom: 1%;
            color: black;
            font-weight:600;
            padding-right: 5%;
    width: 9vw;
    display: block;
    }
    .ordertitle15complete:nth-of-type(2):before { content: "Date Delivered"; margin-top: 1%;
        margin-bottom: 1%;
            color: black;
            font-weight:600;
            padding-right: 5%;
    width: 9vw;
    display: block;
    }

    .ordertitle15:nth-of-type(3):before { content: "Reference No"; margin-top: 1%;
        margin-bottom: 1%;
            color: black;
            font-weight:600;
            padding-right: 5%;
    width: 9vw;
    display: block;
    }
    .ordertitle15:nth-of-type(4):before { content: "Total Cost"; margin-top: 1%;
        margin-bottom: 1%;
            color: black;
            font-weight:600;
            padding-right: 5%;
    width: 9vw;
    display: block;
    }

    .ordermiddlecells:nth-of-type(0):before { content: "Product Name"; }
	.ordermiddlecells:nth-of-type(1):before { content: "Product Name"; }
	.ordermiddlecells:nth-of-type(3):before { content: "Quantity Ordered"; }
	.ordermiddlecells:nth-of-type(4):before { content: "Unit Price"; }
    .ordermiddlecells:nth-of-type(2):before { content: "Product Code"; }
    .ordermiddlecells:nth-of-type(5):before { content: "Quantity Price"; }
    


    .ordermiddlecells { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%!important; 
        display: block;
	}
	
	.ordermiddlecells:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		left: 0px;
		width: 45%; 
		padding-right: 10px; 
        text-align: left;
		white-space: nowrap;
     

	}

    .subtitletextreg{
        width: 65%;
        font-size: 1rem;
    }

    #openinghours {
        font-size: 1rem;
    width: 100%;
    margin: auto;
    border-bottom: unset;
    padding: 1rem;
    }

    .pac-icon{
        display: none;
    }

    .productbuttons3 {
        font-size: 1rem;
        padding: 0.5rem;
        margin-top: unset;
      
       
    }

    .pac-item{
        white-space: pre-line;
        text-align: left;
        font-weight: 500;
        padding: 0.5rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        width: 100%;
        box-shadow: unset;
        background-color: whitesmoke;

    }
    
    .stagetext{
        width: 35%;
        font-size: 1rem;
       
    }

    .tradereferncetitle{
        width: 100%;
        text-align: center;
        margin-top: 1.5rem;
        margin-bottom: 1rem;
    }

    .namelabel{
        width: 100%;
        font-size: 1rem;
        margin-bottom: 1rem!important;
        margin-top: 0;
        padding-bottom: 0;
        margin-bottom: 0!important;
    
    }
    .pac-item-query {
        font-size: 1rem;
    }

    .pac-item {
        font-size: 1rem;
    }

    .phonelabel{
        width: 100%;
        font-size: 1rem;
        margin-bottom: 4%!important;
        margin-top: 0.5rem;
        margin-bottom: 0!important;
    }

    .form-controler{
        width: 100%;
        padding: 0.5rem;
        margin-top: 0.5rem;
        font-size: 1rem;
        margin-bottom: 0.5rem;
    }

    .namelabelterms {
        margin-top: 1rem;
        width: 84%;
        margin-right: 7%;
        font-weight: 500;
        font-size: 1rem;
        display: inline-block;
        line-height: 2;
    }


    .registrationtitle{
        font-size: 1rem;
        font-weight: 500;
        width: 100%;
        padding: 1rem!important;
        padding-top: 0.25rem!important;
        padding-bottom: 0.25rem!important;
        margin: 1rem;
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }

    #ttregtitle{
        font-size: 1rem;
        font-weight: 500;
        width: 100%;
        padding: 1rem!important;
        padding-top: 0.25rem!important;
        padding-bottom: 0.25rem!important;
        margin: 1rem;
    }

    #formreg{
        padding: 1rem;
        padding-top: 0rem;
        padding-bottom: 1rem;
    }
    

    .productbuttons{
        margin-top: 0rem;
        margin-bottom: 0rem;
        width: 47%;
        margin-left: auto;
        font-size: 1rem;
        padding: 0.5rem;
    }

    .productbuttons1{
        margin-top: 0rem;
        margin-bottom: 0rem;
        width: 51%;
        margin-left: auto;
        padding: 0.5rem;
        font-size: 1rem;
     
    }

    .regbutton1{
        padding: 4%;
        width: 100%;
        margin-top: 8%;
        margin-top: 10%;
        margin-bottom: 5%;
        font-size: 1rem;
    }

    .form-controler-companyinfo {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
        font-weight: 500;
        padding: 0.5rem;
        font-size: 1rem;
    }



    .namelabel-companyinfo-check{
        margin-top: 1rem;
        margin-bottom: 1rem;
        width: 80%;
        font-weight: 500;
        display: inline-block;
        font-size: 1rem;
    }

    #progressbar{
        margin-bottom: 1rem;
        width: auto;
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .subtitlereg{
        width: auto;
        margin: auto;
        margin-left: 1rem;
        margin-right: 1rem;
        margin-bottom: 1rem;
        margin-top: 1rem;
        padding: unset;
    }

    #ship-address{
        padding: 0.5rem;
        border: 1px solid lightgray;
        transition-duration: 0.25s;
        margin: auto;
        display: block;
        width: 100%;
        margin-left: 0;
        border-radius: unset;
        font-size: 1rem;
        margin-bottom: 1rem;
        margin-top: 0.5rem;
    }

    .regbutton {
        padding: 0.5rem;
        width: 15rem;
        display: inline-block;
        margin: 0;
        margin-bottom: 3rem;
        font-size: 1rem;
    }



    .toprightinputorders{
        display: inline-block;
        width: 100%;
        margin-bottom: 0.5rem;
        margin-left: unset;
    }

    #searchconorderid{
        width: 85%;
        margin: 1% auto 7%;
        height: 2rem;
    }
    
    #searchcomorderid{
        width: 85%;
        margin: 1% auto 7%;
        height: 2rem;
    }
    
    #searchfailorderid{
        width: 85%;
        margin: 1% auto 7%;
        height: 2rem;
    }

    .trhead{
        
        margin-right: 6%;
    }

    .trhead1{
        
        margin-right: 6%;
    }



    .orderadmintitle{
        width: 100%;
        padding: 1rem;
        padding-right: 14%;
        padding-top: 0.5rem;
        text-align: left;
        border-bottom: 1px solid lightgrey!important;
        padding-bottom: 0.25rem;
        background-color: white!important;
        color: black!important;
    }
    .adminprint{
        margin-bottom: 2%;
        padding: 0.75%;
        text-align: center;
        color: white;
        background-color: unset;
        border: 1px solid;
        margin-top: 2%;
        display: inline-block;
        width: 26%;
        position: absolute;
        top: 15%;
        
        right: 7%;
        margin-right: 8%;
    }

    .ordertitle {
        width: auto;
        padding-left: 0rem;
        padding-right: 0rem;
        padding-bottom: 0;
        margin-bottom: 0;
        display: inline-block;
        line-height: 2;
        font-size: 1rem;
        min-width: 17rem;
        margin-top: unset;
        padding-top: unset;
        padding: unset;
    }


    .ordertitleprice {
        font-size: 1rem;
        padding-left: 0.5rem;
        min-width: 9rem;
        padding: unset;
    }

    .ordermiddlecells{
        border-bottom: unset;
    }

    .pendingordersmiddlecontent{
        border-bottom: 1px solid white;
    margin-bottom: 5%;
    padding-bottom: 5%!important;
    }

    .admindeleteorder {
        padding: 0.5rem;
        text-align: center;
    

        display: inline-block;
        width: 14rem;
        font-size: 1rem;
        margin-left: 1.5rem;
        margin-right: 1.5rem;

        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .adminreorder {
        padding: 0.5rem;
        text-align: center;
       
    
        display: inline-block;
        width: 14rem;

        font-size: 1rem;
        margin-left: 0.5rem;
        margin-right: 1.5rem;

        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .adminreorder2 {
        padding: 0.5rem;
        text-align: center;
        color: white;
        background-color: unset;
        display: inline-block;
        width: 14rem;
        border: 1px solid;
        font-size: 1rem;
        margin-left: 0.5rem;
        margin-right: 1.5rem;
        font-weight: 500;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }


    .indivordertitle{
      
        white-space: initial;
        line-height: 2;
        
    }

   

    /* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 45%!important; 
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: unset!important;
		left: 0px;
		width: 45%; 
		padding-right: 10px; 
        text-align: left;
		white-space: nowrap;
	}

    .orderbottomcontent {
     
        background-color: unset;
        color: black;
        border: unset;
        border-top: unset;
        font-size: 1.25vw;
        width: 100%;
        display: inline-flex;
        border-bottom: 2px solid whitesmoke;
        align-items: baseline;
    }

    #cartbottom1 {
        border: 1px solid lightgrey;
        padding: 1rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        background-color: whitesmoke;
    
    }


    #cartbottom {
        border: 1px solid lightgrey;
        padding: 1rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        background-color: whitesmoke;
    }
    #bottomcartrow {
        width: 100%;
        margin: auto;
        /* border-top: 1px solid lightgrey; */
        margin-bottom: 1%;
        /* border-bottom: 1px solid lightgrey; */
        padding: unset;
    }

   

    .bottemcellcontent {
        border: unset;
        font-size: 1rem;
        width: 31%;
        display: inline-block;
        font-weight: 500;
        color: black;
        padding-right: unset!important;
        padding-left: unset!important;
        text-align: left;
        margin-right: 1%;
        margin-left: 1%;
        padding-bottom: unset!important;
        display: none;
    }
    
    

    .cartqval3 {
        width: 100%;
        font-weight: 500;
        overflow-wrap: break-word;
        resize: none;
        border: 1px solid lightgrey;
        border-radius: unset;
        padding: 0.5rem;
    }

    .cob15 {
        font-size: 1rem;
        background-color: unset;
        border: 1px solid white;
        padding: 0.5rem;
        width: 100%;
        background-color: white;
        font-weight: 600;
        display: block;
        margin-right: 1rem;
        margin-top: 0rem;
        border: 2px solid #ff1f5f;
    }
    

   
    #subnav{
        display: none!important;
    } 

    #subnavcol{
        display: none!important;
    }

    .cartqval2 {
        width: 100%;
        font-weight: 500;
        overflow-wrap: break-word;
        resize: none;
        border: 1px solid lightgrey;
        border-radius: unset;
        padding: 0.5rem;
        line-height: unset!important;
    }

    .bottemcellcontent1{
        display: block;
        color: #ff1f5f;
        font-weight: 600;
        text-align: end;
        font-size: 1rem;
        line-height: 2;
        width: 33%;
        padding: 0rem!important;
        padding-top: unset!important;
        padding-bottom: unset!important;
    }

    #searchuserorders {
        padding: 0.5rem;
        transition-duration: 0.25s;
        height: fit-content;
        font-size: 1rem;
        width: 100%;
        margin: unset;
        margin-top: unset;
    }

    .ordermiddlecellss:before { 
        position: absolute;
        left: 0px;
        width: 48%;
        padding-right: 0.25rem;
        padding-left: 0.25rem;
        text-align: left;
        white-space: nowrap;
        color: white;
        background-color: rgb(38, 38, 38);
        height: 100%;
        display: none;
     

	}

    

    .ordermiddlecellss:nth-of-type(0):before { content: "Product Name"; }
	.ordermiddlecellss:nth-of-type(1):before { content: "Product Name"; }
	.ordermiddlecellss:nth-of-type(3):before { content: "Quantity Ordered"; }
	.ordermiddlecellss:nth-of-type(4):before { content: "Unit Price"; }
    .ordermiddlecellss:nth-of-type(2):before { content: "Product Code"; }
    .ordermiddlecellss:nth-of-type(5):before { content: "Quantity Price"; }

    .ordermessage {
        font-size: 1rem;
    }
    .adminprint {
        font-size: 1rem;
        margin-top: 0rem;
        margin-bottom: 0.5rem;
        line-height: 1;
        padding: 0.5rem;
        /* width: 100%; */
        position: unset;
        border: unset;
        text-decoration: underline;
        font-weight: 500;
        font-weight: 600;
        text-align: left;
        color: rgb(255, 31, 95);
        margin-left: 45%;
        padding-left: unset!important;
    
    }
    #ordermessage2{
        font-size: 1rem;
    }

    #searchid, #searchuserid, #searchuserpoid , #searchorderid, #searchconorderid, #searchcomorderid , #searchfailorderid {
        height: unset;
        margin: auto;
        padding: 0.5rem;
        font-size: 1rem;
        margin-top: 0.0rem;
        margin-bottom: 0.0rem;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
 
    }

    .nopotusermsg {
        font-size: 1rem;
    }
    

    #addnewproduct{
        display: block;
        height: unset;
        font-size: 1rem!important;
        border: 1px solid;
        color: white;
        margin: auto;
        padding: 0.5rem;
        margin-left: 0.5rem;
        margin-right: 0.5rem;
        margin-top: 0.5rem;
        width: 8rem;
    }

    #restrictedlines{
        display: block;
        height: unset;
        font-size: 1rem!important;
        border: 1px solid;
        color: white;
        margin: auto;
        padding: 0.5rem;
        margin-left: 0.5rem;
        margin-right: 0.5rem;
        margin-top: 0.5rem;
        width: 8rem;
    }

    .logintitle{
        font-size: 1rem;
        font-weight: 500;
        width: -webkit-fill-available;
        padding: 0.25rem 1rem!important;
        margin: 1rem;
        margin-bottom: unset;
    }

    
.cartqval {
    width: 100%;
    font-weight: 500;
    overflow-wrap: break-word;
    resize: none;
    border: 1px solid lightgrey;
    border-radius: unset;
    padding-top: unset;
    text-align: center;
    padding-bottom: unset;
}

    #address-form{
        width: auto;
    margin: 0;
    padding: unset!important;
    margin-top: unset;
    margin-bottom: unset;
    }

    #regbutton1login {
        margin-left: 1rem;
    margin-top: unset!important;
    margin-bottom: 2rem;

    }

    .regbutton1 {
        display: inline-block;
        padding: 0.5rem;
        font-size: 1rem;
        margin: 0;
        margin-top: 1rem!important;
        width: 15rem;
        margin-left: 1.5rem;
    }


    .ordersection{
  
        padding: 0%;
    }
    

    .continueregtext {
        padding: 1rem;
        text-align: left;
        font-size: 1rem;
        font-weight: 500;
        line-height: 2;
        padding-top: 1rem;
    }

    .btnholderreg {
        display: flex;
        margin-top: 0rem;
        margin-bottom: 0rem;
        flex-direction: row;
        padding: 1rem;
        width: 100%;
    }

    .regbuttonlogin{
        padding: 0.5rem 0.25rem;
        text-align: center;
        width: fit-content;
        font-size: 1rem;
        background-color: rgb(38, 38, 38);
        margin-top: 1rem;
        margin-left: 0rem;
        float: unset;
        margin-right: 0.5em;
        margin-bottom: 1rem;
        padding: 0.5rem 1rem!important;
    }

    #loginform {
        padding: 0;
        width: auto;
        margin: 1rem;
    }
    



    

    .ordermiddlecellss{
        text-align: left;
        font-size: 1rem;
        width: 50%;
        display: inline-flex;
        border: unset;
        padding: 0rem!important;
        /* padding-left: 53%!important; */
        border-right: unset;
        line-height: 2;
        background-color: black;
        justify-content: flex-end;
    }

    .firstcolmob{
        width: 80%;
        padding-right: 0.5rem!important;
        display: inline-flex;
        justify-content: flex-start;
        padding-right: 1rem!important;
        margin-bottom: 1rem!important;
    }

.seccolmob{
    width: 20%;
    display: inline-flex;
    justify-content: flex-start;
}

.thirdcolmob{
    display: inline-flex;
    justify-content: flex-end;
    width: 19%;

    font-size: 1rem;
    font-weight: 600;
}


.fourthcolmob{
    width: 30%;
    font-weight: 600;

}

.fifthcartsub{
    width: 50%;
    display: inline-flex;

}

.carttitle{
    width: 55%!important;
    display: inline-block;
    padding: unset!important;
}
.cartbutton{
    width: 45%!important;
    padding: unset!important;
    display: inline-block;
}

.sixthcartsub{

}

    .continueregbtnr {
        padding: 0.5rem;
        width: 50%;
        font-weight: 600;
        background-color: unset;
        font-size: 1rem;
        display: inline-block;
        margin: unset;
        border-right: unset;
    }

    .continueregbtng {
        padding: 0.5rem;
        width: 50%;
        font-weight: 600;
        margin: auto;
        background-color: unset;
        font-size: 1rem;
        display: inline-block;
    }

    .continereg {
        padding: 1rem;
    }

    #mainnavcontainer{
        padding: unset;
    }
    #detailsmiddlerow {
        padding: 1rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        display: flex;
        width: 100%;
        margin: auto;
        background-color: #262626;
        color: white;
        margin-bottom: 1rem;

    }


#middlemiddledetails {
    padding: 3%;
    display: block;
    padding-bottom: unset;
    padding-top: 2%;
    margin: 1rem;
    border-top: unset;
    margin-bottom: 5%;
    margin-top: unset;
    width: -webkit-fill-available;
    padding: unset;
    border: unset;
    padding-bottom: 1rem;
    height: unset;
}

    #margindetails{
        font-size: 1rem;
        width: 50%;
    }

    .detailsprice{
        width: 50%;
        font-size: 1.5rem;
    }

    #pagenumbers{
      
        padding: unset;
    }



    .detailstitleproducts{
        width: 90%;
        display: block;
        margin: auto;
        font-size: 1.1rem;
        font-weight: 500;
        padding: 0.25rem;
        padding-left: unset;
        padding-right: unset;
    }



    .nutritiontable{
        width: 85%;
        padding: unset;
        padding-bottom: 1rem;
        padding-top: 1rem;
        margin: auto;
        font-size: 1rem;

    }

    .producttextpricesalter {
        font-size: 1rem;
    }

    .lefttextinnerpricesalter {
        font-size: 1rem;
        width: fit-content!important;
    }

    .nutritiontd{
        width: 50%;
    display: inline-block;
    padding-left: unset!important;
    border-right: unset;
    }

    .nutritiontdcell{
        width: 50%;
        display: inline-block;
        font-weight: 500;
        padding-left: unset!important;
    }

    .ingredients, .Allergies{
        margin: auto;
        width: 90%;
        margin-top: 0;
        font-size: 1rem;
        margin-bottom: 1rem!important;
    }

    .orderbutton{
        margin-bottom: 0.5rem;
        margin-top: 1.5rem;
        font-size: 1rem;
    }

    .brandimagedetails{
        width: 15rem;
        height: auto;
        margin-top: unset;
        margin-bottom: unset;
    }

    .centrepageno{

        width: auto;
        padding: 1rem;
        display: block;
        padding-top: unset;
        padding-bottom: unset;
    }

    .productname{
        font-weight: 600;
        font-size: 1.25rem;
        height: unset;
    }

    #address{
        padding: 1rem;
        padding-top: unset;
        padding-bottom: 0.5rem;
    }
    
    #innerproducttitle {
        height: fit-content;
    width: auto;
    margin: 1rem;
    margin-top: unset;
    display: flex;
    align-items: flex-start;
    margin-bottom: unset;
    }

    .namelabel-companyinfo{
        font-size: 1rem;
    display: block;
    margin-bottom: 0rem!important;
    margin-top: 0rem;
    }

    .productsection{
        margin-bottom: 5%;
        box-shadow: unset;
        width: 100%!important;
        background-color: white;
        outline: unset;
        margin: unset!important;
        padding-bottom: 0rem;
  
    }

    #toppage{
        margin-bottom: unset;
        position: unset;
    }

    #otherprices{
    
        padding-top: 0.5rem;
    }

    #productsinfopage {
        display: inline-block;
        font-size: 1rem;
        font-weight: 500;
        padding-bottom: 0rem;
        color: white;
        width: 100%;
        float: unset;
        margin: unset;
        margin-left: unset;
        margin-right: unset;
        text-align: left;
        line-height: 2;
        position: unset;
    }

    
    #cartdropdown2 {
        display: block;
        overflow-y: scroll;
        height: 31vh!important;
        border: unset!important;
        }

    .catelogcreator {
        padding: 0.5rem;
        font-size: 1rem;
        padding-left: 1rem;
        padding-right: 1rem;
        display: inline-block;
        margin-left: 2%;
        background-color: unset;
        border: 1px solid;
        color: white;
        display: none;
    }

    #navbarbrands3 {
        align-items: flex-start;
        display: block;
        border-top: unset;
        padding-top: 0.25rem;
    }

    .navtitlebuttons {
        display: none;
        padding-left: 0%;
        font-size: 1rem;
    }

   

    .navtitlebuttons2 {
        display: inline-block;
        padding-left: 0%;
        font-size: 1rem;
        margin-right: 2rem;
        margin-bottom: 0.5rem;
    }

    #titleprosection {
        display: inline-block;
        font-weight: 600;
        padding-top: 0rem;
        width: 100%;
        color: white;
        font-size: 1.25rem;
        padding-bottom: 0rem;
        background-color: unset;
        margin-bottom: 0rem;
        padding-left: 0.75rem!important;
        padding-right: unset;
    }

    #branddiv {

    }

    .itemprice{
        text-align: end;
        float: unset;
        font-size: 1.5rem;
        font-weight: 600;
        margin-top: 0;
    }

    .pgeno{
        width: 2.23rem;
        height: 2.23rem;
        font-size: 1rem;
    }

    .ordertopright{
        width: 100%;
     }

    .innerproductitle{
        padding-left: 5%;
    padding-right: 5%;
    border-top: 1px solid lightgrey;
    padding-bottom: 5%;
    padding-top: 5%;
    }
    .homeimg1 {
        display: block;
        width: 99%;
        border-right: unset;
        border-top: unset;
        background-color: whitesmoke;
        border: 1px solid lightgrey;
        padding: 0%;
        margin: auto;
        margin-bottom: 1rem;
        margin-top: 1rem!important;

    }
    .producttextprices{
        margin: unset;
        padding: unset;
        font-size: 1rem;
    }

    .ordermiddlecells{
        text-align: end;
        padding-top: 0.5rem!important;
        padding-bottom: 0.5rem!important;
        font-size: 1rem;
    }
    .orderbottomEQ1{
        display: none;
    }

    .currentpage {
        margin: auto;
        width: auto;
        padding: 0.5rem;
        padding-left: unset;
        padding-right: unset;
        display: inline-flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    
.ordertitletty{
    line-height: 2;
    font-size: 1rem;
    padding-right: 5%;
    width: 15vw;
    padding: 2%;
    padding-right: unset;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-weight: 500;

   
}

    #leftregloginid{
     width: 100%;
     margin: unset;
    }


    .adminproductstd:before ,.admingallerytd:before, .promotionstd:before, .promotd:before, .promotd8:before,  .promotionstd1:before, .productpricingtd:before, .adminnutritiontd:before, .adminingredientstd:before, .productpricingtdnew:before, .adminnutritiontdnew:before, .adminingredientstdnew:before {
        margin-top: 0.5rem!important;
        padding: 0.25rem;
        padding-left: unset;
        margin-bottom: 0.5rem!important;
        
        
    }

    .productsadmintable{
        display: grid;
        font-weight: 500;
        width: auto;
        justify-items: stretch;
        margin: unset!important;
        position: relative;
        z-index: 2;
        min-height: 15rem;
        background-color: white;
        margin-bottom: unset!important;
    }

    #productstableid {
        margin: unset!important;
        margin-bottom: 0%!important;
    }
    

    .ordersbuttonremoveadmin {
        width: 1.5rem;
        text-align: center;
        padding: 0rem;
        font-size: 1.5rem;
        margin-right: unset;
        margin-top: -0.5rem;

    }

    #innerfooter2 {
        background-color: white;
        padding: 1.5rem;
        padding-top: unset;
        padding-bottom: unset;
    }

    .admineditnow{
        padding: unset;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        margin: unset!important;
        width: -webkit-fill-available;
        margin-top: 6%;
        font-size: 1rem;
    }

    .productsinfoinput_imgurl{
        width: 80%!important;
        margin-bottom: 0.5rem;
    }
    .otherprice {
  
    font-size: 1rem;
    letter-spacing: unset;
    font-weight: 500;
    line-height: 1.75;
    }

    .backbutton{
        padding: unset;
    }

    .realproducttop{
        letter-spacing: unset;
        padding-left: 1rem;
        color: white;
        display: block;
        padding-right: 1.5rem;
        display: flex;
        flex-direction: column;
        padding-top: 1rem;
        padding-bottom: 1rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    #socialmediaicons {
        width: 93%; 
        margin: auto;
        margin-top: 10%;
        margin-bottom: 0%;
    }

    .footertitle{
        padding: 0;
        font-size: 1.25rem;
        margin-top: 1rem;
        padding-left: 1rem;
        margin-bottom: 1rem;
        margin-left: 0rem;
    }
    #brandcard {
        color: black!important;
        display: inline-block;
        border: 2px solid whitesmoke;
        position: relative;
        margin: 1rem!important;
        width: -webkit-fill-available;
        margin-bottom: unset!important;
    }
    .tandc {
        font-size: 1rem;
        padding: 1.5rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        font-weight: 500;
        background-color: whitesmoke;
        border-top: 1px solid lightgrey;
    }

    .rightabouttitle {
        font-size: 1rem;
    }

    .footerbuttons {
        width: 46%;
        display: inline-block;
        margin-right: 3%;
        padding: 3%;
        font-size: 1rem;
        font-weight: 500;
        margin-bottom: 0;
        padding-top: 2%;
        padding-bottom: 2%;
        transition-duration: 0.25s;
        margin-left: unset;
        border: unset;
    }

    .footerbuttonslegal {
        width: 46%;
        display: inline-block;
        margin-right: 3%;
        padding: 3%;
        font-size: 1rem;
        font-weight: 500;
        margin-bottom: 0;
        padding-top: 2%;
        padding-bottom: 2%;
        transition-duration: 0.25s;
        margin-left: unset;
        border: unset;
    }

    .smicons {
        width: 1.5rem;
    position: absolute;
    top: 0.2rem!important;
    left: 100%;
    
    }

    #smicons{
        margin-left: 0;
        left: 0.2rem;
        filter: invert(0%) sepia(7%) saturate(299%) hue-rotate(233deg) brightness(91%) contrast(86%);
    }
    .locationfooter {
        font-size: 0.75rem;
        font-weight: 500;
        padding: 3%;
       
        letter-spacing: unset;
        text-align: left;
        margin: auto;
        width: 100%;
        border-bottom: unset;
        margin-top: 0%;
        position: relative;
    }

    .footerbuttonsorder {
        width: 46%;
        display: inline-block;
        margin-right: 3%;
        padding: 3%;
        font-size: 1rem;
        font-weight: 500;
        margin-bottom: 0;
        padding-top: 2%;
        padding-bottom: 2%;
        transition-duration: 0.25s;
        margin-left: unset;
        border: unset;
    }

    
.outerfooter{
    margin-top:unset;
}

    .outerfooterlinks{
        margin-bottom: 1rem;
        margin-top: unset;
    }
    .productprice{
        font-size: 1rem;
        font-weight: 500;
    }

    .userordertable{
        display: grid;
        z-index: 5;
        position: relative;
        align-items: start;
        margin: unset!important;
        border: unset;
        padding-top: 0.5rem;
        border-bottom: unset;
    }

    .firstcol{
        display: inline-flex;
        width: 80%;
        padding-right: 1rem!important;
        margin-bottom: 4rem;
        justify-content: flex-start;
    
    }
    
    .seccol{
        display: inline-flex;
        width: 30%;
    }
    
    .thirdcol{
        display: inline-flex;
        width: 35%;
        margin-top: -3rem;
        justify-content: flex-end;
    }
    
    .fourthcol{
        display: inline-flex;
        width: 100%;
        justify-content: flex-end;
        position: absolute;
        left: 0;
        bottom: 1rem;
    }
    
    .fifthcart{
        display: inline-flex;
        width: 35%;
    }
    
    .sixthcart{
        display: inline-flex;
        width: 20%;
    }

    .ordersbuttonremove {
        display: inline-block;
        width: 6rem;
        font-size: 0.75rem!important;
        border: 1px solid;
        background-color: unset;
        color: white;
        line-height: 0;
        padding: 0.75rem;
        margin: 0.25rem;
        margin-left: unset;
        margin-right: unset;
        position: absolute;
        top: -9rem;
        right: 1rem;
        
    }

    .productimg{
        margin: auto!important;
    
        display: block;
        
    }
    .navbar-nav{
        width: 100%;
        
    }

    #details{
        margin: auto;
        box-shadow: unset;
        padding: unset;
        height: unset;

        
    }
   

    #toptitleorders5{
        font-size: 1.25rem;
        font-weight: 600;
        margin-bottom: 0%;
        padding: 0.25rem;
        padding-left: 1rem;
        color: black;
        border-left: 6px solid rgb(255, 31, 95);
        text-transform: unset;
        display: inline-block;
        width: -webkit-fill-available;
        margin: unset;
        margin-top: 1.5rem;
        margin-bottom: 0.5rem;
    
    }


    #toptitledesc4 {
        padding-top: 0%;
        padding-bottom: 0%;
        padding-left: 0%;
        padding-right: 0%;
        line-height: 2;
        font-size: 1rem;
        font-weight: 500;
        color: black;
        margin: unset;
        flex: unset;
        margin-top: 1rem;
        width: -webkit-fill-available;
        background-color: whitesmoke;
        margin-bottom: 0.5rem!important;
    }

    body{

        overflow-x: hidden!important;
   }

.nav-item {
    width: 100%;
    font-size: 1.25rem;
    font-weight: 500;
    
    font-size: 1.25rem;
    margin-left: unset;
    margin-right: unset;
    border-radius: unset;


}

#cart3{
    font-weight: 600;
    font-size: 1rem;
    margin-left: auto;
    margin-bottom: 0.75rem;
    width: 90%;
    border-radius: 0px;
    background-color: unset;
    color: rgb(255, 31, 95);

}

.orderbottomcontent2 {
    background-color: white;
    color: black;
    border: unset;
    width: -webkit-fill-available;
    display: inline-flex;
    position: absolute;
    bottom: 0;
    left: 0;
    border-top: 1px solid lightgrey;
    padding-right: 1rem;
    padding-left: 1rem;
    padding-bottom: unset;
    padding-top: 0rem;
    align-items: center;
}


#innerproduct{
    border-right: unset;
    width: auto;
    margin: 1rem;
    margin-top: unset;
    margin-bottom: unset;
}

.nav-link {
    padding: 0.75rem 1rem!important;

}

#mainnavcontainer {
    padding: unset;
    width: 100%;
    margin: unset;
}

.rightproductsmenu {
       
    display: none;
}

.nav-linkk {
    padding: 1rem 1rem;
    height: 76px;
    text-align: center;
    width: 100%;
    line-height: 1;
    font-size: 1rem;
    height: unset;
    position: relative;
}

.dropdown-menu {
    max-height: 40vh;
}

.nav-itemm {
    width: 100%;
    border-left: unset;
    border-bottom: 1px solid lightgrey;
    overflow: hidden;
    margin-top: 0;
    margin-bottom: 0;
    display: block;
    font-size: 1rem;
    border: unset!important;
    border-bottom: 2px solid whitesmoke!important;
}


.imgheight {
    margin-top: 1rem;
    height: 100%;
    display: flex;
}

element.style {
    background-color: rgb(68, 92, 84);
    border-left: 1px solid rgb(68, 92, 84);
    border-right: 1px solid rgb(68, 92, 84);
}
#nav-brands {
}

.brandcardinner {
    position: relative;
    padding: 1rem;
}
.navbar-nav{
width: 100%;
margin: auto;
max-height: 60vh;
overflow: auto;

}

.navbrandp{
    font-size: 1rem!important;
    margin-top: 1rem!important;
}

.navbrandtitle{
    text-transform: unset;
    font-size: 1.25rem!important;
    border-left: 6px solid rgb(255, 31, 95);
    padding-left: 1rem!important;
    padding-top: 0.25rem;
    font-weight: 600;
    padding-bottom: 0.25rem;
    margin-top: 1rem;
}

.navbar{
    width: 100%;
    padding: 1rem;
    margin: auto;
    background-color: white;
    /* overflow: auto; */
    padding-top: 0rem!important;
    padding-bottom: 0rem!important;
    border-bottom: 0px solid lightgrey;

    }

.dropdown-item{
    text-align: center!important;
}

.dropdown-itemmm{
    border-left: unset;
    border-radius: unset;
    border-bottom: 1px solid lightgrey;
    padding: 1rem 1rem;
    text-align: left;
    font-size: 1rem;
    margin-bottom: unset;
    border: unset!important;
    font-weight: 500;

}

.dropdown-menu {
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    border-radius: unset!important;
    margin: unset!important;
    border: unset!important;
    box-shadow: unset;
    
    background-color: black!important;
    outline: unset!important;
    border: 10px solid #262626!important;
    font-size: 1.1vw!important;
}


.bottomdropordersimage{
    width: 2%;
    margin: auto;
    display: block;
    margin-top: 0.5%;
    margin-bottom: 0.5%;
}
#basenav{
    width: 100%;
    color: black!important;
}

#cob1{
    font-size: 1rem;
    background-color: unset;
    border: 2px solid #ff1f5f;
    padding: 0.5rem;
    width: 100%;
    max-width: 21rem;
    font-weight: 500;
    font-weight: 600;
    margin-top: 1rem;
    margin-right: auto;
    margin-left: unset;
    margin-bottom: 0rem;
    display: block;
}



#cartbottominnerrow {

    margin-bottom: 5%;
}

#titlebrands{

    padding: 5%;

    
}

.myaccounttitle{
    width: 100%;
    margin: auto;
    padding: 1.5rem;
    display: block;
    margin-bottom: 1rem;
    padding-top: 1rem;
    font-size: 1rem;
    border-bottom: 1px solid lightgray;
    padding-bottom: 1rem;
    background-color: white;
}

.myaccountdescr{
    width: 100%;
    padding: 1rem;
    margin: auto;
    padding-top: 1rem;
    margin-bottom: 0%;
    font-weight: 500;
    padding-bottom: 1rem;
    font-size: 1rem;
    border-bottom: 1px solid lightgrey;
}

#orderbrieftextvat, #orderbrieftextincl, #orderbrieftextexcl, #orderbrieftext, #orderbrieftextlines{
    border: unset;
    width: 50%;
    display: inline-block;
    font-size: 1rem;
    padding: 0.25rem;
    padding-left: unset;
    padding-right: unset;
}

#orderbrieftextlabel {
    border: unset;
    width: 50%;
    display: inline-block;
    font-size: 1rem;
    padding: 0.25rem;
    padding-left: unset;
    padding-right: unset;
}

.ordermessageuser{
    font-size: 1rem;
    padding: 1rem;
    padding-bottom: 1rem;
    padding-top: 0rem;
}
.pendingordersmiddle {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-bottom: 0rem;
    padding-top: unset;
    padding-bottom: unset;
    font-size: 1vw;
}

.contacttd {
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 93%!important;
    padding-bottom: 0.5%;
    padding-top: 0.5%;
    font-size: 1vw;
}
/* For Firefox */

input[type='number'] {
    -moz-appearance:textfield;
}

input[type='number']:hover {
    -moz-appearance:textfield;
}

#dropdowncategories {
    display: inline-flex;
    overflow-y: unset;
    width: 100%;
    padding: unset;
    height: unset;
    flex-direction: row;
    flex-wrap: wrap;
    border: unset;
}

.navbar-light .navbar-toggler {

    width: 14%;
    margin-top: 1rem;
    border-radius: unset;
    border: 1px solid white;
    border-color: lightgrey!important;
    outline: unset;
    padding: unset;
    padding-top: 1%;
    padding-bottom: 1%;
    position: absolute;
    right: 1rem;

 
    }

  
li{
    
}
a{
    outline: unset!important;
}
    

    .navbar-toggler-icon {
        background-size: 75%!important;
        filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(-50deg) brightness(202%) contrast(200%)!important;
    }


/* Webkit browsers like Safari and Chrome */

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#middleproductdetailsright {
    
    width: 100%;
    margin: auto;
    box-shadow: unset;
    height: unset;
    padding: 1rem;
    background-color: white;


}

.pbfield1{
    display: inline-block;
    width: 120%;
  
}
.innertitleprice {
    display: inline-block;
    padding-left: 0.5rem;
    background-color: whitesmoke;
    padding-right: 0.5rem;
    width: auto;
}

.innertitletext {
    display: inline-block;
    padding-right: 5%;
    width: 6rem;
}

.furtherpricesbc{
    width: 100%;
    margin-top: 0.5rem;
    text-align: left;
    font-size: 1rem;
    border-top: 2px solid whitesmoke;
}

.promobrandimg {
    margin-right: auto;
    margin-left: 7rem;
    align-items: flex-start;
    width: 10rem;
}

#promodesc2 {
    font-size: 1rem;
    width: 80%;
    padding: 1.5rem;
    padding-right: unset;
    padding-top: 0.5rem;
    margin-right: auto;
    padding-bottom: 0;
}

#detailstoprow {
    width: auto;
    margin: 1rem;
    margin-top: unset;
    margin-bottom: unset;
    padding-bottom: unset;
    padding-top: unset;
    border: 1px solid lightgrey;
   
}

.breifproductsearchitem {

    width: 100%!important;
    left: 0%;
    bottom: 0;
    height: 50vh;
    margin-left: unset;
    border: 1px solid lightgrey;
    top: 130%;
    border-radius: 0px;
}

#productsearchuser{
    margin: auto;
    padding-bottom: unset;
    width: 100%;
    margin-right: auto;
    position: relative;
    margin-bottom: 1rem;
    margin-top: 0.4rem;
  
}

input #formreg{   
    /* Remove First */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    /* Then Style */

    line-height: 20px;
    background: white;
    outline: none;   
    border-radius: 0px; 
}

input #address{   
    /* Remove First */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    /* Then Style */

    line-height: 20px;
    background: white;
    outline: none;   
    border-radius: 0px; 
}

select{   
    /* Remove First */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    /* Then Style */

    line-height: 20px;
    background: white;
    outline: none;   
    border-radius: 0px; 
}

.userreferenceholder{
    width: 100%!important;
    padding: 1rem!important;
    padding-top: 0.5rem!important;
    padding-bottom: 0.5rem!important;
    border: 1px solid lightgrey;
    display: inline-flex;
    flex-direction: column;
}



#brandpricename{
    font-size: 1rem;
}

#brandpricename2{
    font-size: 1rem;
    padding-top: 0.5rem;
    width: auto;
    margin-right: 1.5rem;
    text-align: left;
    margin-left: 1.5rem;
    height: unset;
    line-height: 1.25;
}
#ordertitlecart {
    width: 100%;
    display: inline-block;
    padding-left: unset;
    max-width: unset;
    min-width: unset;
}

.dropdown-menu {
    transition-duration: 0.25s!important;
}

#searchidproductuser1{
    display: inline-block!important;
    width: 100%!important;
    padding: 0.5rem!important;
    /* margin-top: 0.5rem; */
    font-size: 1rem;
 
}
#searchidproductuser2{
    width: 58%!important;
    font-size: 1rem;
    padding: 3%!important;
    margin-top: 5%;
    margin-bottom: 1rem;
    display: inline-block!important;
    width: 100%!important;
    padding: 0.5rem!important;
    margin-top: 0rem;
    font-size: 1rem;
}

#ordertitlecart2 {
    width: 60%;
    display: inline-block;
    min-width: unset;
    /* margin-top: 1rem; */
    padding-right: unset;
    padding-left: unset;
    margin-left: unset;
    max-width: unset;
}

input[type=text] {   
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    line-height: 20px;
    background: white;
    outline: none;
    border-radius: 0px;
    padding: 0.5rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

input[type=number] {   
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    line-height: 20px;
    background: white;
    outline: none;
    border-radius: 0px;
    width: 100%;
    font-size: 1rem;
}


#navbarDropdownMenuLinkdrop {
    color: black;
    width: 100%;
    /* left: -27px!important; */
    right: 0;
    min-width: unset;
    position: unset;
    padding: 1rem;
    border: 1px solid lightgrey!important;
    box-shadow: unset!important;
    background-color: #262626!important;
}

#map {
    border-right: 1px solid lightgrey;
    border-top: 1px solid lightgrey;
    border-bottom: 1px solid lightgrey;
    height: 15rem;
}
.smicons7 {
    width: 1.5rem;
    margin-left: 5%;
    filter: invert(34%) sepia(7%) saturate(299%) hue-rotate( 233deg) brightness(91%) contrast(86%);
}

.smicons20 {
    width: 1.5rem;
    margin-left: 5%;
    filter: invert(34%) sepia(7%) saturate(299%) hue-rotate(233deg) brightness(91%) contrast(86%);
}

#leftail {

border-right: unset;
}

#rightabout {
    
    width: -webkit-fill-available;
    margin: 1rem;
    margin-top: unset;
    margin-bottom: unset;
    border-left: unset;
    padding: unset;

}

.xbutton {

    position: absolute;
    top: 0;
    right: 2%;
    color: white;

}

.body-terms{
    padding-top: 10%;
    padding-bottom: 10%;
}

.privacypsubtitle {
    font-size: 1rem;
}

.h4privacypsubtitle {
    font-size: 1rem;
}

.privacyptitle {
    background-color: white;
    padding: 3.5%;
    padding-left: 6%;
    font-size: 1.1rem;
    color: white;
    width: 100%;
    font-weight: 500;
    margin-bottom: 0;
    display: inline-block;
}

#modalterms {
    display: block;
    padding: unset;
    width: 90%;
    max-width: unset!important;
    margin-top: 4%!important;
    height: 90vh;
    max-height: unset;
    overflow: hidden;
    min-height: unset;
    margin: auto;
}

#innertextcontactpageleft{
    width: 100%;
    display: inline-block;
    padding: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 1rem;
    text-align: left;
    font-weight: 500;
    margin: unset;
}
.loginbreiftext {
    padding: 1rem;
    font-size: 1rem;
    display: flex;
    flex-direction: column;
    background-color: whitesmoke;
    margin-top: 0.5rem!important;
    margin-bottom: 1rem!important;
    width: 100%;
    text-transform: none;
    transition-duration: 0.25s;
}

.contactlabel {
    font-size: 1rem;
    padding: 0.25rem!important;
    padding-top: 0.5rem!important;
}

.regbutton15{
    font-size: 1rem;
    width: 50%!important;
    padding: 0.5rem;

    margin-top: 1rem!important;
    margin-bottom: 1rem!important;
}

.contactinput {
    font-size: 1rem;
    padding: 0.25rem;
}
.contactitle {
    font-size: 1.25rem;
    margin-left: unset;
    width: 100%!important;
    margin: auto;
    line-height: 3vw;
    font-weight: 600;
    padding: 0.25rem;
    background-color: white;
    padding-left: 0.75rem!important;
    color: black;
    margin-bottom: unset;
}

.contactform {

    padding-top: 2%;
    padding-bottom: 3%;
    background-color: white;
    font-size: 1vw;
    font-weight: 500;
    text-transform: unset;
    margin: auto;
    font-family: open-sans, sans-serif;
  
    margin-left: unset!important;
    margin-right: unset!important;
}

#bodybrands3 {
    padding: unset;
    background-color: white;
    border-left: unset;
    margin: 1rem;
    margin-top: unset;
    margin-bottom: unset;
    width: -webkit-fill-available;
}

#innertextcontactpageleft1 {
    width: 100%;
    display: inline-block;
    padding: 1rem;
    padding-top: 1rem;
    padding-bottom: 1.5rem;
    font-size: 1rem;
    text-align: left;
    font-weight: 500;
}

#innertextcontactpage1 {
    width: 100%;
    display: inline-block;
    padding: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border-bottom: unset;
    background-color: whitesmoke;
    font-size: 1rem;
   
}


#innertextcontactpage {
    width: 100%;
    display: inline-block;
    padding: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: unset;
    background-color: whitesmoke;
    font-size: 1rem;
}

#checkboxtd{
    overflow-y: auto;
    height: 15rem;
}


#regbtn{
    display: inline-block;
    font-size: 1rem;
    width: 15rem;
    padding: 0.5rem;
    margin-top: unset;
    margin-bottom: 2rem;
    border: 1px solid white!important;
    color: white;
}


.adminuserstd input, .adminuserstdorder input, .adminuserstdorder_extra input, .delinfotd input, .billinfotd input, .tradereferencestd input, .companyinformationtd input{   
    /* Remove First */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    /* Then Style */

    line-height: 20px;
    background: white;
    outline: none;   
    border-radius: 0px; 
}

input[type=checkbox] {   
    /* Remove First    /* Then Style */

    line-height: initial;
    background: initial;
    outline: initial;   
    border-radius: 0px; 
    width: 25px!important;
    height: unset;
}
input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.25);
  -moz-transform: scale(1.25);
  -webkit-transform: scale(1.25);
  -o-transform: scale(1.25);
  transform: scale(1.25);
  padding: unset;
  -webkit-appearance: auto;
}

#conpasswordfield {
    margin-bottom: 3%;
}


input[type="date"]
{
    display:block;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    min-height: 1.2em;
}


.psearchicon{
    width: 1rem;
    
}

.smicons5{
    float: right;
    margin-right: 24%;
    right: 4%;
    height: 76px;
    top: 1px;
    width: auto;
    display: block;
    position: absolute;
    display: none;

}


input[type=password] {   
    /* Remove First */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0px; 
    /* Then Style */

    line-height: 20px;
    background: transparent;
    outline: none;  
    padding: 0.5rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;  
}

#searchidproductuser{
    width: 85%;
    margin-left: unset;
    padding: 0.5rem;
    font-size: 1rem;
    margin-top: unset;
    margin-bottom: unset;
    
    
}

#searchbuttonproducts {
    width: 15%;
}

.Contactinfotd { 
    border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 90%!important;
height: 5rem;
}

.Contactinfotd:before { 
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 0px;
    left: 0px;
    width: 81%; 
    padding-right: 10px; 
    text-align: left;
    white-space: normal;
}

.continueregtitle{
    font-size: 1.1rem;
    margin: unset;
    font-weight: 600;
    margin-top: unset;
    padding: 0.25rem;
    padding-left: 1rem;
    text-align: left;
    width: 100%;
}

.smicons2 {
    width: 7%;
    float: right;
    padding: unset;
}


.backbutton {
    display: block;
    background-color: rgb(38, 38, 38);
    border: 1px solid white;
    width: 77%;
    color: white;
    height: unset;
    font-size: 1rem;
    width: 100%;
    line-height: 2;
    display: inline-block;
    margin-right: 0;
    margin-top: 10%;
}

.loginbreiftext {
    font-size: 1rem;
    margin-top: 1rem!important;
    margin-bottom: unset;
    padding: 1rem!important;
}

#loginmessagetitle {
    font-size: 1rem;
    margin-bottom: 0.9rem;
}

#loginmessage {
    font-size: 1rem;
    color: red;
}

#loginmessagepassreg {
    font-size: 1rem;
}

#productrow2{
  
    padding: unset;
    padding-bottom: 0.5rem!important;
    padding-top: 1rem!important;
    width: unset;
   
}

.furtherprices {
    text-align: left;
    font-size: 1rem;
    border-right: unset;
}
.lefttextinnerprices {
    display: inline-block;
    text-align: left;
    margin-right: 6%;
    font-size: 1rem;
    color: black;
    font-weight: 500;
}
.furtherpricesrrp{
    font-size: 1rem;
    text-align: end;
}



.porprice {
    display: block;
    width: 100%;
    text-align: end;
    margin-left: auto;
    color: black;
    padding-top: 0.5rem;
    margin-right: auto;
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid whitesmoke;

}

#parentrow{
    width: 100%;
    margin: auto;
  
}

.lefttextinnerpricesbc {
    width: 51%;
    margin-top: 2vh;
    font-size: 1rem;
    font-weight: 500;
    color: black;
}

#outertableid{
    display: grid;
    background-color: white;
    margin-top: 0.5rem!important;
    margin-bottom: 0.5rem!important;
    padding: 1rem;
    width: 100%!important;
    margin: unset!important;
    width: auto;
    margin: 1.5rem;
}

.navbar-brand{
    width: 44%;
    z-index: 0;
    margin: 0.75rem!important;
    margin-left: 1rem!important;
    margin-bottom: 0.25rem!important;
}

.addoninput{
    width: 100%;
    font-size: 1rem;
    padding: 0.5rem!important;
    height: unset;
    margin-right: unset!important;
    margin-top: 0.5rem;
}

.selectexclbutton1 {
    width: 100%;
    display: inline-block;
    margin-top: 0.5rem;
    font-size: 1rem;
    border-radius: unset;
    position: relative;
}

#productsbottomrow2{
    margin: 1rem;
    width: auto;
}

.excloninput {
    position: unset;
    background-color: white;
    width: 100%;
    padding: 0.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border: 1px solid lightgrey;
    border-top: unset;
    overflow: auto;
    height: unset;
    max-height: 10rem;
    display: none;
}

.selectexclbutton {
    width: 100%;
    display: inline-block;
    margin-top: 1%;
    padding: 0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    font-size: 1rem;
    border: 1px solid lightgrey;
    border-radius: unset;
    position: relative;
}


.ordertitle8 {
    width: 10vw;
    padding: 2%;
    font-size: 1rem;
    font-weight: 500;
    padding-top: unset;
    padding-bottom: unset;
}

.strthead {
    border-bottom: unset;
    background-color: #262626;
    color: white;
}
.ordertitleGo {
    width: auto;
    padding-left: 0rem;
    padding-right: 0rem;
    padding-bottom: 0;
    margin-bottom: 0;
    display: inline-block;
    line-height: 1.5;
    font-size: 1rem;
    min-width: 17rem;
    padding-top: unset;
}

.ordertitleGopending {
    width: auto;
    padding-left: 0rem;
    padding-right: 0rem;
    padding-bottom: 0;
    margin-bottom: 0;
    display: inline-block;
    line-height: 1.5;
    font-size: 1rem;
    min-width: 17rem;
    padding-top: unset;
    border: unset;
}

.ordertitleGocomplete {
    width: auto;
    padding-left: 0rem;
    padding-right: 0rem;
    padding-bottom: 0;
    margin-bottom: 0;
    display: inline-block;
    line-height: 1.5;
    font-size: 1rem;
    min-width: 17rem;
    padding-top: unset;
}

#regtitlerow {
    width: 100%;
    margin: auto;
    overflow: hidden;
    padding: 0%;
    padding-bottom: 0%;
    padding-top: 0%;
    font-size: 1vw;
    margin-bottom: 0%;
    font-weight: 500;
    background-position: bottom;
    color: white;
    background-color: #262626;
    display: flex;
    align-items: center;
}

.ordertitleGoapproved {
    width: auto;
    padding-left: 0rem;
    padding-right: 0rem;
    padding-bottom: 0;
    margin-bottom: 0;
    display: inline-block;
    line-height: 1.5;
    font-size: 1rem;
    min-width: 17rem;
    padding-top: unset;
}
.customeraddon {
    position: unset;
    display: block;
    top: 30%;
    right: 25px;
    width: 100%;
    padding: 1rem;
    padding-top: unset;
    padding-bottom: unset;
    margin: unset;
}

.orderadminrow{
    border-bottom: 1px solid white;
}

.addonlabel {
    font-size: 1rem;
    width: 100%;
    margin-top: 1rem;
}


.detailstitle {
    line-height: unset;
    text-align: left;
    display: inline-block;
    font-size: 1.25rem;
    background-color: unset!important;
    width: 100%;
    color: white!important;
    margin: unset;
    padding-top: 0.25rem;
    padding-bottom: 0.55rem;
    margin-top: 0.5rem;
    margin-bottom: 0rem;
    padding-left: 1rem!important;
    padding-right: unset;
    max-width: unset;
    margin-left: calc(var(--bs-gutter-x)/ -2);
    
}

.rightloginbuttons {
    width: 100%;
    display: inline-flex;
    padding: unset!important;
    padding-left: unset;
    padding-top: 1vw;
    padding-bottom: 1vw;
    flex-direction: column;
}

#col6productdetails_1 {


    border: 1px solid lightgray;
    border-bottom: unset;
    background-color: whitesmoke;
    padding: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    height: fit-content;
    margin: 1rem;
    margin-bottom: unset;
    width: -webkit-fill-available;
    transition-duration: 0.25s;
    margin-top: unset;
    color: black!important;

   
}

.detailstitleproducts:before {
    content: "◢";
    position: absolute;
    right: 0;
    transform: rotate(45deg);
    transition-duration: 0.25s;
    font-size: 0.75rem!important;
}

#col6productdetails{
    border: 1px solid lightgray;
    background-color: whitesmoke;
    padding: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    height: fit-content;
    margin: 1rem;
    width: -webkit-fill-available;
    transition-duration: 0.25s;
    margin-top: unset;
    color: black!important;

   
}

#detailsmiddlerowbottom {
  
    margin-bottom: unset;
    border-bottom: unset;
    border-top: unset;
    
}

#editShowproducts {
    padding: 1rem;
    padding-top: 0.5rem;
    background-color: white;
    padding-bottom: 1rem;
    margin: unset;
    border: unset;
    border-bottom: 1px solid lightgrey!important;
}



#toptitleorders{
    font-size: x-large;
    font-weight: 500;
    margin-top: 2%;
    margin-bottom: 1%;
    margin-left: 3%;
}

#toptitleorder{
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 0%;
    padding: 0.25rem;
    padding-left: 1rem;
    color: black;
    border-left: 6px solid rgb(255, 31, 95);
    text-transform: unset;
    display: inline-block;
    width: -webkit-fill-available;
    margin: unset;
    margin-top: 1rem;
    margin-bottom: 1rem;

}
.orderbuttonactive {
    font-size: 1rem;
    width: 10rem!important;
    padding: 0.5rem;
    font-weight: 500;
    margin-bottom: 0.75rem;
    margin-top: 0.75rem!important;
    margin-left: 1rem;
}

#promotitle {
    font-size: 1.25rem;
    letter-spacing: 0;
    padding: 1rem;
    padding-top: 1rem;
    display: flex;
    padding-bottom: 1rem;
    border-bottom: unset;
    margin: 0;
    margin-left: unset;
    width: 100%;
    background-color: rgb(38, 38, 38);
    flex-direction: column;
}


#rightbreif {
    padding: unset;
    display: flex;
    align-items: center;
    padding-top: unset;
    padding: 1rem;
    background-color: white;
    padding-bottom: unset;

}

#outerpromo {
    padding-bottom: 0rem;
    padding-left: 0%;
    padding-right: 0;
    border-bottom: 1px solid lightgrey;
}
.ordersdropdowntitle3 {
    padding: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-color: whitesmoke;
    margin-bottom: 0%;
    border-bottom: 1px solid lightgrey;
    transition-duration: 0.15s;
    font-size: 1rem;
}

.promostitlesection {
    font-size: 1rem;
    margin-top: 0%;
    padding: 1rem;
    padding-left: 1rem;
    width: 86%;
}

.promotitlevalid {
    display: inline-block;
    font-size: 0.8rem;
    float: unset;
    width: 100%;
    margin-right: 0%;
    line-height: 2;
    margin-top: 0.5rem;

}

.addtordertext{
    display: inline-block;
    font-size: 1rem;

}

.addtorderimg{
    display: inline-block;
    width: 5rem;
}
.porright {
    display: inline-block;
    text-decoration: line-through;
    color: rgb(255, 31, 95);
    font-size: 1rem;
    font-weight: 600;
}

.porright9 {
    display: block;
    text-decoration: line-through;
    font-size: 1.25rem;
}

.porright11 {
    display: inline-block;
    text-decoration: line-through;
    color: white;
    font-size: 1rem;
    text-align: end;
    margin-right: 2rem;
}
.porright2 {
    display: inline-block;
    color: rgb(255, 31, 95);
    font-weight: 600;
    font-size: 1rem;
    width: unset;
    padding-left: 0.5rem;
}

.porright5 {
    display: inline-block;
    color: white;
    font-size: 1rem;
    position: inherit;
    float: right;
    left: unset;
    bottom: unset;
    line-height: 0.7;
    top: 0.2rem;
}
#carouselpromoinner {
    margin: auto;
    width: 100%;
    padding-left: unset;
    padding-top: unset;
    padding-right: unset;
    height: 33rem;
    overflow: auto;
}

#promocarousel {
    width: 100%;
    margin: auto;
    padding: 0;
    padding-top: 0%;
    /* border-bottom: 1px solid lightgrey; */
    height: unset
}
#promoimgholder {
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-color: white;
    width: 10rem;
    padding-left: unset;
    padding-right: unset;
    align-items: flex-start;
    display: flex;
}
.tdstockcount{
    padding-left: unset!important;
    overflow: scroll;
    height: 15rem;
    margin-bottom: 0%;
}

.tbodyusersorder2 {
    padding-left: 1rem;
    padding-right: 1rem;
    border-top: 1px solid lightgrey;
    padding-top: 0rem;
    margin-bottom: 0.5rem;
}

.tdrestrictcount{
    margin: 1rem;
    display: block;
    margin-top: 1rem;
    height: 46vw;
    margin-bottom: 0.5rem;
    overflow: auto;
    border: 1px solid lightgrey;
    padding-left: 0.5rem!important;
    padding-top: 0.5rem;
}

.restrictioncard2{
    border-bottom: 1px solid lightgrey;
}

#promoimgholder2{
    background-color: white;
    width: 100%;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    padding-left: unset;
    padding-right: unset;
    align-items: flex-start;
    display: flex;
    min-height: 13rem;
}
#promoimg{
    min-width: unset;
    display: block;
    width: 33%;
}

#promoimgmobile{
    min-width: unset;
    display: block;
    width: 100%;
}

.ordertitle15, .ordertitle15pending, .ordertitle15approved, .ordertitle15complete {
    line-height: 1;
    font-size: 1rem;
    padding-right: 5%;
    width: 100%;
    padding: 2%;
    padding-right: unset;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-weight: 500;
    border: unset;
}

#innerfooter3 {
    background-color: white;
    padding: 1.5rem;
    padding-top: unset;
    padding-bottom: unset;
}

#innerfooter1 {
    background-color: white;
    border-right: unset;
    padding-bottom: 2%;
    padding-top: 1%;
    border-bottom: 1px solid lightgrey;
    
}

#innerfooter {
    background-color: white;
    position: relative;
    border-right: unset;
    border-bottom: 1px solid lightgrey;
    padding-top: 1rem;
    display: none;
}

#promopricingholder {
    padding: 1rem;
    line-height: 1.75;
    padding-left: 0rem;
    padding-right: 1.5rem;
    display: flex;
    width: 100%;
    height: 100%;
    font-size: 1rem;
    flex-direction: column;
    justify-content: space-evenly;
}

.stocktf{
    font-size: 1rem;
    margin: unset!important;
    width: 100%;
    margin-top: 0.5rem!important;
    max-width: unset;

}

.stocktf5{
    font-size: 1rem;
    margin: unset!important;
    width: 100%;
    margin-top: 0.5rem!important;
    max-width: unset!important;
    
    }

    #imagerightlogin {
        padding: 1rem;
        display: inline-flex;
        overflow: hidden;
        flex-direction: column;
        justify-content: center;
        /* border-left: 1px solid lightgrey; */
        background-color: white;
    }
.stocktf1{
    font-size: 1rem;
    margin: unset!important;
    width: 100%;
    margin-top: 0.5rem!important;
    max-width: unset;
    }

.carousel-control-prev {
    left: 0.0rem!important;
    width: 5%!important;
}

.checklabelgallery {
    font-size: 1rem;
    width: 38%;
    padding-bottom: 1rem;
}

.carousel-control-next {
    right: 0.0rem!important;
    width: 5%!important;
}

.promopricing3 {
    font-size: 1rem;
}

.promopricing {
    font-size: 1rem;
}

.promopricing2 {
    display: flex;
    font-size: 1rem;
}

#discountsection {
    padding: unset;
    border: 1px solid lightgrey;
    border-left: unset;
    border-top: unset;
    border-bottom: unset;
    border-right: unset;
    position: relative;
}

#promodesc {
    font-size: 1rem;
    width: 100%;
    padding: 1.5rem;
    margin: auto;
    padding-top: 1rem;
    position: relative;
    padding-bottom: 0rem;
    padding-right: 1.5rem;
    line-height: 2;
    border-top: unset;
    color: white;
    background-color: unset;
    border-bottom: unset;
    margin-top: unset;
    height: 4.5rem;
    overflow-y: auto;

}

.promopricing16 {
    font-size: 1rem;
    font-weight: 500;
    min-height: unset;
}

.orderbuttonpromo {
    padding: 0.5rem;
    display: block;
    padding-left: 2rem;
    padding-right: 2rem;
    font-size: 1rem;
    line-height: 1;
    text-align: center;
    border: 1px solid;
    position: unset;
    bottom: unset;
    right: unset;
    width: fit-content;
    margin-bottom: 1.5rem;
    margin-left: 1.5rem;
}
#toptitleorders{
    font-size: 1.25rem;
    font-weight: 500;
    padding: 1rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    margin-left: unset;
    margin-top: 1.5rem;
    font-weight: 600;
    margin-bottom: 1rem;
    width: fit-content;
}

#toptitleordersad{
    font-size: 1.25rem;
    font-weight: 500;
    padding: 1rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    margin-left: 1rem;
    padding-right: unset;
    margin-right: unset;
    margin-top: 1.5rem;
    font-weight: 600;
    margin-bottom: 1rem;
    width: fit-content;
}

#toptitledesc{
    padding: 0rem;
    padding-left: unset;
    padding-right: unset;
    font-size: 1rem;
    padding-bottom: unset;
    margin: unset;
    line-height: 2;
    width: 100%;
    margin-top: 1rem;
    flex: unset;
    display: block;
   
}


#toptitledescr{
    padding-top: 0.5rem;
    border: unset;
    padding-bottom: 0.5rem;
    text-align: left;
    padding-left: unset;
    padding-right: unset;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
    font-size: 1rem;
    line-height: 2;
}
#emailphoneetc{



}

#emailphoner{
    padding: 1rem;
    padding-top: unset;
}
#emailphone{



    
}



#totallogin{

}

.atb {
    font-size: 1rem;
}

.unitfurtherprices {
    line-height: unset;
    text-align: left;
    display: inline-block;
    font-size: 1rem;
    background-color: unset!important;
    width: 72%;
    font-weight: 500;
    text-transform: unset;
    color: white!important;
    margin: unset;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    margin-top: 0rem;
    margin-bottom: 0.5rem;
    padding-left: 1rem!important;
    padding-right: unset;
    max-width: unset;
    margin-left: calc(var(--bs-gutter-x)/ -2);
    border-left: 6px solid rgb(255, 31, 95);
}


.carouselimage{
    width: 100%;

    
}

.imgholdercart{
    width: 29%;
    display: inline-flex;
    align-items: center;

}

.cartright{
    display: inline-block;
    width: 71%;

}

.carter1{
    width: 100%;
    margin: auto!important;
    background-color: white!important;
}

#cartdropdown {
    position: unset;
    z-index: 99;
    width: 100%;
    top: 7.5rem;
    right: 0;
    box-shadow: unset;
    background-color: white;
    padding: 0rem;
    display: none;
    margin-top: 0rem;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
    border: unset;
}

#rowidorderstitle{
 
    padding: 1rem;
    padding-right: 1.5rem;
    width: 100%;
    border-bottom: 1px solid lightgrey;
}



.detailsimg {
    
    margin: auto;
    width: 16rem;
    height: auto;
    padding: unset;
    border: unset;

}

.detailsimg:hover{
    opacity: unset;
    cursor: pointer;
    border: unset;
    transition-duration: 0.25s;

}


.modal-content-product {
    width: 90%;
}

#middleproductdetails {
    margin: auto;
    border: unset;
    margin-left: unset;
    /* border-right: 1px solid lightgrey; */
    margin-right: unset;
    border-bottom: 1px solid lightgrey;
}
.modal-body {
    text-align: center!important;
    padding: 1rem!important;
    padding-top: 2rem!important;
    padding-bottom: 0rem!important;
}

#passval {
    width: 69%;
}
.indivordertitle {
    font-weight: 500;
    display: inline-block;
    width: 100%;
    padding: 1rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
    transition-duration: 0.25s;
    background-color: white;
    margin-bottom: unset;
}

.plusquantity1{
    height: 1.5rem;
    width: 1.5rem;
    font-size: 1rem;
}



.plusquantity{

    padding: unset!important;
    font-size: 1rem;
    width: 2rem;
    height: 2rem;
}
.tbodyusersorder{

margin-bottom: unset;

}
.orderqtyfield {
    width: 3rem!important;
    height: 2rem!important;
    font-size: 1rem;
}

.productscancel{

    font-size: 1.5rem;
    right: 1.5rem;


}

.productbuttons4{
    padding: 0.1rem;
    font-size: 1rem;
    width: 35%;
}

#productsbottomrow {
    width: -webkit-fill-available;
    margin: 1rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: unset;
    background-color: unset;
}

.ordersinfoinput {
    text-align: left;
    font-weight: 500;
}

#bottomorderconfirm{
    width: 100%;
    margin: auto;
    padding: 1.5rem;
    padding-top: unset;
    padding-bottom: unset;
    border: unset;
}

#carouselproductsholder {

    display: block;
    padding: unset;
    position: inherit;
    overflow-x: auto;
    height: -webkit-fill-available;
    margin: auto;
    margin-top: unset;
    margin-bottom: unset;
    padding: 5%;
    background-color: white;
    height: auto;
    margin-right: unset;
    margin-left: unset;
    border-bottom: 1px solid lightgrey;
}

.promotd8:nth-of-type(1):before { content: "Brands Shown"; margin-top: 1%;
    margin-bottom: 1%;
    left: 0;
    font-size: 1rem;
    color: black;
   top: 0!important; 
display: none;}
      
      
      .promotd:nth-of-type(1):before { content: "Product Shown"; margin-top: 1%;
    margin-bottom: 1%;
    left: 0;
    font-size: 1rem;
    color: black;
   top: 0!important; 
display: none;}         
   
   .promotd:nth-of-type(2):before { content: "Images Shown"; 
      margin-bottom: 1%;
      left: 0;
      font-size: 1rem;
      color: black;
     top: 0!important; 
    display: none;}          
.orderqty {
    font-size: 1rem;
}

.ordertitleGo:nth-of-type(1):before { content: "Order Date"; color: black;
    margin-bottom: 1%;
    left: 0;
    font-size: 1rem;
   top: 0!important; }

   .ordertitleGopending:nth-of-type(1):before { content: "Order Date"; color: black;
    margin-bottom: 1%;
    left: 0;
    font-size: 1rem;
   top: 0!important; }

   .loginhref {
    font-size: 1rem;
    color: #1877f2;
    font-weight: 500;
    display: block;
    width: 100%;
    margin-right: unset;
    line-height: 2;
    float: unset;
    margin-bottom: 0.5vw!important;
}

   .ordertitleGoapproved:nth-of-type(1):before { content: "Estimate Delivery"; color: black;
    margin-bottom: 1%;
    left: 0;
    font-size: 1rem;
   top: 0!important; }

   .ordertitleGocomplete:nth-of-type(1):before { content: "Date Delivered"; color: black;
    margin-bottom: 1%;
    left: 0;
    font-size: 1rem;
   top: 0!important; }
      
      
      .ordertitleGo:nth-of-type(2):before { content: "Reference"; color: black;
    margin-bottom: 1%;
    left: 0;
    font-size: 1rem;
   top: 0!important; }         
   

     


       .ordertitle8:nth-of-type(3):before { content: "Case QTY"; color: black;
        margin-bottom: 1%;
        left: 0;
        font-size: 1rem;
       top: 0!important; }        
 

     .ordertitleprice:nth-of-type(5):before { content: "Cost"; color: black;
        margin-bottom: 1%;
        left: 0;
        font-size: 1rem;
       top: 0!important; }         
.orderqty {
    font-size: 1rem;
}
.availability {
    font-size: 1rem;
    width: 40vw;
    margin: auto;
}

#leftair{

    border-top: 1px solid lightgrey;

}

.homebasictitle3 {
    font-size: 1rem;
}

#navbarNavDropdown{
    margin-top: 0%;

    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

#accountdrop{
    margin-left: unset;
}

.smicons3 {
    width: 6.25vw;
}
#smicons11 {
    width: 6.25vw;
}
#smicons10 {
    width: 6.25vw;
}
.smicons4{
    right: 5%;
    width: 1.5rem;
    position: absolute;

}

.pendingordermiddle{
    padding: 1.5rem;
    padding-top: unset;
    padding-bottom: unset;
}

#checkboxtd_1{
    height: 14rem;
    overflow: auto;
    border: 1px solid lightgrey;
    margin-top: 0;
    padding-left: 1rem!important;
    border-bottom: 1px solid lightgrey!important;
}


#checkboxtd_3{
    height: 14rem;
    overflow: auto;
    border: 1px solid lightgrey;
    margin-top: 0;
    padding-left: 1rem!important;
}

.galleryimages:hover{
    padding: 5%;
    transition-duration: 0.25s;
    padding-left: 3%;
    padding-right: 3%;
}

.promotionstd:nth-of-type(4):before {
    display: none;
}
.carouselproduct {
    background-color: white;
    display: inline-block;
    width: 100%;
    height: auto;
    margin: auto;
    margin-bottom: unset;
    padding: 5%;
    border: 1px solid lightgrey;
    transition-duration: 0.25s;
}
.selectproductview {
    width: 100%;
    padding: 0.5rem;
    font-size: 1rem;
    border-radius: unset;
    border: 1px solid lightgrey;
    display: inline-block;
    margin: 5%;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    margin-left: unset;
    margin-right: unset;
}
.ordersmiddlecontent {

    padding: unset;

}

.modal-content-brand {
    margin: auto;
    display: block;
    width: 85%;
    max-width: 800px;
}

#ordercontentrow{
    border-bottom: 1px solid lightgrey;
}

.usersmiddlecontent {

    padding: unset;

}

.brandpgimg {
    height: 9rem;
}

.trhead{
    border: unset;
    margin-top: unset;
    padding: 5%;
    padding-top: unset;
    padding-bottom: unset;
}
.trhead1{
    border: unset;
    margin-top: unset;
    padding-top: unset;
    padding-bottom: unset;
    margin: unset!important;
    padding: unset!important;
}

#brandimage {
    width: 60vw;
    display: block!important;
    margin-left: 0rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.tbodyouter{
    border-top: unset;
    border-bottom: 1px solid lightgrey;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    display: inline-flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    position: relative;

    
}
.savemodal2 {
    display: inline-block;
    padding: 0.5rem;
    border-radius: 0px;
    width: 7.5rem;
    color: rgb(255, 31, 95);
    background-color: white;
    margin-top: 1rem!important;
    margin-bottom: 1rem!important;
    font-weight: 600;
    font-size: 1rem;
    border: 2px solid rgb(255, 31, 95);
}
#modaltextauth2 {
    font-size: 1rem;
    text-align: center;
}

.topordertable {
    background-color: white;
    display: flow-root;
    border-right: unset;
    border-bottom: unset;
    border-bottom: 1px solid lightgrey;
}

.ordersdropdown {
    overflow: unset;
    max-height: unset;
    margin: unset;
    border-bottom: 1px solid lightgrey;
}

.ordertitle4{
    font-size: 0.65rem;
    width: 91%;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 2%;
    padding-bottom: 2%;
    text-align: inherit;
    display: none;
    margin: auto;
    margin-top: 2%;
    margin-bottom: 2%;
    max-height: 3.6rem;
    height: unset;
    font-weight: 500;
}
.orderbottomEQ {
    font-size: 1rem;
    font-weight: 500;
    width: 50%;
    display: inline-block;
    border: unset;
    
    text-align: left;
    outline: unset;
}



.titledropdown{
    text-align: center;
    padding: 0%;
    box-shadow: unset!important;
    position: relative;
    margin: unset;
    margin-top: unset;
    margin-bottom: unset;
}

.viewaccounttitles {
    font-weight: 500;
    margin-bottom: unset;
    font-size: 1rem;
    padding: 1rem;
    text-align: left;
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-color: whitesmoke;
}
#messagemodal{

}
.potusersdrop{
    margin-top: unset;
    border-top: 1px solid lightgrey;
    padding: 1rem;
    padding-top: unset;
    margin-bottom: 0rem;
}

.navitemorder {
    width: fit-content;
    display: inline-block;
    text-align: center;
    padding-left: 1rem;
    white-space: nowrap;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    line-height: 2;
    font-size: 1rem;
}

.cartorder {
    font-size: 1rem;
    padding-bottom: 14%;
}

.productadmintitle{
    font-weight: 500;
    display: inline-block;
    width: 63%;
    text-align: left;
    margin: auto;
    padding: 0%;
    padding-left: unset;
    padding-right: unset;
    margin-left: 1%;
    font-size: 1rem;
    line-height: 1;
}



.ordersdropdowntitle {
    padding: 1rem;
    margin-bottom: unset;
    transition-duration: 0.15s;
    color: #262626;
    font-size: 1rem;
    font-weight: 500;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.ordersdropdowntitle1 {
    padding: 1rem;
    margin-bottom: unset;
    transition-duration: 0.15s;
    color: #262626;
    font-size: 1rem;
    font-weight: 500;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

p{
    text-align: left;
}
#rowidorderstitle, #rowidsettingsordertitle, #rowiduserstitle, #rowidpotentialuserstitle, #rowiduserordertitle, #rowidConfirmedordertitle, #rowidCompleteordertitle, #rowidFailedordertitle {

    padding: 0rem;
    padding-bottom: 1rem;
    padding-right: 1rem;
    padding-left: 1rem;
    width: 100%;
    height: auto;
    margin: unset;
    border-bottom: 1px solid lightgrey;

    
}

.bgimgorders{
    position: absolute;
    width: 100%;
    background-image: url(/css/warehouse-1.jpg);
    z-index: 0;
    opacity: 80%;
    background-position: revert;
    background-repeat: no-repeat;
    background-size: cover;
    height: 16rem;
}

.bgimgorderscolor{
    position: absolute;
    width: 100%;
    height: 16rem;
    z-index: 1;
    opacity: 75%;
    background-position: unset;
    background-color: white;
}


#pagenumbers {
    margin: auto;
    margin-bottom: 0%;

    padding: 1%;
    width: 100%!important;
    margin: unset!important;
    
    border-bottom: unset;
}
.orderstbodyyy {
    padding-left: 1rem;
    padding-right: 1rem;
}


.dropdownlisttitle {
    font-size: 1rem;
}

.orderqtyfield2{
    height: 1.5rem;
    width: 2.5rem!important;
    font-size: 1rem;

}


.nav-link{
    text-align: left;
    padding-left: 1rem!important;
}
#admineditnow_pass {
    font-size: 1rem;
}
#productbackbuttonright {
    align-items: flex-start;
}

.companyinformationtd, .adminorderfail, .tradereferencestd, .delinfotd, .billinfotd, .adminuserstd ,.adminuserstdorder , .adminuserstdorder_extra, .adminorderstd, .adminrestriction, .contacttd{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    position: relative;
    border-bottom: unset;
    font-size: 1rem;
    display: block;
}

.adminorderstd::before, .adminrestriction::before, .companyinformationtd::before, .tradereferencestd::before, .delinfotd::before, .billinfotd::before, .adminuserstd::before,.adminuserstdorder::before, .adminuserstdorder_extra::before, .contacttd::before {

    white-space: initial;
    position: absolute;
    left: 0px;
    padding-right: 10px;
    text-align: left;
    margin-bottom: 0%!important;
    line-height: 2;
    margin-top: unset!important;
    width: 100%;
    top: unset;
}

.companyinformationtd::before{
    white-space: initial;
    position: inherit;
    left: 0px;
    padding-right: 10px;
    text-align: left;
    margin-bottom: 0.25rem!important;
    margin-top: 0.25rem!important;
    line-height: 2;
    width: 100%;
}

.userordertabler{
   width: 100%!important;
   margin-top: unset!important;
   margin-bottom: unset!important;
   border: unset!important;
   box-shadow: unset!important;
   
}
.ordersdropdownbutton {
    border-bottom: 1px solid lightgrey;
    background-color: white;
    padding: unset;
}
.brandtitle {
    font-size: 1rem;
}

.brandbutton {
    font-size: 1rem;
}

#brandbriefbtn{

    padding: 0.25rem;
    font-size: 1rem;
}

#bodybrands{
    overflow: hidden;
    width: 100%;
    display: flex;
    align-items: flex-start;

  
}



.locationfooter1 {
    font-size: 1rem;
    font-weight: 500;
}

.rightabouttitle4 {
    font-size: 1.25rem;
    margin-left: unset;
    width: 100%!important;
    margin: auto;
    line-height: 3vw;
    font-weight: 600;
    padding: 0.25rem;
    padding-left: 0.75rem!important;
    color: black;
    background-color: white;
    margin-top: 0.5rem;
    margin-bottom: 0.75rem;
}

#opentimehours {
    background-color: rgb(255, 31, 95);
    color: white;
    text-align: end;
    margin-left: auto;
    width: auto;
    line-height: 2;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

#opentime {
    line-height: 2;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
    padding-left: unset;
}

.rightabouttitle2 {
    font-size: 1rem;
    margin-top: 0.5rem!important;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-top: 1rem;
    border-bottom: unset;
    padding-right: 1rem;
    margin: unset;
    margin-bottom: 1.5rem;
    text-transform: none;

}

#toptitleorder1{
    font-size: 1rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

#toptitleorder2{
    font-size: 1rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
.homebasictitle{
    border-top: unset;
    font-size: 1.25rem;
    padding: 0.25rem;
    width: -webkit-fill-available;
    padding-left: 1rem!important;
    margin-right: 2rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

#leftbreif {
    padding: 1rem;
    padding-top: 1%;
    padding-bottom: 0%;
    padding-left: 1rem;
}

.homebasictitle5 {
    padding: 5%;
    padding-left: 1.5rem!important;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin-bottom: -1px;
    font-size: 1rem;
    color: white;
    background-color: white;
}

#singleproduct {
    
    padding: unset;
    border-bottom: unset;
    background-color: white;
    border-top: unset;
    display: flex;
    height: auto;
    border: unset;

}

#descsection {
    padding: unset;
    position: relative;
    margin-top: unset;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
#homebasictitle2{
    border-top: unset;
    padding-left: inherit;
    padding: 1rem;
    padding-top: unset;
    padding-left: 1rem!important;
    padding-right: 1rem!important;
    font-size: 1rem;
    display: flex;
    align-items: center;
}

#brandtext{
    border-top: unset;
    font-size: 1.25rem;
    padding: 0.25rem!important;
    width: 66%;
    padding-right: 1rem!important;
    padding-left: 1rem!important;
}

#toptitleordersadmin {
    font-size: 1.25rem;
    font-weight: 500;
    margin: unset;
    display: inline-flex;
    font-weight: 600;
    width: 100%;
    text-transform: unset;
    right: 2.5rem;
    top: 0.75rem;
    align-items: baseline;

}

.breiftext {
    padding: 1rem;
    font-weight: 500;
    padding-top: 1rem;
    line-height: 2;

    padding-bottom: 1rem;
    font-size: 1rem;
}

.aboutinnerdel {

     
}

#branddropdownnav {
    padding: 0 1rem!important;
    overflow-y: scroll;
    z-index: 100;
    height: 50vh;
    border-bottom: 1px solid lightgrey;
}

#outerloginleft{
    padding: unset!important;
}

.aboutinnerdel2 {

    margin-bottom: -10%;
}
.billinfotd::before{
    white-space: initial;
    position: inherit;
    left: 0px;
    padding-right: 10px;
    text-align: left;
    margin-bottom: 0.25rem!important;
    margin-top: 0.25rem!important;
    line-height: 2;
    width: 100%;
}
.delinfotd::before{
    white-space: initial;
    position: inherit;
    left: 0px;
    padding-right: 10px;
    text-align: left;
    margin-bottom: 0.25rem!important;
    margin-top: 0.25rem!important;
    line-height: 2;
    width: 100%;
}

.pbfield0 {
    display: block;
    line-height: 2;
    font-weight: 500;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem!important;
    font-size: 1.25rem;
}

.adminedit, .admincancel, .adminsave, .admindelete {

    margin-right: 2%!important;
}
.productadminimage{
    width: 90px;
    margin-left: 5%;
    margin-left: 1rem;
    margin-right: auto;
    display: inline-block;
    position: absolute;
    padding: 0.5rem;
    right: 2.5rem;
    top: 2rem;

}

#closemodal1 {
    font-size: 1rem;
    width: 47%;
    padding: 0.5rem;
}

#savemodal2{
    font-size: 1rem;
    width: 47%;
    padding: 0.5rem;
}

.quantitycounter {
    padding: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    box-shadow: unset;

}
.topadmintable{
    
    padding-left: unset;
    padding: unset;
    border-bottom: unset!important;
    background-color: white;
    border-top: 1px solid lightgrey;
    width: auto;
    margin: 0rem;
    margin-top: unset;
    margin-bottom: unset;
}



.productadmintitlee {
    padding: 1rem;
    padding-left: 1rem;
    padding-right: 2.5rem;
    text-align: left;
    font-size: 1rem;
    border-bottom: 1px solid lightgrey;
}

.companyinformationtd{
    display: grid;
    padding-left: unset!important;
    position: relative;

}

.billinfotd{
    display: grid;
    padding-left: unset!important;
    position: relative;

}

.delinfotd{
    display: grid;
    padding-left: unset!important;
    position: relative;

}
#ordernavitem{
 width: 100%;
    margin-bottom: unset;
    padding: 1.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    overflow: auto;
    display: flex;
    align-items: center;
}


.tbodyusersorder6 {
    margin: 1rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    padding: unset;


}

#tbodyusersorderid2 {
    margin: 0rem;
    margin-top: 0rem;
    margin-bottom: 0rem;
    padding-bottom: unset;
}
#ordersectionright {
    width: 100%;
    height: unset;
}
.footerimg{
    width: 25vh;
    display: block;
    margin: auto;
    margin-top: 1rem!important;
    margin-bottom: 3vw;
  

}

#accountdrop {
    color: black;
    position: unset;
}
.adminproductstd, .admingallerytd, .admingallerytd .promotionstd, .promotd, .promotd8, .promotionstd1,  .productpricingtd, .adminnutritiontd, .adminingredientstd{ 
    border: none;
    border-bottom: unset;
    position: relative;
    padding-left: 52%!important;
    padding-bottom: 4%;
    padding-top: 4%;
}

.productsinfoinput, .productsinfoinput_imgurl, .productsinfoinput_imgurl_new, .productsinfoinput_imgurl_brand{
    width: 100%!important;
    max-width: unset!important;
}

.adminedit , .adminpromo, .admincancel , .adminsave , .admindelete, .adminsavenew {
    margin: auto;
    padding: 0.5rem;
    margin-left: 0!important;
    margin-bottom: 1rem!important;
    width: 6rem!important;
    display: inline-flex;
    font-size: 1rem;
    margin-top: 0rem!important;
    justify-content: center;
}

.adminedit{
    margin-top: 0rem!important;
    margin-left: 1rem!important;
    margin-bottom: 1rem!important;
    padding: 0.5rem;
    font-size: 1rem;
}

.ordermessage{
    height: auto;
    margin-top: 15%!important;
    text-align: center;
    font-weight: 500;
    
}

.adminpromo{
    margin-top: 1rem!important;
    margin-bottom: 1rem;
    padding: 0.5rem;
    font-size: 1rem;
    margin-right: 0.5rem;
    width: 13rem!important;

}

#adminprefill{
    padding: unset;
    width: 100%;
}

#searchidproductprefill {
    width: 100%;
    margin: auto;
    padding: 3%;
    font-weight: 500;
    font-size: 1rem;
    margin-top: 2%;

}

.productsinfoinput_imgurl_new {
    width: 80%;
    margin-bottom: 0.5rem;
}

.adminsavenew{

    margin-left: 1rem!important;

}

.productsinfoinput_imgurl_brand{

    width: 80%;
}


.ordersdropdowntitlenew {

    padding: 0rem;
    margin-bottom: unset;
    transition-duration: 0.15s;
    font-size: 1.1rem;
    margin: 1rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    border-left: unset;

}

.adminrestriction {
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%!important;
    padding-bottom: 0.5%;
    padding-top: 0.5%;
    font-size: 1vw;
    margin: 1rem;
    margin-bottom: unset;
    margin-top: unset;
}

.adminrestriction:nth-of-type(1):before {
    content: "Group Name";
    margin-top: 1%;
    margin-bottom: 1%;
    top: 1rem!important;
}

.bdtitle {
    margin: 0rem;
    margin-top: 0%;
    margin-bottom: 1%;
    margin-bottom: unset;
    padding: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    transition-duration: 0.15s;
    font-size: 1rem;
    font-weight: 500;
    position: relative;
    border-bottom: 1px solid lightgrey;
}

.bdtitle2 {
    margin: 0rem;
    margin-top: 0%;
    margin-bottom: 1%;
    margin-bottom: unset;
    padding: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    transition-duration: 0.15s;
    font-size: 1rem;
    font-weight: 500;
    position: relative;
    border-bottom: unset;
    background-color: whitesmoke;
}

.productgroupsouter {
    display: block;
    padding-bottom: 0%;
    margin: unset;
    border: unset;
}

.bdtitledesc {
    margin: 1rem;
    font-size: 1rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

#newrestrictionname {
    padding: 0.5rem;
    padding-right: 0.25rem;
    padding-left: 0.25rem;
    border: 1px solid lightgrey;
    margin-right: 1rem;
    margin-bottom: 0.5rem;
    width: 100%;
    font-size: 1rem;
}

.checkpromo{

}

.checklabel{
    font-size: 1rem;
    width: 94%;
    text-align: left;
    line-height: 2;
}

.produtrestrcitionsusers {
    max-height: 9rem;
    overflow: auto;
    display: block;
    padding: 1%;
    outline: 1px solid lightgrey;
}

.ordersdropdownnew {
    width: 100%;
    transition-duration: 0.15s;
    margin-bottom: unset;
    display: inline-block;
    background-color: white;
    position: relative;
    z-index: 1;
    border-bottom: 1px solid lightgrey;
}


.adminproductstd, .admingallerytd, .promotionstd, .promotd, .promotd8, .promotionstd1, .productpricingtdnew, .adminnutritiontdnew, .adminingredientstdnew, .productpricingtd, .adminnutritiontd, .adminingredientstd {
    border: none;
    border-bottom: unset;
    position: relative;
    padding-left: 50%!important;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
    font-weight: 500;
    font-size: 1rem;
}

.admingallerytd{
padding-left: unset!important;
padding-top: 3em;
}

.promotionstd1 {
    overflow-y: auto;
    height: 15rem;
}

.promotd {
    overflow-y: auto;
    height: 15rem;
}

.delInputlabel {

    display: inline-block;
    margin-left: 0;
    width: 16%;
    text-align: left;
    font-size: 1rem;
    margin-top: 0.5rem;
    margin-left: 1.5rem;

}

.productadmintitlee_solo {
    padding-bottom: 0.0rem;
    padding-top: 1rem;
    text-align: left;
    font-weight: 500;
    padding-left: unset;
    font-size: 1rem;
    position: unset;
    width: 100%;
    display: block;

}

.pendingconfirmedbottom {
    background-color: white;
    padding: 0;
    border-bottom: 1px solid white;
    position: relative;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    display: block;
}

.modal-footer {
    margin: auto;
    width: 100%;
    padding: 1rem 1rem!important;
}

#closemodal_auth1 {
    font-size: 1rem;
    width: 47%;
}

#savemodal_auth2 {
    font-size: 1rem;
    width: 47%;
}

.delInput {
    width: 12rem;
    padding: 0.5rem;
    border: 1px solid lightgray;
    transition-duration: 0.25s;
    font-weight: 500;
    margin: auto;
    display: inline-block;
    margin-right: 1.5rem;
    margin-top: 0.5rem;
    -webkit-appearance: none;
}

.admincancel{

    padding: 0.5rem;
    width: 42%;
    margin-left: 1.5rem;
    margin-bottom: 1rem;
    display: inline-block;
    font-size: 1rem;
    margin-left: 1rem!important;
}

#productprefill{
 
        width: 100%;
        margin: auto;
        display: block;

}

.admindelete{
    margin: auto;
    padding: 0.5rem;
    margin-left: 0!important;
    margin-bottom: 1.5rem!important;
    width: 6rem!important;
    display: inline-flex;
    font-size: 1rem;
    margin-top: 0rem!important;
    justify-content: center;
}
.productsinfocheck {
    width: 1rem;
    display: block;
    height: 5rem;
}

.productsinfoinput_brand{
    margin-bottom: 3%;
    width: 100%;
}


:before{
    font-size: 1rem!important;
}

.modal-content {
    width: 90%!important;

}

#modaltext {
    font-size: 1rem;
    text-align: center;
}

.tbodyusersorder{
    margin: unset;
    padding: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

#nav-brands {
    width: 48%;
    text-align: center;
    display: inline-block;
    margin: unset;
    color: rgb(255, 31, 95);
    font-weight: 600;
    margin-right: 2%;
    border: 2px solid;
    background-color: white;
    font-size: 1vw;
    padding: unset;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    text-decoration: none;
    position: unset;
}

#nav-item-all {
    width: 48%;
    text-align: center;
    display: inline-block;
    margin: unset;
    color: rgb(255, 31, 95);
    font-weight: 600;
    margin-right: 2%;
    border: 2px solid;
    background-color: white;
    font-size: 1vw;
    padding: 0rem 0rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    text-decoration: none;
    position: unset;
}

.homebasictitle3{
    font-size: 1.25rem;
    font-weight: 600;
    color: black;
    background-color: white;
    padding: 0.25rem 1rem;
    border-top: unset;
    width: 100%;
    padding-left: 1rem!important;
}

#leftail{
    border-top: unset;
    width: -webkit-fill-available;
    margin: 1rem;
    padding: unset;
    margin-bottom: unset;
}

#leftair{
    border-top: unset;
    width: -webkit-fill-available;
    margin: 1rem;
    padding: unset;
    border-left: unset;
}

b{
    
}

#accountdropdowntitle1{
  
    font-size: 1.25rem!important;
    text-transform: unset!important;
    padding: 0.5vw!important;
    padding-top: 0.25rem!important;
    padding-bottom: 0.25rem!important;
    padding-left: 1rem!important;
    width: 100%!important;
    display: block!important;
    /* margin: auto; */
    margin-right: unset!important;
    margin-bottom: 0.75rem;


}

.nav-itemer{
    display: block;
    position: absolute;
    bottom: 9vh;
    height: 2rem;
    top: 0;
    bottom: 0rem;
    left: unset;
    right: 1rem;
    width: 14%;
    margin-top: 3.75rem!important;
    z-index: 1000;
    margin: unset;
    box-shadow: unset!important;
    color: white;
    border-radius: 0px;
    
}

.abouttext2 {

    text-align: left;
    width: 86%;
    padding-left: 3%;
    margin-right: unset;
}


.modal-dialog { 

    margin-top: 15rem!important;
}

.modal1{
    background-size: 20%;
}

.currentpageee{
    width: 0px;
    height: 0px;
}

#labelcart {
    position: absolute;
    top: 0.15rem;
    right: 0.8rem;
    font-size: 0.8rem;
    text-align: center;
    font-weight: 500;
    color: black;
    line-height: 1.4;
}

#productrow{
    padding: 0rem!important;
    color: black!important;
    padding-top: 0.5rem!important;
    margin-top: unset;
    border-bottom: 1px solid lightgrey;
    padding-left: 1%!important;
    padding-right: 1%!important;
    width: 50%;
    margin: unset;
    border-bottom: unset;
    border-left: unset;
}
#changestock {
    display: inline-block;
    height: unset;
    font-size: 1rem!important;
    border: 2px solid rgb(255, 31, 95);
    color: rgb(255, 31, 95);
    margin: auto;
    width: 47%;
    padding: 0.5rem;
    margin-left: 0;
    margin-right: 2%;
    margin-top: 1rem;
    margin-bottom: unset;
    max-width: 13rem;
}


#addnewproduct {
    display: inline-block;
    height: unset;
    font-size: 1rem!important;
    border: 2px solid rgb(255, 31, 95);
    color: rgb(255, 31, 95);
    margin: auto;
    width: 47%;
    padding: 0.5rem;
    margin-left: 0;
    margin-right: 2%;
    margin-top: 1rem;
    margin-bottom: unset;
    max-width: 13rem;
}

#restrictedlines{
    display: inline-block;
    height: unset;
    font-size: 1rem!important;
    border: 2px solid rgb(255, 31, 95);
    color: rgb(255, 31, 95);
    margin: auto;
    width: 47%;
    padding: 0.5rem;
    margin-left: 0;
    margin-right: 2%;
    margin-top: 1rem;
    margin-bottom: unset;
    max-width: 13rem;
}


#promoimg2 {
    width: 5rem!important;
}

#promoimg9 {
    width: 9rem!important;
}

}
@media (max-width: 990px){
.promobrandimg {
    
}

#descsection {
    min-height: 4rem;
}

#promocarousel {
    width: 100%;
    margin: auto;
    padding: 0;
    padding-top: 0%;
    /* border-bottom: 1px solid lightgrey; */
    height: unset;
}
}
@media (max-width: 500px){

    #emailphoneetc {
        min-height: unset;
    }

    #emailphone {
        height: unset;
    }

    #emailphoner {
        height: unset;
        margin: 0rem;
    }



    #searchuserid, #searchuserpoid , #searchorderid, #searchconorderid, #searchcomorderid , #searchfailorderid {

        width: 100%;
 
    }

    .delInput {
        width: 13rem;
        padding: 0.5rem;
        border: 1px solid lightgray;
        transition-duration: 0.25s;
        font-weight: 500;
        margin: auto;
        display: inline-block;
        margin-right: 1.5rem;
        margin-top: 0.5rem;
        -webkit-appearance: none;
    }

    .delInputlabel {
        display: inline-block;
        margin-left: 0;
        width: auto;
        text-align: left;
        font-size: 1rem;
        margin-top: 0.5rem;
        width: 37%;
    }

    .ordertitleGo{
        width: auto;
    padding-left: 0rem;
    padding-right: 0rem;
    padding-bottom: 0;
    margin-bottom: 0;
    display: inline-block;
    line-height: 1.5;
    font-size: 1rem;
    min-width: 17rem;
    padding-top: unset;
    border: unset;
    }
    .delInput {
        width: -webkit-fill-available;
        padding: 0.5rem;
        border: 1px solid lightgray;
        transition-duration: 0.25s;
        font-weight: 500;
        margin: unset;
        display: inline-block!important;
        margin-right: 1.5rem;
        margin-top: 0.5rem;
        -webkit-appearance: none;
        font-size: 1rem;
        width: 60%;
        height: unset;
        max-height: unset;
    }

    
    .ordersbuttonremove {
        display: inline-block;
        width: auto;
        font-size: 1rem!important;
        border: unset;
        background-color: unset;
        color: #ff1f5f;
        line-height: unset;
        border-bottom: 1px solid #ff1f5f;
        padding: 0rem;
        padding-left: unset;
        padding-right: unset;
        margin-left: unset;
        border-radius: unset;
        margin-right: auto;
        position: unset;
        margin-bottom: 0.75rem;
        margin-top: unset;
        margin-left: 1rem;
    
    }

    .regbutton1 {

        width: -webkit-fill-available;
    }

    .promotionstd1{
        overflow-y: auto;
        height: 15rem;
        padding-left: unset!important;
    }

    .promotd {
        overflow-y: auto;
        height: 15rem;
        padding-left: unset!important;
    }

    .promotd8 {
        overflow-y: auto;
        height: 15rem;
        padding-left: unset!important;
    }
    #promodesc2 {
        font-size: 1rem;
        margin: auto;
        width: 100%;
        padding: 0.5rem;
        padding-top: 0rem;
        max-height: unset;
        margin-right: auto;
        height: 20vh;
    }



    .orderbuttonpromo {
        padding: 0.5rem;
        display: block;
        padding-left: 2rem;
        padding-right: 2rem;
        font-size: 1rem;
        text-align: center;
        border: 2px solid rgb(255, 31, 95);
        margin-top: 1rem;
        background-color: white;
        color: rgb(255, 31, 95);
        font-weight: 600;
        width: fit-content;
        margin-left: 1rem;
        margin-bottom: 1rem;
    
    }
    #descsection {
        display: inline-block;
        font-size: 0.8rem;
        float: unset;
        width: 100%;
        margin-right: 0%;
        line-height: 2;
        margin-top: 0.5rem;
    
    }

    #promopricingholder {
        padding-left: 1rem;
        padding-right: 1rem;
        display: block;
        height: auto;
        position: relative;
    }
    
    #promoimg2{
        width: 6rem!important;
 
    }

    .strthead {
        display: none;
    }

    #promoimg9{
        width: 10rem!important;
 
    }

    .promobrandimg {
     display: none;
    }

    #descsection {
        min-height: unset;
        margin: unset;
    }

    .bottemcellcontent{
        border: unset;
        font-size: 1rem;
        width: 33%;
        display: block;
        font-weight: 500;
        color: black;
        padding-right: unset!important;
        padding-left: unset!important;
        padding-top: unset!important;
        text-align: left;
        margin-top: 0.75rem;
        margin-bottom: 0.75rem;
        height: unset;
    
    }

  

    #promocarousel {
        width: 100%;
        margin: auto;
        padding: 0;
        padding-top: 0%;
        border-bottom: 1px solid lightgrey;
        padding-bottom: 1rem;
        display: none;
 
    }

    .catelogcreator {
        padding: 0.25rem;
        font-size: 1rem;
        padding-left: 1rem;
        padding-right: 1rem;
        display: inline-block;
        margin-left: unset;
        background-color: whitesmoke;
        border: unset;
        color: white;
        margin-bottom: 1rem;
        display: none;
    }

    .regbutton {
        padding: 0.5rem;
        width: 9rem;
        display: inline-block;
        margin-bottom: 2rem;
        font-size: 1rem;
        margin-top: 1rem;
    }

    .regbutton1 {
        display: inline-block;
        padding: 0.5rem;
        font-size: 1rem;
        margin: 0;
        margin-top: 1rem!important;
        width: 9rem;
        margin-left: 1rem;
        margin-bottom: 1.5rem;
    }
    h5:before {
        font-size: 0.5rem!important;
    }

    tr:before {
        font-size: 0.5rem!important;
    }

    :before {
        font-size: 1rem!important;
    }
    #regbtn{
        display: inline-block;
        font-size: 1rem;
        width: 9rem;
        padding: 0.5rem;
        margin-top: unset;
        margin-bottom: 2rem;
        border: 1px solid white!important;
        color: white;


    }

    #outertableid {
        display: grid;
        background-color: white;
        margin-top: unset!important;
        margin-bottom: 0.5rem!important;
        width: auto;
        padding-left: 1rem;
        margin: 0;
        padding: unset;
        border: unset;
        padding: 1.5rem;
        padding-top: unset;
        padding-bottom: unset;
    }
    .ordertitle8 {
        width: 10vw;
        padding: 2%;
        font-size: 1rem;
        font-weight: 500;
        padding-top: unset;
        padding-bottom: unset;
        border: unset;
    }

    #promodesc {
        font-size: 1rem;
        width: 100%;
        padding: 1rem;
        margin: auto;
        padding-top: 0rem;
        position: relative;
        padding-bottom: 0rem;
        padding-right: 1rem;
        line-height: 2;
        border-top: unset;
        color: black;
        background-color: unset;
        border-bottom: unset;
        height: auto;
        border: unset;
        overflow-y: auto;
        display: inline-flex;
        max-height: 20vh;
    }

    .admindeleteorder {
        width: 30%;
        margin-left: 1rem;
        margin-right: 0.5rem;
    }

    .adminreorder {
        min-width: 30%;
        max-width: 55%;
        width: auto;

    }

    .adminreorder2 {
        padding: 0.5rem;
        text-align: center;
        color: white;
        background-color: unset;
        display: inline-block;
        width: auto;
        min-width: 30%;
        border: 1px solid;
        font-size: 1rem;
        margin-left: 1rem;
        font-weight: 500;
        margin-top: 1rem;
        margin-bottom: 1rem;
        margin-right: unset;
    }

    .ordertitleprice {
        font-size: 1rem;
        padding-left: 0.5rem;
        min-width: 9rem;
        font-weight: 500;
        padding-bottom: 0.5rem;
        padding-top: unset;
        border: unset;
    }
    .brandimagedetails {
        width: 40%;
    }

    .promopricing16 {
        font-size: 1rem;
        font-weight: 500;
        min-height: 3.5rem;
    }

    .p23 {
        font-size: 1rem;
        font-weight: 500;
        padding-right: 2%;
        width: 100%;
        margin-left: 1rem;
    }
    .leftproductsmenu {
        padding: unset;
        margin-bottom: 1rem;
        height: unset;
    }

 


    
  

  



    #accountdrop {
        color: black;
       
        position: unset;
    }

    #mainnavcontainer {
    
        width: 100%;
        margin: unset;
        
    }

    .lefttagbrand {
        position: absolute;
        top: 0;
        left: 0;
        border: unset;
        border-left: unset;
        border-top: unset;
        padding: 0.5rem 1rem;
        padding-left: 1rem;
        font-size: 1rem;
    }




    
 
    .productsbrandname {
        font-size: 0.75rem;
    }


  

   

    #accountdropdowntitle{
        font-size: 1.5rem;
        text-transform: unset;
        padding: 0.5vw;
        padding-top: 0.5vw;
        padding-bottom: 0.5rem;
        width: 70%;
        display: inline-block;
    }



    #innerfooter1 {
        background-color: white;
        border-right: unset;
        padding-bottom: 2%;
        padding-top: 1%;
        border-bottom: 1px solid lightgrey;
        display: none;
    }

    .footerimg{
        width: 31vh;
        display: block;
        margin: auto;
        margin-top: 2rem!important;
        margin-bottom: 6vw;
        display: none;
    
    }

    .navtitlebuttons2 {
        display: inline-block;
    padding-left: 0%;
    font-size: 1.25rem;
    margin-right: 0rem;
    margin-bottom: 0rem;
    margin-right: 1rem;
    
    }

    #productrow {
        padding: 0rem!important;
        color: black!important;
        padding-top: 1rem!important;
        margin-top: unset;
        border: unset;
        border: 1px solid lightgrey;
        padding-left: 0%!important;
        padding-right: 0%!important;
        background-color: white;
        width: -webkit-fill-available;
        margin-bottom: 0rem;
        padding-bottom: 1rem!important;
        margin-left: 1rem;
        margin-right: 1rem;
        margin-top: 1rem;
    
    }

    .detailsimg {
    
        margin: auto;
        width: 12rem;
        height: auto;
        border: unset;
    
        
    }
    

}