/* COLORI CUSTOM */
:root {
	/*--body-font-family: Roboto;*/

	--primary: #00AAAD;
	--white-color: #FFF;
	--dark-white-color: #F8F9FA;
	--black-color: #000;
	--red-color: #9D0C19;
	--light-red-color: #D13F33;
	--green-color: #008285;
	--light-green-color: #008179;
	--grey-color: #122631;
	--dark-grey-color: #173140;
	--cyan-color: #008385;
	--gold-color: #FFD690;
	--dark-yellow-color: #FFD343; 
	--light-blue-color: #007FA9;
	--blue-color: #004670;
	--yellow-color: #FF0;
	--up-azur: #0077B2;
	--up-lightblue: #5990B9;
	--up-purple: #B23B7B;
	--up-blue: #033C66;
	--up-grey: #969696;
	--up-yellow: #FF0;
	
	--cassiopeia-font-family-body: "Rokkitt", sans-serif;
	--cassiopeia-font-family-headings: "Rokkitt", sans-serif;
	--cassiopeia-font-weight-headings: 700;
	--cassiopeia-font-weight-normal: 400;
	--cassiopeia-font-family-headings: 'Montserrat';
	--cassiopeia-font-weight-headings: 600;
	--heading-font-style: normal;
	--heading-letter-spacing: 0px;
	
	--h1-font-size: 34px;
	--h2-font-size: 26px;
	--h3-font-size: 21px;
	--h4-font-size: 20px;
	--h5-font-size: 18px;
	--h6-font-size: 16px;
	--body-font-family: Rokkitt;
	--body-font-size: 18px;
	--body-font-weight: 400;
	--body-font-style: normal;
	--body-line-height: 1.4;
	--body-letter-spacing: 0px;
	--heading-font-family: Montserrat;
	--heading-font-weight: 600;
	--heading-font-style: normal;
	--heading-line-height: initial;
	--heading-letter-spacing: 0px;	
}
/* montserrat-regular - latin 
		src: url('../fonts/montserrat-v21-latin-regular.eot'); 

       url('../fonts/montserrat-v21-latin-regular.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/montserrat-v21-latin-regular.woff2') format('woff2'), 
       url('../fonts/montserrat-v21-latin-regular.woff') format('woff'), 
       url('../fonts/montserrat-v21-latin-regular.ttf') format('truetype'), 
       url('../fonts/montserrat-v21-latin-regular.svg#Montserrat') format('svg'); 


*/

