:root {
/*dark theme*/
--mc-app-background: var(--mc-light-grey-2);
--mc-app-accent: #09ccb5;
--mc-app-accent-dark: #049584;
/*appmargin*/
--mc-app-margin: 1.7rem;
--mc-app-fontColor: #2E2E2E;
/*objects - inverted colors*/
--mc-obj-inv-background: #2E2E2E;
--mc-obj-inv-foreground: rgba(255, 255, 255);
--mc-obj-inv-shadow: 0rem 0.1rem 0.2rem rgba(0, 0, 0, 0.4);
--mc-obj-inv-border: none;
/*objects*/
--mc-obj-background: #fafafa;
--mc-obj-foreground: #212121;
--mc-obj-shadow: 0rem 0.1rem 0.2rem rgba(0, 0, 0, 0.4);
--mc-obj-shadow-up: 0 0.3rem 0.5rem rgba(0, 0, 0, 0.4);
--mc-obj-border: none;
--mc-shadow-clickable: 0 0.3rem 0.5rem rgba(0, 0, 0, 0.4);
--mc-shadow-clicked: 0 0.3rem 0.8rem rgba(0, 0, 0, 0.6);
/*card*/
--mc-card-background: rgba(255, 255, 255, 0.8);
--mc-card-foreground: black;
--mc-card-shadow: none;
--mc-card-border: 0.05rem solid rgba(200, 200, 200);
--mc-card-border: none;
/*colors*/
--mc-green-4: #049584;
--mc-green-3: #09b5a0;
--mc-green-2: #09ccb5;
--mc-green-1: #e3fffc;
--mc-red-5: #9e0012;
--mc-red-4: #d0021b;
--mc-red-3: #ea053a;
--mc-red-2: #ec6272;
--mc-red-1: #eca1aa;
--mc-yellow-4: #c8c800;
--mc-yellow-3: #ffff0a;
--mc-yellow-2: #fafa95;
--mc-yellow-1: #ffffe3;
--mc-blue-4: #0861a5;
--mc-blue-3: #0b8cf2;
--mc-blue-2: #2d9bee;
--mc-blue-1: #99d3ff;
--mc-black: #000000;
--mc-dark-grey-2: #2e2e2e;
--mc-dark-grey-1: #4d4d4d;
--mc-medium-grey-3: #8a8a8a;
--mc-medium-grey-2: #dcdcdc;
--mc-medium-grey-1: #cacaca;
--mc-light-grey-3: #e3e3e3;
--mc-light-grey-2: #f4f4f4;
--mc-light-grey-1: #fafafa;
--mc-gray-5: black;
--mc-gray-4: #2e2e2e;
/*2e2e2e*/
--mc-gray-3: yellow;
/*da definire*/
--mc-gray-2: yellow;
/*da definire*/
--mc-gray-1: yellow;
/*da definire*/
/*fonts*/
--mc-font-weight-5: bolder;
--mc-font-weight-4: bold;
--mc-font-weight-3: 600;
--mc-font-weight-2: 500;
--mc-font-weight-1: 400;
--mc-font-size-8: 3rem;
--mc-font-size-7: 2.5rem;
--mc-font-size-6: 2.2rem;
--mc-font-size-5: 2rem;
--mc-font-size-4: 1.5rem;
--mc-font-size-3: 1.1rem;
--mc-font-size-2: 1rem;
--mc-font-size-1: 0.8rem;
--mc-font-psize-8: 3vw;
--mc-font-psize-7: 2.5vw;
--mc-font-psize-6: 2.2vw;
--mc-font-psize-5: 2vw;
--mc-font-psize-4: 1.4vw;
--mc-font-psize-3: 1.2vw;
--mc-font-psize-2: 0.9vw;
--mc-font-psize-1: 0.5vw;
/*shadows*/
--mc-interface-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.5);
--mc-interface-shadow-2: 0.3rem 0rem 0.5rem rgba(0, 0, 0, 0.2);
/*mutuated tecknotrad*/
--shadow-std: 0.2rem 0 0.2rem rgba(0, 0, 0, 0.4);
--obj-background: #f0f0f0;
--obj-forecolor: #060649;
--obj-titled-background: #526e6b;
--obj-titled-forecolor: white;
--obj-shadow-std: 0rem 0.2rem 0.2rem rgba(0, 0, 0, 0.4);
--obj-padding: 0.3rem;
--mat-accent: #09ccb5;
--mat-back: white;
--mat-btns-back: aliceblue;
--mat-btns-border: 1px solid #a7adb3;
--mat-btns-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
--mat-btns-textShadow: 0 1px 1px rgba(0, 0, 0, 0.3);
--mat-btns-fore: #201f23;
--mat-btns-highlight: yellow;
--mat-icons-enabled: #FF0089;
--mat-icons-disabled: gray;
--mat-fore: #282828;
--mat-fore2: #3c3c3c;
--mat-highlight-back: #dcdcdc;
--mat-invback: #3c3c3c;
--mat-invfore: white;
--mat-notification-back: rgba(255, 255, 10, 0.65);
--mat-notification-border: 1px solid #c8c800;
--mat-notification-fore: black;
--mat-shadow-inset: 0rem 0.1rem 0.15rem rgba(40, 40, 40, 0.7) inset;
--mat-shadow-object-inset: 0rem 0.2rem 0.25rem rgba(40, 40, 40, 0.7) inset;
--mat-shadow-light: 0rem 0.1rem 0.2rem rgba(100, 100, 100, 0.6);
--mat-shadow-right: 0.15rem 0 0.15rem rgba(40, 40, 40, 0.6);
--mat-shadow: 0rem 0.2rem 0.2rem rgba(100, 100, 100, 0.6);
--object-level1: #f0f0f5;
--object-level2: #e6e6eb;
--object-level3: #dcdce1;
--object-level4: #d2d2d7;
--object-level5: #c8c8cd;
/* mutuated ima*/
--IMA-green-border: #049584;
--IMA-green-dark: #09b5a0;
--IMA-green-light: #09ccb5;
--IMA-green-backgraund: #e3fffc;
--IMA-shadow-level-3: rgba(0, 0, 0, 0.5);
--IMA-shadow-level-2: rgba(0, 0, 0, 0.4);
--IMA-shadow-level-1: rgba(0, 0, 0, 0.3);
--IMA-white: #ffffff;
--IMA-alarm-2: #9e0012;
--IMA-alarm-1: #ea053a;
--scarlet: #d0021b;
--IMA-reset-light: #0b8cf2;
--IMA-reset-dark: #075fa5;
--IMA-anomaly-light: #f5a623;
--IMA-anomaly-background: #fff5e3;
--IMA-alarm-border: #840010;
--IMA-anomaly-border: #966515;
--IMA-anomaly-dark: #e3920d;
--IMA-alarm-background: #ffede5;
--IMA-reset-border: #003f75;
--IMA-warning-border: #d5bb02;
--IMA-warning-dark: #ebcd0c;
--IMA-warning-light: #ffeb3b;
--IMA-warning-background: #fff9c6;
}
/**/
/*
*/
html {
background: var(--mc-obj-background);
}
div {
margin: 0;
padding: 0.05rem;
box-sizing: border-box;
}
body {
font-family: 'Source Sans Pro';
background: var(--mc-app-background);
padding: 0;
margin: 0;
color: var(--app-font-color);
font-weight: 200;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 500;
}
strong {
font-weight: 400!important;
}
pre {
word-break: break-word;
white-space: pre-wrap;
word-wrap: break-word;
}
div#mainBody,
div.appContent {
padding: 0;
margin: 0;
background: var(--mc-obj-background);
position: relative;
}
div.card {
background: var(--mc-card-background);
color: var(--mc-card-foreground);
box-shadow: var(--mc-card-shadow);
border: var(--mc-card-border);
padding: 1rem;
margin-top: 1rem;
border-radius: 5px;
position: relative;
box-sizing: border-box;
}
div.card.copertina {
background: none;
box-shadow: none;
border: none;
text-align: center;
}
div.card.copertina label.dt_dataDocument,
div.cardFooter {
display: none;
}
div.card pre {
width: 100%;
overflow: wrap;
overflow-wrap: break-word;
}
div.card table {
border: 0.02rem solid gray;
border-collapse: collapse;
}
div.card th {
background: #e6e6e6;
}
div.card td,
div.card th {
border: 0.02rem solid gray;
padding: 0.3rem 0.4rem;
}
div.cardFooter {
float: right;
font-size: 80%;
font-weight: 200;
color: gray;
}
div.card img {
box-sizing: border-box;
max-width: 98%;
}
/* div.card div.intestazioneMeeting .contentTitle {
padding: 0 0 1rem 0;
margin: 0;
font-weight: 600;
border-bottom: 0.02rem solid gray;
}
div.card div.argomentoMeeting .contentTitle {
margin: 0.7rem 0 0 0;
font-weight: 500;
margin-block-end: -0.7rem;
font-size: 1.5rem;
font-style: italic;
}
div.card div.argomentoMeeting .contentTitle:before {
content: "❖";
font-size: 80%;
margin-right: 0.4rem;
}
*/
div.card label.dt_dataDocument {
display: block;
font-weight: 300;
float: right;
font-size: 80%;
}
div.mainDiv {
margin: 0;
padding: 0;
}
div.appBar {
background: var(--mc-obj-inv-background);
color: var(--mc-obj-inv-foreground);
border: var(--mc-obj-inv-border);
box-shadow: var(--mc-obj-inv-shadow);
font-weight: var(--mc-font-weight-2);
font-size: var(--mc-font-size-2);
box-shadow: var(--mc-interface-shadow);
background: var(--mc-gray-5);
z-index: 10;
position: relative;
}
div.appBar div.appSections {
position: absolute;
right: 1.8rem;
bottom: 1.6rem;
}
div.appBar div.appSections a {
background: var(--mc-obj-inv-background);
color: var(--mc-obj-inv-foreground);
border: var(--mc-obj-inv-border);
box-shadow: var(--mc-obj-inv-shadow);
font-weight: var(--mc-font-weight-2);
font-size: var(--mc-font-size-2);
font-weight: 300;
font-size: var(--mc-font-size-3);
box-shadow: none;
margin: 0.2rem 0.4rem;
text-decoration: none;
padding: 0 0.5rem;
padding-bottom: 17px;
background: none;
letter-spacing: 0.04rem;
transition: border 0.5s ease-out;
}
div.appBar div.appSections a:hover {
border-bottom: 9px solid;
border-color: var(--mc-medium-grey-3);
}
div.appBar div.appSections a.current {
border-bottom: 9px solid;
border-color: var(--mc-app-accent);
}
div.appLogo {
margin: 1rem 0 1rem 2rem;
padding: 0rem;
}
div.appLogo a {
text-decoration: none;
border-color: var(--mc-app-accent);
transition: border-bottom 1s;
border-bottom: none;
}
div.appLogo a:hover {
border-bottom: 9px solid;
border-color: var(--mc-app-accent);
}
div.browser {
background: var(--mc-obj-background);
color: var(--mc-obj-foreground);
border: var(--mc-obj-border);
box-shadow: var(--mc-obj-shadow);
font-weight: var(--mc-font-weight-2);
font-size: var(--mc-font-size-2);
min-width: 21rem;
max-width: 21rem;
min-height: 800px;
display: inline-block;
box-shadow: var(--mc-interface-shadow-2);
box-shadow: none;
z-index: 10;
position: relative;
margin: 0.1rem 0 0 0;
padding: 0;
}
div.browser h1 {
font-size: var(--mc-font-size-5);
font-weight: 100;
background: var(--mc-gray-4);
letter-spacing: normal;
color: white;
margin: 0;
padding: 1.4rem 1rem 1.4rem 2.8rem;
}
div.browser ol {
counter-reset: item;
padding-inline-start: 0rem;
list-style: none;
font-size: var(--mc-font-size-2);
font-weight: 600;
margin-bottom: 1.5rem;
}
div.browser li a {
color: black;
display: inline-block;
font-size: var(--mc-font-size-3);
font-weight: 300;
/* font-weight: inherit; */
padding-bottom: 0;
margin-bottom: 0.5rem;
text-decoration: none;
}
div.browser li a.chapter.selected {
font-weight: 400;
}
div.browser li a.chapter.current {
color: var(--mc-app-accent);
border-left: 5px solid var(--mc-app-accent);
padding-left: 0.5rem;
}
/*
div.browser li a.chapter.selected:before {
content: "❖"; 
font-size: 80%;
}
*/
div.browser a.chapter.collapsed + ol {
margin-bottom: 0.5rem;
margin-bottom: 0;
}
div.browser a.chapter.collapsed + ol li {
display: none;
}
div.browser a.chapter.collapsed + ol li.current {
display: list-item;
}
div.contentPane {
box-sizing: border-box;
padding: 1.5rem 4rem 0 4rem;
width: calc(100% - 21rem);
min-height: 20rem;
box-shadow: 0.3rem 0rem 0.5rem rgba(0, 0, 0, 0.2) inset;
background: var(--mc-app-background);
min-height: -webkit-max-content;
margin: 0;
padding-bottom: 0;
bottom: 0;
position: absolute;
right: 0rem;
top: 0;
min-height: 150%;
height: -webkit-fit-content;
}
g#Logo text#HMI {
fill: white;
}
g#Logo text#COMUNICA {
fill: white;
}
g#Logo text#MAX {
fill: var(--mc-green-2);
}
/* 
div.appBar div.appTitle a.breadCrumb {
margin: 0;
padding: 0;
text-decoration: none;
}
div.appBar div.appTitle a.breadCrumb::before {
content: " ► ";
color: gray;
font-weight: bolder;
margin: 0;
padding: 0;
} */
/**/
div.browser li {
font-weight: 200;
/* text-transform: capitalize; */
}
div.browser li > ol {
margin-inline-start: 0.5rem;
position: relative;
}
div.browser li > ol li a {
margin-bottom: 0.5rem;
padding-bottom: 0;
}
div.browser li a {
transition: padding-left 0.5s;
transition: border-left 0.5s;
transition: all 0.3s ease-out;
padding-left: 0rem;
border-left: 0.5s;
}
div.browser li a:hover {
padding-left: 0.5rem;
border-left: 5px solid gray;
}
div.menu {
padding-left: 2.8rem;
}
div.menu > ol > li > a {
font-size: 140%;
margin-bottom: 1rem;
}
/* slider */
.slick-prev:before,
.slick-next:before {
color: gray!important;
}
#-lucee-err {
position: fixed;
z-index: 99;
}
div.titoloPagina {
width: 100%;
text-align: center;
font-size: var(--mc-font-size-5);
position: relative;
}
div.titoloPagina div.pageTitleTop {
border-bottom: 0.05rem solid gray;
padding-bottom: 0.5rem;
position: relative;
}
div.titoloPagina div.pageTitleTop a.prevNextButton {
text-decoration: none;
font-size: 0.7rem;
vertical-align: bottom;
display: block;
position: absolute;
bottom: 0;
color: var(--mc-app-fontColor);
font-weight: 400;
transition: letter-spacing 1s;
}
div.titoloPagina div.pageTitleTop a.prevNextButton:hover {
letter-spacing: 0.15vw;
color: var(--mc-app-accent);
}
div.titoloPagina div.pageTitleTop a.prevNextButton.prev span.prevIcon {
font-size: 130%;
vertical-align: -5%;
margin-right: 0.3rem;
}
div.titoloPagina div.pageTitleTop a.prevNextButton.next span.nextIcon {
font-size: 130%;
vertical-align: -5%;
margin-left: 0.3rem;
}
div.titoloPagina div.pageTitleTop a.prevNextButton.prev {
left: 0.5rem;
}
div.titoloPagina div.pageTitleTop a.prevNextButton.next {
right: 0.5rem;
text-align: right;
}
div.titoloPagina span.sectionTitle {
text-align: left;
font-size: var(--mc-font-size-4);
width: 100%;
display: inline-block;
}