@import "/a/css/fonts.css.php";
@import "/a/css/bazzy.css.php"; 
@import "user_tables.css"; 

:root {
   font-size: var(--bzz-root-font-size);
}
.site-grid {
  grid-template-columns: [full-start] minmax(0,1fr) [main-start] minmax(310px,310px) minmax(0,650px) minmax(0,650px) minmax(310px,310px) [main-end] minmax(0,1fr) [full-end];
  column-gap: 0px;
}
.site-grid .grid-child.container-component,.site-grid .grid-child.container-sidebar-left,.site-grid .grid-child.container-sidebar-right {
  padding: 0 15px;
}
.container-header nav a {
  text-decoration: none;  
}
.container-header .grid-child{
  padding: 0 0;
  max-width: 1920px;
}
nav.navbar{
  padding: 0 0;
  margin: 0;
  width: 100%;
}

a.brand-logo {
  text-decoration: none;
  background-color: transparent;
}
a.brand-logo:hover {
  text-decoration: underline;
  background-color: transparent;
}

.navbar-brand{
  padding: 5px 20px;
}
body {
  background: var(--bzz-body-bg);
}
.container-banner {
  background-color: var(--bzz-theme-bgcolor);
  background-image: none;
  padding: 0 0;
  margin: 0;
}

a, a:visited {color: var(--bzz-anchor-color);}
a:hover {color: var(--bzz-anchor-color-hover);}

.container-header {
  background-color: var(--bzz-container-header-bgcolor);
  background-image: none;
  z-index: 1000;
}
.container-component {
  background-color: var(--bzz-container-component-bgcolor);

/* se si vuole che il footer sia sempre in fondo alla pagina video, attivare questa riga */
  margin: 0 0 60px 0!important;
 
  overflow: auto;
}
.container-sidebar-left {
  background-color: var(--bzz-container-sidebar-bgcolor);
  border-top: none;
  border-left: none;
  border-bottom: none;
  border-right: 1px solid #ccc;
/* se si vuole che il footer sia sempre in fondo alla pagina video, attivare questa riga */
  margin: 0 0 60px 0!important;
}
.container-sidebar-right {
  background-color: var(--bzz-container-sidebar-bgcolor);
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: 1px solid #ccc;
/* se si vuole che il footer sia sempre in fondo alla pagina video, attivare questa riga */
  margin: 0 0 60px 0!important;
}
.card-header {
  background-color: var(--bzz-neutral-bgcolor1);
  background-image: none;
  border: none;
  /*background-image: linear-gradient(0deg,var(--bzz-theme-bgcolor),#50090b);*/
}

li.active.page-item span{
	background-color: var(--bzz-button-bgcolor)!important;
	border-color: var(--bzz-button-bgcolor)!important;
}

th {
  background-color: var(--bzz-th-bgcolor);
}


table.com-content-category__table thead th {
  background-color: var(--bzz-th-bgcolor);
}

/*---- SITE HEADER --------------------------------------------- */
SPAN.header_big{
  vertical-align:middle;
  height: 100%;
}
SPAN.header_medium{
  float: right;
  font-size: 85%;
  height: 100%;
  border-right: solid 1px #b0b0b0;
  padding-right:  10px;
  padding-left:  10px;
  vertical-align:middle;
}
SPAN.header_small{
  float: right;
  color:  var(--bzz-anchor-color-hover);
  font-size: 85%;
  height: 100%;
  border-right: solid 1px #b0b0b0;
  padding-right:  10px;
  padding-left:  10px;
  vertical-align:middle;
}

/*---- FOOTER  ------------------------------------------------- */
footer{
}
.container-bottom-a {
}
.container-bottom-a .footer, .footer>.card-body {
  /* height: 1.7rem; */
/* se si vuole che il footer sia sempre in fondo alla pagina video, attivare questa sezione */
  z-index: 1000;
  position: fixed;
  bottom: 0;
  left: 0;

  width: 100%!important;
  color: #fefefe;
  background-color: var(--bzz-container-footer-bgcolor);
  border-radius: 0;
  padding: 3px!important;
  border: 0!important;
  margin: 0!important;
}
.container-component
{
	padding-bottom: 3em;
}
/*------------------------------------------------------------------------ */
.card {
  background: var(--bzz-card-bg);
  border: none;
}
.card-body {padding: 0.9em;}

.btn-primary {
  color: #fff;
  background-color: var(--bzz-button-bgcolor);
  border-color: var(--bzz-button-bgcolor);
}
.btn-primary:hover {
  color: #fff;
  background-color: var(--bzz-button-bgcolor-hover);
  border-color: var(--bzz-button-bgcolor-hover);
}
.btn-primary.focus, .btn-primary:focus {
  color: #fff;
  background-color: var(--bzz-button-bgcolor-focus);
  border-color: var(--bzz-button-bgcolor-focus);
  box-shadow: 0 0 0 .2rem var(--bzz-button-bgcolor-hover);
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: var(--bzz-button-bgcolor-disabled);
  border-color: var(--bzz-button-bgcolor-disabled);
}

/*--------------- BUTTON BACK-TO-TOP -------------------------------------------------------*/
.back-to-top-wrapper a, .back-to-top-wrapper a:active {
	background-color: var(--bzz-button-bgcolor);
	color: white;
}
.back-to-top-wrapper a:hover {
	background-color: var(--bzz-button-bgcolor-hover);
	color: yellow;
}