/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/montserrat/v24/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu173w0aXpsog.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/montserrat/v24/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu173w9aXpsog.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/montserrat/v24/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu173w2aXpsog.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/montserrat/v24/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu173w3aXpsog.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/montserrat/v24/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu173w5aXo.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Rokkitt';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/rokkitt/v28/qFdu35qfgYFjGy5hukqqhw5XeRgdi1ryd_LAMU5fIH2httAyI4R2s2o4uKE.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Rokkitt';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/rokkitt/v28/qFdu35qfgYFjGy5hukqqhw5XeRgdi1ryd_LAMU5fIH2httAyI4R2smo4uKE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Rokkitt';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/rokkitt/v28/qFdu35qfgYFjGy5hukqqhw5XeRgdi1ryd_LAMU5fIH2httAyI4R2vGo4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Rokkitt';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/rokkitt/v28/qFdu35qfgYFjGy5hukqqhw5XeRgdi1ryd_LAMU5fIH2httAyI4R2s2o4uKE.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Rokkitt';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/rokkitt/v28/qFdu35qfgYFjGy5hukqqhw5XeRgdi1ryd_LAMU5fIH2httAyI4R2smo4uKE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Rokkitt';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/rokkitt/v28/qFdu35qfgYFjGy5hukqqhw5XeRgdi1ryd_LAMU5fIH2httAyI4R2vGo4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Rokkitt';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/rokkitt/v28/qFdu35qfgYFjGy5hukqqhw5XeRgdi1ryd_LAMU5fIH2httAyI4R2s2o4uKE.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Rokkitt';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/rokkitt/v28/qFdu35qfgYFjGy5hukqqhw5XeRgdi1ryd_LAMU5fIH2httAyI4R2smo4uKE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Rokkitt';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/rokkitt/v28/qFdu35qfgYFjGy5hukqqhw5XeRgdi1ryd_LAMU5fIH2httAyI4R2vGo4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Rokkitt';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/rokkitt/v28/qFdu35qfgYFjGy5hukqqhw5XeRgdi1ryd_LAMU5fIH2httAyI4R2s2o4uKE.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Rokkitt';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/rokkitt/v28/qFdu35qfgYFjGy5hukqqhw5XeRgdi1ryd_LAMU5fIH2httAyI4R2smo4uKE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Rokkitt';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/rokkitt/v28/qFdu35qfgYFjGy5hukqqhw5XeRgdi1ryd_LAMU5fIH2httAyI4R2vGo4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Rokkitt';
  font-style: normal;
  font-weight: 800;
  src: url(https://fonts.gstatic.com/s/rokkitt/v28/qFdu35qfgYFjGy5hukqqhw5XeRgdi1ryd_LAMU5fIH2httAyI4R2s2o4uKE.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Rokkitt';
  font-style: normal;
  font-weight: 800;
  src: url(https://fonts.gstatic.com/s/rokkitt/v28/qFdu35qfgYFjGy5hukqqhw5XeRgdi1ryd_LAMU5fIH2httAyI4R2smo4uKE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Rokkitt';
  font-style: normal;
  font-weight: 800;
  src: url(https://fonts.gstatic.com/s/rokkitt/v28/qFdu35qfgYFjGy5hukqqhw5XeRgdi1ryd_LAMU5fIH2httAyI4R2vGo4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


.bg-up-azur {
  background-color: var(--up-azur)!important;
}
.bg-up-lightblue {
  background-color: var(--up-lightblue)!important;
}
.bg-up-purple {
  background-color: var(--up-purple)!important;
}
.bg-up-blue {
  background-color: var(--up-blue)!important;
}
.bg-up-grey {
  background-color: var(--up-grey)!important;
}
.bg-up-yellow {
  background-color: var(--up-yellow)!important;
}

.text-up-azur {
  color: var(--up-azur)!important;
}
.text-up-lightblue {
  color: var(--up-lightblue)!important;
}
.text-up-purple {
  color: var(--up-purple)!important;
}
.text-up-blue {
  color: var(--up-blue)!important;
}
.text-up-grey {
  color: var(--up-grey)!important;
}
.text-up-yellow {
  color: var(--up-yellow)!important;
}
.text-blue {
  color: var(--blue-color)!important;
}
.text-grey {
  color: var(--grey-color)!important;
}
.text-black {
  color: var(--black-color)!important;
}
.text-dark-yellow {
  color: var(--dark-yellow-color)!important;
}
.text-yellow {
  color: var(--yellow-color)!important;
}
.text-green {
  color: var(--green-color)!important;
}
.text-black {
  color: var(--black-color)!important;
}
.text-white {
  color: var(--white-color)!important;
}
a.text-white:hover {
  color: var(--white-color)!important;
}
.text-gold {
  color: var(--gold-color)!important;
}
.text-red {
  color: var(--red-color)!important;
}
.text-light-red {
  color: var(--light-red-color)!important;
}
.bg-primary {
  background-color: var(--primary)!important; 
}
.bg-green {
  background-color: var(--green-color)!important;
}
.bg-cyan {
  background-color: var(--cyan-color)!important;
}
.bg-dark-grey {
  background-color: var(--dark-grey-color)!important;
}
.bg-red {
  background-color: var(--red-color)!important;
}
.bg-light-red {
  background-color: var(--light-red-color)!important;
}
.bg-dark-yellow {
  background-color: var(--dark-yellow-color)!important;
}
.bg-yellow {
  background-color: var(--yellow-color)!important;
}
.bg-gold {
  background-color: var(--gold-color)!important;
}
.bg-gray,
.bg-grey {
  background-color: var(--grey-color)!important;
}
.bg-light-grey {
  background-color: #EBEBEB!important;
}
.bg-light-green {
  background-color: var(--light-green-color)!important;
}
.bg-blue {
  background-color: var(--blue-color)!important;
}
.bg-light-blue {
  background-color: var(--light-blue-color)!important;
}
.bg-light-red {
  background-color: var(--light-red-color)!important;
}
.bg-none {
  background: none!important;
}
/**/
*:focus {
	outline: 1px dotted #000!important;
	outline-offset: 0!important;
	text-decoration: underline!important;
	/*
    -webkit-box-shadow: 0 0 0 0.1rem rgb(55, 194, 226, 0.25)!important;
    box-shadow: 0 0 0 0.1rem rgb(55, 194, 226, 0.25)!important;
	*/
    -webkit-box-shadow: 0 0 0 0.1rem rgb(87, 216, 229, 0.25)!important;
    box-shadow: 0 0 0 0.1rem rgb(87, 216, 229, 0.25)!important;
}
textarea:focus {
	text-decoration: none!important;
}
*:focus:not(:focus-visible) {
    outline:none!important;
	-webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
	text-decoration: none;
}

/* GENERICI */
html {
  font-size: var(--body-font-size);
}
body {
	font-family: var(--body-font-family);
}
h1 {
	color: var(--blue-color) !important;
	font-size: 2rem !important;
	line-height: initial;
	text-transform: none !important;
	margin-bottom: 1rem !important;
	font-weight: bold;
}
h1, h2, h3, h4, h5 {
	color: var(--up-blue) !important;
	font-family: var(--heading-font-family);
	font-weight: var(--heading-font-weight);
	font-style: var(--heading-font-style);
	line-height: var(--heading-line-height);
	letter-spacing: var(--heading-letter-spacing);	
}
h1, .h1 {
  font-size: var(--h1-font-size); 
}
h2, .h2 {
  font-size: var(--h2-font-size); 
}
h3, .h3 {
  font-size: var(--h3-font-size); 
}
h4, .h4 {
  font-size: var(--h4-font-size); 
}
h5, .h5 {
  font-size: var(--h5-font-size); 
}
h6, .h6 {
  font-size: var(--h6-font-size); 
}

a {
	font-weight: bolder !important;
	font-size: 18px;
	color: var(--up-purple);
	text-decoration: none;
}
a:hover, a:active {	
    text-decoration: underline;
	color: var(--up-purple);
}
.dropdown-item.active, .dropdown-item:active {
	color: #1f2226;
	background-color: #eaedf0;
}
p {
	font-size: 18px !important;
	color: var(--up-blue) !important;
}
li {
	font-size: 18px !important;
	color: var(--up-blue) !important;
}
.btn:hover, .btn:active {
	text-decoration: underline;
	opacity: .7;
}
.btn {
	font-weight: bolder;
}
.card-header, 
.card-footer {
	background-color: transparent;
	border-bottom: 0;
}
.form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"] {
	padding-right: 4.125rem !important;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") !important;
	background-position: right .75rem center,center right 2.25rem !important;
	background-size: 16px 1rem,calc(.75em + .6rem) calc(.75em + .6rem) !important;
	background-color: #fff !important;
}
.form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"] {
	padding-right: 4.125rem !important;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") !important;
	background-position: right .75rem center,center right 2.25rem !important;
	background-size: 16px 1rem,calc(.75em + .6rem) calc(.75em + .6rem) !important;
	background-color: #fff !important;
}
/* MODAL */
.modal .btn {
	text-decoration: none !important;
}
.modal-header .btn-close {
	position: absolute;
	right: 1rem;
	top: 1rem;
	color: white;
}
/* BREADCRUMB */
.breadcrumb-item.active {
	color: var(--up-blue) !important;
}
/* DETTAGLIO ARTICOLO */
/* data modifica */
.item-page .modified,
.item-page .modified time {
	font-size: 1.1rem;
	color: var(--up-blue)!important;
	font-weight: 600
}
/**/
/* HEADER */
.container-header {
	background-color: var(--blue-color);
	background-image: none;
	box-shadow: none;
}
.container-header .navbar-brand img {
	width: 100%;
	min-width: 100% !important;
}
/*
.navbar-toggler:focus {
	box-shadow: none !important;
}
*/
/* MENU OFFCANVAS */
.menu-offcanvas .icon-menu::before {
	font-size: 2rem;
} 
#offcanvasRight {
	width: 17rem;
}
#offcanvasRight a {
	color: var(--white-color);
	text-decoration: none;
}
#offcanvasRight .offcanvas-header .btn-close {
    position: absolute;
    right: 2rem;
	background-color: #fff;
	border: 0;
	border-radius: 50%;
	height: 32px;
	outline: none;
	margin-left: auto;
	padding: 0;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-shadow: none;
	width: 32px;
}
#offcanvasRight .offcanvas-body {
	background-image: url('/images/sfondi/column-bg-dx.png');
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: auto;
	padding: 0 !important;
}

