/*	Stylesheet base
		Last modified date: 21/08/2014
		By: Marco Perazzetta
*/

/* Table of Contents
		=LAYOUT
		=HEADER
		=FOOTER
		=MAIN-CONTENT
		=2-COLUMN-LAYOUT-LEFT-MENU
		=2-COLUMN-LAYOUT-RIGHT-MENU
		=3-COLUMNS-LAYOUT
		=ELEMENTS
		=LINKS
		=INPUTS-AND-BUTTONS
		=TABLES
		=OTHERS
		=HEADER-MENU
		=BREADCRUMBS		
		=LATERAL-MENU
*/

/*
	NOTE:
	14px/16px = .875
	18px/16px = 1.125
	1em => 16px (normal text);
	.875em => 14px (small text);
	1.125em => 18px (big text);
*/











/* = RESPONSIVE LAYOUT */


* {
	box-sizing: border-box;
}

/* = COLUMNS SETUP */
.col-1 {width: 8.33%!important;}
.col-2 {width: 16.66%!important;;}
.col-3 {width: 25%!important;;}
.col-4 {width: 33.33%!important;;}
.col-5 {width: 41.66%!important;;}
.col-6 {width: 50%!important;;}
.col-7 {width: 58.33%!important;;}
.col-8 {width: 66.66%!important;;}
.col-9 {width: 75%!important;;}
.col-10 {width: 83.33%!important;;}
.col-11 {width: 91.66%!important;;}
.col-12 {width: 100%!important;;}

.row::after {
	content: "";
	clear: both;
	display: table;
}

[class*="col-"] {
	float: left;

	/* AGID spazio intercolonna 24px (>1366px) */
	padding-left: 24px;
	padding-right: 24px;
}



/* COLOR SETUP */
.viewport-container{
	background-color: inherit!important;
}




/* HAMBURGER MENU SETUP */
.hamburger-menu{
	padding: 25px;
	display:none;
	position: relative;
	float:left;
	width: 90px;
	height: 80px;
	vertical-align: top;
}

.hamburger-menu .hamburger-line{
	display: block;
    width: 100%;
    height: calc(100% / 3);
    position: relative;
	padding: 3px;
}

.hamburger-menu .hamburger-line .line-color{
	background: currentColor;
	width: 100%;
	height: 100%;
	border-radius: 2px;
}

.hamburger-menu .hamburger-line:first-child{
	margin-top: 0;
}

.hamburger-menu .hamburger-checkbox{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	opacity: 0; 
	z-index: 2; 
	-webkit-touch-callout: none;
}

.hamburger-menu .hamburger-checkbox:checked ~ .hamburger-line.first{
	transform: translateY(100%) rotate(135deg);
}
.hamburger-menu .hamburger-checkbox:checked ~ .hamburger-line.second{
	opacity: 0;
}
.hamburger-menu .hamburger-checkbox:checked ~ .hamburger-line.third{
	transform: translateY(-100%) rotate(-135deg) ;
}




/* STYLE MENU FIX */
div#style-sub-menu ul li.responsive-sub-menu-divider{
	display: inline-block!important;
	padding: 0!important;
    width: 10px;
    height: 20px;
}

div#style-sub-menu ul{
	margin: 0;
	text-align: center;
}

div#style-sub-menu ul li{
	margin: 0;
	right: 5px;
}







/* FIX GENERALI */
div#footer, div#ext-container, div#header, div#menu, div#breadcrumbs-wrapper {
	width: 100%;
	min-width: 0!important; 
}



div#ext-container{
	margin-top: 0;
	margin-bottom: 0;
}

div#menu div#date-sub-menu, div#search-sub-menu, div#style-sub-menu{
	padding-top: 5px;
	padding-bottom: 5px;
}

div#header-sub {
	width: 100%;
	position:static;
} 

div#footer{
	padding: 0;
}

div.columns{
	top:0;
	bottom:0;
	left:0;
	right:0;
}

