legend {
padding-top: 15px
padding-left:0px;
padding-bottom: 6px;
margin-left:0px;        
color: #444;
font-size:20px;
clear:right;
}
.select50{
text-transform:uppercase;
padding:2px;
width:50px;
background:#fafafa;
border:1px solid #ddd;
}

fieldset {
text-align:left;
clear: both; 
padding:0 0  0px 5px;
margin: 0 0 0px 5px; 
border:none;
background:white;
}
.tabs li a {
display: block;
text-align:center;
height:24px;
vertical-align:bottom;
float: left;
padding: 8px 0 0 0;
margin: 0 0 0 8px;  
width:90px;
overflow:hidden;
border: none;
cursor:pointer !important;
background:whitesmoke;color:black;
text-decoration:none;
}
.app-frame{
background: #000000;
background-image: url('black;')
}
.tabs li a.current {background:black;color:white;}
.tabs li a:hover{background:black;color:white;}
.tabs li .tabActive{background:black;color:white;}



.icon-button_container{
height: 40px;
background: #e5e5e5;
width: 40px;
border-radius: 50%;
font-size:12px !important;
display: flex;
padding: 2px 0px;
align-items: center;
justify-content: center;
margin: auto;
border:none;
}

.icon-button_container_footer{
height: 40px;
width: 40px;
border-radius: 50%;
background-color: #D8B655! important;
font-size:12px !important;
display: flex;
align-items: center;
justify-content: center;
margin: auto;
border:none;
}
.footerhover i{
color:#D8B655! important;
font:normal normal normal 20px/1 FontAwesome! important;
}
.list-header {
background:#000000! important;
}
#navBars
{
background: #000000! important;
}

.ui-menu-item-wrapper{
border:  3px solid transparent! important;
}
.ui-state-active,
.ui-state-active:hover,
.ui-menu-item-wrapper.ui-state-active,
.ui-menu-item-wrapper:hover,  .ui-menu-item-wrapper:focus {
border:  3px solid #f8b912! important;
background-color: white! important;
}

#ui-id-1 .list-group-item:active{
border:  none! important;
}
.ui-state-active
{
padding-left:0px! important;
}
.menu-outline{
color: #000! important;
}
#autoCompleteProduct:hover, #autoCompleteProduct:focus {
border-color: #c5c5c5;
background: white! important;
}
.dropdown-item:hover,
.nav-cell:hover
{
background: #01d4ff! important;
color: #000! important;
}

.nav li a:hover,.nav-cell:hover,.productSearch-categoriesList li:hover,.more-options a:hover,.more-options a:visited {

color: #000! important;
background: #01d4ff! important;
}

.navBarText{
font-weight:500;
font-size: 14px;
color:#D8B655;
text-transform: capitalize;
letter-spacing: 0px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
transition:all 100ms ease-in-out;
}

.nav-link.dropdown-toggle::after{
color:#D8B655! important;
}
.navbar-categories-icons{
font-size: 25px;
color:#D8B655;
}
.side-menu-navbar{
border:1px solid #D8B655 !important;
height: 50px! important;
padding: 0px! important;
width:100%;
}
.side-menu-navbar ion-icon{
color:#D8B655 !important;
}

.user-info-mobile ion-icon{
color:#D8B655 !important;
}
.navbar-Seperator{
width: 1px;
height: 15px;
background:#D8B655;
margin-left: 10px;
}
.icon-button_label{
font-size: 12px;
line-height: 22px;
margin-top: 0px! important;
letter-spacing: 0;
line-height: 24px;
word-break: break-word;
text-align:center;
font-weight: 400;
}

.icon-button_label,
.prisInkMVATxt{
color: #D8B655;
}