/* MENU */
/*
.metismenu > li {
	margin-left: 1rem;
}
*/
.metismenu > li > a {
	color: var(--dark-white-color)!important;
}
.metismenu > li > a:hover, 
.metismenu > li > a:active,
.metismenu > li.active > a {
	color: var(--yellow-color)!important;
}
.container-header .metismenu > li.active > a::after, 
.container-header .metismenu > li.active > button::before, 
.container-header .metismenu > li > a:hover::after, 
.container-header .metismenu > li > button:hover::before {
	right: 0;
	left: 0;
	background: none;
}
/*
.metismenu > li > a:focus {
    border-color: var(--up-yellow)!important;
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.1rem rgba(255, 255, 0, 0.25)!important;
    box-shadow: 0 0 0 0.1rem rgba(255, 255, 0, 0.25)!important;
}
*/
/* CERCA */
.mod-finder button {
	border-radius: .25rem !important;
}
.form-control::placeholder {
	color: #fff;
	opacity: 1;
}
/*
.form-control:focus {
	color: var(--white-color);
	background-color: var(--blue-color);
	border-color: #8894aa;
	outline: 0;
	box-shadow: none;
}
*/
/* ACCORDION GLOSSARIO/MODULI/ACCORDION */ 
.accordion-button {
	font-size: 1.1rem;
}
.accordion-button::after,
.accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-button.text-black::after,
.accordion-button.text-black:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
/*
.accordion-toggle .expand-button i:before {
  content: '\f078';
}
.accordion-toggle.collapsed .expand-button i:before {
  content: '\f077';
}
#accordion .card-header  {
	margin-bottom: 1px!important;
	border-radius: unset!important;
}
#accordion .card-header h5 > a {
	display: block;
	position: relative;
	color: var(--white-color);
	font-size: 1.2rem;
}
#accordion .card-header h5 > a:after {
	content: "\f078"; 
	font-family: 'FontAwesome';
	position: absolute;
	right: 0;
	top: 0;
	color: var(--white-color);
}
#accordion .card-header h5 > a[aria-expanded="true"]:after {
  content: "\f077"; 
}
#accordion .card-body p {
  margin: .5rem 0;
}
#accordion.glossario .card-header.level-0 { 
	background-color: var(--blue-color);
}
#accordion.glossario .card-header.level-1  { 
	background-color: #006f94;
}
#accordion.glossario .card-header.level-2  { 
	background-color: #006080;
}

#accordion.faq .card-header.level-0  { 
	background-color: var(--blue-color);
}
#accordion.faq .card-header.level-1  { 
	background-color: #00756e;
}
#accordion.faq .card-header.level-2  { 
	background-color: #00756e;
}

#accordion.moduli .card-header.level-0 { 
	background-color: var(--blue-color);
}
#accordion.moduli .card-header.level-1  { 
	background-color: #Bb352a;
}
#accordion.moduli .card-header.level-2  { 
	background-color: #A22e25;
}
#accordion .card-header.level-1  {
	background-color: var(--up-purple)!important;
}
#accordion .card-header.level-2  {
	background-color: #E0A800!important;
}
#accordion .card-header.level-1 h5 > a,
#accordion .card-header.level-2 h5 > a {
	color: var(--white-color);
}
#accordion .card-header.level-1 h5 > a:after,
#accordion .card-header.level-2 h5 > a:after {
	color: var(--white-color);
}
*/

