    body {
        background-color: #f8f9fa;
    }

    .section-box {
        background: #fff;
        padding: 20px;
        border: 1px solid #ddd;
        border-radius: 5px;
        box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
    }

    h2 {
        font-size: 20px;
        border-bottom: 1px solid #ddd;
        padding-bottom: 10px;
        margin-bottom: 20px;
    }

    .order-summary table,
    .order-summary label {
        font-size: 14px; /* Smaller font for the Order Summary Section */
    }

    .checkout-button {
        background-color: #D96D47;
        color: #fff;
        border: none;
        text-align: center;
        width: 20%;
        margin-bottom: 2%;
        border: 1px solid #c1c1c1;
    }

    .checkout-button:hover {
        background-color: #c1593b;
    }
    .table{
        font-size: 12px;
    }
    .table td:first-child {
        white-space: nowrap; /* Prevent text from wrapping */
        overflow: hidden;    /* Hide overflowed text */
        text-overflow: ellipsis; /* Add ellipsis (...) */
        max-width: 250px; /* Adjust the max-width as needed */
    }
    .radio1{
        height:1.5vh !important;
        width:1.5vw !important;
    }
    .checkbox-container {
            display: flex;
            align-items: center;
            font-size: 14px;
            color: #333333; /* Adjust color as in your design */
        }

    .checkbox-container input[type="checkbox"] {
        margin-right: 5px; /* Space between checkbox and label */
        cursor: pointer;
    }

    .checkbox-container label {
        cursor: pointer;
    }
    .text-end{
        text-align: right;
    }
    /*.text-center{
        text-align: right !important;
    }*/
    .cart-summary{
        font-size: 12px;
    }
    .cart-summary label{
        font-size: 12px;
    }

/* ***************************************************** */
.levadrvalg{		/* style="margin-bottom: 0; font-size: 12px;" */
	font-size: 100%;
	font-weight: bold;
	margin-top:10px;
}
.levbesked{
	width: 100%;
}

		.searchable-dropdown  {			/* */
            position: relative;
            width: 100%;
        }

        /* Select styling with custom arrow */
        .searchable-dropdown select {		/* valgt land */
            color: #868e96;
            width: 100%;
            height: 35px;
            font-size: 12px;
            border: 1px solid #ccc;
            border-radius: 4px;
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            background-color: white;
            background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpolyline points="6 9 12 15 18 9"%3E%3C/polyline%3E%3C/svg%3E');
            background-repeat: no-repeat;
            background-position: right 10px center;
            background-size: 16px 16px;
            cursor: pointer;
            margin-bottom: 2%;
        }
        .searchable-dropdown .dropdown-content {		/* */
            color: #868e96;
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            border: 1px solid #ccc;
            border-radius: 4px;
            background-color: white;
            max-height: 200px;
            overflow-y: auto;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            z-index: 1000;
            display: none;
        }
        .searchable-dropdown .dropdown-levcontent {		/* */
            color: #868e96;
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            border: 1px solid #ccc;
            border-radius: 4px;
            background-color: white;
            max-height: 200px;
            overflow-y: auto;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            z-index: 1000;
            display: none;
        }

        .searchable-dropdown .dropdown-content.active  {		/* */
            display: block;
        }
        .searchable-dropdown .dropdown-levcontent.active  {		/* */
            display: block;
        }

        .dropdown-content input {				/* søg */
            width: calc(100% - 20px);
            padding: 10px;
            margin: 5px;
            font-size: 16px;
            border: 1px solid #ccc;
            border-radius: 4px;
            box-sizing: border-box;
        }
		.dropdown-levcontent input {				/* søg */
            width: calc(100% - 20px);
            padding: 10px;
            margin: 5px;
            font-size: 16px;
            border: 1px solid #ccc;
            border-radius: 4px;
            box-sizing: border-box;
        }
		
        .dropdown-content div  {				/*  */
            padding: 10px;
            cursor: pointer;
        }
        .dropdown-levcontent div  {				/*  */
            padding: 10px;
            cursor: pointer;
        }

        .dropdown-content div:hover {				/*  */
            background-color: #0078d7;
            color: white;
        }
        .dropdown-levcontent div:hover {				/*  */
            background-color: #0078d7;
            color: white;
        }
/* ***************************************************** */

        .prices{
            text-align: right;
        }
        .form-label{
            font-size: 12px !important;
        }
        .form-control{
            font-size: 12px !important;
        }
