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


body { padding-top:150px;
padding-bottom:195px; 
background:#fff;
}


.default
{
background:white;

}


.longword
{

word-wrap: break-word;
}

a 
{
color:#333;

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

}

.footer
{
background:#333;
height:40px;
color:white; 

}





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

}





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

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


.nav-item .active
{
    color:#59AE09;
}


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

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

}

.card-title 
{
    color:#59AE09;
    font-weight:bold;
}

.product-name
{
color:#207ab7;


}

.breadcrumb a
{
text-decoration:none;
}

a
{
text-decoration:none;
}

.navbar
{
padding-top:0px;
   color:white; 
   padding-bottom:15px; 
}

.def-gradient
{
    background: rgb(36,6,75);
background: linear-gradient(90deg, rgba(36,6,75,1) 0%, rgba(36,6,75,1) 35%, rgba(92,35,164,1) 100%);
}

.green-gradient
{
   background: rgb(89,174,9);
background: linear-gradient(90deg, rgba(89,174,9,1) 0%, rgba(36,6,75,1) 72%, rgba(40,75,6,1) 100%);
}

.card-title2
{

    font-family:Ruda; 
    font-weight:900; 
    Color: rgb(89,174,9);
}


.footer
{
    padding:10px;
height:80px;
    font-family:Ruda; 
    font-weight:900; 
    Color: #fff; 
}

.FrontpageBanner
{
font-size:1.2rem; 
    
}



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

    .FrontpageBanner
    {
    font-size:1rem; 
        
    }
    

    body { padding-top: 155px;
        padding-bottom:195px; }

}


@media only screen and (min-width: 600px) 
{
.card 
{
    padding:20px;
}
}








.itemheader
{
    font-family:Ruda; 
    font-weight:900; 
color:#333; 
}


.itembreakout
{

    width: 100vw;
    position: relative;

    left: calc(-1 * (100vw - 100%) / 2);

}


form {
    display: inline;
}


.obsolete-price {
  del {
    color: rgba(red, 0.5);
    text-decoration: none;
    position: relative;
    &:before {
      content: " ";
      display: block;
      width: 100%;
      border-top: 2px solid rgba(red, 0.8);
      height: 12px;
      position: absolute;
      bottom: 0;
      left: 0;
      transform: rotate(-7deg);
    }
  }
    ins {
    color: green;
    font-size: 32px;
    text-decoration: none;
    padding: 1em 1em 1em .5em;
  }
}