/* MAPPA UFFICI */
.mappa-uffici { /* up */
	margin-bottom: 2rem;
}
.mappa-uffici .spinnerMap {
	display: grid !important;
	position: absolute;
	left: 50%;
	right: 50%;
	z-index: 100;
}
.mappa-uffici .ol-control button {
	background-color: var(--blue-color)!important;
}
.mappa-uffici .top-bar { /* up */
	border-top: 1px solid;
	border-color: var(--blue-color)!important;
	padding-top:.5rem;
}
.mappa-uffici #wrapper {
	height: 20rem;
}
.mappa-uffici #info {
	max-height: 19rem;
}
.mappa-uffici .legend {
	list-style: none;
	text-decoration: underline;
	font-size: 1rem;
}
.mappa-uffici .legend li { float: left; margin-right: 10px; }
.mappa-uffici .legend span { border: 1px solid #ccc; float: left; width: 12px; height: 12px; margin: 2px; }
.mappa-uffici .legend i::before {
	line-height: initial;
	padding: 0;
	top: -1px;
	position: relative;
}
.mappa-uffici .legend .image-checkbox {
	cursor: pointer;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: none;
	outline: 0;
	font-size: 16px;
}
.mappa-uffici .legend .image-checkbox input[type="checkbox"] {
	display: none;
}
.mappa-uffici .legend .image-checkbox img { 
	opacity: .5;
}
.mappa-uffici .legend .image-checkbox.group-selected img { 
	opacity: 1;
}
.mappa-uffici .legend p {
	font-size: 1.1rem!important;
}

.mappa-uffici #info {
	position: absolute;
	z-index: 1;
	background: var(--white-color);
	left: 2rem;
	right: 2rem;
	opacity: 0.9;
	padding: 1rem;
	border-radius: 0 0 1rem 1rem;
	overflow-y: auto;
	max-height: 19rem;
}
.mappa-uffici #pane-closer {
	position: absolute;
	right: 0;
	top: 0;
	background-color: var(--white-color);
}
.mappa-uffici #infoMap #pane-closer {
	display: none;
}
.mappa-uffici .nav-tabs {
	padding: 0;
	margin: 0;
	background-color: transparent;
	box-shadow: none;
}
.mappa-uffici .nav-tabs .nav-link {
	color: var(--up-azur)!important;
	border: none!important;
	border-radius: unset!important;
	padding: .7rem 1rem;
}
.mappa-uffici .nav-tabs .nav-link:hover,
.mappa-uffici .nav-tabs .nav-link:active {
	cursor: pointer;
	text-decoration: underline;
}
.mappa-uffici .nav-tabs .nav-link.active {
	color: var(--white-color) !important;
	background-color: var(--up-blue);
}
.mappa-uffici .nav-tabs .nav-link.active::after {
	background-color: var(--up-purple) !important;
}
.mappa-uffici .nav-tabs .nav-link:not(.active):hover {
	color: var(--up-blue)!important;
	text-decoration: underline;
}
.mappa-uffici .nav-tabs .nav-item {
	margin-bottom: 0;
}

