@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css");

html, body {
	height: 100%;
}

body {
	background-color: #FFFFFF;
	font-size: 12px;
	font-family: Verdana,helvetica,arial;
	margin:0; padding:0;
}

body.popup {
	background:transparent none;
}

.stick-paging {
  position: sticky;
  top: 0;
  z-index: 10;
  width: 100%;
}

#header {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: center;
}

#logo {
  padding: 10px;
}
#cover {
  background-image: url(images/top.jpg);
  height: 130px;
  background-position: center top;
  background-attachment: fixed;
  background-repeat: no-repeat;
  box-shadow: 0 0 40px -5px black inset;
}
#ricerca-avanzata {
  text-align: right;
  padding: 10px;
  background-color: whitesmoke;
}
#ricerca-avanzata a {
  display: inline-block;
  background-color: dimgray;
  color: white;
  padding: 5px 10px;
  border-radius: 3px;
  margin-left: 10px;
}

#sidemenu li.paragraph > a {
  display: flex;
  flex-flow: row-reverse;
  justify-content: space-between;
  align-items: center;
  line-height: normal;
  text-align: right;
}
#sidemenu li.paragraph > a .tiny {
  margin-right: .5rem;
  flex: 1;
}

button:hover {
}
button {
    background-color: white;
    padding: 5px 10px;
    border: 1px solid whitesmoke;
    border-radius: 3px;
    cursor: pointer;
    transition: all .3s;
}
p,ul,li,div,form,em,blockquote,quote {
	font-family: Verdana,helvetica,arial,sans-serif;
	font-weight: normal;
}
details > summary.plabel {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  font-weight: bold;
  padding: 5px;
  border-bottom: 1px dashed #cccccc;
}

td {
	font-family: Verdana,arial,helvetica,sans-serif;
	font-weight: normal;
}

td.sidemenu {
	width: 210px;
	vertical-align: top;
	padding-right: 1px;
}

td.left {
	font-family: Verdana,arial,helvetica,sans-serif;
	font-size: 12pt;
	text-align: left;
}

