.standardsmall
        {
            font-family: Arial, Verdana, Helvetica, sans-serif;
            font-size: 8px;
            font-weight: normal;
			
        }

		
	.standardsmallmobile
        {
            font-family: Arial, Verdana, Helvetica, sans-serif;
            font-size: 10px;
            font-weight: normal;
			
        }


	.standard
        {
            font-family: Arial, Verdana, Helvetica, sans-serif;
            font-size: 10px;
            font-weight: normal;
			
        }
		
	.standardmobile
        {
            font-family: Arial, Verdana, Helvetica, sans-serif;
            font-size: 14px;
            font-weight: normal;
			
        }

	.standardorderdetails
        {
            font-family: Arial, Verdana, Helvetica, sans-serif;
            font-size: 10px;
            font-weight: normal;
			border: 1px solid white;			
        }

	.standardorderdetailsmobile
        {
            font-family: Arial, Verdana, Helvetica, sans-serif;
            font-size: 14px;
            font-weight: normal;
			border: 1px solid white;
			
        }

	.standardneworderdetails
        {
            font-family: Arial, Verdana, Helvetica, sans-serif;
            font-size: 10px;
            font-weight: normal;
			border: 1px solid black;
			
			
        }

	.standardneworderdetailsmobile
        {
            font-family: Arial, Verdana, Helvetica, sans-serif;
            font-size: 14px;
            font-weight: normal;
			border-width:1px;
			
			
        }



	.standardlarge
        {
            font-family: Arial, Verdana, Helvetica, sans-serif;
            font-size: 20px;
            font-weight: bold;
			text-decoration: none;			
        }

	.standardlargemobile
        {
            font-family: Arial, Verdana, Helvetica, sans-serif;
            font-size: 40px;
            font-weight: bold;
			text-decoration: none;			
        }

	.standardmedium
        {
            font-family: Arial, Verdana, Helvetica, sans-serif;
            font-size: 12px;
            font-weight: bold;
			text-decoration: none;			
        }

	.standardmediummobile
        {
            font-family: Arial, Verdana, Helvetica, sans-serif;
            font-size: 20px;
            font-weight: bold;
			text-decoration: none;			
        }

	.summarystock2
		{
			text-decoration: none;
            font-family: Arial, Verdana, Helvetica, sans-serif;
            font-size: 10px;
            font-weight: bold;
			color: black;
		}
	.summarystock1
		{
			text-decoration: none;
            font-family: Arial, Verdana, Helvetica, sans-serif;
            font-size: 16px;
            font-weight: bold;
		}
	.summarystock3
		{
			text-decoration: none;
            font-family: Arial, Verdana, Helvetica, sans-serif;
            font-size: 12px;
            font-weight: bold;
		}

	.threadunviewed
		{
			text-decoration: none;
            font-family: Arial, Verdana, Helvetica, sans-serif;
            font-size: 10px;
			color: red;
            font-weight: bold;
			padding: 3px;
		}

	.threadunread
		{
			text-decoration: none;
            font-family: Arial, Verdana, Helvetica, sans-serif;
            font-size: 10px;
			color: black;
            font-weight: normal;
			padding: 3px;
		}
		
	a.threadunread
		{
			text-decoration: none;
			color: black;
		}


	.summarystock2mobile
		{
			text-decoration: none;
            font-family: Arial, Verdana, Helvetica, sans-serif;
            font-size: 28px;
            font-weight: bold;
		}
	.summarystock1mobile
		{
			text-decoration: none;
            font-family: Arial, Verdana, Helvetica, sans-serif;
            font-size: 40px;
            font-weight: bold;
		}
	.summarystock3mobile
		{
			text-decoration: none;
            font-family: Arial, Verdana, Helvetica, sans-serif;
            font-size: 32px;
            font-weight: bold;
		}

	.inputresponsegood
        {
            font-family: Arial, Verdana, Helvetica, sans-serif;
            font-size: 20px;
            font-weight: bold;
			text-decoration: none;			
			color:green;
        }

	.inputresponsegoodmobile
        {
            font-family: Arial, Verdana, Helvetica, sans-serif;
            font-size: 40px;
            font-weight: bold;
			text-decoration: none;			
			color: green;
        }

	.inputresponsebad
        {
            font-family: Arial, Verdana, Helvetica, sans-serif;
            font-size: 20px;
            font-weight: bold;
			text-decoration: none;			
			color:red;
        }

	.inputresponsebadmobile
        {
            font-family: Arial, Verdana, Helvetica, sans-serif;
            font-size: 40px;
            font-weight: bold;
			text-decoration: none;			
			color: red;
        }

		
	.inputresponsegoodseko
        {
            font-family: Arial, Verdana, Helvetica, sans-serif;
            font-size: 40px;
            font-weight: bold;
			text-decoration: none;			
			color:green;
        }

	.inputresponsegoodsekomobile
        {
            font-family: Arial, Verdana, Helvetica, sans-serif;
            font-size: 40px;
            font-weight: bold;
			text-decoration: none;			
			color: green;
        }

	.inputresponsebadseko
        {
            font-family: Arial, Verdana, Helvetica, sans-serif;
            font-size: 40px;
            font-weight: bold;
			text-decoration: none;			
			color:red;
        }

	.inputresponsebadsekomobile
        {
            font-family: Arial, Verdana, Helvetica, sans-serif;
            font-size: 40px;
            font-weight: bold;
			text-decoration: none;			
			color: red;
        }
		
	.inputresponseneutralseko
        {
            font-family: Arial, Verdana, Helvetica, sans-serif;
            font-size: 40px;
            font-weight: bold;
			text-decoration: none;			
			color:black;
        }

	.inputresponseneutralsekomobile
        {
            font-family: Arial, Verdana, Helvetica, sans-serif;
            font-size: 40px;
            font-weight: bold;
			text-decoration: none;			
			color: red;
        }
		
	.inputresponsequarantinesekomobile
        {
            font-family: Arial, Verdana, Helvetica, sans-serif;
            font-size: 40px;
            font-weight: bold;
			text-decoration: none;			
			color: orange;
        }

	.bbol {
	  font-family: Arial, sans-serif;
	  font-size: 12px;
	  font-weight: bold;
	  color: black;
	}

	.bboh {
	  font-family: Arial, sans-serif;
	  font-size: 6px;
	  color: #222;
	}


	.bbos {
	  font-family: Arial, sans-serif;
	  font-size: 9px;
	  color: #444;
	}

		
	.bbd {
	  font-family: Arial, sans-serif;
	  word-spacing: 0px;
	  letter-spacing: 1px;
	  border: 1.2px solid #000;
	  padding: 2px;
	  display: inline-block; /* Ensures .bbd acts as an inline-block */
	}

	/* Style for the spans wrapping each mini-block */
	.bbm {
	  display: inline-block; /* This will make each mini-block side by side */
	  text-align: center; /* Center the text inside each mini-block */
	}

	.bbt {
	  font-size: 12px;
	  display: block; /* Keeps the text and the line break */
	  position: relative;
	}

	.bbt:after {
	  content: "";
	  display: block;
	  width: 100%;
	  height: 1px;
	  background: #AAA;
	  margin-top: 1px;
	}

	.bbb {
	  font-size: 8px;
	  display: block; /* Ensures it appears below .bbt within the mini-block */
	  margin-top: 2px; 
	} 
	
	.bbd-container {
	  white-space: nowrap; /* Prevents the spans from wrapping to a new line */
	  overflow-x: auto; /* Enables horizontal scrolling if content overflows */
	  display: block; /* Default for divs, ensuring it takes up the full width */
	}	
	
	.bbsep {
		display: inline-block;
		height: 20px; /* Adjust the height to fit your design */
		width: 1px; /* This creates a line, so keep it thin */
		background-color: #AAA; /* Or any color you prefer */
		margin: 0 10px; /* Adds horizontal spacing on either side of the line */
		vertical-align: middle; /* Aligns the line with the middle of the adjacent spans */
	}	
	
    .dtc {
        position: relative;
        width: 12px; /* Adjust width of the rectangular area */
        height: 22px; /* Adjust height of the rectangular area */
        /* border: 1px solid black;  Optional: Add border for visualization */
        font-size: 6px; /* Adjust font size as needed */
		color: #222;
		padding: 0px; /* Adjust padding around the characters */
		vertical-align: middle;
    }
    .dtm {
        position: absolute;
        top: 0;
        left: 0;
    }
    .dts {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .dtd {
        position: absolute;
        bottom: 0;
        right: 0;
    }	
	
	.ilf {
		/*display: inline-block;  Make the container an inline block */
		display: flex; /* Make the container a flex container */
		/* Add any additional styling for the container */
	}	
	
	#filePicker {
		padding: 5px 10px;
		background: #f8f8f8;
		border: 1px solid #ccc;
		cursor: pointer;
	}
	#filePicker:hover {
		background-color: #e2e2e2;
	}	
	
	#uploadform {
		width: 800px;
		height: 200px;
		border: 2px dashed #ccc;
		transition: background-color 0.3s; /* Smooth transition for background color change */
	}

	#uploadform:focus {
		background-color: #f8f8f8; /* Light grey background when focused */
		outline: none; /* Remove default focus outline */
	}