.mappa-uffici .nav-tabs + .tab-content {
	padding: 15px;
	background: #fff;
	border: 1px solid #dfe3e7;
	border-radius: 0 0 .25rem .25rem;
	box-shadow: 1px 1px 4px rgba(0,0,0,.1);
}

.mappa-uffici #form-uffici,
.mappa-uffici #form-tribunale {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.mappa-uffici input::placeholder {
	color: var(--grey-color);
	opacity: .7;
}
.mappa-uffici input {
	width: 100% !important;
}
.mappa-uffici #wrapper .list-group .list-group-item {
	font-size: 1rem;
	border: 0;
	border-bottom: 1px solid var(--white-color);
	margin-bottom: 0;
}
.mappa-uffici #wrapper .list-group .list-group-item:hover {
	cursor: pointer;
	text-decoration: underline;
}
.mappa-uffici #wrapper .list-group .list-group-item:last-child {
	border: 0;
}
.mappa-uffici .btn {
	font-size: 1rem;
	padding: .2rem .5rem;
}
 /* The sidepanel results */
.mappa-uffici #sidepanel {
  width: 0; 			/* 0 width - change this with JavaScript */
  z-index: 1; 			/* Stay on top */
  overflow-x: hidden; 	/* Disable horizontal scroll */
  transition: 0.5s; 	/* 0.5 second transition effect to slide in the sidepanel */
