form.jqtransformdone label {
	display: block;
}
form.jqtransformdone div.rowElem {
	clear:both;
}
/* -------------
 * Selects
 * ------------- */
.jqTransformSelectWrapper {
	position:relative;
	margin:0;
	background:#131313;
	height:34px;
}
.jqTransformSelectWrapper div {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#535353;
	padding: 4px 30px 6px 15px;
	cursor:pointer;
	line-height:25px;
}
.jqTransformSelectWrapper a.jqTransformSelectOpen {
	position:absolute;
	z-index:99;
	display:block;
	right:0px;
	top:0px;
	width: 38px;
	height: 34px;
	background: url(../images/select.gif) no-repeat 0 0;
}
.jqTransformSelectWrapper a.jqTransformSelectOpen:hover {
	background-position:0 bottom;
}
.jqTransformSelectWrapper ul {
	background:#131313;
	display: none;
	height: 150px;
	margin: 0 0px 0 0 !important;
	padding: 0;
	overflow-y:auto;
	position: absolute;
	left: 0px;
	top:34px !important;
	list-style: none;
	z-index:10;
}
.jqTransformSelectWrapper ul a {
	display: block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:25px;
	color:#535353;
	font-weight:normal;
	padding-left:15px;
}
.jqTransformSelectWrapper ul a.selected {
	color: #939393;
}
.jqTransformSelectWrapper ul a:hover {
	color: #939393;
	background:#131313;
}
/* -------------
 * Hidden - used to hide the original form elements
 * ------------- */
.jqTransformHidden {
	display: none;
}
/* Media query pentru telefoane (lățimi de până la 767px) */
@media (max-width: 768px) {
    /* Formulare */
    form.jqtransformdone label {
        display: block;
        font-size: 16px; /* Mărește dimensiunea fontului pentru lizibilitate pe telefoane */
        margin-bottom: 10px; /* Adaugă spațiu sub etichete */
    }
    
    form.jqtransformdone div.rowElem {
        clear: both;
        margin-bottom: 20px; /* Adaugă spațiu între elemente pentru a preveni aglomerarea */
    }

    /* Selectoare */
    .jqTransformSelectWrapper {
        position: relative;
        margin: 0;
        background: #131313;
        height: auto; /* Ajustează înălțimea pentru a fi adaptivă */
        margin-bottom: 20px; /* Adaugă spațiu sub selectoare */
    }

    .jqTransformSelectWrapper div {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px; /* Mărește dimensiunea fontului pentru lizibilitate pe telefoane */
        color: #535353;
        padding: 6px 15px; /* Ajustează padding-ul pentru a fi mai potrivit pe ecrane mici */
        cursor: pointer;
        line-height: 30px; /* Ajustează înălțimea liniei pentru o mai bună lizibilitate */
    }

    .jqTransformSelectWrapper a.jqTransformSelectOpen {
        position: absolute;
        z-index: 99;
        display: block;
        right: 0;
        top: 0;
        width: 40px; /* Ajustează lățimea pentru a se potrivi mai bine pe ecrane mici */
        height: 34px;
        background: url(../images/select.gif) no-repeat center center;
    }

    .jqTransformSelectWrapper a.jqTransformSelectOpen:hover {
        background-position: 0 bottom;
    }

    .jqTransformSelectWrapper ul {
        background: #131313;
        display: none;
        height: auto; /* Ajustează înălțimea pentru a fi adaptivă */
        max-height: 200px; /* Setează o înălțime maximă pentru listele lungi */
        margin: 0;
        padding: 0;
        overflow-y: auto; /* Permite derularea verticală dacă lista este prea lungă */
        position: absolute;
        left: 0;
        top: 34px; /* Poziționează lista sub selectoare */
        list-style: none;
        z-index: 10;
    }

    .jqTransformSelectWrapper ul a {
        display: block;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px; /* Mărește dimensiunea fontului pentru lizibilitate pe telefoane */
        line-height: 30px; /* Ajustează înălțimea liniei pentru o mai bună lizibilitate */
        color: #535353;
        font-weight: normal;
        padding-left: 15px;
    }

    .jqTransformSelectWrapper ul a.selected {
        color: #939393;
    }

    .jqTransformSelectWrapper ul a:hover {
        color: #939393;
        background: #1e1e1e; /* Schimbă fundalul la hover pentru un contrast mai bun */
    }

    /* Elemente ascunse */
    .jqTransformHidden {
        display: none;
    }
}