*{
    font-family: "Trebuchet MS",Segoe, "Segoe UI", "DejaVu Sans", Verdana, "sans-serif"
}
body {
    background-color: #f8fbf3;
}
form .form-control{
	/* Input */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 12px 16px;

width: 390px;
min-width: 240px;
height: 46px;

background: #FBFBFA;
border: 1px solid rgba(29, 45, 6, 0.5);
border-radius: 4px;

/* Inside auto layout */
flex: none;
order: 2;
align-self: stretch;
flex-grow: 0;
    font-size:12px;
 
}


label {
       font-weight: bold;
}

.loginform {
/* Form Log In */ 

box-sizing: border-box;
margin:auto;

padding: 24px;


width: 438px;
min-width: 320px;
height: 275px;


background: #FBFBFA;
border: 1px solid #EBEBEB;
/* Drop Shadow/200 */
box-shadow: 0px 1px 4px rgba(27, 23, 11, 0.1), 0px 1px 4px rgba(27, 23, 11, 0.05);
border-radius: 4px;
    }


form button.cmn_btn {
margin:10px auto 0;
box-sizing: border-box;

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 16px 24px;
gap: 4px;

width: 100%!important;
height: 42px;

background: #047C44;
border:1px solid #047C44;
border-radius: 4px;
color: #fff;
/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 1;
}
form button.cmn_btn:hover {

background: #1D2D06;
border: 1px solid #000;

}



.topleftlogo{
    margin-bottom:25px;
}
input {
    display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 4px!important;

width:100%;
background: #F9F9F9;
border: 0.6px solid #9C9C9C;
border-radius: 4px;


}
.list_f_search .icon {
    position: absolute;
    top: 21px;
    left: 20px;
}
    
#search_text {
    padding-left: 25px !important;
    font-size: 14px;
}


.rangewrapper{
    width:100%;
}
.rangewrapper {

    flex-direction: column;
}

.price-label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.price-label span {
    white-space: nowrap; /* Prevents wrapping the span content */
}

.irs--round .irs-handle {
    background-color: #047C44!important;
    border: none !important;
        width: 16px!important;
    height: 16px!important;
}
.irs--round .irs-bar {
    top: 32px!important;
    background-color: #ebebeb!important;
}
#leftOverviewContent {
    font-size:12px!important;
}
.nocontent{
    background-color: #EBEBEB;
    background-image: url("/filarkiv/basketicon-empty.svg");
    background-repeat: no-repeat; /* Prevents the image from repeating */
    background-position: center 50px;
    min-height: 150px;
    display: flex; /* Enables flexbox layout */
    flex-direction: column; /* Stacks items vertically */
    justify-content: center; /* Centers items vertically */
    align-items: center; /* Centers items horizontally */
    text-align: center; /* Centers text */
   
        
}
.containerOverview{
    width: 100%
}
.totalcontainer {
    display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 2px 4px;
  min-height: 30px; 



background: #FBFBFA;
border: 0.3px solid #C7C6C3;
/* Drop Shadow/200 */
box-shadow: 0px 1px 4px rgba(27, 23, 11, 0.1), 0px 1px 4px rgba(27, 23, 11, 0.05);
border-radius: 4px;

}
.green{
    color: #1E9839 !important;
}
.totalprice {

     padding-left:6px;
     padding-right:6px;
}

 .form-check-label {
            margin-left:2px; /* Adds 6px space between bullet and text */
        }

.checkoutbtn{
    width:100%;
    display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 16px 24px;
gap: 4px;


background: #DDDDDB;
border: 0.5px solid #C7C6C3;
border-radius: 4px;
    cursor: pointer;
    color:#9D9B97;
}

.checkoutbtn.active{
    width:100%;
    display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 16px 24px;
gap: 4px;


background: #047C44;
border: 0.5px solid #047C44;
border-radius: 4px;
    cursor: pointer;
    color:#fff;
}




#liveusers  {
  text-align: center;
    width:150px;
    float:left;
}
#liveusers h2 {
   color:#1E9839;
    font-size:24px;
}
.dropdown-toggle::after {
display: none!important;    
}
.dropdown-menu{
    fpmt-size:14px;
   
}
.dropdown-menu a{
text-decoration: none;
    color:#000;
}
.product_item{
   background: #FBFBFA;
    border: 0.3px solid #94C30C;
    box-shadow: 0px 1px 4px rgba(27, 23, 11, 0.1), 0px 1px 4px rgba(27, 23, 11, 0.05);
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 10px; /* Optional for spacing */
}
.product {
   width:100%;
           display: flex;
}
.col-1, .col-3 , .col-2,.col-4,.col-5,.col {
     display: flex;              /* Enable flexbox */
    flex-direction: column;     /* Arrange items in a column */
    justify-content: center;     /* Center items vertically */
    height: 90px;  
   
}
.product h5 {
    font-size: 14px;
    
}
.cat-910,.cat-10{
    padding:3px 8px;color:#5A8CFF; font-size:10px;background: rgba(90, 140, 255, 0.15);
border-radius: 8px;
  align-self: baseline;
}
.cat-06{
    padding:3px 8px;color:#8B3CF3; font-size:10px;background: #8B3CF326;
border-radius: 8px;
  align-self: baseline;
}
.cat-default {
   background: #1D2D06;

padding:3px 8px;color:#fff; font-size:10px;
border-radius: 8px;
  align-self: baseline;
    color:#047C44;
}