/*  max-width: 40%;*/
  max-width: max-content;
  max-height: 95%;
  border-bottom-right-radius: 1rem;
}
.mappa-uffici #sidepanel #sidepanel-content {
	font-weight: normal;
	line-height: initial;
}
.mappa-uffici #sidepanel #sidepanel-content .dialog-tipo {
	font-size: 1.5rem;
	margin: .5rem 0;
	font-weight: 500;
}
.mappa-uffici #sidepanel #sidepanel-content .dialog-informazioni {
	border: 2px solid var(--white-color);
	padding: .5rem;
}
.mappa-uffici #sidepanel #sidepanel-content .dialog-altri-dati {
	font-size: 1.3rem;
	font-weight: 400;
	margin-bottom: .5rem;
}
.mappa-uffici #sidepanel #sidepanel-content .dialog-altri-dati span {
	font-weight: 600;
}
.mappa-uffici #sidepanel p {
	color: var(--white-color) !important;
}
.mappa-uffici #sidepanel .alert-info p {
	color: var(--up-blue) !important;
}
.mappa-uffici #sidepanel li {
	border-color: var(--white-color);
}
.mappa-uffici #sidepanel li:hover {
	cursor: pointer;
	text-decoration: underline;
}
.mappa-uffici #sidepanel #dialog-closer {
	position: absolute;
	right: 0;
	top: 3px;
    background: none;
	z-index: 100;
}
.mappa-uffici #sidepanel #dialog-closer i {
	color: var(--white-color);
	text-decoration: none;
	line-height: initial;
	font-size: 1.1rem;
}
.mappa-uffici #sidepanel h3 {
	font-size: 1.4rem;
}
.mappa-uffici #sidepanel h3 span {
	font-size: 1rem;
	display: block;
	text-transform: none;
}
.mappa-uffici #sidepanel .box-disponibilita {
	border-bottom: solid 2px var(--white-color);
}

.mappa-uffici .ol-attribution a {
	color: var(--up-purple) !important;
	font-weight: 700;
}
#map-container {
	margin: 0;
	height: 20rem;
	width: 100%;
}
#map-container .ol-control button {
	font-size: .8rem;
}
/* 2022.10.26
#map-container #popup-content h3 {
	font-size: .9rem;
}
*/
#map-container #popup-content h3 {
	font-size: .9rem;
	line-height: initial;
	margin: 0 0 .3rem 0!important;
}
#map-container .reset-view {
	top: 55px;
	left: .5em;
}
#map-container .show-locate {
	top: 100px;
	left: .5em;
}
#map-container .hide-show-results {
	top: 127px;
	left: .5em;
}
#map-container .ol-geocoder {
	top: 127px;
	left: .5em;
}
#map-container .ol-touch .reset-view {
	top: 55px;
}
#map-container .map {
	width: 100%;
	height:400px;
}
#map-container .ol-selectable {
	width: 100%;
	z-index: 100;
}
#map-container .ol-popup {
	position: absolute;
	background-color: white;
	box-shadow: 0 1px 4px rgba(0,0,0,0.2);
	padding: .5rem 1rem;
	border-radius: .6rem;
	border: 1px solid #cccccc;
	bottom: 12px;
	left: -50px;
	width: 95%;
	z-index: 1000;
}
#map-container .ol-popup:after, .ol-popup:before {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
#map-container .ol-popup:after {
	border-top-color: white;
	border-width: 10px;
	left: 48px;
	margin-left: -10px;
}
#map-container .ol-popup:before {
	border-top-color: #cccccc;
	border-width: 11px;
	left: 48px;
	margin-left: -11px;
}
#map-container .ol-popup-closer {
	position: absolute;
	right: 0;
	top: 0px;
	background-color: var(--white-color);
	font-size: .8rem;
}
#map-container .ol-popup-closer i {
	text-decoration: none;
	line-height: initial;
}
/* 2022.10.26
#map-container #popup-content p {
	margin: .2rem 0;
}
#map-container #popup-content .popup-altri-dati {
	font-size: .9rem;
}
*/
#map-container #popup-content p {
	font-size: .9rem !important;
	margin: 0 0 .2rem 0;
	line-height: initial;
}
#map-container #popup-content .popup-altri-dati {
	font-size: .9rem !important;
	margin: 0 0 .2rem 0;
	line-height: initial;
}
#map-container #popup-content .popup-altri-dati span {
	font-weight: 600;
}
#map-container #popup-content .popup-informazioni {
	color: var(--up-azur) !important;
	font-weight: 700;
}

