.qrcode-file-label-text{
	display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    border: 2px dashed #3498db;
    border-radius: 5px;

    width: auto;
    min-width: -webkit-fill-available;
    min-width: -moz-available;
    max-width: -webkit-fill-available;
    max-width: -moz-available;
    text-align: center;
    justify-content: center;
	box-shadow: inset 0 0 60px -20px #21386b, 0 0 10px 0px #21386b;
}

.qrcode-file-label-text input[type=text]{
    width: 100%;
    text-align: center;
    background: transparent;
    border: 0;
    outline: 0;
    margin: 0;
    padding: 5px;
	color: #fff;
	text-shadow: none;
}
.qrcode-file-label-text input[type=text]::placeholder{
    opacity: 0.5;
    color: #ffffff;
    text-shadow: none;
}

select#qrDimensions {
    border: 2px solid #3498db;
    border-radius: 5px;
    padding: 8px; /* Adjust padding as needed */
	
	appearance: none;
	
	background-color: #2f6698;
	background: linear-gradient(165deg, #2e4c93, #30769b);
	color: #fff;
	outline: 0;
	font-size: 18px;
	width: auto;
	min-width: -moz-available;
	min-width: -webkit-fill-available;
	max-width: -webkit-fill-available;
	max-width: -moz-available;
	box-shadow: inset 0 0 60px -20px #21386b, 0 0 10px 0px #21386b;
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PgogICAgICAgIDwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgCiAgICAgICAgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+IDxzdmcgc3R5bGU9ImNvbG9yOiB3aGl0ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBjbGFzcz0iaWNvbiBpY29uLXRhYmxlciBpY29uLXRhYmxlci1zZWxlY3QiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0iY3VycmVudENvbG9yIiBmaWxsPSJub25lIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPiA8cGF0aCBzdHJva2U9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9InRyYW5zcGFyZW50Ij48L3BhdGg+IDxyZWN0IHg9IjQiIHk9IjQiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgcng9IjIiPjwvcmVjdD4gPHBhdGggZD0iTTkgMTFsMyAzbDMgLTMiIGZpbGw9InRyYW5zcGFyZW50Ij48L3BhdGg+IDwvc3ZnPiAg'); /* Replace with your arrow image */
    background-repeat: no-repeat;
    background-position: 99% center;
    background-origin: border-box;
}
select#qrDimensions:focus{
	background-blend-mode: overlay;
}
#qrDimensions option{
	background-color: #2f6698;
    border: 2px solid #3498db;
    border-radius: 5px;
    padding: 8px; /* Adjust padding as needed */
    margin-top: 10px;
}

.qr-peview{
	text-align: center;
	padding: 15px;
	max-width: 800px;
	max-height: 800px;
	position: relative;
	margin: 0 auto;
}

.qr-peview canvas{
	max-width: 800px;
	max-height: 800px;
}