/*--------------- JSTREE -----------------------------------------------------------------*/
i.jstree-themeicon-custom {
  background-size: 100%!important;
  margin-right: 5px!important;
}

/*--------------- HEADINGS -----------------------------------------------------------------*/
h2 {font-size: 1.286em;}
h3 {font-size: 1.186em;}

h3.card-header {padding:  0.75rem 1.25rem;}

h2.item-title, h2[itemprop="headline"] {
  color: var(--bzz-anchor-color);
  background-color: var(--bzz-neutral-bgcolor1);
  padding: .75rem 1.25rem;;
  border-radius: var(--bzz-global-border-radius) var(--bzz-global-border-radius) var(--bzz-global-border-radius) var(--bzz-global-border-radius);
/*    display: list-item;
    list-style-type: disc;
    list-style-position: inside;*/
}

h2.item-title a, h2[itemprop="headline"] a {
  text-decoration: none;
}

div.item-page div.page-header h1, h1[itemprop="headline"] {
  color: var(--bzz-anchor-color);
  background-color: var(--bzz-neutral-bgcolor1);
  padding: .75rem 1.25rem;;
  border-radius: var(--bzz-global-border-radius) var(--bzz-global-border-radius) var(--bzz-global-border-radius) var(--bzz-global-border-radius);
/*    display: list-item;
    list-style-type: disc;
    list-style-position: inside;*/
  font-size: 1.286em;
}
h1.item-title a, h1[itemprop="headline"] a {
  text-decoration: none;
}
/*h2[itemprop="headline"]::before {
	color: var(--bzz-anchor-color);
	content: "\274F";
	content: "\25A2";
	content: "\25EF";
	padding-right: 10px;
	font-weight: bold;
}
*/


div#navbar ul.navbzz {
	border-radius: var(--bzz-global-border-radius) var(--bzz-global-border-radius) var(--bzz-global-border-radius) var(--bzz-global-border-radius);
}
.sidebar-left h3.card-header{
	border-radius: var(--bzz-global-border-radius) 0 0 var(--bzz-global-border-radius);
	margin-right: -10px;
}
.sidebar-right h3.card-header{
	border-radius: 0 var(--bzz-global-border-radius) var(--bzz-global-border-radius) 0;
	margin-left: -10px;
}





/*---- COLORI PER DROP DOWN MENUs  ------------------------------------------------- */
ul.navbzz, ul.navbzzvertleft {
  --menuroot-font-family:              var(--bzz-menu-font-family);
	--menuroot-background-color:         var(--bzz-theme-bgcolor);
	--menuroot-color:                    #ffffff;
	--menuroot-hover-background-color:   var(--bzz-button-bgcolor-hover); /*#101010;*/
	--menuroot-hover-color:              #ffff00;
	--menuroot-current-background-color: #c0c0c0;
	--menuroot-current-color:            #000000;
	--menuroot-border-radius:            var(--bzz-global-border-radius);

	--menuelem-background-color:         #808080;
	--menuelem-color:                    #ffffff;
	--menuelem-hover-background-color:   var(--bzz-button-bgcolor-hover); /*#101010;*/
	--menuelem-hover-color:              #ffff00;
	--menuelem-current-background-color: #c0c0c0;
	--menuelem-current-color:            #000000;
	--menuelem-border-radius:            var(--bzz-global-border-radius);
}


/*---- PER DROP DOWN MENU (TOP MENU) ------------------------------------------------- */
.navbzz {
  font-family: var(--menuroot-font-family);
  background-color: var(--menuroot-background-color);
  top: 0;
  text-transform: uppercase;
}
.navbzz a {
	padding:0!important;
	position: relative;
	height: 100%!important;
	width: 100%!important;
}
ul.navbzz { 
	/*border-radius: var(--menuroot-border-radius) var(--menuroot-border-radius) var(--menuroot-border-radius) var(--menuroot-border-radius);*/
	margin: 0;
	padding: 0 0 0 30px!important;
}
ul.navbzz ul.list-unstyled { 
  padding: 0;
}
ul.navbzz > li, ul.navbzz > li > a, ul.navbzz > li > span {
  border-radius: var(--menuroot-border-radius) var(--menuroot-border-radius) 0 0;
}

ul.navbzz > li, ul.navbzz > li > a, ul.navbzz > li > span {
  pointer-events: auto;
}
ul.navbzz li, ul.navbzz a, ul.navbzz span {
  pointer-events: none;
}

ul.navbzz *  {
  transition: opacity 0s linear 1.0s!important;
}


ul.navbzz li {
  display:block!important;
  padding: 0px!important;
  margin-left: 0px!important;
  margin-right: 10px!important;

  /* vvisible */
  visibility: visible!important;
  opacity: 1;
}

ul.navbzz li a, ul.navbzz li span {
  display:block!important;
  text-decoration: none;
  padding: 0.5em 10px!important;
  color:var(--menuroot-color)!important;

  /* vvisible */
  visibility: visible!important;
  opacity: 1;
}

ul.navbzz  > li > a::before, ul.navbzz > li > span::before{ 
	content: "\2BC6"; 
	float: left;
	font-weight: bold;
	color: transparent;
	padding-left: 0.5em;
}
ul.navbzz  > li > a::after, ul.navbzz > li > span::after{ 
	content: "\2BC6"; 
	float: right;
	font-weight: bold;
	color: transparent;
	padding-left: 0.5em;
}
ul.navbzz  > li:hover > a::after, ul.navbzz > li:hover > span::after{ 
	color: inherit;
} 
ul.navbzz  a:last-child::after { 
	content: ""!important; 
} 


