html,body {
	/* height: 100%; */
}

body {
	min-width: 960px;
	color: #000;
	background-color: #FFF;
	font-size: 12px;
	line-height: 2;
	font-family: Arial, Helvetica, sans-serif;
}

#logoANAF {
	text-align: center;
}

#wrap {
	width: 950px;
	margin: 0 auto;
	border: 1px dashed gray;
	padding: 50px;
	box-sizing: border-box;
}
#idformular {
	width: 950px;
	margin: 0 auto;
	border: 1px dashed gray;
	padding: 50px;
	box-sizing: border-box;
}
.obligatoriu {
	color: #FF0000;
}

#categSolicit {
	margin-left: 5px;
	width: 440px;
}

#publicform {
	width: auto;
}

#publicform label.error {
	margin: 0 0 0 20px;
	padding: 3px 5px;
	color: #FFF;
	border-radius: 3px 4px 4px 3px;
	background-color: #ED0404;
	width: auto;
	display: inline;
	white-space: pre;
	position: relative;
	z-index: 1;
}

#tallContent h3 {
	margin: 15px
}

#adresa {
	clear: both;
}

#extensie {
	color: #990000;
	clear: both;
}

/******************* Tooltips helpers *******************/
.item .tooltip {
	float: right;
	top: 2px;
	right: 7px;
	position: relative;
	z-index: 2;
}

.item .tooltip>span {
	display: inline-block;
	width: 16px;
	height: 16px;
	line-height: 16px;
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	cursor: help;
	background-color: #ed0404;
	position: relative;
	border-radius: 10px;
}

.intrebare {
	display: inline-block;
	width: 16px;
	height: 16px;
	line-height: 16px;
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
	color: #fff;
	cursor: help;
	background-color: #ed0404;
	position: relative;
	border-radius: 10px;
}

.item .tooltip .contentasist {
	visibility: hidden;
	opacity: 0;
	width: 260px;
	background-color: #f0f0f0;
	color: #ed0404;
	font-size: 0.9em;
	position: absolute;
	top: 0;
	left: 20px;
	padding: 8px;
	border-radius: 6px;
	pointer-events: none;
	transition: 0.2s cubic-bezier(0.1, 0.1, 0.25, 2);
	-webkit-transition: 0.3s cubic-bezier(0.1, 0.2, 0.5, 2.2);
	-moz-transition: 0.3s cubic-bezier(0.1, 0.2, 0.5, 2.2);
}

.item .tooltip .content {
	visibility: hidden;
	opacity: 0;
	width: 260px;
	background-color: #f0f0f0;
	color: #ed0404;
	font-size: 0.9em;
	position: absolute;
	top: 0;
	left: 20px;
	padding: 8px;
	border-radius: 6px;
	pointer-events: none;
	z-index: 1;
	transition: 0.2s cubic-bezier(0.1, 0.1, 0.25, 2);
	-webkit-transition: 0.3s cubic-bezier(0.1, 0.2, 0.5, 2.2);
	-moz-transition: 0.3s cubic-bezier(0.1, 0.2, 0.5, 2.2);
}

.item .tooltip p {
	padding: 0;
}

.item .tooltip.down .content {
	left: auto;
	right: 0;
	top: 30px;
}

.item .tooltip:hover .content {
	visibility: visible;
	opacity: 1;
	left: 450px;
}

.item .tooltip .content b {
	height: 0;
	width: 0;
	border-color: #333 #333 transparent transparent;
	border-style: solid;
	border-width: 9px 7px;
	position: absolute;
	left: -14px;
	top: 8px;
}

.item .tooltip.down .content b {
	left: auto;
	right: 6px;
	top: -10px;
	border-width: 5px;
	border-color: transparent #333 #333 transparent;
}

/* Tooltips helpers */
.item .tooltip {
	float: left;
	top: 2px;
	left: 7px;
	position: relative;
	z-index: 2;
}

.item .tooltip>span {
	display: inline-block;
	width: 16px;
	height: 16px;
	line-height: 16px;
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	cursor: help;
	background-color: #ed0404;
	position: relative;
	border-radius: 10px;
}