/* COME FARE PER */
#t4-come-fare-per {
	margin-top: 5rem;
	padding: 6rem 0;
}
.come_fare_per a {
	font-size: 1.3rem;
	line-height: initial;
	word-wrap: normal;
	font-weight: 700;
}
.come_fare_per .card:last-child {
	border: none !important;
}
.come_fare_per .card {
	border-bottom: 1px solid !important;
	border-color: var(--up-azur) !important;
	border-radius: unset;
}
.come_fare_per .card-img-top,
.come_fare_per .card-body {
	border-left: 1px solid !important;
	border-right: 1px solid !important;
	border-color: var(--up-azur) !important;
	border-radius: unset;
}

.come_fare_per img {
	height: 3rem;
}

/* COMUNICAZIONI */
.comunicazioni .row:first-child {
	border-bottom: 1px solid;
	border-color: var(--up-lightblue)!important;
}
/* LISTA TRIBUNALI/UFFICI */
.lista-tribunali a.title,
.lista-uffici a.title {
	font-size: 1.1rem;
}
/* FOOTER */
.footer {
	background-color: var(--cassiopeia-color-primary);
	background-image: none;
}
.footer h4 {
	font-size: 1rem;
	text-transform: uppercase;
}
.footer .logo-img {
	max-width: 100%;
	max-height: 8rem;
}
/*
.footer .loghi > .row div:last-child {
	border-left: 2px solid var(--up-grey);
}
*/
.footer .container-footer-bottom {
	border-top: 1px solid;
	border-color: var(--up-lightblue);
}
.footer .container-footer-bottom a {
	font-size: 16px;
	white-space: nowrap;	
}
/** MEDIA QUERIES **/
/* ############################################# 
Classi Bootstrap per le diverse risoluzioni:
Extrasmall 	<576px 	
Small 		≥576px 	
Medium 		≥768px 	
Large 		≥992px 	
Extra large	≥1200px
----------------------------------------------------------------------------------------------------
Max container width 	None (auto) 		540px 			720px 			960px 			1140px
Class prefix 			.col- 				.col-sm- 		.col-md- 		.col-lg- 		.col-xl-
################################################# */

/* Small devices (landscape phones, 544px and up) */
@media (min-width: 280px) {
	/* BODY DEBUG */
	body {
		/* min-width: 280px */
	}
	/**/
	
}
@media (min-width: 576px) {
	/* BODY DEBUG */
	body {
		/* min-width: 576px */
	}
	/**/
	
	/* MENU HEADER */
	.metismenu > li {
		margin-left: 1rem;
	}
	.metismenu > li:first-child {
		margin-left: 0;
	}
	.metismenu > li > a {
		font-size: 1rem; 
	}

	/* CERCA */
	.mod-finder button {
		border-top-left-radius: 0 !important;
		border-bottom-left-radius: 0 !important;
	}

	/* MAPPA */
	#map-container {
		height: 30rem;
	}
	#map-container .ol-control button {
		font-size: 1rem;
	}	
	#map-container .ol-popup {
		position: absolute;
		background-color: white;
		box-shadow: 0 1px 4px rgba(0,0,0,0.2);
		padding: .5rem 1rem;
		border-radius: .6rem;
		border: 1px solid #cccccc;
		bottom: 12px;
		left: -50px;
		width: auto;
	}
	#map-container .reset-view {
		top: 70px;
	}	
	#map-container #popup-content h3 {
		font-size: 1.1rem;
		margin: 0;
	}	
	#map-container #popup-content p {