.cat-1{
    padding:3px 8px;color: #5A8CFF; font-size:10px;background: rgba(90, 140, 255, 0.15);
border-radius: 8px;
  align-self: baseline;
}
.cat-2{
    padding:3px 8px;color:#8B3CF3; font-size:10px;background: rgba(139, 60, 243, 0.15);
border-radius: 8px;
  align-self: baseline;
}
.cat-3{
    padding:3px 8px;color:#8B3CF3; font-size:10px;background: rgba(139, 60, 243, 0.15);
border-radius: 8px;
  align-self: baseline;
}
.cat-4{
    padding:3px 8px;color:#01957F; font-size:10px;background: rgba(0, 182, 155, 0.15);
border-radius: 8px;
  align-self: baseline;
}



.product_image {
    position: relative; /* Make this position relative for absolute positioning of overlay */
}

.stock-overlay {
    position: absolute;
    bottom: 10px; /* 15px from the bottom of the image */
    left: 12px;
    right: 0; /* Ensures it stretches across the entire width of the image */
    background-color: rgba(255, 255, 255, 0.7); /* Semi-transparent white background */
    padding: 5px; /* Padding for the overlay */
    text-align: center; /* Center the text */
    border-radius: 4px; /* Optional: Rounded corners */
    width:60%;
    color:#000;
}

.stock-label {
    font-size: 12px; /* Font size for "LAGER:" */
    padding-right:6px;
}

.stock-quantity {
    font-size: 14px; /* Font size for stock quantity */
    font-weight: bold; /* Make the quantity bold */
}

.product_potsize,
.product_plantheight,
.product_UnitsPerParcel {
    text-align: center; /* Center align text in the column */
    font-size: 13px; /* Set font size for the label */
}

.variable {
    font-size: 20px; /* Font size for the variable */
    color: #047C44; /* Color for the variable */
    background-color: #047C441A; /* Background color for the variable */
    padding: 2px 4px; /* Add some padding for better appearance */
    border-radius: 4px; /* Optional: rounded corners */
    display: inline-block; /* Ensures padding works properly */
    border-radius: 4px;
    min-width:80%;
}

.product_price {
    text-align: right; /* Right align the price and text */
}

.price {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    /* identical to box height, or 28px */
    letter-spacing: 0.02em;
}

.currency {
    color: #047C44; /* Currency color (green) */
    font-size: 16px; /* Currency font size */
}

.price_per_unit {
    font-size: 11px; /* Font size for "PR. STK." */
    text-transform: uppercase; /* Uppercase text */
    display: block; /* Ensure it appears on a new line */
     color: #047C44; /* Currency color (green) */
    line-height: 8px;
    text-transform:lowercase;
}

.product_quantity {
    display: flex;                  /* Use flexbox for layout */
    justify-content: center;        /* Center align items */
    align-items: center;            /* Vertically center items */
   padding-top: 11px;
    margin-bottom: 6px;
}

.order-button {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px;
    background: #047C44;
    border: 1px solid #047C44;
    border-radius: 4px;
    color: white;                   /* Text color for button */
    cursor: pointer;                /* Pointer cursor for button */
    flex-shrink: 0;                 /* Prevent button from shrinking */
    min-width: 105px;
}

.kolli-label {
    margin-left: 5px;              /* Space between button/input and "Kolli" */
font-size: 16px;
font-variant: all-small-caps;              /* Adjust font size as needed */
}

.quantity-input {
    display: none;                  /* Initially hidden */
    align-items: center;            /* Center align items in the input field */

}

.auction-quantity-input {
    padding: 12px;
    border-radius: 4px;
    border: 1px solid #047C44;      /* Same border color as button */
    width: 100%;                    /* Make the input field take the full width */
    box-sizing: border-box;         /* Include padding and border in width */
    width:105px ;
        margin-top: 8px;
    text-align: center;
}









.filter-container {
  width: 38px!important;  /* Set the width to match the SVG dimensions */
  justify-content: center; /* Horizontally center the img */
  align-items: center;     /* Vertically center the img */
 
  position: relative; /* Optional: to manage absolute positioning, if needed */
    padding:0px!important;
float:left;}

.catsfiltericon {
  height: 100%;
}

.basket-table td {
vertical-align: middle; /* Vertically centers the content */
}
.flowerani {
    display: none;
}
.right{
    float:right!important;
}
.filterlabel{
    color:#1B170B66!important;
}


@media (min-width: 800px) {
    .col-xl-5 {

        width: 38.666667%!important;
    }
    .filter-column {
     position: -webkit-sticky; /* For Safari */
    position: sticky;
    top: 0; /* Adjust this value to determine how far from the top the element stays */
    z-index: 1000; /* Ensure it's above other content if needed */
    height: fit-content; /* Ensures that it doesn't stretch unnecessarily */
}
}