.discountFieldContainer{
position: absolute;
opacity: .8;
top: 0%;
left: 0px;
background: #d93717;
border-radius: 50%;
width: 1em;
height: 1em;
font-size: 58px;
}
.discountFieldContainer_ListeType2{
position: absolute;
opacity: .8;
top: 0%;
left: 0px;
clip-path: polygon(100% 0%, 5% 0%, 0% 1000%);
background: #db9214;
/* border-radius: 50%; */
width: 50%;
height: 27px;
font-size: 50px;
z-index: 9998;
}
.navbar-icons,
.footer-func-text,
.footer-func-icon{

font-size:16px;
}
.footer-func-text,
.footer-func-icon{
color: #D8B655;
}
.navbar-icons{
color: #D8B655;
}
.mainMenu.dropdown-toggle::after{
color: #D8B655! important;

}

.app-logo{
width: 80px;border: none! important;z-index: 10;;
}
.mobile-logo{
width: auto;height: inherit;padding: 5px !important;max-height: 80px;border: none !important;vertical-align: middle !important;;
max-width: 125px! important;
height: auto! important;
padding: 0px !important;
}
.login-logo{
width: auto;max-height: 95px;padding:10px 0px;margin: 5px 0px;;
}
.company-logo{
max-width: 100%;
height: 150px;
}
.footer-logo{
width: 50%;height: auto;max-height: inherit;padding: 0px! important;border: none! important;vertical-align: middle! important;z-index: 10;text-align: left! important;;
}
.nav-bar.dropdown-toggle::after{
color: #D8B655;
}
.language-item.dropdown-toggle::after{
color: #D8B655! important;
}
.icon-badge--default {
background-color: #D8B655;
color: #222;
}
.nav-icons{
font: normal normal normal 23px/1 FontAwesome! important;
color:#D8B655! important;
}
.fixed-nav-footer
{
position: absolute;
background-color:#000000 !important;
border-top:1px solid #ddd;
height:75px !important;
bottom: 0;
left:0;
right:0;
transform: translateY(2%);
z-index: 1002;
}

.logo-row{
background-color:#000000 !important;
}
.logo-type-name{
font-size:0.85rem;
font-weight: bold;
}
.logo-row .logo-type-name{
color:#D8B655! important;
}
.logo-row img{
background-color:inherit! important;
}
.navHeaderItem:hover,
.more-options:hover{
background:#01d4ff !important;
}
.navigation-header {
background:#000000 !important;
top: 0;
width: 100%;
border-top: 0 solid #fff;
transition: max-height 0.5s;
padding-left: 0;
padding-right: 0;
margin-bottom: 25px;
border-bottom: 6px solid #000000 !important;
position: relative;
}
.sticky-footer{
background-color:#000000;
border-top: 1px solid #e7e7e7;
}

.footertitle:after {
content: '';
position: absolute;
width: 40px;
height: 3px;
background-color: #D8B655;
top: 28px;
left: 0px;
border-radius: 3px;

}
.footertitle{
color: #D8B655;
text-decoration: none;
line-height: 100%;
font-size: 15px;
font-weight:700;
text-align: initial;
letter-spacing: 0;
}
.footer-copyRight--textContent{
text-align: center; 
margin: 0.5em;
font-size: 10px;
color: #D8B655 !important;
text-align: left;
font-size: 14px! important;
letter-spacing: 0;
}
.footerLinks{
color: #D8B655 !important;
font-size:12px! important;
letter-spacing: 0;
}
.footer-copyRight--textContent,
.footer-companyNavn{
color: #D8B655 !important;
}
.footer-favIcons{
font-size: 20px;
color: #D8B655 !important;
}
.text-left{
font-size:14px !important;
color: #D8B655;
white-space:initial;
}
.footerFogs{
max-width:6%;
color: #D8B655 !important;
font: normal normal normal 18px/1 FontAwesome !important;
}
.side-menu-icon{
font:normal normal normal 25px/1 FontAwesome! important;
color:#D8B655 !important;
}
.varetextnew{
text-align: center;
color: #D8B655;
font-size: 22px !important;
margin-bottom: 20px;
letter-spacing: 0.73px;
}
.footer-category{
width: 10% ;
vertical-align: middle;
padding: 0px !important;
}
.appName_border{
opacity: 0.5;
margin:0px! important;
background:#D8B655;
}