/* ................ Hover visibility */
ul.navbzz li:hover > ul,    ul.navbzz li:hover > ul li:hover > ul,    ul.navbzz li:hover > ul li:hover > ul li:hover > ul, ul.navbzz li:hover > ul li:hover > ul li:hover > ul li:hover > ul li,
ul.navbzz li:hover > ul li, ul.navbzz li:hover > ul li:hover > ul li, ul.navbzz li:hover > ul li:hover > ul li:hover > ul li, ul.navbzz li:hover > ul li:hover > ul li:hover > ul li:hover > ul li,
ul.navbzz li:hover > ul li a, ul.navbzz li:hover > ul li:hover > ul li a, ul.navbzz li:hover > ul li:hover > ul li:hover > ul li a, ul.navbzz li:hover > ul li:hover > ul li:hover > ul li:hover > ul li a {
  display:block!important;

  pointer-events: auto!important;
  /* vvisible */
  visibility: visible!important;
  opacity: 1;
  transition: opacity 0s!important;
}


/* current menu effects - main tab */
ul.navbzz > li.current, ul.navbzz > li.current > a, ul.navbzz > li.current > span {
  background-color: var(--menuroot-current-background-color);
  color: var(--menuroot-current-color)!important;
  border: 0px solid;
  border-bottom: none;
  border-top: none;
}
/* current menu effects - main tab */
ul.navbzz > li > ul > li:last-of-type{
  border-radius: 0 0 0 var(--menuelem-border-radius)!important;
}
ul.navbzz > li > ul > li > ul > li:first-of-type,
ul.navbzz > li > ul > li > ul > li:first-of-type > a,
ul.navbzz > li > ul > li > ul > li:first-of-type > span,
ul.navbzz > li > ul > li > ul > li > ul > li:first-of-type,
ul.navbzz > li > ul > li > ul > li > ul > li:first-of-type> a,
ul.navbzz > li > ul > li > ul > li > ul > li:first-of-type> span,
ul.navbzz > li > ul > li > ul > li > ul > li > ul > li:first-of-type,
ul.navbzz > li > ul > li > ul > li > ul > li > ul > li:first-of-type > a,
ul.navbzz > li > ul > li > ul > li > ul > li > ul > li:first-of-type > span{
  border-radius: 0 var(--menuelem-border-radius) 0 0!important;
}

/* ............... Hover effects - main tab */
ul.navbzz > li:hover, ul.navbzz > li.current:hover {
  background-color: var(--menuroot-hover-background-color)!important;
}
ul.navbzz > li:hover > a, ul.navbzz > li.current:hover > a ,
ul.navbzz > li:hover > span, ul.navbzz > li.current:hover > span {
  background-color: var(--menuroot-hover-background-color)!important;
  color: var(--menuroot-hover-color)!important;
}

/* ............... Hover effects - sub tabs */
ul.navbzz > li > ul > li:hover,                              ul.naavbzz > li > ul > li.current:hover,
ul.navbzz > li > ul > li:hover > a,                          ul.naavbzz > li > ul > li.current:hover > a,
ul.navbzz > li > ul > li:hover > span,                       ul.naavbzz > li > ul > li.current:hover > span,
ul.navbzz > li > ul > li > ul  > li:hover,                   ul.naavbzz > li > ul > li > ul > li.current:hover,
ul.navbzz > li > ul > li > ul  > li:hover > a,               ul.naavbzz > li > ul > li > ul > li.current:hover > a,
ul.navbzz > li > ul > li > ul  > li:hover > span,            ul.naavbzz > li > ul > li > ul > li.current:hover > span,
ul.navbzz > li > ul > li > ul  > li > ul  > li:hover,        ul.naavbzz > li > ul  > li > ul > li > ul > li.current:hover,
ul.navbzz > li > ul > li > ul  > li > ul  > li:hover > a,    ul.naavbzz > li > ul  > li > ul > li > ul > li.current:hover > a,
ul.navbzz > li > ul > li > ul  > li > ul  > li:hover > span, ul.naavbzz > li > ul  > li > ul > li > ul > li.current:hover > span {
  background-color: var(--menuelem-hover-background-color)!important;
  color: var(--menuelem-hover-color)!important;
}
ul.navbzz > li > ul > li:hover,                              ul.naavbzz > li > ul > li.current:hover,
ul.navbzz > li > ul > li > ul  > li:hover,                   ul.naavbzz > li > ul > li > ul > li.current:hover,
ul.navbzz > li > ul > li > ul  > li > ul  > li:hover,        ul.naavbzz > li > ul  > li > ul > li > ul > li.current:hover{
  border-color: black!important;
}

ul.navbzz  li ul:hover li a::after,                          ul.navbzz  li ul:hover li span::after,
ul.navbzz  li ul       li ul:hover li a::after,              ul.navbzz  li ul       li ul:hover li span::after,
ul.navbzz  li ul       li ul       li ul:hover li a::after,  ul.navbzz  li ul       li ul       li ul:hover li a::after{
	content: "\2BC8"; 
	float: right;
	font-weight: bold;
	padding-left: 0.5em;
}

