/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

/*TAGS PRINCIPALI*/
/*BASE*/
*, *::after, *::before { box-sizing: border-box; }

body { color: #000; }

a { color: #000; text-decoration: none; }

strong { font-weight: 700; }

.clearfix { clear: both; }

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

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

/*img.img-responsive { height: auto; width: 100%; }*/

/*FORM*/
/*FORM*/
input, textarea, select { font-family: inherit; }

/*input, textarea { -webkit-appearance: none; }*/

/*IMMAGINI ED ICONE*/
/*IMMAGINI ED ICONE*/
/*HEADER*/
/*HEADER*/
header { background-color: #4f5467; color: #FFF; height: 4rem; padding: 0.5625rem 1.25rem; width: 100%; /*logo*/ }
header .titolo { float: right; font-size: 1.6rem; line-height:1.6em; font-weight: bold; margin-top: 0.125rem; }
header .info-tavola { float: right; font-size: 1.6rem; line-height:1.6em; font-weight: bold; margin-top: 0.125rem; }

/*BREADCRUMBS*/
/*breadcrumbs*/
.breadcrumbs { background-color: #FFF; box-sizing: border-box; font-size: 1.2em !important; padding: 0.875rem 0; }
.breadcrumbs a.home span { padding-left: 0; }
.breadcrumbs span { padding: 0 0.3125rem; }
.breadcrumbs ol { list-style: none; }
.breadcrumbs ol li { display: inline-block; }

/*MAIN*/
/*CONTENUTI*/
.principale { background-color: #ffffff; margin-bottom: 0; padding-left: 10px }

aside { background-color: #FFF; padding: 0;  }

/*#main { padding: 1.65rem 0 0.625rem 0; position: relative; }*/

/*Tavole*/
ul.tavole { bottom: 0; height: 8.75rem; left: 1.25rem; overflow-x: auto; overflow-y: hidden; position: absolute; width: calc(100% - 20px); white-space: nowrap; }
ul.tavole li { border: 0.125rem solid #FFF; display: inline-block; margin-top: 0.35rem;margin-bottom: 0.35rem; margin-right: 1.25rem; width: 12.5rem; }
ul.tavole li a { display: block; }
ul.tavole li a img { display: block; }
ul.tavole li.current { border-color: yellow; }
ul.tavole li:hover { opacity: .8; }
ul.tavole.nolistatavole { display: none; }

/*Ricerca*/
form.ricerca { background-color: #EFEFEF; margin-bottom: 1.25rem; padding: 0.3125rem; }
form.ricerca .group-input { position: relative; }
form.ricerca input[type="text"] { border: none; height: 1.3125rem; padding: 0 1.75rem 0 0.3125rem; width: 100%; }
form.ricerca submit { background-color: #EFEFEF; border: none; cursor: pointer; height: 100%; padding-top: 0.125rem; position: absolute; right: 0; text-align: center; top: 0; width: 1.625rem; }

ul.risultati-ricerca li { border-bottom: 1px solid #EFEFEF; margin-bottom: 0.625rem; padding: 0.3125rem; }
ul.risultati-ricerca li img { margin-bottom: 0.3125rem; }
ul.risultati-ricerca li h2 { font-size: 0.875rem; margin-bottom: 0.3125rem; }
ul.risultati-ricerca li p { font-size: 0.75rem; }
ul.risultati-ricerca li:hover { background-color: #EFEFEF; color: #666; }

/*Visualizzatore*/
.div-main-tavola { border: 1px solid #999; }
.tavola-selezionata { height: calc(100% - 172px);  }
.tavola-selezionata .tavola { background-color: #FFF;   }


/*.tavola-selezionata ul.strumenti { font-size: 1rem; padding: 0;top: 2px;  position: absolute; right: 0.2rem; text-align: center; background-color:#fff;  }*/
ul.strumenti { margin: 0 0 0 0.5em;padding:0; text-align: center; background-color:#fff; height: 3em;  }
ul.strumenti li {display:block;float:left;margin-left:0.2em;}
ul.strumenti a { background-color: #EFEFEF; border-radius: 50%; color: #4f5467; display: table; height: 3em; width:3em; }
ul.strumenti a i { display: table-cell; vertical-align:middle; font-size:1.5em; }
.tavola-selezionata #svgload svg { width: 100%; height: auto; }
.btnSVGPlus,.btnSVGPrint,.btnSVGCheckList
{
	margin-left:1em !important;
}
.svgTableInfo
{
	float:right !important;
	margin-right:0.5em;
}
.svgTableName
{
	font-size:2em;
}
.svgTableSize
{
	font-size:0.8em;
}


.tavola-selezionata.nolistatavole { padding-bottom: 0rem; clear:both;}

.tooltip { cursor: pointer; }

.tooltip_templates { display: none; font-size: 0.75rem; }
.tooltip_templates img { margin-bottom: 0.625rem; }
.tooltip_templates .code { font-weight: 700; }

/*FOOTER*/
footer { background-color: #FFF; font-size: 0.75rem; height: 2.5rem; line-height: 2.4375rem; padding: 0 1.25rem; width: 100%; }

@media only screen and (min-width: 544px) { /*LAYOUT*/
  .column { margin-bottom: 0; } }
@media only screen and (min-width: 768px) { /*LAYOUT*/
  .column.col-33 { width: 33.333%; }
  .column.col-50 { width: 50%; }
  .column.col-66 { width: 66.667%; }
  /*CONTENUTI*/
  /*Visualizzatore*/
  .tavola-selezionata { position: relative; }
  /*.tavola-selezionata ul.strumenti { font-size: 2rem; }*/
  .tavola-selezionata ul.strumenti a { background-color: #EFEFEF; border-radius: 50%; color: #4f5467; display: table; height: 3rem; width: 3rem; }

  .tavola-selezionata ul.strumenti { left: 0.5rem; }
  .tavola-selezionata ul.strumenti li {padding: 0.2rem 0.2rem ;  }
  /*Ordine*/
  .ordine .carrello { font-size: 1rem; } }
@media only screen and (min-width: 992px) { /*BASE*/
  html, body { height: 100%; min-height: 100%; }
  /*LAYOUT*/
  /*HEADER*/
  header { left: 0; position: absolute; right: 0; top: 0; }
  header nav { clear: none; display: block; float: right; }
  header nav ul li { float: left; }
  header nav ul li span { display: none; }
  header nav ul li a { display: block; padding: 1rem 0.625rem 0.625rem; }
  header nav ul li a:hover, header nav ul li a.active { border-bottom: 0.0625rem solid #FFF; }
  header .pull { display: none; }
  /*CONTENUTI*/
  .principale { float: right; height: 100%; margin-bottom: 0; padding: 2.5rem 0 0 0; position: relative; width: 80%; }
  aside { box-shadow: inset 4px -2px 8px #CCC; float: left; font-size: 0.75rem; height: 100%; overflow-y: scroll; overflow-x: scroll; width: 20%; }
  aside h2 { font-size: 0.875rem; font-weight: 700; margin-bottom: 1.25rem; text-transform: uppercase; }
  #main { height: 100%; overflow: hidden; }
  .ordine { margin-top: 3.75rem; }
  /*FOOTER*/
  footer { bottom: 0; height: 2.5rem; left: 0; position: absolute; right: 0; } }
/*Print*/
@media print { header, footer { display: none; } }