.prod-search-append{
background-color: #fff! important;
border-radius: 0px;
}
.productSearch-categoriesList{
border-top:none! important;
padding:0px! important;
border: 1px solid silver! important;
min-width: 90px! important;
top:-2px! important;
background-color: #fff! important;
}
.productSearch-categories{
border-radius: 4px 0px 0px 4px! important;
line-height: normal !important;
text-shadow: 0 0 0 rgba(255,255,255,0)! important;
box-shadow: none! important;
display: block;
text-transform: capitalize! important;
width:inherit! important;
overflow: hidden! important;
white-space: nowrap! important;
text-overflow: ellipsis;
color: #555! important;
font-size: 12px! important;
padding:0px! important;
min-width: 19px! important;
height:100%! important;
border: none! important;
}   
.category-link{
font-weight: inherit! important;
text-transform: capitalize! important;
text-decoration: none! important;
font-size: 12px! important;
letter-spacing: .055em;
}

.productSearch-categories,
.autoCompleteProduct,
.prod-search-append{
border-radius:0px! important;ca
background-color: #fff! important;
}

.autoCompleteProduct{
padding-left: 12px! important;
font-size: 14px! important;
color: #00205b! important;
font-weight: 500! important;
line-height: normal! important;
text-shadow: 0 0 0 rgba(255,255,255,0)! important;
box-shadow: none! important;
height:100%! important;
}
@media (max-width: 767.99px) {
.MainPageHeadDiv{
background-color: #000000! important;
}
}
@media (max-width: 600px) {
#productSearchDiv {
padding: 7px;
background: #000000! important;
display: flex;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: flex;
max-width: 100%;
position: static;
position: initial;
}

.mobile-header{
margin: auto 0px! important;
margin-top: auto! important;
margin-bottom: auto! important;
}
}
.kundeDetail_Menu,
.selgerMenu_Detail,
.prod-mobile-header{
background: #00205b! important;
}

.prod-mobile-header .mobile-tab-product,
.productInfoHeader-icons{
color:#fff! important;
}
.Kunde-nav .nav-link{
font-size: 15px;
color:#fff! important;
}
.active-section-enabled {
background: #017ab4! important;
}
.active-kunde-tab .nav-link{
color:#000! important;
}
.productPage-menu-bar{
width: 100%;
left: 0;
top: 0;
z-index: 131;
background: #00205b! important;
}
.prod-detail-menu{
margin: 0px 5px! important;
padding: 0px 10px! important;
color:  #000000! important;
}
.cart-headers,
.extableSubtd3{
background: #000000! important;
color:  #D8B655! important;
}
.extableSubtd3{
font-size: 12px! important;
max-width: 60px! important;
}

.menu-active {
text-decoration: none;
background-color: #017ab4! important;
color:  #fff! important;
border-top: 5px solid #41c2fa! important;
line-height: 42px! important;
outline: none;
}
.product-menu-active {
text-decoration: none;
background-color: #fff! important;
color:  #000! important;
outline: none;
position:relative;
box-shadow: 0 0 8px rgb(0 0 0 / 0%);
}
.product-menu-active::before{
content: "";
width: 100%;
height: 7px;
background: #000000! important;
position: absolute;
top: 0;
left: 0;
}


.product-section-wrapper{
margin-left: 0;
background: #000000! important;
margin-right: 0;
}

