/* ------------------------------------------------------*/
/*                _FONT-FACE inizio                      */
/* ------------------------------------------------------*/
@font-face {
	font-family: 'Titillium Web';
	src: url('../fonts/TitilliumWeb-Regular.eot');
	src: url('../fonts/TitilliumWeb-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/TitilliumWeb-Regular.woff2') format('woff2'),
		url('../fonts/TitilliumWeb-Regular.woff') format('woff'),
		url('../fonts/TitilliumWeb-Regular.ttf') format('truetype'),
		url('../fonts/TitilliumWeb-Regular.svg#TitilliumWeb-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Titillium Web';
	src: url('../fonts/TitilliumWeb-Italic.eot'); 
	src: url('../fonts/TitilliumWeb-Italic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/TitilliumWeb-Italic.woff2') format('woff2'),
		url('../fonts/TitilliumWeb-Italic.woff') format('woff'),
		url('../fonts/TitilliumWeb-Italic.ttf') format('truetype'),
		url('../fonts/TitilliumWeb-Italic.svg#TitilliumWeb-Italic') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Titillium Web';
	src: url('../fonts/TitilliumWeb-SemiBold.eot');
	src: url('../fonts/TitilliumWeb-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/TitilliumWeb-SemiBold.woff2') format('woff2'),
		url('../fonts/TitilliumWeb-SemiBold.woff') format('woff'),
		url('../fonts/TitilliumWeb-SemiBold.ttf') format('truetype'),
		url('../fonts/TitilliumWeb-SemiBold.svg#TitilliumWeb-SemiBold') format('svg');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Titillium Web';
	src: url('../fonts/TitilliumWeb-SemiBoldItalic.eot');
	src: url('../fonts/TitilliumWeb-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/TitilliumWeb-SemiBoldItalic.woff2') format('woff2'),
		url('../fonts/TitilliumWeb-SemiBoldItalic.woff') format('woff'),
		url('../fonts/TitilliumWeb-SemiBoldItalic.ttf') format('truetype'),
		url('../fonts/TitilliumWeb-SemiBoldItalic.svg#TitilliumWeb-SemiBoldItalic') format('svg');
	font-weight: 600;
	font-style: italic;
}

@font-face {
	font-family: 'Titillium Web';
	src: url('../fonts/TitilliumWeb-Bold.eot');
	src: url('../fonts/TitilliumWeb-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/TitilliumWeb-Bold.woff2') format('woff2'),
		url('../fonts/TitilliumWeb-Bold.woff') format('woff'),
		url('../fonts/TitilliumWeb-Bold.ttf') format('truetype'),
		url('../fonts/TitilliumWeb-Bold.svg#TitilliumWeb-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Titillium Web';
	src: url('../fonts/TitilliumWeb-BoldItalic.eot');
	src: url('../fonts/TitilliumWeb-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/TitilliumWeb-BoldItalic.woff2') format('woff2'),
		url('../fonts/TitilliumWeb-BoldItalic.woff') format('woff'),
		url('../fonts/TitilliumWeb-BoldItalic.ttf') format('truetype'),
		url('../fonts/TitilliumWeb-BoldItalic.svg#TitilliumWeb-BoldItalic') format('svg');
	font-weight: bold;
	font-style: italic;
}

/* ------------------------------------------------------*/
/*                _FONT-FACE fine                        */
/* ------------------------------------------------------*/

/* ------------------------------------------------------*/
/*                _GUTTER inizio                         */
/* ------------------------------------------------------*/
.gutter-20.row {
  margin-right: -10px;
  margin-left: -10px;
}
.gutter-20 > [class^="col-"], .gutter-20 > [class^=" col-"] {
  padding-right: 10px;
  padding-left: 10px;
}
/* ------ 10 ------*/
.gutter-10.row {
  margin-right: -5px;
  margin-left: -5px;
}
.gutter-10 > [class^="col-"], .gutter-10 > [class^=" col-"] {
  padding-right: 5px;
  padding-left: 5px;
}
.gutter-10 a > [class^="col-"], .gutter-10 a > [class^=" col-"] {
  padding-right: 5px;
  padding-left: 5px;
}
/* ------ 3 ------*/
.gutter-3.row {
  margin-right: -6px;
  margin-left: -6px;
}
.gutter-3 > [class^="col-"], .gutter-3 > [class^=" col-"] {
  padding-right: 3px;
  padding-left: 3px;
}
.gutter-3 a > [class^="col-"], .gutter-3 a > [class^=" col-"] {
  padding-right: 3px;
  padding-left: 3px;
}
/* ------ 0 ------*/
.gutter-0.row {
  margin-right: 0;
  margin-left: 0;
}
.gutter-0 > [class^="col-"], .gutter-0 > [class^=" col-"]{
  padding-right: 0;
  padding-left: 0;
}
/* ------------------------------------------------------*/
/*                _GUTTER fine                           */
/* ------------------------------------------------------*/

/* ------------------------------------------------------*/
/* 		 Row with equal height columns - INIZIO  */
/* ------------------------------------------------------*/
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

/* ------------------------------------------------------*/
/* 		 Row with equal height columns - FINE  */
/* ------------------------------------------------------*/

/* ------------------------------------------------------*/
/*                _SVG inizio                            */
/* ------------------------------------------------------*/
svg 										{/* width: 100%;*/ height: 100%;}

	/* SVG in INTERNET EXPLORER inizio -------------------------------------*/

	.ie9 img[src$=".svg"] 					{width: 100%;}

	@media screen and (-ms-high-contrast: active) , (-ms-high-contrast: none){ 
	  img[src$=".svg"] {
		width: 100%; 
	  }
	}

	/* SVG in INTERNET EXPLORER fine --------------------------------------*/

/* ------------------------------------------------------*/
/*                _SVG fine                              */
/* ------------------------------------------------------*/



/* ------------------------------------------------------*/
/*                _BOOTSTRAP OVERRIDE inizio             */
/* ------------------------------------------------------*/
.alert-warning  								{ 	color: #715D35; 	}
/*body .alert-warning p small 	 				{ 	line-height:21px !important;	}*/
.container-fluid-gutter-0						{padding:0px;}

	/* ------------------------------------------------------*/
	/*                _MODAL inizio                          */
	/* ------------------------------------------------------*/
	
	.modal-dialog { margin-top:90px;}
	.modal-header .close {
		margin-top: 0px;
		position: absolute;
		right: -15px;
		top: -15px;
		background: #FFFFFF;
		font-size: 1.55em;
		border-radius: 53px;
		padding: 5px 11px;
		line-height: 30px;
		color: #0066cc;
		opacity:1;
		-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
	}
	.modal-header .close .glyphicon  {
	    margin: 3px 3px 0px 3px;
	}

	.modal-content					{overflow: visible;}
	.modal-body						{background:#FFFFFF;}
	.modal-header					{background:#ffffff;}
	.modal-footer					{background:#ffffff; margin-top:0px;}
	
	.modal-title					{color:#0066cc; font-size:1.9em; text-align:center; font-weight: 700;}
	.modal-content p 				{}
	.modal-content label			{margin-top:10px; margin-bottom:0px;}
	.modal-content .fa				{padding-left:5px;padding-right:5px;}
	.modal-content .messaggio		{text-align:center; font-size:1.25em; font-weight:600}
	.modal-content .btn				{
											margin-bottom:0px; 
											-webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.31);
											-moz-box-shadow:    0px 1px 2px 0px rgba(50, 50, 50, 0.31);
											box-shadow:         0px 1px 2px 0px rgba(50, 50, 50, 0.31);
									}

	/* ------------------------------------------------------*/
	/*                _MODAL fine                            */
	/* ------------------------------------------------------*/

.bg-primary {padding:15px; background:#ffffff; color:#404040;}
	
/* ------------------------------------------------------*/
/*                _BOOTSTRAP fine                        */
/* ------------------------------------------------------*/

/* ------------------------------------------------------*/
/*                _GENERICHE inizio                      */
/* ------------------------------------------------------*/

html 											{ min-height: 100% !important;
    												height: 100%;}

body 											{
													min-height: 100% !important;
    												height: 100%;
													font-family: 'Titillium Web';
													font-weight: normal;
													font-style: normal;
													font-size: 16px;
													background:#eaeaea;
	
													position: relative; /* Aggiunto per lo scrollSpy, come da Tip nel sito web */
													overflow-x: hidden;
												}

a 												{	color:#0066cc; font-weight:600; }
a:hover, a:focus 								{	color:#003B82}
p 												{ 	font-size: 1em;	margin: 0 0 10px 0; color:#505050;	}
mark 											{background-color:#A1FDFF; padding: 0em 0.6em}
blockquote										{border-left: 5px solid #9ec4ca;}
strong											{}
.h1 .small, .h1 small, 
.h2 .small, .h2 small, 
.h3 .small, .h3 small, 
.h4 .small, .h4 small, 
.h5 .small, .h5 small, 
.h6 .small, .h6 small, 
h1 .small, h1 small, 
h2 .small, h2 small, 
h3 .small, h3 small, 
h4 .small, h4 small, 
h5 .small, h5 small, 
h6 .small, h6 small								{color:#2E669E;}
h1 												{
													color: #0E4780;
													font-size: 1.9em;
													font-weight: 700;
													margin-top: 0px;
													padding-bottom: 10px;
													margin-bottom:0px;
													/*border-bottom: 2px solid #cacaca;*/
												}
												
h2												{font-size:1.5em; font-weight:600;color: #404040;}
h3												{font-size:1.4em;color: #202020;}
h4												{color:#000000;}
hr												{
													margin-top: 12px;
													margin-bottom: 12px;
													border: 0;
													border-top: 1px dashed #b5b5b5
												}
												
												
	/* ------------------------------------------------------*/
	/*                _UTILITY inizio                        */
	/* ------------------------------------------------------*/
	.bordino-left 									{border-left: 1px solid #d4d4d4;}
	.bordino-right 									{border-right: 1px solid #d4d4d4;}
	.round-btn 										{padding: 4px 6px; border-radius:50%}
	.round-btn i 									{width: 20px; text-align:center;}
	.ottanio-btn									{background:#003D7A ;color:#65dde0;}
	.ottanio-btn:hover 								{color:#ffffff}
	.disabled 										{color:#929292}
	.disabled:hover 								{cursor:not-allowed;text-decoration:none;}
	.clickable										{cursor: pointer;}
	.margin-auto									{margin:0 auto;}
	
	#triggered										{display:none}
	/* ------------------------------------------------------*/
	/*                _UTILITY fine                          */
	/* ------------------------------------------------------*/

/* ------------------------------------------------------*/
/*                _GENERICHE fine                        */
/* ------------------------------------------------------*/

/* ------------------------------------------------------*/
/*                _SIDEBAR-FLUID inizio                         */
/* ------------------------------------------------------*/

#sidebar-col,#content-col					{
												-webkit-transition:  all 0.2s ease-in-out;
												-moz-transition: all 0.2s ease-in-out;
												-o-transition: all 0.2s ease-in-out;
												transition: all 0.2s ease-in-out;
}

#sidebar-col								{background: #0b5297;

												
}
#sidebar									{
												height: 100vh; 
												-webkit-box-shadow: inset -13px 0px 43px -14px rgba(0,32,63,0.89); 
												box-shadow: inset -13px 0px 43px -14px rgba(0,32,63,0.89);
												
													-webkit-transition:  all 0.6s ease-in-out;
													-moz-transition: all 0.6s ease-in-out;
													-o-transition: all 0.6s ease-in-out;
													transition: all 0.6s ease-in-out;

} /* NEW LAYOUT */
#sidebar i 									{color:#ffffff}
#sidebar .active i							{color:#0066cc; opacity:0.9}

#wrapper.toggled #sidebar-wrapper 			{width: 350px;}/* Larghezza fissa sidebar*/
#page-content-wrapper 						{width: 100%;position: absolute;/* padding: 15px; */}
#wrapper.toggled #page-content-wrapper 		{
												position: absolute;
												margin-right: -250px;
												/* Firefox */
												width: -moz-calc(100% - 350px);
												/* WebKit */
												width: -webkit-calc(100% - 350px);
												/* Opera */
												width: -o-calc(100% - 350px);
												/* Standard */
												width: calc(100% - 350px);
											}

#wrapper #top-header						{
												min-height: 46px; 
												-webkit-transition: all 0.5s ease;
												-moz-transition: all 0.5s ease;
												-o-transition: all 0.5s ease;
												transition: all 0.5s ease;
											}
#wrapper.toggled #top-header				{	height:5px; 
												min-height: 0px; 
												overflow:hidden;												
												-webkit-transition: all 0.5s ease;
												-moz-transition: all 0.5s ease;
												-o-transition: all 0.5s ease;
												transition: all 0.5s ease;}

#wrapper.toggled #logo						{height:0px;overflow:hidden; padding:0px;}
											
/* Sidebar Styles */

.sidebar-nav								{
												width: 100%;
												margin: 0;
												padding: 0;
												list-style: none;
											}

.sidebar-nav>.sidebar-brand 				{height: 65px;font-size: 1.1em;line-height: 60px; background:#0066cc}
.sidebar-nav>.sidebar-brand a 				{color: #ffffff;}
.sidebar-nav>.sidebar-brand a:hover 		{color: #fff;background: none;}

.sidebar-nav ul								{list-style: none;margin: 0;padding: 0;}

.sidebar-nav li 							{position: relative;border-bottom: 1px solid #246db3}
.sidebar-nav li a 							{padding: .3em 1em .3em 1.8em;display: block;width: 100%;color:#ffffff;}
.sidebar-nav li a i							{padding-right:10px;opacity:0.5;min-width:30px;}
.sidebar-nav li a:hover 					{text-decoration: none;color: #fff;background: rgba(255, 255, 255, 0.2);}
.sidebar-nav li a:active, 
.sidebar-nav li a:focus 					{text-decoration: none; }
.sidebar-nav > li > a						{font-size:0.9em; font-weight:600;}

.sidebar-nav li ul li 						{background-color: #0d4882;}
.sidebar-nav li.active						{background:#65DDE0; }
.sidebar-nav li.active a					{color:#0d4882;}
.sidebar-nav li ul li.active				{background:#65DDE0; }
.sidebar-nav li ul li.active a				{color:#0d4882;}
.sidebar-nav li ul li a						{border-top: 1px solid #0a3a68;border-bottom-width: 0;color: #EDEDED;font-size: 0.85em;}
.sidebar-nav li ul li ul li					{background-color: #083868;border-bottom: 1px solid #0d4781;}
.sidebar-nav li ul li ul li a				{border-top: solid 1px #0a3a68;border-bottom-width: 0;color: #EDEDED;font-size: 0.8em;}


.sidebar-nav i.sidebar-icon-accordion 		{
												float: right;
												font-size: 0.5em;
												margin: .7em 0 0 0;
												opacity: 0.5;
												min-width:0px;
												padding:0px
											}

											
#sidebar-toolbar							{width:100%; /* background:#0e65bb; */height:40px; border-bottom:1px solid #2e71b3}
.sidebar-toolbar-btn						{float:right; color:#ffffff; padding:5px 20px; margin: 5px 0px; display:table-cell; border-left:1px solid #2e71b3;opacity: 0.9;}
.sidebar-toolbar-btn:hover					{opacity:1;cursor:pointer; background:rgba(0,0,0,0.1)}

.closed-sidebar #sidebar-col							{width:60px;}
.closed-sidebar #content-col							{	/* Firefox */
															width: -moz-calc(100% - 60px);
															/* WebKit */
															width: -webkit-calc(100% - 60px);
															/* Opera */
															width: -o-calc(100% - 60px);
															/* Standard */
															width: calc(100% - 60px);
														}
.closed-sidebar #sidebar-toolbar-btn-collapse			{
															-webkit-transform: rotate(180deg);     /* Chrome and other webkit browsers */
															-moz-transform: rotate(180deg);        /* FF */
															-o-transform: rotate(180deg);          /* Opera */
															-ms-transform: rotate(180deg);         /* IE9 */
															transform: rotate(180deg);             /* W3C compliant browsers */
														}
.closed-sidebar .sidebar-nav							{display:none;}

.closed-sidebar .lbl-menu-v								{display:none;}

.closed-sidebar .lbl-menu-h								{display:none;}											
/* ------------------------------------------------------*/
/*                _SIDEBAR-FLUID fine                         */
/* ------------------------------------------------------*/


/* ------------------------------------------------------*/
/*                _HEADER inizio                         */
/* ------------------------------------------------------*/


header											{
													-webkit-transition:  all 0.6s ease-in-out;
													-moz-transition: all 0.6s ease-in-out;
													-o-transition: all 0.6s ease-in-out;
													transition: all 0.6s ease-in-out;
												}

#top-header										{	background: #00264D; font-size:1em;min-height: 46px; position:relative;		 	}
#top-header-content								{position: absolute;width: 100%;padding: 0 2em}

#top-header a {
	color: #ffffff;
	padding: 12px 10px 12px 0px;
}

#top-header .scritta-ministero 					{	display:block; float:left; padding: 10px;	}
#top-header .scritta-miur 						{	display:none; float:left; padding: 12px;	}
#top-header .scritta-profilo		            {	display:block; float:right; padding: 10px;	}
#top-header .login-container					{	float:right;	}
#top-header a.login-btn							{	display: block; padding: 12px 20px;background: #00264D;}
#top-header a.login-btn:hover					{	cursor:pointer;	background: #000000; text-decoration: none;}
#top-header a.login-btn .login-btn-testo		{	display:inline-block; padding-right:10px;}
#top-header a.scritta-profilo		            {	display:block; float:left; padding: 10px;	}
#top-header .login-container img 				{	height:16px; width:16px;  margin-right: 2px;	display:inline-block}

#top-header .dropdown-menu						{	font-size:1.1em;	}
#top-header .dropdown-menu a					{	color:#0066cc; padding: 3px 20px }
#top-header #profilo-content					{	padding: 3px 20px	}

#center-header 									{	background:#0066cc	}
#center-header #logo-container					{ 		}
#center-header #logo 							{	padding:10px 0px 10px 20px;width:100%	}


#footer a									    {color: #ffffff;}

#logo-shrink									{display:none}
#logo-desktop									{display:block}
#logo-mobile									{display:none}

#anno-istituto-container									{float:right; padding: 10px 20px; color:#ffffff}
#anno-container, #istituto-container,#mec-container			{float:left; margin-left:15px; padding-left:15px; border-left:1px solid #4e91da}
#anno-label, #istituto-label,#mec-label						{display:block;font-size:0.9em;color:#d5e9ff}
#anno-content, #istituto-content,#mec-content				{display:block;font-size:1.1em}
#anno-istituto-container a 									{color:#ffffff;font-weight: 600}
#mec-container												{border:0px; margin-left:10px;}
#top-bar-switch												{
																float:right; 
																margin-left:15px; 
																padding-left:15px; 
																border-left:1px solid #4e91da
																
															}
#top-bar-switch:hover										{opacity:0.8;cursor:pointer}

/* .with-sidebar #top-header					{min-height:auto;height: 5px;} */
/* .with-sidebar #top-header .scritta-ministero	{position:absolute; top:-100px;} */
/* .with-sidebar #top-header .login-container	{position:absolute; bottom:-40px;right:0px;} */
.with-sidebar #center-header #logo 				{}



/* SHRINK HEADER - inizio */

	.shrink #logo-shrink						{display:block}
	.shrink #logo-desktop						{display:none}
	.shrink #top-header							{min-height:5px}
	.shrink #top-header-content					{top:-50px}
	.shrink #center-header #logo				{padding: 0px 0px 0px 20px;width: 80%;}
	.shrink #anno-label, .shrink #istituto-label,.shrink #mec-label			{display:inline-block; margin-right:5px}
	.shrink #anno-content, .shrink #istituto-content,.shrink #mec-content	{display:inline-block}
	.shrink #top-bar-switch i						{
													-webkit-transform: rotate(180deg);     /* Chrome and other webkit browsers */
																-moz-transform: rotate(180deg);        /* FF */
																-o-transform: rotate(180deg);          /* Opera */
																-ms-transform: rotate(180deg);         /* IE9 */
																transform: rotate(180deg);             /* W3C compliant browsers */
												}

/* SHRINK HEADER - filte */

/* ------------------------------------------------*/
/*                    _HEADER fine                 */
/* ------------------------------------------------*/

/* BREADCRUMBS - inizio */


/* BREADCRUMBS - fine */

/* ------------------------------------------------------*/
/*                 _PAGINA INTERNA inizio                */
/* ------------------------------------------------------*/

.main-container									{padding-bottom:0px; padding-left:10px; padding-right:10px;}
.top-tool-bar									{background:#EAEAEA;padding:5px 0px;}
.top-tool-bar-item								{float:right;}

.form-container									{
													margin-bottom:30px;
													border:1px dashed #cacaca; 
													border-radius:15px;
													overflow:hidden;
													background:#e1e1e1;
												}

.form-container .panel-container				{padding:10px 15px 0px 15px;}
												
.bottom-toolbar									{
													position:static;
													padding:20px 15px 20px 15px;
													background:#d1d1d1;
													width:100%;
													margin-top:20px;
													
													
													/* background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%);
													background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%);
													background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%);
													filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); */
													
												}
.bottom-toolbar .btn							{box-shadow: 0px 1px 1px 0px rgba(0, 0, 50, 0.35);}
.bottom-toolbar .btn:hover						{box-shadow: 0px 6px 6px 0px rgba(0, 0, 50, 0.15);}

.number-container								{padding: 20px 15px 0px 15px;}
.number-item									{background:#fafafa;padding:5px 10px;margin-bottom:10px;border-radius:3px;}
.number-label									{float:left; font-size:1.15em;}
.number-number									{float:right; font-size:1.3em;font-weight:600; color:#0066cc}

	/* ------------------------------------------------------*/
	/*                 _BREADCRUMBS inizio                   */
	/* ------------------------------------------------------*/
	
	#breadcrumbs-container							{background:#f1f1f1;margin-bottom:15px;border-bottom: 1px solid #fafafa;}
	#breadcrumb 									{
														display:block; 
														padding-top:10px;
														padding-bottom:10px; 
														width:100%; 
														font-size:0.9em;
														margin-bottom:0px;
													}
	#breadcrumb ul 									{list-style:none; padding:0px;margin:0px;}
	#breadcrumb ul li 								{display: inline; }
	#breadcrumb ul li:first-child:before			{padding:8px; color:#727272; content:">"}
	#breadcrumb ul li+li:before 					{padding:8px; color:#727272; content:"/\00a0"}
	
	/* ------------------------------------------------------*/
	/*                 _BREADCRUMBS fine                     */
	/* ------------------------------------------------------*/

/* PANEL - inizio */
.panel hr										{border-top: 1px dashed #d1d1d1;}
.panel 											{
													border:1px solid #d1d1d1;
													box-shadow: 0px 1px 1px 0px rgba(0, 0, 50, 0.35);
													margin-top:5px;
												}
.panel-body 									{background:#fafafa}
.panel-heading,.panel-footer									{background-color: #f5f5f5;}
.panel-heading .panel-icon						{padding: 5px 5px;min-width:30px;border-right:1px solid #d1d1d1;}
.panel-heading h2								{padding: 10px 15px;margin:0px;display:inline; font-size:1.1em;font-weight: 600;}
.panel-accordion-icon 							{display:none;border-left:1px solid #d1d1d1}
.panel-with-accordion .panel-accordion-icon		{display:block;padding:4px 10px;}
.panel-info-icon								{padding:0px 10px;font-size:1.2em;}
.panel-info-icon:hover,
.panel-accordion-icon:hover						{color:#404040}
.panel-with-table .panel-body					{padding:0px;}
.panel-fixed-height								{/* height:500px; */}
.control-label									{color:#606060;}

.panel .form-control[disabled]					{
													color: #6B6B6B;
													background: #ffffff url(../img/icon/lock.svg) center right 5px no-repeat;
													background-size: 15px 15px;
												}



/* PANNELLO DEFAULT BIS - inizio*/
.panel-def										{}
.panel-def .panel-heading						{border-bottom:5px solid #aaaaaa; color:#606060}
.panel-def .panel-heading h2,
.panel-def .panel-heading i,						
.panel-def .panel-heading small					{color:#727272}
/* PANNELLO DEFAULT BIS - fine*/
												
/* PANNELLO INSERISCI - inizio*/
.panel-ins										{border:1px solid #b1c5a9;}
.panel-ins .panel-heading						{border-bottom:5px solid #86d667;}
.panel-ins .panel-heading h2,
.panel-ins .panel-heading i,						
.panel-ins .panel-heading small					{color:#217100}
.panel-ins .form-control						{color:#217100;font-weight:600;}
.panel-ins ::placeholder						{font-weight:400;}
.panel-ins .btn.active,
.panel-ins .btn:active							{background:#d8f9cb;color:#217100}
/* .panel-ins.custom-radios input[type="radio"]:checked + label span{
													background: #53b32e url(../img/icon/check-on.svg) center center no-repeat; 
												}
.panel-ins.custom-radios input[type="radio"]:checked + label span{
													border: 2px solid #53b32e;
												} */
.panel-ins .form-control[disabled]				{
													background:#E9F5E4 url(../img/icon/lock.svg) center right 5px no-repeat;
													background-size: 15px 15px;
													color:#4C783A;
												}
/* PANNELLO INSERISCI - fine*/

/* PANNELLO MODIFICA - inizio*/				
.panel-mod										{border:1px solid #C2B2A9}
.panel-mod .panel-heading						{border-bottom:5px solid #EB7100}
.panel-mod .panel-heading h2,
.panel-mod .panel-heading i,						
.panel-mod .panel-heading small					{ color:#CF4800}
.panel-mod .form-control						{	color:#CF4800;
													font-weight:600;
													height: 30px;
													font-size: 12px;
												}
.panel-mod ::placeholder						{font-weight:400}
.panel-mod .btn.active, 
.panel-mod.btn:active							{background:#F7E2CD;color:#C22000}
/* .panel-mod.custom-radios input[type="radio"]:checked + label span{
													background: #CF4800 url(../img/icon/check-on.svg) center center no-repeat; 
												}
.panel-mod.custom-radios input[type="radio"]:checked + label span{
													border: 2px solid #CF4800;
												} */
.panel-mod .form-control[disabled]				{
													background:#FFF8F2 url(../img/icon/lock.svg) center right 5px no-repeat;
													background-size: 15px 15px;
													color:#9E6041;
												}
/* PANNELLO MODIFICA - fine*/
												
/* PANNELLO VISUALIZZA - inizio*/
.panel-vis										{border:1px solid #A9B3C2}
.panel-vis .panel-heading						{border-bottom:5px solid #61B0FF}
.panel-vis .panel-heading h2,
.panel-vis .panel-heading i,
.panel-vis .panel-heading small					{	color:#0078A3;}
.panel-vis .form-control,
.panel-vis .form-control-static					{	color:#0066cc;
													/*font-weight:600;*/
													height: 30px;
													font-size: 14px;}
.panel-vis ::placeholder						{font-weight:400}
.panel-vis .btn.active, 
.panel-vis .btn:active							{background:#d0e8ff;color:#175796}

/* .panel-vis.custom-radios input[type="radio"]:checked + label span{
													background: #61B0FF url(../img/icon/check-on.svg) center center no-repeat; 
												}
.panel-vis.custom-radios input[type="radio"]:checked + label span{
													border: 2px solid #61B0FF;
												} */
.panel-vis .form-control[disabled]				{
													background:#F2F9FF url(../img/icon/lock.svg) center right 5px no-repeat;
													background-size: 15px 15px;
													color:#3672AD;
												}
												
/* qui sotto ho dovuto creare un workaround per risolvere un bug nel codice di bootstrap*/
.disable-workaround								{
													position:absolute; 
													background:transparent; 
													top:0px; 
													bottom:0px; 
													left:0px; 
													right:0px;
													z-index:1000;
													cursor: not-allowed;
												}
/* PANNELLO VISUALIZZA - fine*/

.panel-vis .has-error .form-control,
.panel-mod .has-error .form-control,
.panel-ins .has-error .form-control				{color:#a94442}

												
.panel-primary .panel-footer 					{/* background:#dff2fc */}
.panel-no-footer .panel-footer					{display:none;}
.panel-with-caption 							{margin-bottom: 5px;}
.panel-caption 									{color:#BF0000;margin-bottom: 20px;text-align:right;font-style:italic}
.panel-caption p 								{font-size:0.9em;}
.last-form-panel								{margin-bottom:0px;}

/* PANEL - fine */

/* COLORS - inizio */
.ins										{color:#217100}
.mod 										{color:#EB7100}
.vis 										{color:#0097CF}
.del 										{color:#D92E2E}
.ins:hover									{color:#217100}
.mod:hover									{color:#C75D00}
.vis:hover									{color:#007FAD}
.del:hover									{color:#AD2626}
/* COLORS - fine   */

/* TABS PIANO DEI CONTI - inizio */
.tab-item.active								{background:#ffffff; }
.tab-item										{display:block;cursor: pointer; background:#f5f5f5;text-align:center;padding:10px; width:100%}
.tab-line										{background:#ffffff; height:6px; margin-bottom:0px;}
.tab-dati										{padding:15px; border:solid 2px #ffffff; margin-right: 0px !important;margin-left: 0px !important;}
/* TABS PIANO DEI CONTI - fine */

/* FORM - inizio */ 
.form-control 									{padding: 2px 12px;
													height: 30px;
													font-size: 12px;}
.form-control-static							{font-size:1em;font-weight:600;}
.label-left-align .control-label				{text-align:left; width:100%;}
.label-left-align .label-asterisco 				{top:auto;bottom: 11px;right: 8px;}
.label-bottom-padding .control-label			{padding-bottom:5px;}
.form-group-custom 								{margin-bottom:5px;}

.control-label 									{position:relative;}
.label-scritta 									{margin-right:10px; font-weight:700; color:#606060;display: block;font-size: 13px;}
.label-scritta small							{font-weight:400 !important;}
.label-asterisco 								{
													font-size:0.5em;
													color:#BF0000;
													font-weight:700;
													min-width: 7px;
													display: block;
													position:absolute;
													top:7px;
													right:2px
												}
.btn-group-col									{padding:0px 5px}
.fa-asterisk									{display:none}
.sempre-asterisk .label-asterisco i				{display:block;color:#BF0000;}
.show-fa-asterisk .label-asterisco i			{display:block;color:#BF0000;}
/* FORM - fine */


/* MODULO FIELDSET - inizio */
.modulo 										{
													border: 1px dashed #d1d1d1;
													padding:10px;
													margin:10px;
													border-radius:5px;													
												}
												
fieldset 										{}
/* MODULO FIELDSET - fine */



/* ------------------------------------------------------*/
/* TABLE - inizio */
/* ------------------------------------------------------*/
table		 									{background:#ffffff; width: 100%;}
.table-font-small								{font-size:0.9em}
/* .table-responsive								{overflow-y: hidden} */
th 												{color:#404040;font-size:1em;background:#f5f5f5;}
.panel-body table 								{border-top:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;}
.table-on-body									{border:0px solid #cccccc}
table>tbody>tr>td, 
table>tbody>tr>th, 
table>tfoot>tr>td, 
table>tfoot>tr>th, 
table>thead>tr>td,
table>thead>tr>th			{border-top: 1px solid #ddd;padding: 5px 10px;}


.preview table>tbody>tr>td		{border-top: 0px;padding: 0px 0px;}

.preview {font-size: 1.5em;}

.preview span {
	height: max-content;
	display: inline-block;
	max-width: 100%;
}

.table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, 
.table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th {
/*     padding: 3px 10px;  */
    font-size: 14px;
}

	/* Datatable look override - inizio */
/* 	table.dataTable.table-condensed>thead>tr>th 				{    padding: 1em 0.7em !important;} */
	table.dataTable.table-condensed .sorting:after, 
	table.dataTable.table-condensed .sorting_asc:after, 
	table.dataTable.table-condensed .sorting_desc:after 		{top: 14px;right: 6px;}
	.panel-with-table .dataTables_length						{margin-left:15px; margin-top:15px;}
	.panel-with-table .dataTables_filter						{margin-right:15px; margin-top:15px;}
	.panel-with-table .dataTables_info							{margin-left:15px; margin-bottom:15px;}
	.panel-with-table .dataTables_paginate						{margin-right:15px !important; margin-bottom:5px !important;}
	/* Datatable look override - fine */
	
	/* Tablesaw look override - inizio */
	.tablesaw-bar									{
														background:rgba(255,255,255,0.3); 
														padding:0px 15px;
														border-radius: 10px 10px 0px 0px;
														/* border-bottom:2px solid #e1e1e1; */
													}
	.tablesaw-bar:hover								{background:rgba(255,255,255,0.7)}
	.tablesaw-bar:after								{content: "";display: table;clear: both;}
	.tablesaw-bar-section label						{font-weight:300; margin-bottom:0px;}
	.tablesaw-sortable-btn							{padding: 1em 0.7em}
	.tablesaw-sortable-btn:hover					{background:rgba(255,255,255,0.8);}
	.tablesaw-columntoggle tbody td					{line-height: 1.5;}
	/* Tablesaw look override - fine */

	/* Table utility - inizio */
		/* OTTANIO - inizio */
		.table-ottanio th 								{color:#008082;font-size:0.9em;background:#f5ffff}
		.ottanio-td 									{background-color:#dfffff; color:#117E80;font-weight:700;}
		.table-hover>tbody>tr.active>td,
		.table-hover.table-ottanio>tbody>tr:hover td	{background-color: #CAFAFA !important;}
		.table-ottanio .tablesaw-sortable-btn:hover		{background:#CAFAFA;}
		.dataTables_info								{color: #008082}
		/* OTTANIO - fine */
		
		.table-hover>tbody>tr.active-mod>td				{background-color: #ffe3ca !important; font-weight:600;}
		
		.table-hover>tbody>tr.active-vis>td				{background-color: #B2D7FA !important; font-weight:600;}
		.table-hover>tbody>tr.active-vis:hover>td		{background-color: #CCE6FF !important;}
		.table-hover>tbody>tr.active-del>td				{background-color: #FFD0CF !important; font-weight:600;}
		
		.table-hover>tbody>tr.active-ins>td				{background-color: #D8F9CB !important; font-weight:600;}
		
		
		
	.tablesaw thead th.action-th					{
														text-align:center;
														color:#727272; 
														font-weight:400;
														border-right:1px solid #eaeaea
													}
													
	.action-td										{text-align:center !important;background:#f1f1f1}
	
	.bold-td										{font-weight:700}
	.lg-td											{font-size:120%}
	.center-td 										{text-align:center !important}
	.right-td 										{text-align:right !important}
	.left-td 										{text-align:left !important}
	.border-left									{border-left: 1px #c2d5d6 solid;}
	.border-right									{border-right: 1px c2d5d6 solid;}
	.no-sort::after { display: none!important; }
	/* Table utility - fine */
	
	/* PAGINAZIONE - inizio */
	.page-nav-container .pagination					{margin:0px;margin-top:4px;}
	.page-nav-container 							{background:#f9f9f9;}
	.page-nav-info									{float:left;color: #008082;padding: 11px 19px;}
	.page-nav-item									{float:right;margin-right: 4px;}
	
	.pagination>li>a,.pagination>li>a>i, .pagination>li>span			{color: #008082;}
	.pagination>li>a:hover							{background:#CAFAFA;}
	.pagination>.active>a, 
	.pagination>.active>a:focus, 
	.pagination>.active>a:hover, 
	.pagination>.active>span, 
	.pagination>.active>span:focus, 
	.pagination>.active>span:hover					{background:#8CE4E6;color:#3C454D;border:1px solid #4CE3E6}
	/* PAGINAZIONE - fine */
	
	input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: searchfield-cancel-button}
	.input-cerca 									{
														display: block;
														float: left;
														width: 100%;
														height: 40px;
														-webkit-border-radius: 4px;
														border-radius: 4px;
														padding: 10px;
													}
	
/* ------------------------------------------------------*/
/* TABLE - fine */
/* ------------------------------------------------------*/

/* BUTTONS - inizio */
.btn 											{
													padding: 6px 30px;
													border:1px solid #e1e1e1;
													border-radius:4px; 
													margin:0px 3px;
													font-weight:600;
													
													
													-webkit-transition: all 0.2s ease;
													-moz-transition: all 0.2s ease;
													-o-transition: all 0.2s ease;
													transition: all 0.2s ease;
													
												}
.bottom-toolbar .btn							{margin-bottom: 3px;}
												
.btn:hover 										{border:1px solid #d1d1d1;}
.btn-def 										{background:#eaeaea;}
.btn-def:hover 									{background:#d1d1d1;}
.btn-vis 										{background:#b2d7fa;color:#001A30}
.btn-vis:hover 									{background:#95C7F5;color:#001A30}
.btn-ins 										{background:#d8f9cb;color:#217100}
.btn-ins:hover,
.btn-ins:active 								{background:#AAE693;color:#194507}
.btn-del										{background:#ffd0cf;color:#962f2c}
.btn-del:hover									{background:#ffb3b1;color:#80201d}
.btn-mod										{background:#FFDCBD;color:#944500}
.btn-mod:hover									{background:#FFC694;color:#853E00}
.btn i 											{margin-right: 10px;}
.btn-ins i										{color:#217100}
.btn-mod i										{color:#944500}
.btn-vis i										{color:#001A30}
.btn-del i										{color:#962f2c}

.btn.active, .btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 4px rgba(0,0,0,.3);
    box-shadow: inset 0 3px 4px rgba(0,0,0,.3);
	border-bottom:#ffffff;
	border-top:#303030;
}

/* BUTTONS - fine */



/* FONT-AWESOME ICON - inizio */
table .fas 										{font-size:120%;}
table .fas:hover 								{cursor:pointer; }
/* FONT-AWESOME ICON - fine */

/* WIZARD - inizio */

.wiz-or-container {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #efefef;
    border: 1px solid #ffffff;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover					{background:#727272}

.passo-numero									{width:100%;font-size:0.8em}
.passo-etichetta								{width:100%;font-size:1em;font-weight:700}

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

.wizard 										{/* margin: 20px auto; */margin-bottom:15px;}
.wizard .nav-tabs 								{position: relative;margin-bottom: 0;border-bottom-color: #d8d8d8;}
.wizard > div.wizard-inner 						{position: relative;}
.connecting-line 								{
													height: 2px;
													background: #e0e0e0;
													position: absolute;
													width: 80%;
													margin: 0 auto;
													left: 0;
													right: 0;
													top: 50%;
													z-index: 1;
												}
.wizard-3 .connecting-line						{width: 60%;}
.wizard .nav-tabs > li.active > a, 
.wizard .nav-tabs > li.active > a:hover, 
.wizard .nav-tabs > li.active > a:focus 		{
													color: #555555;
													cursor: default;
													border: 0;
													border-bottom-color: transparent;
												}
span.round-tab 									{
													width: 70px;
													height: 70px;
													line-height: 70px;
													display: inline-block;
													border-radius: 100px;
													background: #fff;
													border: 2px solid #4b79a7;
													z-index: 2;
													position: absolute;
													left: 0;
													text-align: center;
													font-size: 1.55em;
												}
.disabled span.round-tab						{border: 2px solid #e0e0e0;}
.disabled span.round-tab i						{color:#c1c1c1;}
span.round-tab i								{color:#115DA8;}
.wizard li.active span.round-tab 				{background: #fff;border: 2px solid #9dceff;}
.wizard li.active span.round-tab i				{color: #0066cc;}
span.round-tab:hover 							{color: #333;border: 2px solid #ababab;}
.wizard .nav-tabs > li 							{width: 25%;}
.wizard-3 .nav-tabs > li 						{width: 33%;}
.wizard li:after 								{
													content: " ";
													position: absolute;
													left: 46%;
													opacity: 0;
													margin: 0 auto;
													bottom: 0px;
													border: 5px solid transparent;
													border-bottom-color: #5bc0de;
													transition: 0.1s ease-in-out;
												}
.wizard li.active:after 						{
													content: " ";
													position: absolute;
													left: 46%;
													opacity: 1;
													margin: 0 auto;
													bottom: 0px;
													border: 10px solid transparent;
													border-bottom-color: #6ab0f7;
												}
.wizard .nav-tabs > li a 						{
													width: 70px;
													height: 70px;
													margin: 20px auto;
													border-radius: 100%;
													padding: 0;
												}

.wizard .nav-tabs > li a:hover					{background: transparent;}
.wizard .tab-pane 								{position: relative;padding-top: 50px;}
.wizard h3 										{margin-top: 0;}

@media( max-width : 585px ) {
    .wizard 									{width: 90%;height: auto !important;}
	span.round-tab 								{font-size: 1em;width: 50px;height: 50px;line-height: 50px;}
    .wizard .nav-tabs > li a 					{width: 50px;height: 50px;line-height: 50px;}
    .wizard li.active:after 					{content: " ";position: absolute;left: 35%;}
}
/* WIZARD - fine */

/*CHECKBOX CUSTOM - inizio */

/*CHECKBOX CUSTOM - fine */
																				
/* RADIO CUSTOM - inizio */

.radio-group,.checkbox-group							{
															
															
														}
.group-box												{
															background:#ffffff; 
															border:1px solid #eaeaea; 
															border-radius:10px;
															margin-bottom: 5px;
														}
														
														
.form-horizontal .radio,
.form-horizontal .checkbox								{padding:6px;}
.checkbox input[type=checkbox],
.radio input[type=radio]								{margin-left:0px;}
.checkbox-group .control-label,
.radio-group .control-label								{
															padding-bottom:6px;
															padding-right: 10px;
														}
.checkbox-group .label-asterisco,
.radio-group .label-asterisco							{right:5px;}


/*
.custom-radios input[type="radio"] 						{display: none;}
.custom-radios input[type="radio"] + label 				{color: #333;font-family: Arial, sans-serif;font-size: 14px;}
.custom-radios input[type="radio"] + label span 		{
														  display: inline-block;
														  width: 20px;
														  height: 20px;
														  margin: -3px 4px 0 0;
														  vertical-align: middle;
														  cursor: pointer;
														  border-radius: 50%;
														  background-repeat: no-repeat;
														  background-position: center;
														  text-align: center;
														  line-height: 44px;
														}
.custom-radios input[type="radio"] + label span img 	{opacity: 0;transition: all .3s ease;}
.custom-radios input[type="radio"].col-1 + label span{
														  background: #d1d1d1 url(../img/icon/check-off.svg) center center no-repeat;
														  border: 2px solid #d1d1d1;
														  transition: all .3s ease;
														}
.custom-radios input[type="radio"]:checked + label span {
															opacity: 1;
															width: 20px;
															height: 20px;
															display: inline-block;
														}
*/
/* RADIO CUSTOM - fine */

/* LEGENDA - inizio */

.legenda-container								{padding:15px 20px; border:2px dashed #d1d1d1;background:#f0f0f0}
.legenda-container h3 							{margin-top: 0px}
.legenda-container ul 							{color:#337319}

/* LEGENDA - fine */
						
/* POPOVER - inizio */	

 .popover.primary {
    border-color:#337ab7;
}
.popover.primary>.arrow {
    border-top-color:#337ab7;
}
.popover.primary>.popover-title {
    color:#fff;
    background-color:#337ab7;
    border-color:#337ab7;
}
.popover.success {
    border-color:#d6e9c6;
}
.popover.success>.arrow {
    border-top-color:#d6e9c6;
}
.popover.success>.popover-title {
    color:#3c763d;
    background-color:#dff0d8;
    border-color:#d6e9c6;
}
.popover.info {
    border-color:#bce8f1;
}
.popover.info>.arrow {
    border-top-color:#bce8f1;
}
.popover.info>.popover-title {
    color:#31708f;
    background-color:#d9edf7;
    border-color:#bce8f1;
}
.popover.warning {
    border-color:#faebcc;
}
.popover.warning>.arrow {
    border-top-color:#faebcc;
}
.popover.warning>.popover-title {
    color:#8a6d3b;
    background-color:#fcf8e3;
    border-color:#faebcc;
}
.popover.danger {
    border-color:#ebccd1;
}
.popover.danger>.arrow {
    border-top-color:#ebccd1;
}
.popover.danger>.popover-title {
    color:#a94442;
    background-color:#f2dede;
    border-color:#ebccd1;
} 
/* POPOVER - fine */

/* ------------------------------------------------------*/
	/*                 _AFFIX inizio                         */
	/* ------------------------------------------------------*/
	
	.affix-top,.affix									{ position: static;}
	.affix-top,.affix,.affix-bottom 					{}
	.affix												{ 
															position:fixed;
															width:100%;
															padding-right: 35px;
															padding-left: 35px;
															top:0px;
															z-index:1500;
														}
	.affix-bottom  										{ position: absolute;}

	/* ------------------------------------------------------*/
	/*                 _AFFIX fine                           */
	/* ------------------------------------------------------*/
	
	

/* ------------------------------------------------------*/
/*                 _PAGINA INTERNA fine                  */
/* ------------------------------------------------------*/


#sidebar-col							{width:17%}
#content-col							{width:83%}

.icon-bar								{background:#ffffff}
/* #sidebar-toolbar-fixed					{width: calc(20vw - (100vw - 100%));} */
/* _1500 Xlarge*/
@media only screen and (max-width : 1500px) {
	body													{font-size:14px}
	#sidebar-col											{width:17%}
	#content-col											{width:83%}

}
/* _1300 Xlarge*/
@media only screen and (max-width : 1300px) {
	body													{font-size:13px}
	#sidebar-col											{width:22%}
	#content-col											{width:78%}

}

/* _1200 Large Devices, Wide Screens (MD) */
@media only screen and (max-width : 1200px) {
	
}

/* _992 Medium Devices, Desktops (SM)*/
@media only screen and (max-width : 992px) {
	#sidebar-col											{width:35%}
	#content-col											{width:65%}
	.top-tool-bar-item										{float:left}
	#sidebar			{
							display:block;
							-webkit-box-shadow: inset -13px 0px 43px -14px rgba(0,32,63,0.89); 
							box-shadow: inset -13px 0px 43px -14px rgba(0,32,63,0.89);}
						}

/* _767 Small Devices, Tablets (XS)*/
@media only screen and (max-width : 767px) {
	#sidebar-col											{width:100%}
	#sidebar-col>ul											{height:0px}
	#content-col											{width:100%}
	
	#top-header .scritta-miur								{display:block}
	#top-header .scritta-ministero							{display:none}
	
	#anno-istituto-container					{float:left; padding:5px 0px; width:100%; border-top:1px solid #6b97c3}
	#anno-container 							{width:38%;margin-left:5px; padding-left:5px; border:0px;}
	#istituto-container 						{width:40%;margin-left:5px; padding-left:15px;}
	#mec-container								{display:none}
	#top-bar-switch								{font-size:1.5em}
	#logo-mobile								{display:block;}
	#center-header #logo-container				{max-width:100px;}
	#logo-desktop								{display:none}
	.shrink #logo-shrink						{display:none}
	.shrink #center-header #logo #logo-mobile	{padding-top:10px}
	
	#sidebar									{}
	
	#footer										{display:none}
	
	
	
}


/* _480 Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	.row-eq-height {display: block}
	.main-container		{padding-left: 15px; padding-right: 15px}
}

/* _350 Media Query personale */ 
@media only screen and (max-width : 350px) {

}

/* _320 Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

}

@media (min-width: 768px) {
  .navbar-nav > li > a {
    font-size: 0.9em;
  }
}

.previewc {
	margin:10px; 
	background:#fff;
	color: #000;
	padding: 10px;
}

.nota {
	/*
	table-layout: fixed;
	*/
	word-wrap:break-word;
}

.footer-emblema {
    float: left;
    width: 30%;
}
.footer-miur {
    float: left;
    width: 70%;
    padding-left: 0px;
    font-family: "Titillium Web",Helvetica,Arial,sans-serif;
    font-size: 23px;
    font-weight: 600;
    line-height: 27px;
    padding-top: 3rem;
}