abbr {
	display: inline;
	cursor: help;
	border-bottom: none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

abbr:hover {
	background-color: #ffdddd;
}

a abbr {
	cursor: help;
	border-bottom: none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.modelKKKS,
.modelCCC,
.modelKKK,
.modelPPP {
	display:block;
}
.modelPPP {
	background-color: #99FF99;
	font-weight: bold;
}

.modelKKK {
	background-color: yellow;
	font-weight: bold;
}

table.header {
 	padding: 0px;
 	width: 100%;
	border: 0px none;
}

input.form-text {
	font-family: Verdana,arial,helvetica; white-space: normal;
}

textarea.form-text {
	font-family: Verdana,arial,helvetica; 
}

textarea.form-text-row {
	font-family: Verdana,arial,helvetica; height: 19px;
}

hr {
	background-color: #cccccc;
	color: #cccccc;
	border: none;
	height: 1px;
}

.error {
  color: red;
}

.item-list .icon {
  color: #555;
  float: right;
  padding-left: 0.3em;
  clear: right;
}

.item-list .icon a {
  color: #000;
  text-decoration: none;
}

.item-list .icon a:hover {
  color: #000;
  text-decoration: none;
}

.item-list .title {
  font-weight: bold;
}

.item-list ul {
  margin: 0.25em 0 0.75em 0;
  padding: 0;
  list-style-type: disc;
  list-style-image: url("images/disc.gif");
}

.item-list ul li {
  margin: 0 0 0.3em 1.5em;
  padding: 0;
  list-style-type: disc;
  list-style-image: url("images/disc.gif");
}

.item-list ul li.square {
  margin: 0 0 0.3em 1.5em;
  padding: 0;
  list-style-type: square;
  list-style-image: url("images/square.gif");
}

small { font-size: 10px; }
big { font-size: 12pt; }

a { color: #cc0000; text-decoration: none;  padding: 0px 4px 0px 4px;}
a:link { color: #cc0000;  padding: 0px 4px 0px 4px;}
a:visited { color: #cc0000; padding: 0px 4px 0px 4px; }
a:active { color: #cc0000; padding: 0px 4px 0px 4px;}
a:hover { color: #666666; background: transparent; text-decoration: none; padding: 0px 4px 0px 4px;}

a.tiny { color: #cc0000; text-decoration: none;  padding: 0px 4px 0px 4px; font-size: .7em}
a.tiny:link { color: #cc0000;  padding: 0px 4px 0px 4px; font-size: .7em}
a.tiny:visited { color: #cc0000; padding: 0px 4px 0px 4px;  font-size: .7em}
a.tiny:active { color: #cc0000; padding: 0px 4px 0px 4px; font-size: .7em}
a.tiny:hover { color: #666666; background: transparent; text-decoration: none; padding: 0px 4px 0px 4px; font-size: .7em}

a.gmaplink, a.gmaplink:link, a.gmaplink:visited { font-size: 10px; color: #cc0000; text-decoration: none;  padding: 0px;}
a.gmaplink:hover, a.gmaplink:active { font-size: 10px; color: #666666; background: transparent; text-decoration: none; padding: 0;}


span.tiny,
div.tiny,
table.tiny td,
.tiny {
        font-size: 11px;
}


/* INIZIO FOOTER */

div#footer {
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #d2d2d2;
	background-color: #e5e5e5;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	float: left;
	width: 100%;
	margin-top: 20px;
	padding-bottom: 1em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

div#footer #logo-ermes {
	width:169px;
	float:right;
	margin-top:-65px;
	text-align:center;
}

div#footer #ancillary {
	float:left;
	text-align:center;
	width:100%;
}

div#footer #ancillary p {
	margin:0;
	text-align:center;
	padding-top:10px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 90%;
}

div#ancillary #informazioni ul {
	margin: 0;
}

div#ancillary #informazioni ul li {
	list-style-type:none;
	display: inline;
}

div#ancillary #informazioni ul li a {
	color:#000;
	padding: 0 1%;
	text-decoration: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 90%;
}

div#ancillary #informazioni ul li a:hover {
	color:#c00;
	text-decoration: none;
	background-color: transparent;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 90%;
}

/* FINE FOOTER */

a.error { color: #fff; font-weight: bold; text-decoration: none; background-color: #ff0000; }
a.error:link { color: #fff; font-weight: bold; text-decoration: none; background-color: #ff0000; }
a.error:visited { color: #fff; font-weight: bold; text-decoration: none; background-color: #ff0000; }
a.error:active { color: #fff; font-weight: bold; text-decoration: none; background-color: #ff0000; }

li a { color: #cc0000; text-decoration: none;  padding: 0px;}
li a:link { color: #cc0000;  padding: 0px;}
li a:visited { color: #cc0000; padding: 0px; }
li a:active { color: #cc0000; padding: 0px;}
li a:hover { color: #666666; background-color: transparent; text-decoration: none; padding: 0px;}

td.orcnt a { color: #444444; text-decoration: none;  padding: 0px;}
td.orcnt a:link { color: #444444; text-decoration: none;  padding: 0px;}
td.orcnt a:visited { color: #444444; text-decoration: none;  padding: 0px;}
td.orcnt a:active { color: #444444; text-decoration: none;  padding: 0px;}
td.orcnt a:hover { color: #444444; text-decoration: none;  padding: 0px;}

td.orl a { color: #444444; text-decoration: none; padding: 0px;}
td.orl a:link { color: #444444; text-decoration: none; padding: 0px;}
td.orl a:visited { color: #444444; text-decoration: none; padding: 0px;}
td.orl a:active { color: #444444; text-decoration: none; padding: 0px;}
td.orl a:hover { color: #444444; text-decoration: none; padding: 0px;}

a img { 
	border: 0px none 
}

a.button-search {
}

a.button-search img {
    width: 10%;
}

b { font-weight: bold; }

/* TABELLA RISULTATI */
table.results {
	border: 1px solid #dddddd;
	width: 100%;
	margin: 14px 2px 20px 2px;
}
table.results th {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	vertical-align: middle;
}
table.results td {
	padding: 4px;
	text-align: left;
	text-align: left;
	vertical-align: top;
}
table.results thead tr {
	background-color: #bbbbbb;
}
th.sorted {
    background-color: #cc0000;
}
table.results th a, table.results th a:visited {
	display: block;
	width: 100%;
	color: #ffffff;
	padding: 0px 0px 0px 0px;
	margin: 0;
	font-weight: bold;
}
table.results th a:hover, table.results th a:active {
	text-decoration: none;
	background-color: #cccccc;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
}
table.results th.sorted a:hover, table.results th.sorted a:active {
	text-decoration: none;
	background-color: #dd5555;
	font-weight: bold;
}
table.results th.sorted a,
table.results th.sorted a:visited,
table.results th.sorted a:link,
table.results th.sortable a,
table.results th.sortable a:visited,
table.results th.sortable a:link {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 2px 0px 2px 1px;
	font-weight: bold;
}

table.results th.sorted a:hover,
table.results th.sorted a:active,
table.results th.sortable a:hover,
table.results th.sortable a:active {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 2px 0px 2px 1px;
	font-weight: bold;
}

table.results th.sorted a:hover,
table.results th.sorted a:active {
	color: #fff;
}

table.results th.radio {
    width: 30px;
}
th.sortable-minwidth a {
	background-image: url(images/arrow_off.png);
	text-align: left;
	width: 42px;
	font-weight: bold;
}
th.sortable-tablewidth a {
	background-image: url(images/arrow_off.png);
	background-position: center right;
	text-align: left;
	font-weight: bold;
}
th.sortable-tablewidth {
	background-image: url(images/arrow_off.png);
	background-position: center right;
	text-align: left;
	width: 200px;
}
table.results th.order1 {
	padding-right: 12px;
	background-image: url(images/arrow_up.png);
	background-repeat: no-repeat;
	background-position: right;
	vertical-align: middle;
}
table.results th.order1 a {
	text-align: left;
	font-weight: bold;
}
table.results th.order2 {
	padding-right: 12px;
	background-image: url(images/arrow_down.png);
	background-repeat: no-repeat;
	background-position: right;
	vertical-align: middle;
}
table.results th.order2 a {
	text-align: left;
	font-weight: bold;
	margin-right: 8px;
}
tr.odd {
  background-color: #f0f0f0;
  height: 38px;
}
tr.even {
  background-color: #ffffff;
  height: 38px;
}
tr.over {
  background-color: #FFFFCC;
}

table.pages {
	width: 100%;
	border-bottom: 1px #cccccc solid;
	padding: 0px;
}

td.pagebanner {
	font-size: 11px;
}

td.pagelinks {
	text-align: right;
	font-size: 11px;
}

td.pagelinks a,
td.pagelinks a:link,
td.pagelinks a:visited,
td.pagelinks a:active,
td.pagelinks a:hover {
	padding: 0px 2px 0px 4px;
	text-align: right;
	text-decoration: none;
	color: #cc0000;
	background: #fff;
}

td.pagelinks img.firston,
td.pagelinks img.firstoff,
td.pagelinks img.prevon,
td.pagelinks img.prevoff,
td.pagelinks img.nexton,
td.pagelinks img.nextoff,
td.pagelinks img.laston,
td.pagelinks img.lastoff {
	width: 13px;
	height: 12px;
	text-decoration: none;
	color: #eb981b;
}

td.pagelinks img.firston {
	background: #fff no-repeat url("images/first.gif") 0px 2px;
}

td.pagelinks img.firstoff {
	background: #fff no-repeat url("images/first-off.gif") 0px 2px;
}

td.pagelinks img.prevon {
	background: #fff no-repeat url("images/prev.gif") 0px 2px;
}

td.pagelinks img.prevoff {
	background: #fff no-repeat url("images/prev-off.gif") 0px 2px;
}

td.pagelinks img.nexton {
	background: #fff no-repeat url("images/next.gif") 0px 2px;
}

td.pagelinks img.nextoff {
	background: #fff no-repeat url("images/next-off.gif") 0px 2px;
}

td.pagelinks img.laston {
	background: #fff no-repeat url("images/last.gif") 0px 2px;
}

td.pagelinks img.lastoff {
	background: #fff no-repeat url("images/last-off.gif") 0px 2px;
}

table.summary {
	border: 1px none #dddddd;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 4px 0px 10px 0px;
}

table.summary-selected {
	border: 1px solid #3333aa;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 4px 0px 10px 0px;
}

tr.paragrafo {
   height: 35px;
   background-color: #ffffff;
   border-bottom: 1px dashed #cccccc;
}
tr.parseparator td {
   font-size: 1px;
   height: 15px;
   background-color: #ffffff;
   border-bottom: 3px double #cccccc;
}
tr.campostrutturato {
   height: 22px;
}
td.Pcol1 {
	padding: 3px 2px 2px 6px;
	font-size: 12px;
	font-weight: bold;
	width: 7%;
	color: #cc0000;
	border-bottom: 1px dashed #cccccc;
}
td.Pcol2, .paragrafo td.coladmin  {
	font-size: 12px;
	font-weight: bold;
	color: #cc0000;
	border-bottom: 1px dashed #cccccc;
}
td.Pcol2-empty  {
	font-size: 12px;
	font-weight: bold;
	color: #cc0000;
	border-bottom: 1px dashed #cccccc;
	color: #bcbcbc;
}

div.Pcol2 {
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px none #cccccc;
}
div.Pcol2-empty {
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px none #cccccc;
	color: #bcbcbc;
}

td.Kcol1 {
	padding: 3px 2px 2px 6px;
	font-size: 13px;
	font-weight: bold;
	width: 7%;
	border-bottom: 1px none #cccccc;
}
td.Kcol2 {
	padding: 3px 0px 2px 0px;
	font-size:   13px;
	font-weight: bold;
	border-bottom: 1px none #cccccc;
}
td.Kcol2-empty {
	padding: 3px 0px 2px 0px;
	font-size:   13px;
	font-weight: bold;
	border-bottom: 1px none #cccccc;
	color: #bcbcbc;
}
div.Kcol2 {
	padding: 0;
	margin-top: 2px;
	font-size:   13px;
	font-weight: bold;
	border-bottom: 1px none #cccccc;
}
div.Kcol2-empty {
	padding: 0;
	margin-top: 2px;
	font-size:   13px;
	font-weight: bold;
	border-bottom: 1px none #cccccc;
	color: #bcbcbc;
}
td.mark {
	border-bottom: 1px none #ccc;
	width: 7%;
	padding: 3px 2px 2px 4px;
	vertical-align: top;

}
td.comment {
	border-bottom: 1px none #ccc;
	width: 22%;
	vertical-align: top;
	padding: 3px 2px 2px 2px;
	font-size: 12px;
}
td.comment-empty {
	border-bottom: 1px none #ccc;
	width: 22%;
	vertical-align: top;
	padding: 3px 2px 2px 2px;
	font-size: 12px;
	color: #bcbcbc;
}
td.value {
	border-bottom: 1px none #ccc;
	padding: 3px 2px 2px 2px;
	vertical-align: top;
	font-size: 12px;
}
td.value a {
	padding-left: 0px;
}
td.markcomment {
	border-bottom: 1px none #ccc;
	width: 220px;
	padding: 3px 2px 2px 2px;
	vertical-align: top;

}
.subfield td.mark {
	border-bottom: 1px none #ccc;
	width: 7%;
	padding: 3px 2px 2px 6px;
	vertical-align: top;
	padding-left: 12px;

}
.subfield td.comment {
	border-bottom: 1px none #ccc;
	width: 22%;
	vertical-align: top;
	padding: 3px 2px 2px 2px;
	font-size: 12px;
	padding-left: 10px;
}
.subfield td.comment-empty {
	border-bottom: 1px none #ccc;
	width: 22%;
	vertical-align: top;
	padding: 3px 2px 2px 2px;
	font-size: 12px;
	padding-left: 10px;
	color: #bcbcbc;
}
.subfield td.value {
	border-bottom: 1px none #ccc;
	padding: 3px 2px 2px 2px;
	vertical-align: top;
	font-size: 12px;
}
div.subfieldspacer {
	height: 5px; overflow: hidden;
}

tr.paragraph {
	height: 24px;
}
td.paragraph {
	border-bottom: 1px solid #000000;
	font-size: 12px;
	font-weight: bold;
	background-color: #aaaaaa;
	padding: 0px;
}

table.subparagraph {
	border: 1px solid #000;
	width: 99%;
	margin: 4px 0px 2px 0px;
}

tr.subparagraph {
	height: 22px;
}

td.subparagraph {
	border-bottom: 1px solid #000000;
	font-size: 14px;
	font-weight: bold;
	background-color: #cccccc;
}

td.subvalue {
	border-bottom: 1px solid #bbbbbb;
	padding: 3px 0px 2px 10px;
}

td.submarkcomment {
	border-bottom: 1px solid #bbbbbb;
	width: 200px;
	padding: 3px 0px 2px 12px;
}

input {
	border: 1px solid #cccccc;
}

input.radio {
	border: 0px none #cccccc;
}

input:focus {
	background-color: #ffffdd;
}

textarea {
	border: 1px solid #cccccc;
}

textarea:focus {
	background-color: #ffffdd;
}

select {
	border: 1px solid #cccccc;
}

select:focus {
	background-color: #ffffdd;
}

div.buttons {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-flow: row wrap;
  padding: .3rem;
	padding-bottom: 0;
}
div.buttons a {
	border: 0;
	border-radius: 3px;
	background-color: #1F85EB;
	font-size: 12px;
	font-weight: 500;
	min-width: 60px;
	padding: .6em 1em;
	text-align: center;
	text-decoration: none;
	color: white;
	float: none;
	position: static;
	display: inline-block;
	transition: background-color .3s;
	margin-left: .3rem;
	margin-bottom: .3rem;
}
div.buttons a:hover, div.buttons a:active {
	background-color: #39F;
	color: white;
}
div.buttons a:first-child {
  margin-left: 0;
}

table.block {
	border: 0px none;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 3px 0px;
}

#MenuH {
	border-top: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
	color:#000000;
	background-color:#FFFFFF;
	/*text-align:center;*/
	/*float:left;*/
}

#MenuH ol {
	line-height:2.1em;
	font-weight:bold;
	list-style-type:none;
	margin:0 auto; padding:3px 0 5px 0;
	vertical-align:top;
}

#MenuH ol li {
	line-height:2em;
	display:inline;
	margin:0 -4px 0 0; padding:0 0 0 12px;
	/*float:left;	width:16em;*/
}

#MenuH ol li a, #MenuH ol li.LIStrong strong {
	line-height:2em;
	padding:0 .6em .2em 9px; margin:0;
	white-space:nowrap;
	text-decoration:none;
	background:url(images/FregioMenuH.gif) 0 6px no-repeat !important;
	background:url(images/FregioMenuH.gif) 0 3px no-repeat;
	color:#185B83; background-color:#FFFFFF;
	/*float:left; width:16em;*/
}

#MenuH ol li.LIStrong strong, #MenuH ol li.LISel a.Sel, #MenuH ol li.LISel strong {
	text-decoration:underline;
}

#MenuH ol li.LISel strong span {
	padding:0 .6em 0 .8em; margin:0;
}

#MenuH ol li a:hover, #MenuH ol li a:focus, #MenuH ol li a:active {
	text-decoration:underline;
}

#MenuH ol li a.hiterm { background-image: none !important; background-image: none; padding: 0px; }


#maincontent {
}


.L0 li a.error b {
	color: red;
}

.L0 li a.info b {
	color: green;
}


div#principale {
	min-width:99%;	/*ticket 'prolasso della videata 0001686' (aggiunto)*/
	float:left!important;
	float:none; 	/*  ticket 'prolasso della videata 0001686' (commentato)*/
	background:url(images/bg-corpo.jpg) bottom left no-repeat;
	background-position: -8px bottom;
	padding-bottom:10px;
	min-height:125px;
	height:auto!important;
	height:200px;
	margin-top:10px;
}

div#principale div#interna {
	margin-left: 1%;
}

div#posizionamento {
	border:1px solid #CCCCCC;
	border-top:0;
	border-right:0;
	margin-left:4px;
	width:98%;
	min-height:125px;
	height:auto!important;
	height:200px;
}

div#titolo {
	border-bottom:1px solid #cacaca;
	clear:both;
	margin-bottom:1em;
}

div#titolo h3 {
	margin:1em 0 0 0;
	text-align:left;
	font-size:110%;
	background:url(images/bg-arrow-title.gif) left 50%  no-repeat;
	padding-left:30px;
	font-weight:normal;
}

div#header div#navigazione div#collegamenti {
	width:30%;
	float:left;
}

div#header div#navigazione div#collegamenti ul {
	margin:0;
	padding:0;
	width:95%;
	float:left;
	margin-left:2%;
}

* html div#header div#navigazione div#collegamenti ul{
	margin-left:1%;
}

div#header div#navigazione div#collegamenti ul li {
	list-style-type:none;
	float:left;
	display:inline;
}

div#header div#navigazione div#collegamenti ul li a {
	float:left;
	color:#D50B0F;
	position:relative;
	line-height:46px;
	padding-right:1em;
	margin-right:1em;
}

div#header div#navigazione div#collegamenti ul li a:hover {
	color:#666;
}

html>body div#header div#navigazione div#collegamenti ul li a {
	line-height:48px;
}

#wrapper {
	display: flex;
	flex-flow: row nowrap;
	align-items: stretch;
	justify-content: space-between;
}
#sidemenu {
	flex: 0 0 20%;
	min-width: 200px;
	max-width: 250px;
	background-color: #f5f5f5;
}
#sidemenu details summary {
	display: block;
	padding: .5rem;
	background-color: #dedede;
	user-select: none; 
}
#sidemenu details[open] summary {
	background-color: #c0c0c0;
}

#sidemenu details summary::after {
	display: inline-block;
	content: "";
	vertical-align: -.3em;
	background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M3.646 9.146a.5.5 0 0 1 .708 0L8 12.793l3.646-3.647a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 0-.708zm0-2.292a.5.5 0 0 0 .708 0L8 3.207l3.646 3.647a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 0 0 0 .708z' clip-rule='evenodd'/></svg>");
	width: 1rem;
	height: 1rem;
	float: right;
}
#sidemenu details[open] summary::after {
	background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M3.646 13.854a.5.5 0 0 0 .708 0L8 10.207l3.646 3.647a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 0 0 0 .708zm0-11.708a.5.5 0 0 1 .708 0L8 5.793l3.646-3.647a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 0-.708z' clip-rule='evenodd'/></svg>");
}
#sidemenu ul {
	list-style: none;
	padding: 0 1rem;
}
#sidemenu ul > li {
	margin-bottom: .3rem;
}
#sidemenu ul > li:last-child {
	margin-bottom: 0;
}
#sidemenu li.selected > a {
	color: black;
}
#sidemenu a {
	color: dimgray;
}
#sidemenu a:hover {
	color: black;
}

