.pe_linie_x,
.pe_linie_2x,
.pe_linie_3x {
		width: 100%;
		display: flex;
		justify-content: center;
		overflow: auto;
}



/* one item */
.pe_linie_x > div.sm:first-child:nth-last-child(1) {
		/* -or- li:only-child { */
		width: 100%;
}
/* two items */
.pe_linie_x > div.sm:first-child:nth-last-child(2),
.pe_linie_x > div.sm:first-child:nth-last-child(2) ~ div.sm {
		width: 50%;
}
/* three items */
.pe_linie_x > div.sm:first-child:nth-last-child(3),
.pe_linie_x > div.sm:first-child:nth-last-child(3) ~ div.sm {
		width: 33.3333%;
}
/* four items */
.pe_linie_x > div.sm:first-child:nth-last-child(4),
.pe_linie_x > div.sm:first-child:nth-last-child(4) ~ div.sm {
		width: 25%;
}
/* five items */
.pe_linie_x > div.sm:first-child:nth-last-child(5),
.pe_linie_x > div.sm:first-child:nth-last-child(5) ~ div.sm {
		width: 20%;
}


/* daca va fi DOAR 1 element va fi pozitionat pe mijloc ocupind 1/2 */
.pe_linie_2x > div.sm {
		width: 50%;
}
/* daca va fi DOAR 1 SAU 2 elemente vor fi pozitionate pe mijloc ocupind 1/3 sau 2/3 */
.pe_linie_3x > div.sm {
		width: 33%;
}


div.sm {
		margin: 15px;
		padding: 15px 20px;
		background-color: rgba(255, 255, 255, 0.8);
}
div.sm:first-child {
		margin-left: 0px;
}
div.sm:last-child {
		margin-right: 0px;
}



@media only screen and (max-width: 992px) {
		div.sm {
				width: 100% !important;
				margin: 15px 0px !important;
				padding: 10px;
		}
		.pe_linie_x,
		.pe_linie_2x,
		.pe_linie_3x {
				flex-direction: column;
		}
}









.p_forms button {
		padding: 11px 12px;
		font-size: 1rem;
		font-weight: 300;
		color: #333333;
		border: 1px solid #cccccc;
	
		border-radius: 3px;
		background-color: rgba(255, 255, 255, 0.8);
}


.p_forms input,
.p_forms select,
.p_forms textarea {
		padding: 10px 20px;
		font-size: 1rem;
		font-weight: 300;
		font-family: sans-serif;
		color: #333333;
		border: 1px solid #cccccc;
}

.p_forms input[type=password],
.p_forms input[type=number],
.p_forms input[type=text],
.p_forms input[type=tel],
.p_forms select,
.p_forms textarea {
		margin-bottom: 10px;
		width: 100%
}

.p_forms input[type=file] {
		width: 100%;
		padding: 2px 2px;
		color: #999999;
}

/*
.p_forms label:has(input[type="checkbox"]){
	display: inline-flex;
	align-items: baseline;
	
	column-gap: 5px;
}
.p_forms label:has(input[type="checkbox"]:disabled){
		cursor: not-allowed;
}
*/

.p_forms label.check_flex{
	/*display: inline-block;*/
	display: inline-flex;
	align-items: baseline;
	
	column-gap: 5px;
}
.p_forms label:has(input[type="checkbox"]:disabled){
		cursor: not-allowed;
}

.p_forms input[type="checkbox"] {
		/* Add if not using autoprefixer */
		-webkit-appearance: none;
		/* Remove most all native input styles */
		appearance: none;
		/* For iOS < 15 */
		background-color: var(--form-background);
		/* Not removed via appearance */
		margin: 0;

		font: inherit;
		width: 30px;
		height: 30px;
		border-radius: 3px;

		padding: 5px 5px;
	
		margin-bottom: 10px;
	
		/*scale & transition e pentru :active*/
		transform: scale(1) translateY(5px);
		transition: .5s;
}

.p_forms input[type="checkbox"]::before {
  content: "";
  width: 20px;
  height: 20px;
 display: inline-block;
	
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  transform: scale(0);
  transform-origin: bottom left;
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em #3cb371;
  /* Windows High Contrast Mode */
  background-color: CanvasText;
}

.p_forms input[type="checkbox"]:checked::before {
  transform: scale(1);
}

.p_forms input[type="checkbox"]:focus {
  outline: 1px solid #cccccc;
  outline-offset: 1px;
}

.p_forms input[type="checkbox"]:active{
  transform: scale(0);
}

.p_forms input[type="checkbox"]:disabled {
  background-color: #cccccc;
  cursor: not-allowed;
}




.p_forms textarea {
		resize: vertical;
}

.p_forms input[type=submit] {
		border-radius: 3px;
		background-color: rgba(255, 255, 255, 0.8);
		box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 60%);
}

.p_forms input[type=submit]:hover {
		color: #5394D6;
		box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 60%);
}



.p_forms form div {
		position: relative;
}
.p_forms form div span[id] {
		position: absolute;
		right: 5px;
		font-size: 10px;
		color: #cccccc;
}
.p_forms form div input + span[id] {
		bottom: 12px;
}
.p_forms form div textarea + span[id] {
		bottom: 20px;
}
.p_forms form div img {
		border: solid 1px #cccccc;
		width: 85px;
		background-color: #666666;
		margin-bottom: 5px;
		vertical-align: middle;
}
.p_forms form div input[name=vercode] {
		width:calc(100% - 90px);
}

@media only screen and (max-width: 320px) {
	.p_forms form div img:has(+ input[name=vercode]),/* next to it */
	.p_forms form div img:has(+ * + input[name=vercode]) /* after one element, incl. script */
	{
		width: 100%;
	}
	
	.p_forms form div input[name=vercode] {
		width: 100%;
	}
}