/* ............... blocks under main menu tabs - hidden by default */
ul.navbzz ul li {
  position: relative!important;
  background-color: var(--menuelem-background-color);
  padding-left: 10px!important;
  border: 2px solid transparent;
}

ul.navbzz li ul {
  /*display: none!important;*/
  position: absolute!important;
  top: 100%;
  left: 0;
  background-color: transparent;
  color: var(--menuelem-color);
  padding: 0px!important;
  /* box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.4); */
  width: 250px;
  float: none;

  /* hhidden */
  visibility: hidden!important;
  opacity: 0;
}

/* ............... secondary blocks to the right of the blocks above - hidden by default */
ul.navbzz li ul li ul, ul.navbzz li ul li ul li ul, ul.navbzz li ul li ul li ul li ul {
  /*display: none!important;*/
  position: absolute!important;
  top: -2px!important;
  left: 247px!important;
  /*background-color: var(--menuelem-background-color);*/
  color: var(--menuelem-color);
  padding: 0px;
  /* box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.4); */
  float: none;

  /* hhidden */
  visibility: hidden!important;
  opacity: 0;
}

/* ............... various settings */
ul.navbzz li ul li, ul.navbzz li ul li ul li, ul.navbzz li ul li ul li ul li {
  width: 100%;
}
ul.navbzz li.active:after, ul.navbzz li:hover:after {
  left:inherit!important;
  right:inherit!important; 
}
/*----FINE------------------------------------------------ PER DROP DOWN MENU (TOP MENU) */


/*---- PER DROP DOWN MENU (VERTICAL LEFT MENU) ------------------------------------------------- */
ul.navbzzvertleft {
    float: left;
    list-style: none;
	padding-inline-start: 0px;
    text-transform: uppercase;
}
ul.navbzzvertleft ul {
	width:250px;
    display: none!important;
    position: absolute;
    top: 0;
    left: 250px!important;
    height: 100%;
	width: 250px!important;
    padding: 0px!important;
}

ul.navbzzvertleft > li.current, ul.navbzzvertleft > li.current > a, ul.navbzzvertleft > li.current > span {
  background-color: var(--menuroot-current-background-color)!important;
  color: var(--menuroot-current-color)!important;
  border: 0px solid;
}
ul.navbzzvertleft li.current  {
  background-color: var(--menuelem-current-background-color)!important;
  color: var(--menuelem-current-color)!important;
}

ul.navbzzvertleft  li:hover > a::after, ul.navbzzvertleft li:hover > span::after{ 
	content: "\25B6"; 
	float: right;
	font-weight: bold;
} 
ul.navbzzvertleft  a:last-child::after { 
	content: ""!important; 
} 

ul.navbzzvertleft > li:first-child {
  border: 0px solid;
  border-bottom: none;
  border-top: none;
  border-radius: 10px 0 0 0;
}	

ul.navbzzvertleft > li:last-child {
  border: 0px solid;
  border-bottom: none;
  border-top: none;
  border-radius: 0 0 0 0px;
}


ul.navbzzvertleft li {
	width:250px;
    height: 100%;
    padding: 10px 10px!important;
    background-color: var(--menuelem-background-color)!important;
    color: var(--menuelem-color)!important;
	vertical-align: middle;
}
ul.navbzzvertleft > li {
    background-color: var(--menuroot-background-color)!important;
    color: var(--menuroot-color)!important;
}
ul.navbzzvertleft li {
    position: relative;
}

ul.navbzzvertleft li:hover, ul.navbzzvertleft li:hover > a, ul.navbzzvertleft li:hover > span {
	background-color: var(--menuelem-hover-background-color)!important;
	color: var(--menuelem-hover-color)!important;
    z-index: 9!important;
}
ul.navbzzvertleft li:hover > ul {
    display: block!important;
    z-index: 9!important;
}

ul.navbzzvertleft li span, ul.navbzzvertleft li a {
	text-decoration: none;
	color: inherit;
	text-transform: uppercase;
    letter-spacing: 1.75px;
    font-size: 1rem!important;
	padding:0!important;
	position: relative;
	display: block;
	height: 100%!important;
	width: 100%!important;
}

/*-- hide the chevron/toggle button ---- */
.mod-menu__toggle-sub {
    display: none;
}

/*----FINE------------------------------------------------ PER DROP DOWN MENU (VERTICAL LEFT) */



/*---- LEDS --------------------------------------------------------------------------------- */

.greenled, .redled, .yellowled, .offled {
  background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
    height:24px; width:20px; padding:2px; border:0px; margin:2px 5px 0px 0px!important; float:left; }
.greenled { background-image: url('/a/images/admin/icons/greenled.png'); }
.redled { background-image: url('/a/images/admin/icons/redled.png'); }
.yellowled { background-image: url('/a/images/admin/icons/yellowled.png'); }
.offled { background-image: url('/a/images/admin/icons/offled.png'); }

.minigreenled, .miniredled, .miniyellowled, .minioffled { 
  background-size: 14px 14px!important; background-color: white; background-position: center!important; background-repeat: no-repeat!important;
    min-height:14px; width:14px; padding:0px; border:0px; }
.minigreenled { background-image: url('/a/images/admin/icons/greenled.png')!important; }
.miniredled { background-image: url('/a/images/admin/icons/redled.png')!important; }
.miniyellowled { background-image: url('/a/images/admin/icons/yellowled.png')!important; }
.minioffled { background-image: url('/a/images/admin/icons/offled.png')!important; }