#content {
	flex: 1;
}

div#sidespacer {
	height: 8px !important;
	height: 0px;
}

table.results th.hdrright { text-align: right; }

table.results th.hdrcenter { text-align: center; }

.highlight { background-color: yellow }

a.hiterm { background-image: none; padding: 0px; }

#directionsouter td {
	font-size: 10px;
}

#tooltip {
        position:absolute;
        border:1px solid #333;
        background:#f7f5d1;
        padding:2px 5px;
        color:#333;
        display:none;
        z-index: 255;
}

#tooltip h3, #tooltip div { margin: 0; }

/* REQUIRED STYLES - the menus will only render correctly with these rules */
.fg-menu-container { position: absolute; top:0; left:-999px; padding: .4em;  overflow: hidden; z-index: 1000; }
.fg-menu-container.fg-menu-flyout { overflow: visible; }

.fg-menu, .fg-menu ul { list-style-type:none; padding: 0; margin:0; }

.fg-menu { position:relative; }
.fg-menu-flyout .fg-menu { position:static; }

.fg-menu ul { position:absolute; top:0; }
.fg-menu ul ul { top:-1px; }

.fg-menu-container.fg-menu-ipod .fg-menu-content,
.fg-menu-container.fg-menu-ipod .fg-menu-content ul { background: none !important; }