div.responsive.menu, div.responsive.content{
	top:0;
	bottom:0;
	left:0;
	right:0;
	width: 100%;
	margin: 0;
	z-index: 5;
	/* padding: 0; */
}


table.wizard-table, .fieldset-row .element table.light-table{
	display: block; 
	overflow-y: auto;
}

.fieldset-row .element, .menu-gestione{
	max-width: 100%;
}

.fieldset-row .element{
	width: 70%
}

/*
div.menu-gestione li { 
	padding: 0 2em 0 2em;
}
*/
.fieldset-row .label label{
	word-wrap: break-word;
}

span.menu-item-link-label{
	word-break: break-word;
    max-width: 80%;
    display: block;
}

div.menu-gestione li.bkg{
	height: auto;
}





.responsive-show{
	display: none;
}


/* TRANSITION CURVE */
.smooth-transition{
	transition: transform 0.6s cubic-bezier(0.24, 0.83, 0.25, 1);
	-moz-transition: transform 0.6s cubic-bezier(0.24, 0.83, 0.25, 1);
	-webkit-transition: transform 0.6s cubic-bezier(0.24, 0.83, 0.25, 1);
	-o-transition: transform 0.6s cubic-bezier(0.24, 0.83, 0.25, 1);
}




/* RESPONSIVE BEHAVIOUR */  
@media only screen and (max-width: 768px) {
	/* RESPONSIVE COLUMNS */  
    [class*="col-"] {
		width: 100%!important;
		/* specifica AGID spazio intercolonna 16px (<768px) */
		padding-left: 16px;
		padding-right: 16px;
	}

	div#ext-container{
		padding: 0;
	}

	div#ext-container .container{
		width: 100%;
	}

	/* pannelli area personale uno sotto l altro in responsive */
	.floating-box.agid-box{
		position: initial; 
		left: initial; 
		top: initial;
		width: 100%;
	}


	.responsive-show{
		display: block;
	}



	/* DRAWER SETUP */  
	.viewport-container {
		overflow: hidden;
	}

	.move-content-right{
		transform: translate(100%,0px) translate(-90px,0px)!important;
		overflow: hidden!important;
		position: fixed!important
	}

	.scrollable-menu{
		overflow-y: scroll; /* has to be scroll, not auto */
		-webkit-overflow-scrolling: touch; /* fluid scroll on mobile*/
	}

	.responsive-static-menu{
		transform: translateX(-100%);
		position: absolute;
		top:0;
		z-index: 10;
		overflow: scroll;
		height: 100%;
		width: calc(100% - 90px)!important;
	}

	.responsive-static-menu [class*="col-"]{
		padding: 0;
	}

	.responsive-static-menu.open{
		transform: translateX(0%);
		display:block; 
	}



	/* DRAWER */  
	.responsive-hide{
		display: none;
	}

	.hamburger-menu{
		display:inline-block
	}

	.page-container{
		box-shadow: -10px 0px 50px 1px rgba(0,0,0,0.13);
		-webkit-box-shadow: -10px 0px 50px 1px rgba(0,0,0,0.13);
		-moz-box-shadow: -10px 0px 50px 1px rgba(0,0,0,0.13);
	}



	/* MENU */
	div#date-sub-menu, div#search-sub-menu, div#style-sub-menu{
		position: relative;
		width: 100%;
		margin:0;
		float: right;
		text-align: left;
		top:0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	div#date-sub-menu, div#search-sub-menu, div#style-sub-menu{
		position: relative;
		width: 100%;
		margin: 0;
		float: right;
		text-align: left;
		top:0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	div#menu{
		margin:0;
		position:relative;
		overflow: hidden;
	}

	div.responsive-right-menu{
		overflow: hidden;
	}

	div.responsive-right-menu{
		overflow: hidden;
		padding: 5px 10px;
	}

	div.responsive-right-menu div.sub-menu{
		padding: 0!important;
	}

	div#style-sub-menu{
		border-top: 5px solid currentColor;
	}

	div#style-sub-menu ul li{
		margin-right: 10px;
	}

	div#style-sub-menu ul li.responsive-sub-menu-divider{
		display: inline!important;
	}

	div#style-sub-menu ul{
		text-align: left;
	}

	/* BREADCRUMBS */
	div#breadcrumbs-wrapper{
		height: auto;
		margin: 0;
	}

	div#breadcrumbs{
		position: static;
		margin:0;
		top:0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	/* SEARCH BOX */
	form#search-form, div#date-time {
    	text-align: right;
	}

	/* GENERAL */
	fieldset{
		min-width: inherit!important;
		margin:0!important;
	}

	div#footer *{
		text-align: center;
	} 
}

