.formfieldheader
{color:orange;
font-size:1.1rem;
}

body, wrapper {
    min-height:100vh;
  
 }
 
.frontpagebanner
 {

height:27.2vw; 
min-height:120px; 
 }


.main
{
  
   margin-top:0px; 
}


.menuspacer 
{
  height:150px; 

}


.default
{
background:white;

}


.longword
{

word-wrap: break-word;
}

a 
{
color:#333;

}
.tablerow:hover
{
    cursor:pointer; 


}

a:hover
{
    color:#ff4e00;

}



.select2-container .select2-selection--multiple .select2-selection__rendered 
{
    display: inline-flex; 
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice 
{
    
 border:1px solid Blue; 
 display: inline-flex; 
}

.red 
{
   color:red;  
}

.green
{

   color:green; 
}

.thumbnail 
{
    min-height:100px;
    max-height: 180px; /* Adjust as needed */
    width: auto;
    object-fit: contain;
}


.cat-thumbnail 
{ 
 
    max-height: 150px; /* Adjust as needed */
max-width:140px; 
    object-fit: contain;
 
}



.toptop
{
margin:0px;

font-family:    'Rubik',sans-serif;
font-size:15px; 
background:#eee;    
padding-top:10px;
padding-bottom:10px;
}



.middlemenu
{
padding-top:10px; 
padding-bottom:10px;


}


.bottommenu
{ 



}


.header-links
{
display:flex;

}
.header-link{ margin-left:20px;}
.header-link svg 
{
width: 35px;
padding:5px;
}

.header-link-text
{
    font-size:12px; 
    font-weight:bold;
    font-family:    'Rubik',sans-serif;
}



.navbar-logo
{
    margin-top:10px;
width:200px;
}


.b2b-nav-link
{
color: var(--cta-color,#ff4e00);
font-size:18px; 
font-weight:bold;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show 
{
    color: var(--cta-color,#ff4e00);
}

.nav-item a
{
color: #fff;
font-size:15px; 
font-weight:bold;
text-transform: uppercase;
}

.submenuitem a
{
    color:#ff4e00;
    font-size:1.1rem; 
}

.menuitem a
{
    color:#fff;

}
 

.specialmenuitem
{
background-color: #ff4e00;; 
}


 
.card-body , .card-title
{
font-family: 'Rubik',sans-serif;
text-align:left;

}

.card-title 
{
    color:#666; 
    font-size:1.1rem; 

  max-width: 16ch;
  overflow-wrap: break-word;


}

.product-price
{
font-size:1.3em; 
color:#ff4e00;
font-weight:bold; 
}
.product-name
{
color:#207ab7;


}

.breadcrumb a
{
text-decoration:none;
}
a
{
text-decoration:none;
}

.add-to-cart-btn
{
    color:white;
    background-color:#ff4e00;
}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
       -webkit-appearance: none;
        margin: 0;
}

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

.gallery
{
    width: auto;
    height:320px;
}

.logo
{
width:250px; 

}

.searchform
{
    background:#eee;   
  padding-top:5px;
}



.RightCorneIcon {
    position: absolute;
    left: 35px;
    top: 15px;


}

#minibasket-container
{
color:white; 

margin:0px; 
}



.footer {
    margin-top:30px;
    background-color: #1b365e;
    padding: 60px 60px;
    color:white; 
}

.footer-block .list .call-li a {
    align-items: center
}

.footer-block .list .call-li a svg {
    margin-right: 10px;
    width: 20px;
    height: 20px
}

.footer-block .topic-block {
    margin: 0
}

.footer-block .topic-block-title {
    margin: 0 0 15px
}

.footer-block .topic-block-title h2 {
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    text-transform: initial;
    line-height: 1.5
}

.footer-block .topic-block-body {
    text-align: unset;
    line-height: normal;
    font-size: 14px;
    color: #ccc
}

.footer-block .topic-block-body ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.footer-block .topic-block-body ul li {
    line-height: 24px
}

.footer-block .topic-block-body ul li a {
    display: inline;
    line-height: 30px;
    font-size: 14px;
    color: #ccc
}

.footer-contact .d-flex {
    align-items: center
}

.footer-contact .d-flex .feather-headphones {
    width: 40px;
    height: 40px;
    color: #fff;
    margin-right: 15px
}

.footer-contact a {
    line-height: 1.4!important
}

.footer-contact a .phone {
    color: var(--cta-color,#ff4e00);
    font-size: 18px;
    font-weight: 500
}

.footer-contact li {
    color: #ccc
}

.footer-contact li.call-li {
    margin: 0 0 30px
}

.footer-contact li .feather-mail,.footer-contact li .feather-map-pin {
    width: 18px;
    height: 18px;
    color: #ccc;
    margin-right: 7px
}


.searchgroup 
{
    margin-top:10px;
    margin-bottom:10px;
    
border-bottom:1px solid #ccc;

}

.searchgroup:hover
{

    border:1px solid #666;   
}

.searchtitle
{
color:#bbb;

} 

.compblock:hover
{
    cursor:pointer; 
background:#eee;

}

.topic-block-title 
{

font-weight:bold;
}

.form-control

{

color: #212529;
background:white;
border:1px #ccc solid ; 
padding:10px; 
margin-right:10px; 

}

.form-control:focus {
    color: #212529;
    background-color: #fff;
 }

 #SearchField
 {
    width:70%; 
    
 }

 .logosubstitute 
 {

    color: #212529;

 }

 .sidemenulink
 {

    color: #333;
    font-size:15px; 
    font-weight:bold;
    text-transform: uppercase;
 }


 .sidebar
{

visibility:hidden;
}

 @media only screen and (max-width: 600px) { 
 .desktop-only

 {
    visibility:hidden; 

 }


}

@media only screen and (min-width: 600px) { 
    .mobile-only
   
    {
       visibility:hidden; 
   
    }


    @media only screen and (min-width: 1524px) { 
        .lg-only
       
        {
           visibility:visible; 
        
        }
       
        .sidebar
       { visibility:visible;}
       
       }



    #SearchResult
    {
  
   

    }
    


   }
 
   .topHero 
   {
    height:400px;
    background-repeat: no-repeat;
    background-position: center;
    background-size:100%;

}


#ad1 { 
    height: 600px; 
    width: 160px; 

    position: absolute; 

    left: 2vw; 
    display: flex; 
    justify-content: center; 
} 

#ad2 { 

    height: 600px; 
    width: 160px; 

    position: absolute; 

    right: 2vw; 
    display: flex; 
    justify-content: center; 
} 

.responsive-svg {
    height: 42px; /* Set your desired height here */
    width: auto;
    max-width: 100%;
    justify-content: right; 
} 

#searchresultbox
{


   
}

#spinner
{
 
}

.cardstyling
{
border:2px solid white;     
} 

.cardstyling:hover {     
    cursor: pointer; 
  
  }
 

.product-title
{
color: #ff4e00;
font-size:1.5rem;
}

.categorycardtext
{
font-weight:bold; 
}

.categorycardheader
{
display: table;
font-weight:thin; 
}

.categorycardbutton
{
font-size:0.9rem; 
font-weight:bold; 
padding:15px;
padding-bottom:4px;
padding-top:4px;  

margin-bottom:5px; 
} 

.innercard
{
padding:30px;  
   
}

.withsubitem 
{
 
}


.dropdown-menu
{
background:white; 
padding-right:20px; 

}

.dropdown-item:hover
{
 background:white;    
color:black; 
}

.dropdown-menu a 
{
color:#333
}



.submenuitem
{ 

    color:black; 
    background:white; 
}

.productinfo_header
{
    display:inline-block;
    font-size:1.1rem;
    color:#ff4e00;
}


.pageheadline
{
    display:inline-block;
    font-size:1.4rem;
  

}
.productinfo
{
    display:inline;
    font-size:1.1rem;
}

.clickable-row {
    cursor: pointer;
    transition: background-color 0.2s;
}

.clickable-row:hover {
    background-color: #f5f5f5;
}

.specifikationtable 
{
    --bs-table-bg: #f5f5f5;
}



#barcode{width:100%; max-width:360px;}