.fg-menu.fg-menu-scroll,
.fg-menu ul.fg-menu-scroll { overflow: scroll;  overflow-x: hidden; }

.fg-menu li { clear:both; float:left; width:100%; margin: 0; padding:0; border: 0; }
.fg-menu li li { font-size:1em; } /* inner li font size must be reset so that they don't blow up */

.fg-menu-flyout ul ul { padding: .4em; }
.fg-menu-flyout li { position:relative; }

.fg-menu-scroll { overflow: scroll; overflow-x: hidden; }

.fg-menu-breadcrumb { margin: 0; padding: 0; }

.fg-menu-footer {  margin-top: .4em; padding: .4em; }
.fg-menu-header {  margin-bottom: .4em; padding: .4em; }

.fg-menu-breadcrumb li { float: left; list-style: none; margin: 0; padding: 0 .2em; font-size: .9em; opacity: .7; }
.fg-menu-breadcrumb li.fg-menu-prev-list,
.fg-menu-breadcrumb li.fg-menu-current-crumb { clear: left; float: none; opacity: 1; }
.fg-menu-breadcrumb li.fg-menu-current-crumb { padding-top: .2em; }

.fg-menu-breadcrumb a,
.fg-menu-breadcrumb span { float: left; }

.fg-menu-footer a:link,
.fg-menu-footer a:visited { float:left; width:100%; text-decoration: none; }
.fg-menu-footer a:hover,
.fg-menu-footer a:active {  }

