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

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


.main
{
  
   margin-top:70px; 
}



.default
{
background:white;

}


.longword
{

word-wrap: break-word;
}

a 
{
color:#333;

}
.tablerow:hover
{
    cursor:pointer; 
background:#eee;

}





.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 
{
width:150px; 

}


.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;
background-color: #fff;
color:#1b365e;
}


.bottommenu
{ 

 background-color: #1b365e;

}


.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; 
}

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

}

.card-title 
{
    color:#ff4e00;
}

.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
    {
    
        z-index:2999;
   
        background:#ccc;
    }
    


   }
 
   .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; 
} 

.table-hover
{
cursor:pointer; 
}