@media (min-width: 1620px) {

    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
      max-width: 1620px;
    }
}


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

body { padding-top:120px;
padding-bottom:195px; 
background:#eee;
}


.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: var(--cta-color,#ff4e00);
}


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

}

.def-gradient
{
    background-color: #1b365e;

}

.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:20px;
height:120px;
    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);

}