/*------------------------ BZ BLOCKCUOTE DIV per LOG */
div.bzBlockQuoteLog {
  padding: 5px;  margin-bottom: 10px;
  background-color: #f2f2f2;  border: outset 2px;
  border-radius: 10px;
}

/*-----------------------------  stili per lOGSbz */
div.logBzDiv { margin-top: 0!important; margin: 0!important; }
table.logBz, div.logBz, h2.logBz { margin: 10px!important; }

/*------------------------ BZ BLOCKCUOTE DIV  */
div.bzBlockQuote {
  padding: 10px;  margin-bottom: 10px;
  border: outset 2px;
  background-color: #ffffaa;
  border-radius: 10px;
}
div.bzBlockQuote SPAN.warning {
    padding: 0px 50px;
    margin: 0px;
    border: 0px solid black;
    background-color: #F00;
    text-align: center;
    font-size: 25px;
    color: #ff0;
    font-weight: bold;
    float: right;
}
div.bzBlockQuote.bg1{
  background-color: #afa;
}
div.bzBlockQuote.bg3{
  background-color: #ff9;
}
div.bzBlockQuote.bg5{
  background-color: #f88;
}
div.bzBlockQuote.bg7{
  background-color: #f88;
}
div.bzBlockQuote.bg8{
  background-color: #3cF;
}

/* ..................................................... CUSTOM HEADINGS ------*/
h5.bzHeading {
  font-size: 22px;
  color: var(--bzz-anchor-color);
  margin-top: 0px;
  margin-bottom: 8px;
  background-color: var(--bzz-neutral-bgcolor1);
  padding: 5px 10px 5px 10px;
  border-radius:  var(--bzz-global-border-radius);
}


h9 {
  display: block;
  font-size: 22px;
  color: var(--bzz-anchor-color-hover);
  margin-top: 10px;
  margin-bottom: 8px;
  background-color: var(--bzz-neutral-bgcolor1);
  padding: 1px 10px 1px 10px;
/*    font-family: Electrolize, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;  */
}


/*------------------------ LINK a BOTTONE   */
.a-button {
    appearance: button!important;
    -moz-appearance: button!important;
    -webkit-appearance: button!important;
    text-decoration: none!important;
    color: #000!important;
    font-size: 12px!important;
    font-weight: bold!important;
    display: inline-block!important;
    padding: 5px 5px;
}


/*------------------------ Keytag (abbellimento)   */
.keytag {
background-color: rgba(220,220,220,.5);
    border-radius: 5px;
    box-decoration-break: clone;
    border: solid 1px gray;
    font-family: consolas,"Liberation Mono",courier,monospace;
    padding: 5px;
    word-wrap: break-word;
}