.fg-menu-footer a span { float:left; cursor: pointer; }

.fg-menu-breadcrumb .fg-menu-prev-list a:link,
.fg-menu-breadcrumb .fg-menu-prev-list a:visited,
.fg-menu-breadcrumb .fg-menu-prev-list a:hover,
.fg-menu-breadcrumb .fg-menu-prev-list a:active { background-image: none; text-decoration:none; }

.fg-menu-breadcrumb .fg-menu-prev-list a { float: left; padding-right: .4em; }
.fg-menu-breadcrumb .fg-menu-prev-list a .ui-icon { float: left; }

.fg-menu-breadcrumb .fg-menu-current-crumb a:link,
.fg-menu-breadcrumb .fg-menu-current-crumb a:visited,
.fg-menu-breadcrumb .fg-menu-current-crumb a:hover,
.fg-menu-breadcrumb .fg-menu-current-crumb a:active { display:block; background-image:none; font-size:1.3em; text-decoration:none; }


/* REQUIRED LINK STYLES: links are "display:block" by default; if the menu options are split into
    selectable node links and 'next' links, the script floats the node links left and floats the 'next' links to the right  */

.fg-menu a:link,
.fg-menu a:visited,
.fg-menu a:hover,
.fg-menu a:active { float:left; width:92%; padding:.3em 3%; text-decoration:none; outline: 0 !important; }

.fg-menu a { border: 1px dashed transparent; }

.fg-menu a.ui-state-default:link,
.fg-menu a.ui-state-default:visited,
.fg-menu a.ui-state-default:hover,
.fg-menu a.ui-state-default:active,
.fg-menu a.ui-state-hover:link,
.fg-menu a.ui-state-hover:visited,
.fg-menu a.ui-state-hover:hover,
.fg-menu a.ui-state-hover:active,
.fg-menu a.ui-state-active:link,
.fg-menu a.ui-state-active:visited,
.fg-menu a.ui-state-active:hover,
.fg-menu a.ui-state-active:active { border-style: solid; font-weight: normal; }

.fg-menu a span { display:block; cursor:pointer; }


 /* SUGGESTED STYLES - for use with jQuery UI Themeroller CSS */

.fg-menu-indicator span { float:left; }
.fg-menu-indicator span.ui-icon { float:right; }

.fg-menu-content.ui-widget-content,
.fg-menu-content ul.ui-widget-content { border:0; }


/* ICONS AND DIVIDERS */

.fg-menu.fg-menu-has-icons a:link,
.fg-menu.fg-menu-has-icons a:visited,
.fg-menu.fg-menu-has-icons a:hover,
.fg-menu.fg-menu-has-icons a:active { padding-right:20px; }

.fg-menu .horizontal-divider hr, .fg-menu .horizontal-divider span { padding:0; margin:5px .6em; }
.fg-menu .horizontal-divider hr { border:0; height:1px; }
.fg-menu .horizontal-divider span { font-size:.9em; text-transform: uppercase; padding-left:.2em; }


.hidden { position:absolute; top:0; left:-9999px; width:1px; height:1px; overflow:hidden; }

.fg-button { clear:none; float: left; margin:0 1px 0px 0px; padding: .2em .4em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
a.fg-button { float:left;  }
button.fg-button { width:auto; overflow:visible; }

.fg-button-icon-left { padding-left: 2.1em; }
.fg-button-icon-right,
a.fg-button-icon-right,
div.buttons a.fg-button-icon-right { padding-right: 2.1em; }
.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 3px; }
.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }

.fg-button.ui-state-loading .ui-icon { background: url('images/spinner_bar.gif') no-repeat 0 0; }










.ac_results {
	padding: 0px;
	border: 1px solid #999999;
	background-color: #ffffff;
	overflow: hidden;
	z-index: 99999;
	width: 300px;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	/*font: menu;*/
	font-size: 90%;
	/*line-height: 16px;*/
	overflow: hidden;
}

.ac_loading {
	background: url(images/indicator.gif) right center no-repeat;
}


.ac_odd {
	background-color: #f0f0f0;
}


.ac_over {
    background-color: #ffffcc;
    color: #000000;
}