.sticky-header{
position: fixed! important;
top:0;
left: 0;
width:100%;
opacity: 1;
z-index: 1040;
background: #000000! important;
box-shadow:0 6px 10px rgb(0, 0, 0,  25%);
animation-name: header;
animation-duration: .8s;

}
.productSearchInput{
border-bottom: 3px solid #D8B655! important;
}
.productSearchInput-active{
border-bottom: 3px solid #000000! important;
border-radius: 0px! important;
}
.btnCMS{
height: 40px! important;
padding: 10px;
border: 1px solid silver;
background: #fff;
border-radius: 5px;
word-break: break-all;
font-size: 14px;
}
.app-row{
margin:0px! important;
}
.btnshop:hover,
.btnshop:visited{
background: #ddd;
}
.cmsId_Btn{
width: 70px! important;
height: 37px! important;
padding: 0px;    border: 1px solid silver;
background: #fff;border-radius: 5px;
word-break: break-all;
font-size: 15px;
}
.save-cmsBtn{
min-width: 85px;max-width: 90px! important;
height: 40px! important;
padding: 0px;
background: #fff;border-radius: 5px;border:1px solid silver;
word-break: break-all;
font-size: 14px;
}
.save_section{
padding: 0px! important;
text-align: end! important;
}
.saveClose_section{
padding: 0px! important;
text-align: center! important;
display: flex! important;
justify-content: center! important;
}
.saveClose-cmsBtn{
display: flex;    justify-content: center;
align-items: center;
}
.cms_select{
margin-bottom: 0px! important;
display: flex! important;
gap: 5px! important;
}
.cms-options{
padding:0px! important;
padding-bottom: 10px! important;
flex-direction: row;
align-items: center;
}
.cms_select_section{
padding: 0px! important;
}
.produkt-shop-button,
.LeggTil,
.btnshop,
.product-page-shop-btn,
.ordercheckout-btn,
.orderConfirm
{
background: #f8b912! important;
border:1px solid #d29300! important;
border-bottom: 2px solid #d29300! important;
color:#fff! important;
font-size:13px! important;
height: 35px;
}
.btnSecondary{
background: #fff! important;
border:1px solid #000! important;
color:#000! important;
height: 35px;
border: 0;
border-bottom: solid #ccc;
border-bottom-width: 3px;
cursor: pointer! important;
white-space: nowrap;
text-transform: uppercase;
padding: 6px 12px;
line-height: normal;
user-select: none;
position: relative;
vertical-align: bottom;
overflow: visible;
border-radius: 4px;
display: inline-flex;
justify-content: center;
align-items: center;
gap: 3px;
}
.btnSecondary:hover{
background: #f8b912! important;
border:1px solid #000! important;
color:#fff! important;
text-decoration:none! important;
box-shadow: 0 1px 4px 0px rgb(0 0 0 / 45%);
}
.produkt-shop-button:hover,
.LeggTil:hover,
.btnshop:hover,
.product-page-shop-btn:hover,
.ordercheckout-btn:hover,
.orderConfirm:hover
{
background: #fff! important;
border:1px solid #000! important;
color:#000! important;
text-decoration:none! important;
box-shadow: 0 1px 4px 0px rgb(0 0 0 / 45%);
}

.add-produkt-favorite-active{
background-color: #FFD700! important;
color: #fff! important;
}
#topScrollButton{
display: none;
    background-color: #FF9800;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 160px;
    right: 10px;
    transition: background-color .3s,
        opacity .5s, visibility .5s;
    z-index: 1000;
}
#helpButton{
background-color: dodgerblue;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 90px;
    right: 10px;
    transition: background-color .3s,
        opacity .5s, visibility .5s;
    z-index: 1000;
}
#helpButton:focus-visible{
outline: none! important;
border:none! important;
}
#topScrollButton::after
{
content: "\2191";
}
#topScrollButton::after,
#helpButton::after{
font-weight: normal;
font-style: normal;
font-size: 2em;
line-height: 42px;
color: #fff;
}
#helpButton:hover{
background-color: lightseagreen! important;
}


    .price-valutaid{
   background : #000;
}
 
 
    .price-valutaid{
   color : #ffffff;
}
 
 
 .price-valutaid{
    padding: 2px 5px;
    font-size: inherit;
}