/*--------------- ADMIN SWITCHES -------------------------------------------------------*/
.adminswitch-button, .adminswitch-slider-ctrl { 
  background: linear-gradient(to bottom, #f44 0%,#822 100%)!important;
  margin: 6px 10px 1px 0px!important;
  border-radius: 4px!important;
  border: 2px solid #c0c0c0!important;
  /*border: 2px inset!important;*/
  height: 13px!important;
  cursor: pointer!important;
  width: 100px!important;
  display: inline-block!important;
  /*left: 1800px;*/
  z-index:1000;
  -webkit-user-select: none!important;
  -ms-user-select: none!important;
  -moz-user-select: none!important; }
.adminswitch-button button, .adminswitch-slider-ctrl button  { 
  text-align: center!important;
  cursor: pointer!important;
  outline: #888888 solid 1px!important;
  display:block!important;
  left: -5px!important;
  top: 0!important;
  border-radius: 3px!important;
  width: 60px!important;
  height: 18px!important;
  background-color: #eeeeae!important;
  margin: -5px 0px -20px 0px!important;
  padding: 0px!important;
  padding-bottom: 16px!important;
  border: outset 2px!important;
  transition: left 0.3s!important;
  font-size: 12px;  
}

.adminswitch-button-selected { background: linear-gradient(to bottom, #4f4 0%,#282 100%)!important; }
.adminswitch-button-selected button { left: 40px!important; position: relative; }

.adminswitch-slider-ctrl-1 { background: linear-gradient(to bottom, #f44 0%,#822 100%)!important; }
.adminswitch-slider-ctrl-1 button { left: 0px!important; position: relative; }
.adminswitch-slider-ctrl-2 { background: linear-gradient(to bottom, #ff4 0%,#882 100%)!important; }
.adminswitch-slider-ctrl-2 button { left: 20px!important; position: relative; }
.adminswitch-slider-ctrl-3 { background: linear-gradient(to bottom, #4f4 0%,#282 100%)!important; }
.adminswitch-slider-ctrl-3 button { left: 40px!important; position: relative; }

.adminswitch-module-title { padding-right: 10px;}


/* vecchi switch in header
.toggle-button, .slider-ctrl { 
	background: linear-gradient(to bottom, #f44 0%,#822 100%)!important;
	margin: 6px 0px 1px 0px!important;
	border-radius: 4px!important;
	border: 2px solid #c0c0c0!important;
	/*border: 2px inset!important; * /
	height: 8px!important;
	cursor: pointer!important;
	width: 100px!important;
	position: relative!important;
	display: inline-block!important;
	/*left: 1800px;  * /
	z-index:1000;
	-webkit-user-select: none!important;
	-ms-user-select: none!important;
	-moz-user-select: none!important; }
.toggle-button button, .slider-ctrl button  { 
	text-align: center!important;
	cursor: pointer!important;
	outline: 0!important;
	display:block!important;
	position: absolute!important;
	left: -5px!important;
	top: 0!important;
	border-radius: 3px!important;
	width: 60px!important;
	height: 16px!important;
	background-color: white!important;
	margin: -4px 0px -20px 0px!important;
	padding: 0px!important;
	padding-bottom: 14px!important;
	border: 2px outset!important;
	transition: left 0.3s!important;
	font-family: Cuprum, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	font-size: 12px;	
}
.control-col1 {
	left: 1800px!important;
}
.control-col2 {
	left: 1575px!important;
}

.toggle-button-selected { background: linear-gradient(to bottom, #4f4 0%,#282 100%)!important; }
.toggle-button-selected button { left: 46px!important; }

.slider-ctrl-1 { background: linear-gradient(to bottom, #f44 0%,#822 100%)!important; }
.slider-ctrl-1 button { left: -5px!important; }
.slider-ctrl-2 { background: linear-gradient(to bottom, #ff4 0%,#882 100%)!important; }
.slider-ctrl-2 button { left: 20px!important; }
.slider-ctrl-3 { background: linear-gradient(to bottom, #4f4 0%,#282 100%)!important; }
.slider-ctrl-3 button { left: 46px!important; }
*/

/*--------------- banners obliqui-------------------------------------------------------*/
.prebanner45 {
  overflow: hidden;
  position: relative;
}
.banner45left {
    transform: rotate(-45deg);
    position: absolute;
    font-weight: bold;
    z-index: 1;
    padding: 0.5rem 10rem;
    top: 3rem;
    left: -7rem;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
}
.banner45right {
    transform: rotate(45deg);
    position: absolute;
    font-weight: bold;
    z-index: 1;
    padding: 0.5rem 10rem;
    top: 3rem;
    right: -7rem;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
}
.banner45green {
    background: linear-gradient(90deg, #33a530 0%, #4eee49 50%, #33a530 100%);
    color:  #202020;
    border: 2px solid #91ff69;
}
.banner45grey {
    background: linear-gradient(90deg, #606060 0%, #d0d0d0 50%, #a0a0a0 100%);
    color:  #202020;
    border: 2px solid #808080;
}
.banner45red {
    background: linear-gradient(90deg, #802020 0%, #e02020 50%, #d02020 100%);
    color:  #ffffff;
    border: 2px solid #d08080;
}
.banner45yellow {
    background: linear-gradient(90deg, #808020 0%, #e0e020 50%, #d0d020 100%);
    color:  #202020;
    border: 2px solid #d0d080;
}

/* componenti INPUT per FORM --------------------------*/
/*form.bzForm input { font-size: 12px; }*/
/*form.bzForm select { font-size: 12px; }*/
form.bzForm input:focus { background-color: yellow!important; }
form.bzForm input.text5,  form.bzForm select.text5  {width: 20px!important;  margin-right: 20px!important; padding:1px 0 1px 0!important;}
form.bzForm input.text10, form.bzForm select.text10 {width: 60px!important;  margin-right: 20px!important; padding:1px 0 1px 0!important;}
form.bzForm input.text20, form.bzForm select.text20 {width: 100px!important;  margin-right: 20px!important; padding:1px 0 1px 0!important;}
form.bzForm input.text50, form.bzForm select.text50 {width: 100px!important; margin-right: 20px!important; padding:1px 0 1px 0!important;}
form.bzForm input.text75, form.bzForm select.text75 {width: 150px!important; margin-right: 20px!important; padding:1px 0 1px 0!important;}
form.bzForm input.text100, form.bzForm select.text80 {width: 200px!important; margin-right: 20px!important; padding:1px 0 1px 0!important;}
form.bzForm input.text150, form.bzForm select.text100 {width: 300px!important; margin-right: 20px!important; padding:1px 0 1px 0!important;}
form.bzForm input.text200, form.bzForm select.text200 {width: 600px!important; margin-right: 20px!important; padding:1px 0 1px 0!important;}
form.bzForm input.bgcolalt1, form.bzForm select.bgcolalt1 {background-color: #abdade!important;}
form.bzForm fieldset {padding: 10px; margin-bottom: 10px;}
form.bzForm fieldset label {width: initial!important; padding-right: 10px;}
form.bzForm fieldset legend {width: initial!important; float: initial!important; font-size: 110%!important; padding: 0px 2px!important; font-weight: bold;}
form.bzForm fieldset legend input[type=submit] {font-size: 100%!important; padding: 0px 5px!important; }
form.bzForm input {width: initial!important; padding-right: 10px;}
form.bzForm input[type=checkbox] {margin-right: 30px;}
form.bzForm input.bzBtn1[type=submit] {border: outset; background-color: #d0d0d0;}
button.bzBtn1 { padding:0px; margin:0px; border: none; /* font-size: 10px; */}
button.bzBtn2 { padding:0px; margin:0px; border: 2px; /* font-size: 10px; */}
button.bzBtn3 { padding:0px; margin:0px; border: outset 2px; /* font-size: 10px; */ width:100%;}
button.bzBtn3:active { border: inset 2px; }


/* per tablefilter.js --------------------------*/
table.TF tr.fltrow td .flt {font-size: 10px!important; margin:0px!important; padding:1px!important;width:100%;}
table.TF tr.fltrow td {margin:0px!important; padding:1px 5px!important;}
div.ldiv {width: 10%; text-align: left; float:left; padding:0px; margin:0px 10px 0px 0px; border: none; font-size: 10px;font-family: verdana, tahoma, arial, helvetica, sans-serif;}
div.rdiv {width: 10%; text-align: right; float:right; padding:0px; margin:0px 0px 0px 10px; border: none; font-size: 10px;font-family: verdana, tahoma, arial, helvetica, sans-serif;}
div.mdiv {width: 100%; float: initial; padding:0px; margin:0px; text-align: center; border: none; font-size: 10px;font-family: verdana, tahoma, arial, helvetica, sans-serif;}
div.mdiv input, div.rdiv input, div.mdiv select {font-size: 10px;font-family: verdana, tahoma, arial, helvetica, sans-serif;}
input.reset, input.pgInp{ width:20px; height: 20px;	cursor: pointer;
	background-color: #CAD1D6!important;
	background-size: 16px 16px!important; background-position: center!important; background-repeat: no-repeat!important;
	background-repeat: no-repeat!important;
}
input.reset:hover, input.pgInp:hover{ background: #ff0!important;
	background-size: 16px 16px!important; background-position: center!important; background-repeat: no-repeat!important;
	background-repeat: no-repeat!important; background-image: default!important;
}
input.reset,input.reset:hover { background-image:  url('/images/admin/icons/funnel_delete.png')!important; }
input.firstPage,input.firstPage:hover { background-image:  url('/images/admin/icons/navigate_left2.png')!important;}
input.previousPage,input.previousPage:hover { background-image:  url('/images/admin/icons/navigate_left.png')!important;}
input.nextPage,input.nextPage:hover { background-image:  url('/images/admin/icons/navigate_right.png')!important;}
input.lastPage,input.lastPage:hover { background-image:  url('/images/admin/icons/navigate_right2.png')!important;}


/*------------------------ INPUT control per color picker in JS   */
.jscolor {
 	font-family:verdana, tahoma, arial, helvetica, sans-serif!important;
	font-size:8px!important;
}


/*-----------------------------  stili per lOGSbz */
table.logBz, div.logBz, h2.logBz { margin: 10px!important; }


/*  stili per progress bar -----------------------------------*/
.bar {
    position: relative;
    border: none;
    color: black;
    display: block;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    height: 1.2em;
    background: linear-gradient(to bottom, #f8f8f8 0%,#e0e0e0 100%);
}

.bar > span {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    background: linear-gradient(to bottom, #c8c8c8 0%,#b0b0b0 100%);
}

.bar > p {
    display: inline;
    position: relative;
    z-index: 1;
}


/*--------------- EASY IMAGE CAPTION -------------------------------------------------------*/
span.easy_img_caption a {
  line-height: 0%!important;
}

.easy_img_caption img.caption {
  margin: 0px;
  padding: 0px;
}
span.easy_img_caption {
  border-collapse: separate;
}
.easy_img_caption {
  border: outset 0px var(--bzz-neutral-bgcolor1);
  padding: 10px;
  margin: 5px 10px 10px 10px!important;
  background-color:#e0e0e0;
  text-align:right;
}
.easy_img_caption_inner {
  color:#000000;
  line-height: 110%;
  font-weight:normal;
  font-style:italic;
  padding:5px 4px 0px 4px;
  margin:0px;
}
.easy_img_caption_inner small {
  text-align: right;
  font-style: italic;
}
/*---------(FINE)--- EASY IMAGE CAPTION -------------------------------------------------------*/


/*--------------- BZCONTENTPIX -------------------------------------------------------*/
.bzFloatrightMargin{
	margin: 10px 0px 10px 20px!important;
}
.bzFloatleftMargin{
	margin: 10px 20px 10px 0px!important;
}
img.bzFloatleftMargin, img.bzFloatrightMargin{
	margin: 0px!important;
}
img.bzSlide{
	margin: 0px!important; padding:10px!important; border:outset 2px #e0e0e0!important; width:150px; height:150px;
	background-color:#f0f0f0;
}
img.bzMediumSlide{
	margin: 0px!important; padding:7px!important; border:outset 2px #e0e0e0!important; width:100px; height:100px;
	background-color:#f0f0f0;
}
img.bzMiniSlide{
	margin: 1px!important; ; width:70px; height:70px;
}

.bzVacationPicContainerWithGPS {
	display: inline-grid;
}
.bzVacationODPicContainer {
	display: inline-grid;
}


.bzVacationPicContainer {
	display: grid;
	padding: 8px;
	border: outset 2px #e0e0e0;
	background-color:#f0f0f0;
}

.bzVacationMiniPicContainer {
	display: inline-block;
	line-height: 0;
	padding: 3px;
	border: outset 2px #e0e0e0;
	background-color:#f0f0f0;
}
.bzVacationMiniPicContainer a.highslide {
	line-height: 0!important;
	height: 0px!important;
	font-size: 0px!important;
}

.bzVacationPicImg img {
	margin: 0px!important;
}
.bzVacationPicCaption {
	display: block;
	color: black;
	line-height: 110%;
	padding: 10px 4px 0px 4px;
	text-align: center;
}

.bzVacationPicContainerAdmin {
	padding: 5px 5px 5px 5px; display: inline-grid;
	line-height: 0px!important;
}
.bzVacationPicContainerAdmin a {
	line-height: 0px!important;
}
.bzVacationPicContainerAdminVM0 {background-color:green;}
.bzVacationPicContainerAdminVM1 {background-color:yellow;}
.bzVacationPicContainerAdminVM2 {background-color:red;}
.bzVacationPicContainerAdminVM3 {background-color:#a0a0a0;}

/*-----(FINE)---------- BZCONTENTPIX -------------------------------------------------------*/


/* vari stili di uso generico -------------------------*/
img.minipic { margin: 2px; border: 1px dotted #808080; padding: 2px; }
.borderless {padding: 0px!important;border: 0px!important;margin: 0px!important;}
.bgred { background-color: #f88!important; }
.bggreen { background-color: #afa!important; }
.bgyellow { background-color: #ff9!important; }
.bgblue { background-color: #08f!important; color: white!important;}
.bggray { background-color: #ccc!important; }
.alignright { text-align: right!important; }
.alignleft { text-align: left!important; }
.aligncenter { text-align: center!important; }
.bordered { border: 3px solid #90090B!important; }
.left10{ padding-left: 10px!important; } .right10{ padding-right: 10px!important; }
.left20{ padding-left: 20px!important; } .right20{ padding-right: 20px!important; }
.valigntop, .valigntop td { vertical-align: top!important; }
.width10 { width: 10px!important; }
.width50 { width: 50px!important; }
.width100 { width: 100px!important; }
.width200 { width: 200px!important; }
.width300 { width: 300px!important; }
.bormarpad0 { border: 0px!important; 	border-top: 0px!important;	border-left: 0px!important;		border-right: 0px!important;	border-bottom: 0px!important;
	margin: 0!important; 				margin-top: 0!important;	margin-left: 0!important; 		margin-right: 0!important; 		margin-bottom: 0!important; 
	padding: 0px!important; 			padding-top: 0px!important; padding-left: 0px!important; 	padding-right: 0px!important; 	padding-bottom: 0px!important; 
}
.bold { font-weight: bold!important; }
.borderwhite { border: 1px solid white!important; }
.bordergray { border: 1px solid gray!important; }
.border0, table.border0 td { border: 0px!important; border-top: 0px!important; border-bottom: 0px!important; border-left: 0px!important; border-right: 0px!important; }
.margin0 { margin: 0!important; }
.margin10 { margin: 10px!important; }
.margint20 { margin-top: 20px!important; }
.marginb20 { margin-bottom: 20px!important; }
.marginl20 { margin-left: 20px!important; }
.marginr20 { margin-right: 20px!important; }
.padding0 { padding: 0px!important; }
.padding5 { padding: 5px!important; }
.padding10,  table.padding10 td , table.padding10  th { padding: 10px!important; padding-top: 10px!important; padding-bottom: 10px!important; padding-left: 10px!important; padding-right: 10px!important; }
.padding20,  table.padding20 td , table.padding20  th { padding: 20px!important; }
.paddingl10, table.paddingl10 td, table.paddingl10 th { padding-left: 10px!important; }
.paddingr10, table.paddingr10 td, table.paddingr10 th { padding-right: 10px!important; }
.paddingl20, table.paddingl20 td, table.paddingl20 th { padding-left: 20px!important; }
.paddingr20, table.paddingr20 td, table.paddingr20 th { padding-right: 20px!important; }
.paddingl50, table.paddingl50 td, table.paddingl50 th { padding-left: 50px!important; }
.prewrap { white-space: pre-wrap; }
.user-level-icon{ vertical-align: middle; padding: 0px 3px 6px 0px; }
.font10 {font-size:12px!important;}
.floatright {float: right!important;}
.floatleft {float: left!important;}
.iconbigger {width: 20px!important; height: 18px!important;}
.fontlarger, table.fontlarger td, table.fontlarger th {font-size: 120%;}
.fontlarge, table.fontlarge td, table.fontlarge th {font-size: large;}
.fontsmaller, table.fontsmaller td, table.fontsmaller th {font-size: 90%;}
.fontsmall, table.fontsmall td, table.fontsmall th {font-size: small;}
.fontbold {font-weight: bolder;}
.fontxsmall, .fontxsmall td, .fontxsmall th {font-size: x-small;}
.tfixedandwrap { word-wrap: break-word; word-break: break-word;  table-layout: fixed; }
.clearboth  {clear: both;}
.captionbigtop {caption-side: top;
  text-align: left;
  padding-bottom: 10px;
  font-weight: bold;
  font-size: larger;
}


/*----------------- JOOMLA TEMPLATE OVERRIDES ----------------------------------------------*/
ul.navbzz a:last-child::after {
    content: "\00A0\00A0\00A0" !important;  /* per far sì che i tasti nel top-menu che non hanno elementi sotto abbiano lo spazio a dx al posto della freccia verso il basso */
}

.card-body:has(#sidetitle) {
  padding-top: 0px!important;
  padding-left: 0px!important;
  padding-right: 0px!important;
}

.card-body:has(#calendarmod) {
  padding-top: 0px!important;
  padding-left: 0px!important;
  padding-right: 0px!important;
}

#sidetitle {
    margin-bottom: -1px!important;
}

#calendarsidetitle {
    margin-bottom: 5px!important;
}

code{
  white-space: pre;
}