tr.filemanager th {
	font-size: 10px;
	font-weight: bold;
	border-bottom: 1px solid #999999;
	background-color: #cccccc;
}

span.folder a {
	color: black;
}

span.folder a.selected {
	color: red;
}

div#loader {
  border: 0px none;
  background-color: white;
  width: 500px;
  height: 400px;
}

div#loader.loading {
  background: url(images/spinner_bar.gif) no-repeat center center;
}

div.ajaxprincipale {
	display:none;
	width:99%;
	position: relative;
	float:left!important;
	float:none;
}

/*
 * Splitter container. Set this to the desired width and height
 * of the combined left and right panes. In this example, the
 * height is fixed and the width is the full width of the body,
 * less the margin on the splitter itself.
 */
#SplitterContainer {
	height: 400px;
	width: 99%;
	/*margin: 0;*/
	border: 2px solid #ccc;
	/* No padding allowed */
}
/*
 * Left-side element of the splitter. Use pixel units for the
 * min-width and max-width; the splitter plugin parses them to
 * determine the splitter movement limits. Set the width to
 * the desired initial width of the element; the plugin changes
 * the width of this element dynamically.
 */
#LeftPane {
	background: #fff;
	overflow: scroll;
	width: 350px;		/* optional, initial splitbar position */
	min-width: 250px;	/* optional */
}
/*
 * Right-side element of the splitter.
 */
#RightPane {
	background: #fff;
	width: 100%;
	overflow: scroll;
}
/*
 * Splitter bar style; the .active class is added when the
 * mouse is over the splitter or the splitter is focused
 * via the keyboard taborder or an accessKey.
 */
#SplitterContainer .vsplitbar {
	width: 6px;
	background: #eee url(images/vgrabber.gif) no-repeat center;
}
#SplitterContainer .vsplitbar.active, #SplitterContainer .vsplitbar:hover {
	background: #f0f0f0 url(images/vgrabber.gif) no-repeat center;
}

#sidemenu a,
#sidemenu a:visited,
#sidemenu a:active,
#sidemenu a:hover,
#sidemenu a:link {
    min-height: 1.6em;
}

/* Multiselect
----------------------------------*/