/*		margin: .5rem 0;*/
		margin: .2rem 0;
	}
	#map-container #popup-content .popup-altri-dati {
		font-size: 1.1rem;
	}
	.mappa-uffici #wrapper {
		height: 30rem;
	}
	.mappa-uffici #info {
		max-height: 29rem;
	}
	.mappa-uffici .nav-tabs .nav-link {
		padding: .7rem 1.5rem;
	}
	.mappa-uffici input {
		width: 49% !important;
	}
	
	/* FOOTER */    
	.footer .loghi p,
	.footer .logo-alisa p {
		height: 3rem;
	}
	.footer .container-footer-bottom a {
		font-size: 18px;
	}
}
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
	/* BODY DEBUG */
	body {
		/* min-width: 768px */
	}
	/**/
	
	/* MENU HEADER */
	.metismenu > li {
		margin-left: 0;
		padding-right: .7rem !important;
	}
	.metismenu > li:first-child {
		margin-left: 0;
	}
	.metismenu > li > a {
		font-size: .9rem; 
	}

	/* CERCA */
	.mod-finder button {
		border-radius: .25rem !important;
	}

	/* MAPPA */
	.mappa-uffici .legend .image-checkbox {
		font-size: 1.3rem;
	}

	/* COME FARE PER */
	.come_fare_per .card:nth-last-child(-n+2) {
		border: none !important;
	}
	.come_fare_per .card-img-top,
	.come_fare_per .card-body {
		border-left: 1px solid !important;
		border-color: var(--up-azur) !important;
		border-radius: unset;
	}
	.come_fare_per .card:nth-child(2n+0) .card-img-top,
	.come_fare_per .card:nth-child(2n+0) .card-body {
		border-right: 1px solid !important;
		border-color: var(--up-azur) !important;
	}	
	
	/* LISTA TRIBUNALI/UFFICI */
	.lista-tribunali a.title,
	.lista-uffici a.title {
		font-size: 1.4rem;
	}

	/* ACCORDION GLOSSARIO/MODULI/ACCORDION */ 
	.accordion-button {
		font-size: 1.2rem;
	}
	
	/* FOOTER */
	.footer {
		text-align: left;
	}
	.footer .logo-img {
		max-width: 100%;
		max-height: 8rem;
	}	
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	/* BODY DEBUG */
	body {
		/* min-width: 992px */
	}
	/**/
	/* MENU HEADER */
	.metismenu > li {
		margin-left: 0;
		padding-right: .7rem !important;
	}
	.metismenu > li > a {
		font-size: 1.1rem; 
	}

	/* CERCA */
	.mod-finder button {
		border-top-left-radius: 0 !important;
		border-bottom-left-radius: 0 !important;
	}

	/* COME FARE PER */
/*	
	.come_fare_per .card:nth-last-child(-n+4) {
		border: none !important;
	}
*/	
	.come_fare_per .card-img-top,
	.come_fare_per .card-body {
		border-left: 1px solid !important;
		border-color: var(--up-azur) !important;
		border-radius: unset;
	}
	.come_fare_per .card:nth-child(4n+0) .card-img-top,
	.come_fare_per .card:nth-child(4n+0) .card-body {
		border-right: 1px solid !important;
		border-color: var(--up-azur) !important;
	}
	
	/* MAPPA */
	.mappa-uffici input {
		width: auto !important;
	}
	#map-container #popup-content p {
		font-size: 1rem !important;
		margin: 0 0 .3rem 0;
		line-height: initial;
	}
	#map-container #popup-content .popup-altri-dati {
		font-size: 1rem !important;
		margin: 0 0 .3rem 0;
		line-height: initial;
	}
	

	/* FOOTER */    
	.footer .loghi p,
	.footer .logo-alisa p {
		height: 6rem;
	}
	
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	/* BODY DEBUG */
	body {
		/* min-width: 1200px */
	}
	/**/
	/* MENU HEADER */
	.metismenu > li {
		margin-left: 1rem;
		padding-right: 1.2rem !important;
	}
	.metismenu > li > a {
		font-size: 1.2rem; 
	}

	/* FOOTER */    
	.footer .loghi p,
	.footer .logo-alisa p {
		height: 6rem;
	}
	
	
}
/* Set width to make card deck cards 100% width */
@media (min-width: 950px) and (max-width:1100px) {
	/* BODY DEBUG */
	body {
		/* min-width: 950px and max-width:1100px */
	}
	/**/
}
/*************************************** fine media query ***********************************/