.intrebare {
	display: inline-block;
	width: 16px;
	height: 16px;
	line-height: 16px;
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	cursor: help;
	background-color: #ed0404;
	position: relative;
	border-radius: 10px;
}

.item .tooltip .content {
	visibility: hidden;
	opacity: 0;
	width: 202px;
	background-color: #ed0404;
	color: #FFF;
	font-size: 0.9em;
	position: absolute;
	top: 0;
	left: 20px;
	padding: 8px;
	border-radius: 6px;
	pointer-events: none;
	transition: 0.2s cubic-bezier(0.1, 0.1, 0.25, 2);
	-webkit-transition: 0.3s cubic-bezier(0.1, 0.2, 0.5, 2.2);
	-moz-transition: 0.3s cubic-bezier(0.1, 0.2, 0.5, 2.2);
}

.item .tooltip p {
	padding: 0;
}

.item .tooltip.down .content {
	left: auto;
	right: 0;
	top: 30px;
}

.item .tooltip:hover .content {
	visibility: visible;
	opacity: 1;
	left: 36px;
}

.item .tooltip .content b {
	height: 0;
	width: 0;
	border-color: #333 #333 transparent transparent;
	border-style: solid;
	border-width: 9px 7px;
	position: absolute;
	left: -14px;
	top: 8px;
}

.item .tooltip.down .content b {
	left: auto;
	right: 6px;
	top: -10px;
	border-width: 5px;
	border-color: transparent #333 #333 transparent;
}

/* alerts (when validation fails) */
.item .alert {
	float: left;
	margin: 0 0 0 20px;
	padding: 3px 0px;
	color: #FFF;
	border-radius: 3px 4px 4px 3px;
	background-color: #CE5454;
	max-width: 170px;
	white-space: pre;
	position: relative;
	z-index: 1;
}

.itemAlert {
	margin: 0 0 0 83px;
	padding: 3px 0px;
	color: #FFF;
	border-radius: 3px 4px 4px 3px;
	background-color: #CE5454;
	max-width: 170px;
	white-space: pre;
	position: relative;
	z-index: 1;
}

@keyframes shake {
	25%{
		transform: translateX(-6px);
	}

	75%{
		transform: translateX(6px);
	}
}

@-webkit-keyframes shake {
	25%{
		-webkit-transform: translateX(-6px);
	}

	75%{
		-webkit-transform: translateX(6px);
 
	}
}

form fieldset {
	clear: both;
	margin: 0 0 10px 0;
	border-style: unset;
}

form .item {
	padding: 5px 0;
	position: relative;
	height: 2em;
}

form .item.items {
	height: auto;
}

.item label {
	float: left;
	clear: both;
}

.item label span {
/* 	float: left; */
	width: 210px;
	line-height: 2em;
}

.item label span span {
	margin-right:10px;
}

.item input,.item textarea {
	float: left;
	padding: 3px 4px;
	width: 210px;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	transition: 0.2s;
}

.item input {
	
}

.item input.short {
	width: 90px;
}

.item input:focus:not ([type="checkbox"] ),.item textarea:focus {
	box-shadow: 0 0 4px #434480;
	border: 1px solid #434480;
}

.item textarea {
	
}

.item select {
	float: left;
	width: 220px;
	padding: 2px 0;
	margin: 0;
	border: 1px solid #CCC;
}

.item select option {
	padding: 1px;
}

.item>.extra {
	float: left;
	font-size: 0.9em;
	color: #999;
	line-height: 2em;
	margin-left: 13px;
}

.item.multi .input {
	float: left;
}

.item.multi input {
	float: left;
	margin-right: 5px;
	width: 35px;
	text-align: center;
}

form .item.multi input:nth-last-child(-n+2) {
	margin: 0;
}

.item.items input {
	border-top: 5px solid #E1E1E1;
	margin: 0 0 0 160px;
}

.bad input {
	border: 1px solid #CE5454;
	box-shadow: 0 0 4px -2px #CE5454;
	position: relative;
	left: 0;
	-moz-animation: .3s 2 shake linear;
	-webkit-animation: 0.3s 2 shake linear;
}