@CHARSET "UTF-8";

.document_loader {
	width: calc(49%);
	height: calc(50% - 42px);
}

.document_loader .arrow-right {
	top: 10px;
	right: -8px;
}

.document_loader #area_operazione_documenti {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.document_loader #area_operazione_documenti form {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.document_loader #area_operazione_documenti form .inserimento_documenti {
	position: absolute;
	top: 40px;
	right: 0;
	bottom: 0;
	left: 0;
}

.document_loader #area_operazione_documenti form .inserimento_documenti .supported_types {
	position: absolute;
	top: 10px;
	right: 10px;
	left: 10px;
	
	padding: 0px 5px;
	
	height: 25px;
	line-height: 21px;
	
	border: solid 2px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	
	overflow: hidden;
	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	
	z-index: 10;
}

.document_loader #area_operazione_documenti form .inserimento_documenti .fieldset {
	position: absolute;
	top: 50px;
	right: 10px;
	bottom: 10px;
	left: 10px;
}

.document_loader #area_operazione_documenti form .inserimento_documenti .fieldset input.file {
	position: relative;
	width: 80%;
	height: 30px;
}

.document_loader #area_operazione_documenti form .inserimento_documenti .fieldset textarea.doc_detail {
	height: 50%;
}

.document_loader #area_operazione_documenti form .titoletto {
	-webkit-border-top-right-radius: 10px;
	-moz-border-top-right-radius: 10px;
	-khtml-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-top-left-radius: 10px;
	-khtml-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
}

.document_loader #area_operazione_documenti form .titoletto .button {
	position: absolute;
	top: 0;
	bottom: 0;
	
	width: 40px;
	
	cursor: pointer;
	
	border: none;
}

.document_loader #area_operazione_documenti form .titoletto .button:nth-child(1) {
	right: 0;
}

.document_loader #area_operazione_documenti form .titoletto .button:nth-child(2) {
	right: 40px;	
}

.document_loader #area_operazione_documenti form .titoletto .button img {
	position: absolute;
	top: 50%;
	left: 50%;
	
	margin: 0;
	margin-right: -50%;
	
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.multiple_label_1,
.multiple_label_2 {
	position: absolute;
	padding: 1px;
	
	width: 18px;
	height: 30px;
	line-height: 30px;
	
	overflow: hidden;
	
	font-size: 0.8em;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	
	z-index: 2;
}

.multiple_label_1 {
	top: 10px;
	right: 0px;
}

.multiple_label_2 {
	top: 22px;
	right: 60px;
}

.multiple_label_1:hover {
	width: 100%;
}

.multiple_label_2:hover {
	width: 83%;
}

.multiple_label_1 img,
.multiple_label_2 img {
	margin: -2px 5px 0px 0px;
	vertical-align: middle;
}

.scanning {
	position: absolute;
	bottom: 0px;
	right: 0px;
	left: 0px;
	
	text-align: center;
	
	display: none;
}

.document_loader #area_operazione_documenti .output_zone {
	position: absolute;
	top: 10px;
	right: 10px;
	bottom: 10px;
	left: 10px;
	
	overflow: auto
}

.document_loader #area_operazione_documenti .output_zone div {
	position: relative;
	
	margin: 0 0 5px 0;
}

.document_loader #area_operazione_documenti .output_zone div img {
	vertical-align: top;
	margin-right: 5px
}

.document_loader #area_operazione_documenti .output_zone .refresh_timer {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	
	text-align: center;
	font-size: 0.8em;
}