@media only screen and (min-width: 768px) and (max-width: 1366px) {
    [class*="col-"] {
		/* specifica AGID spazio intercolonna 24px (>768px) */
		padding-left: 24px;
		padding-right: 24px;
	}
}

/* - - - - - - - - - - */











/* =LAYOUT */
html,
button,
input,
select,
textarea {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

body {
	color: #000;
	border: 0;
	font-size: .75em;
	line-height: 1.25;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: 100%;
	margin: 0 auto;
	/* min-width: 600px; */
	width: 100%;
}

#ext-container {
	margin: 0 auto;
	max-width: 1024px;	
}

/* =HEADER */

/* =FOOTER */

#footer {
	clear: both;
	margin-top: 1%;
	padding: .1em 0;
	width: 100%;
}

#footer-main {
	text-align: center;
}

/*** Footer Fix ***/
* html body {
	overflow: hidden;
}

* html #footer-wrapper {
	float: left;
	margin-bottom: -10000px;
	padding-bottom: 10010px;
	position: relative;
	width: 100%;
}
/*****************/

/* =MAIN-CONTENT */

.container {
	clear: both;
	/* float: left; */
	overflow: hidden;
	position: relative;
	width: 100%;
}

.columns {
	float: left;
	position: relative;
	width: 100%;
}

.column {
	float: left;
	margin-bottom: 1em;
	overflow: hidden;
	position: relative;
}

.content {
	padding: 15px;
}

/* =2-COLUMN-LAYOUT-LEFT-MENU */

.two-columns-left-menu .columns {
	/*right: 79%;/* right column width */
}

.two-columns-left-menu .content {
	/*left: 101%;/* 100% plus left column left padding */
	/*width: 75%;/* right column content width */	
}

.two-columns-left-menu .menu {
	/*left: .9%;/* (right column left and right padding) plus (left column left padding) */
	/*width: 20%;/* left column content width (column width minus left and right padding) */
}

/* =2-COLUMN-LAYOUT-RIGHT-MENU */

.two-columns-right-menu .columns {
	right: 20%;/* right column width */
}

.two-columns-right-menu .content {
	left: 20%;/* (right column width) plus (left column left padding) */
	width: 75%;/* left column content width (left column width minus left and right padding) */	
}
.two-columns-right-menu .menu {
	left: 21.9%;/* (right column width) plus (left column left and right padding) plus (right column left padding) */
	width: 20%;/* right column content width (right column width minus left and right padding) */	
}

/* =3-COLUMNS-LAYOUT */

.three-columns .columns {
	right: 80%;/* width of the middle column */
}

.three-columns .content {
	left: 101%;/* 100% plus left padding of center column */
	width: 55%;/* width of center column content (column width minus padding on either side) */	
}

.three-columns .left-menu {
	left: 21.9%;/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	width: 20%;/* Width of left column content (column width minus padding on either side) */	
}

.three-columns .right-menu {
	left: 81.9%;/* Please make note of the brackets here:
							 (100% - left column width) plus (center column left and right padding) 
							 plus (left column left and right padding) plus (right column left padding) */
	width: 20%;/* Width of right column content (column width minus padding on either side) */
}