.ui-multiselect {border: solid 1px; font-size: 0.8em; left: 200px;}
.ui-multiselect ul { -moz-user-select: none; }
.ui-multiselect li { margin: 0; padding: 0; cursor: pointer; /*line-height: 20px; height: 20px;*/ font-size: 11px; list-style: none; }
.ui-multiselect li a { color: #999; text-decoration: none; padding: 0; display: block; float: left; }
.ui-multiselect li.ui-draggable-dragging { padding-left: 10px; }

.ui-multiselect div.selected { position: relative; padding: 0; margin: 0; border: 0; float:left; width: 100%;}
.ui-multiselect ul.selected { position: relative; padding: 0; overflow: auto; overflow-x: hidden; background: #fff; margin: 0; list-style: none; border: 0; position: relative; width: 100%;}
.ui-multiselect ul.selected li {/*display:inline; float:left;*/  margin: 1px; font-size: 12px;}

.ui-multiselect div.available {display:none; position: relative; padding: 0; margin: 0; border: 0; float:left; border-left: 1px solid; }
.ui-multiselect ul.available { position: relative; padding: 0; overflow: auto; overflow-x: hidden; background: #fff; margin: 0; list-style: none; border: 0; width: 100%; }
.ui-multiselect ul.available li {padding-left: 10px; }

.ui-multiselect .ui-state-default { border:medium none; margin-bottom: 1px; position: relative; padding-left: 20px;}
.ui-multiselect .ui-state-hover { background:#DADADA; border: 0px; color:#212121;}
.ui-multiselect .ui-widget-header {border: none; font-size: 11px; margin-bottom: 1px; }

.ui-multiselect .add-all { float: right; padding: 7px; display:none;}
.ui-multiselect .remove-all { float: right; padding: 7px; display:none;}
.ui-multiselect .search { float: left; padding: 4px; display:none;}
.ui-multiselect .count { float: left; padding: 7px; display:none;}

.ui-multiselect li span.ui-icon-arrowthick-2-n-s { position: absolute; right: -1px; }
.ui-multiselect li a.action { display:none; position: absolute; right: 2px; top: 2px; }

.ui-multiselect input.search { display:none; height: 14px; padding: 1px; opacity: 0.5; margin: 4px; width: 100px; }





/* multiselect styles */
.multiselect {
/*width: 950px;*/
/*height: 120px;*/
}


 .optionsFrame {
	border: double #000000;
	/*border-width: thick;*/
	border-color: #E4E4E4;
	padding: 10px;
	margin-left: 5;
	margin-right: 5;
}

.optionsHideFrame {
	padding: 3px;
	margin-left: 30px;
	margin-right: 30px;
	margin-top:15px;
	/*display: none;*/
	visibility: hidden;
	float: left;
}

.optionsFrame a,
.optionsHideFrame a,
.optionsFrame a:link,
.optionsHideFrame a:link,
.optionsFrame a:visited,
.optionsHideFrame a:visited{
	color: blue;
}

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

div.clear{ /* lo uso per pareggiare l'altezza di blocchi contenitori con l'altezza dei contenuti*/
	clear:both;
	height: 0;
	overflow: hidden;
}

div.runningtreeview{
	float:right;
	height: 20px;
	position: relative;
	top: -20px;
	}

span.logolabel {
	vertical-align: top;
}

div.buttonOptions{
    margin: 10px;
    padding: 3px;
}

div.permalink{
    margin: 2px;
    text-align: right;
}

div.permalink  a{
    display:inline-block;
    padding-left:25px;
    line-height:18px;
/*	background:transparent url(images/bookmark22x22.png) center left no-repeat;	*/
    height: 22px;
    margin-right: 10px;
}

div.permalink  div{
    /*border: 1px solid #CC0000;*/
    display: block;
	display:none;
	text-align: center;
}

.copypermalink{
	color:#CC0000;
	background-color:#FFF;
	border:0;
	font-size: 12px;
}

.boperators_disabled {
	background-color: #FFF;
	color: #ccc;
}


.buttonOptionFrame{
	border: 1px solid #ccc;
	cursor: default;
	margin: 3px;
	padding: 3px;
	background-color: #FFF;
	color: #CC0000;
}

.buttonOptionFrameActived{
	background-color: #ccc;
	color: #000;
}


.logininfo{
	background-color: #BEBEBE;
	text-align: center;
	text-align: center;
    border: 1px solid #CC0000;
    margin: 2px;
    padding: 2px 1px;
}
div.choice.match_strict {
    display: none;
}
/* tasan 25/03/2014 per nascondere implementazioni fatte per torino */
/* schede collegate: direzione e cancella relazione */
.column-direction,
.column-link-remove{
	display: none;
}
td.column-direction,
td.column-link-remove{
	display: none;
}
th.column-direction,
th.column-link-remove{
	display: none;
}
/* per nascondere icona elimina (paragrafo, collegamento) */
a.ico-remove{
	display: none;
}
/*
a.button-delete{
	display: none;
}*/
/* elenco schede per collegamento: per nascondere link "scegli campi da visualizzare" */
.fieldchoicebutton{
	display: none;
}
span.fieldchoicebutton{
	display: none;
}
.lastresearch{
	display: none;
}
.field-key{
	display: none;
}
.column-dispatchresults ,
.searchtyperesultselector .insert,
.workspaceresults {
	display: none;
}

.column-status .wf_det {
	display: block;
}

.column-status .wf_det, .column-status .wf_det .wf_det_user, .column-status .wf_det .wf_det_date{
	font-size: 10px;
	color: gray;
}
table.dataout-table {
 width: 100%;  
 border-collapse: collapse; 
 padding: 5px;
 empty-cells: show;

}
.dataout {
margin-bottom:.5rem;
}
.dataout-label {
 color: rgb(204, 0, 0);
 font-size: 20px;     
}
.dataout-value {
 border-top: none;
 border-bottom: none;
 color: rgb(204, 0, 0);
 font-size: 20px;     
}

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

.btn:hover,
.btn:focus {
  background-color: whitesmoke;
  border: 2px solid lightgray;
}
.btn-icon::before {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-origin: content-box;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.btn-icon.as-font::before {
  width: 1em;
  height: 1em;
}
.btn-preview::before {
  content: "";
  background-image: url(images/search.svg);
}

.btn.btn-icon {
	content: "";
        border: none;
	width: 20px;
	height: 20px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	padding: 0;
	margin: 0 .3rem;
        display: inline-flex;
align-items: center;
}
.btn.btn-icon::hover {
	padding: 0;
	border: none;
}

.btn.btn-icon > img {
  display: none;
}
.btn.btn-icon.btn-search {
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/></svg>");
  text-indent: -9999px;
}
.btn.btn-icon.btn-edit {
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path d='M15.502 1.94a.5.5 0 0 1 0 .706L14.459 3.69l-2-2L13.502.646a.5.5 0 0 1 .707 0l1.293 1.293zm-1.75 2.456-2-2L4.939 9.21a.5.5 0 0 0-.121.196l-.805 2.414a.25.25 0 0 0 .316.316l2.414-.805a.5.5 0 0 0 .196-.12l6.813-6.814z'/><path fill-rule='evenodd' d='M1 13.5A1.5 1.5 0 0 0 2.5 15h11a1.5 1.5 0 0 0 1.5-1.5v-6a.5.5 0 0 0-1 0v6a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5H9a.5.5 0 0 0 0-1H2.5A1.5 1.5 0 0 0 1 2.5v11z'/></svg>");
}
.btn.btn-icon.btn-new,
.btn.btn-icon.btn-insert {
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path d='M2.5 0c-.166 0-.33.016-.487.048l.194.98A1.51 1.51 0 0 1 2.5 1h.458V0H2.5zm2.292 0h-.917v1h.917V0zm1.833 0h-.917v1h.917V0zm1.833 0h-.916v1h.916V0zm1.834 0h-.917v1h.917V0zm1.833 0h-.917v1h.917V0zM13.5 0h-.458v1h.458c.1 0 .199.01.293.029l.194-.981A2.51 2.51 0 0 0 13.5 0zm2.079 1.11a2.511 2.511 0 0 0-.69-.689l-.556.831c.164.11.305.251.415.415l.83-.556zM1.11.421a2.511 2.511 0 0 0-.689.69l.831.556c.11-.164.251-.305.415-.415L1.11.422zM16 2.5c0-.166-.016-.33-.048-.487l-.98.194c.018.094.028.192.028.293v.458h1V2.5zM.048 2.013A2.51 2.51 0 0 0 0 2.5v.458h1V2.5c0-.1.01-.199.029-.293l-.981-.194zM0 3.875v.917h1v-.917H0zm16 .917v-.917h-1v.917h1zM0 5.708v.917h1v-.917H0zm16 .917v-.917h-1v.917h1zM0 7.542v.916h1v-.916H0zm15 .916h1v-.916h-1v.916zM0 9.375v.917h1v-.917H0zm16 .917v-.917h-1v.917h1zm-16 .916v.917h1v-.917H0zm16 .917v-.917h-1v.917h1zm-16 .917v.458c0 .166.016.33.048.487l.98-.194A1.51 1.51 0 0 1 1 13.5v-.458H0zm16 .458v-.458h-1v.458c0 .1-.01.199-.029.293l.981.194c.032-.158.048-.32.048-.487zM.421 14.89c.183.272.417.506.69.689l.556-.831a1.51 1.51 0 0 1-.415-.415l-.83.556zm14.469.689c.272-.183.506-.417.689-.69l-.831-.556c-.11.164-.251.305-.415.415l.556.83zm-12.877.373c.158.032.32.048.487.048h.458v-1H2.5c-.1 0-.199-.01-.293-.029l-.194.981zM13.5 16c.166 0 .33-.016.487-.048l-.194-.98A1.51 1.51 0 0 1 13.5 15h-.458v1h.458zm-9.625 0h.917v-1h-.917v1zm1.833 0h.917v-1h-.917v1zm1.834-1v1h.916v-1h-.916zm1.833 1h.917v-1h-.917v1zm1.833 0h.917v-1h-.917v1zM8.5 4.5a.5.5 0 0 0-1 0v3h-3a.5.5 0 0 0 0 1h3v3a.5.5 0 0 0 1 0v-3h3a.5.5 0 0 0 0-1h-3v-3z'/></svg>");
}
.btn.btn-icon.btn-delete {
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path d='M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z'/><path d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'/></svg>");
}
.btn.btn-icon.btn-image {
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path d='M6.002 5.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z'/><path d='M2.002 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2h-12zm12 1a1 1 0 0 1 1 1v6.5l-3.777-1.947a.5.5 0 0 0-.577.093l-3.71 3.71-2.66-1.772a.5.5 0 0 0-.63.062L1.002 12V3a1 1 0 0 1 1-1h12z'/></svg>");
}
.btn.btn-icon.btn-video {
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path d='M6 3a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/><path d='M9 6a3 3 0 1 1 0-6 3 3 0 0 1 0 6z'/><path d='M9 6h.5a2 2 0 0 1 1.983 1.738l3.11-1.382A1 1 0 0 1 16 7.269v7.462a1 1 0 0 1-1.406.913l-3.111-1.382A2 2 0 0 1 9.5 16H2a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h7z'/></svg>");
}
.btn.btn-icon.btn-file {
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path d='M.54 3.87.5 3a2 2 0 0 1 2-2h3.672a2 2 0 0 1 1.414.586l.828.828A2 2 0 0 0 9.828 3h3.982a2 2 0 0 1 1.992 2.181l-.637 7A2 2 0 0 1 13.174 14H2.826a2 2 0 0 1-1.991-1.819l-.637-7a1.99 1.99 0 0 1 .342-1.31zM2.19 4a1 1 0 0 0-.996 1.09l.637 7a1 1 0 0 0 .995.91h10.348a1 1 0 0 0 .995-.91l.637-7A1 1 0 0 0 13.81 4H2.19zm4.69-1.707A1 1 0 0 0 6.172 2H2.5a1 1 0 0 0-1 .981l.006.139C1.72 3.042 1.95 3 2.19 3h5.396l-.707-.707z'/></svg>");
}
.btn.btn-icon.btn-dictionary {
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M0 .5A.5.5 0 0 1 .5 0h9a.5.5 0 0 1 0 1h-9A.5.5 0 0 1 0 .5Zm13 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5Zm-13 2A.5.5 0 0 1 .5 2h8a.5.5 0 0 1 0 1h-8a.5.5 0 0 1-.5-.5Zm13 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5Zm-13 2A.5.5 0 0 1 .5 4h10a.5.5 0 0 1 0 1H.5a.5.5 0 0 1-.5-.5Zm13 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5Zm-13 2A.5.5 0 0 1 .5 6h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5Zm13 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5Zm-13 2A.5.5 0 0 1 .5 8h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5Zm13 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5Zm-13 2a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5Zm13 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5Zm-13 2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5Zm13 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5Zm-13 2a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H.5a.5.5 0 0 1-.5-.5Zm13 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5Z'/></svg>");
}
.btn.btn-icon.btn-preview {
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path d='M0 4s0-2 2-2h12s2 0 2 2v6s0 2-2 2h-4c0 .667.083 1.167.25 1.5H11a.5.5 0 0 1 0 1H5a.5.5 0 0 1 0-1h.75c.167-.333.25-.833.25-1.5H2s-2 0-2-2V4zm1.398-.855a.758.758 0 0 0-.254.302A1.46 1.46 0 0 0 1 4.01V10c0 .325.078.502.145.602.07.105.17.188.302.254a1.464 1.464 0 0 0 .538.143L2.01 11H14c.325 0 .502-.078.602-.145a.758.758 0 0 0 .254-.302 1.464 1.464 0 0 0 .143-.538L15 9.99V4c0-.325-.078-.502-.145-.602a.757.757 0 0 0-.302-.254A1.46 1.46 0 0 0 13.99 3H2c-.325 0-.502.078-.602.145z'/></svg>");
}
.btn.btn-icon.btn-map {
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M15.817.113A.5.5 0 0 1 16 .5v14a.5.5 0 0 1-.402.49l-5 1a.502.502 0 0 1-.196 0L5.5 15.01l-4.902.98A.5.5 0 0 1 0 15.5v-14a.5.5 0 0 1 .402-.49l5-1a.5.5 0 0 1 .196 0L10.5.99l4.902-.98a.5.5 0 0 1 .415.103zM10 1.91l-4-.8v12.98l4 .8V1.91zm1 12.98 4-.8V1.11l-4 .8v12.98zm-6-.8V1.11l-4 .8v12.98l4-.8z'/></svg>");
  padding-right: 30px;
  background-position-x: right;
  width: auto;
  margin-top: .3rem;
  margin-bottom: .3rem;
}
.btn.btn-icon.btn-link {
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path d='M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1.002 1.002 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4.018 4.018 0 0 1-.128-1.287z'/><path d='M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243L6.586 4.672z'/></svg>");
}
.btn.btn-icon.btn-card {
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path d='M14.5 3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h13zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13z'/><path d='M3 5.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zM3 8a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9A.5.5 0 0 1 3 8zm0 2.5a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5z'/></svg>");
  padding-right: 30px;
  background-position-x: right;
  width: auto;
  text-indent: 0;
}
.btn.btn-icon.btn-email {
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path d='M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4Zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2Zm13 2.383-4.708 2.825L15 11.105V5.383Zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741ZM1 11.105l4.708-2.897L1 5.383v5.722Z'/></svg>");
}
.btn.btn-icon.btn-prev {
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M15 2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2zM0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm11.5 5.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5z'/></svg>");
  text-indent: -9999px;
}
.btn.btn-icon.btn-next {
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M15 2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2zM0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm4.5 5.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z'/></svg>");
  text-indent: -9999px;
}