/* =ELEMENTS */

#iedisclaimer {
	clear: both;
	text-align: center;
	margin: 4em;
}

h1 {
	font-size: 2em;
	margin: 0;
}

h2 {
	font-size: 1.25em;
	margin: 0 0 .5em 0;
}

h3 {
	font-size: 1.1em;
	margin: .8em 0 .2em 0;
}

h4 {
	font-size: 1em;
	margin: .8em 0 .2em 0;
}

dl {
	font-size: .85em;
}

ul {
	list-style-type: none;
	margin: .5em 0;
	padding: 0;
}

li {
	margin: .5em 0 0 0;
}

img {
	height: auto;
	/*max-width: 100%;*/
	vertical-align: middle;
}

fieldset {
	min-width: 0;
}

/* =LINKS */

a {
	text-decoration: none;
}

a:hover, 
a:active, 
a:focus {
	text-decoration: underline;
}

/* =INPUTS-AND-BUTTONS */

.button {
	font-weight: bold;
	padding: 2px .8em;
}

input[type="radio"] {
	border: 0;
}

input[type="file"] {
	cursor: pointer;
}

.long-text {
	width: 20em;
}

/* =TABLES */

table {
/*	border: 1px solid #000;*/
	margin: .5em auto;
	width: 100%;
}

caption {
	font-weight: bold;
	margin: 1em auto 0;
}

th, td {
	border: 1px solid #000;
	margin: .5em;
	padding: .2em;	
}

table ul {
	margin: 0;
	padding: 0;
	width: 100%;
}

.wrong {
	border: 1px solid red;
}

/* =OTHERS */

.important {
	font-weight: bold;
}

.information {
	font-size: 1.1em;
	font-weight: bold;
	margin-top: .5em;
	padding: 0;
}

.divider {
	border-top: 1px solid #ABAA9A;
	clear: both;
}

.noscreen {
	height: 1px;
	overflow: hidden;
	position: absolute;
	text-indent: 100%;
	top: -1000em;
	white-space: nowrap;
	width: 1px;
}

.active {
	font-weight: bold;
}

.instructions img {
	vertical-align: top;
}

.align-left {
	text-align: left;
}

.align-right {
	text-align: right;
}

.float-right {
	float: right;
}

.vertical-middle {
	vertical-align: middle !important;
}

/* =HEADER-MENU */

#menu {
	line-height: 2.2em;
	overflow: hidden;
	position: relative;
}

.sub-menu {
	height: 100%;
	padding: 5px .5em 0
}

#date-sub-menu {
	left: 0;
	position: absolute; /**/
	top: 0;
	width: 210px;      /**/
}

#style-sub-menu {
	margin: 0 280px 0 210px;
	text-align: right;
}

#style-sub-menu ul{
	margin-top: -1px;
}

#style-sub-menu li {
	display: inline;
}

#search-sub-menu {
	position: absolute; 
	right: 0; 
	top: 0;
	 width: 260px; /**/
}

.font-normal {
	font-size: .8em;
}

.font-big {
	font-size: 1em;
}

.font-very-big {
	font-size: 1.2em;
}

/* =BREADCRUMBS */

#breadcrumbs-wrapper {
	padding: .5em 0;
}

/* =LATERAL-MENU */

.menu-box {
	margin-bottom: 1.4em;
}

.menu-box h2 {
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.5em;
	margin: 0;
	min-height: 1.5em;
	padding: 10px 0 10px 15px;
	word-wrap: break-word;
}

.menu-box ul {
	margin: 0 0 .5em 0;
	padding: 0;
}

.menu-box li {
	margin: 0;
	padding: 0;
}

.menu-box span {
	display: block;
	font-weight: normal;
	padding: .3em 15px;
}

.menu-box .current {
	display: block;
	font-weight: bold;
}

/* =JQUERY-UI */
.ui-widget { font-size: 1em !important; }

/*
div.dataTables_wrapper {
        width: 99%;
}*/