@charset "utf-8";
/* CSS Document */

:root {
  --hexColor1: #183451; /*blu*/
  --hexColor2: #ad1d2e; /*rosso*/
  --hexColor3: #f0f0f0; /*grigio*/
}

* {
  margin:0;
  padding:0;
}

body {
  font-family: 'Roboto', sans-serif;
  color: var(--hexColor1);
  font-size:1.2em;
  background: #fff;
}

button {
  cursor: pointer;
  width:100%;
  padding:6px;
  text-transform: uppercase;
  background: var(--hexColor1);
  border:1px solid var(--hexColor1);
  color:#fff;
}

button:hover,
button:active {
  background: var(--hexColor2);
  border:1px solid var(--hexColor2);
}

a.button,
a.button:visited {
  display: block;
  border: 1px solid var(--hexColor1);
  padding: 6px;
  text-align: center;
  color: var(--hexColor1);
  text-decoration: none;
  text-transform: uppercase;
}

a.button:hover,
a.button:active {
  border: 1px solid var(--hexColor2);
  color: var(--hexColor2);
  text-decoration: none;
}

span.gonext {
  display:none;
  position: absolute;
  bottom:8vh;
  width: 60px;
  height: 60px;
  background-color: transparent;
  border-radius: 30px;
  border:1px solid #fff;
  background-size: contain;
  background-image:url(assets/w-gonext.png);
}

.container {
  position: relative;
  height: 100vh;
  overflow: auto;
  scroll-snap-type: y mandatory;
  /*scroll-snap-align: start;*/
}

.container a#menuIn {
  cursor: pointer;
  display: block;
  width:24px;
  height:24px;
  padding:3px;
  background: #fff;
}

.container a#menuIn {
  position: fixed;
  top: 10px;
  right: 10px;
  z-index: 999;
}

.container a#menuIn::before {
  content:'';
  width: 24px;
  height: 24px;
  display: block;
  background-size: contain;
  background-image:url(assets/menu-in.png);
}

.container a#menuIn::before {
  background-image:url(assets/menu-in.png);
}

.container a#menuIn.open::before {
  background-image:url(assets/menu-out.png);
}

/*SIDEBAR*/
#op-sidebar {
  position: fixed;
  z-index: 99;
  background: white;
  width: calc(100% - 40px);
  padding: 20px;
  min-height: 100vh;
  transform: translateX(100%);
}

#op-sidebar.slideIn {
  animation: slide-in 0.3s;
  transform: translateX(0);
}

#op-sidebar.slideOut {
  animation: slide-out 0.3s;
  transform: translateX(100%);
}

#op-sidebar h2 {
  padding:0;
  margin:0;
}

#op-sidebar .arrowlistmenu {
  margin-top:25px;
  border-top: 1px solid #ddd;
}

#op-sidebar .arrowlistmenu h3 {
  padding: 5px 0;
  border-bottom: 1px solid #ddd;
}

#op-sidebar .categoryitems {
  list-style-type:none;
  border-bottom: 1px solid #ddd;
}

#op-sidebar .categoryitems li {
  padding: 5px;
}

ul.grid-3 {
  list-style-type: none;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 10px;
}

ul.grid-4 {
  list-style-type: none;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 10px;
}

section {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 100vh;
  scroll-snap-align: start;
}

section#intro {
  background-size: cover;
  background-position: center center;
  justify-content: center;
}

section#intro.animated {
  animation: intro-shaking 4s infinite;
  animation-delay: 2s;
}

section#intro img.logo,
section#access img.logo {
  position:absolute;
  top:5vh;
  width: 50%;
}

section#access {
  justify-content: center;
}

section#access #box-login,
section#access #box-recovery,
section#access #box-request {
  display: none;
  width: calc(100% - 40px);
  margin-top:20px;
}

section#access form,
section#access p,
#box-info form {
  width:100%;
  margin-bottom: 20px;
}

section#access form input,
section#access form textarea,
#box-info form textarea {
  outline: 0;
  width: calc(100% - 16px);
  padding:6px;
}

section#access form textarea,
#box-info form textarea {
  min-height:100px;
}

section#access .form-group,
section#access .form-group,
#box-info .form-group {
  text-align:left;
  position:relative;
  margin-bottom:20px;
}

section#access .form-group label,
#box-info .form-group label {
  position: absolute;
  left: 5px;
  top: 10px;
  color: #999;
  background-color: #fff;
  z-index: 10;
  transition: transform 150ms ease-out, font-size 150ms ease-out;
}

section#access .form-group.focused label,
#box-info .form-group.focused label {
  transform: translateY(-120%);
  font-size: .75em;
  color:#222;
}

section#access .responseForm,
#box-info .responseForm {
  padding:10px 0;
}

section#access .responseForm p,
#box-info .responseForm p {
  padding:3px;
}

section#access .responseForm.error,
#box-info .responseForm.error {
  color:#f00;
}

section.operations-list .bground {
  height: 30vh;
  width:100%;
  background-size: cover;
  position: relative;
  overflow: hidden;
}

section.operations-list .bground::after {
  content: "";
  display: block;
  background: #fff;
  height: 6vh;
  width: 110%;
  position: absolute;
  bottom: -3vh;
  left: -5%;
  margin-left: 0;
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg);
  z-index: 1;
}

section.operations-list .logo {
  height: 10vh;
  padding: 0 20px;
  width: calc(100% - 40px);
  text-align: center;
}

section.operations-list .logo img {
  /*height: 100%;*/
  max-width: 90%;
  max-height: 100%;
}

section.operations-list .description {
  height: calc(15vh - 40px);
  padding:20px;
}

section.operations-list .features {
  height: calc(20vh - 40px);
  padding:20px;
}

section.operations-list .features li {
  text-align: center;
  font-size: 0.9em;
}

section.operations-list .features li img {
  width:50%;
  margin:5px auto;
}

section.operations-list .buttons {
  position: absolute;
  padding: 20px;
  width: calc(100% - 40px);
  bottom: 15vh;
}

/*SINGLE DEAL*/
section.operation-dett,
section.operation-module {
  justify-content: flex-start;
}

section.operation-dett a,
section.operation-module a {
  text-decoration:none;
}
section.operation-dett a:hover,
section.operation-module a:hover {
  text-decoration:underline;
}

section.operation-dett#op-moreinfo p {
  font-style:italic;
}

section.operation-dett#op-moreinfo .megatrends p {
  position:relative;
  padding-left: 22px;
}

section.operation-dett#op-moreinfo .megatrends p:before {
  font-family: "Font Awesome 6 Free";
  content: "\f00c";
  font-size: 15px;
  font-weight: bold;
  line-height: 1;
  position: absolute;
  top: 5px;
  left: 0;
}

section.operation-dett div.divide,
section.operation-module div.divide {
  height:20vh;
}

section#op-header div.bground {
  height: 20vh;
  width: 100%;
  background-size: cover;
  position: relative;
  overflow: hidden;
  position: fixed;
  top: 0;
  z-index: 9;
}

section#op-header div.bground:after {
  content: "";
  display: block;
  background: #fff;
  height: 6vh;
  width: 110%;
  position: absolute;
  bottom: -3vh;
  left: -5%;
  margin-left: 0;
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg);
  z-index: 1;
}

section#op-header div.logo {
  height: 10vh;
  padding: 0 20px;
  width: calc(100% - 40px);
  text-align: center;
}

section#op-header div.logo img {
  max-width: 90%;
  max-height: 100%;
}

section#op-header div.description {
  padding: 20px;
}

section#op-header div.social {
  padding: 5px 20px;
  line-height: 1.3em;
  margin-bottom: 20px;
  width: calc(100% - 80px);
  text-align: center;
  border-top: 1px solid var(--hexColor1);
  border-bottom: 1px solid var(--hexColor1);
}

section#op-header div.social a.item_social {
  font-family: "Font Awesome 6 Brands";
  font-size: 1.3em;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  margin: 0 10px;
  color:var(--hexColor1);
  position:relative;
}

section#op-header div.social a.item_social.website::before {
	font-family: "Font Awesome 6 Free";
  content: "\f0ac";
}

section#op-header div.social a.item_social.facebook::before {
  content: "\f09a";
}

section#op-header div.social a.item_social.instagram::before {
	content: "\f16d";
}

section#op-header div.social a.item_social.twitter::before {
	content: "\f099";
}

section#op-header div.social a.item_social.linkedin::before {
	content: "\f08c";
}

section#op-header div.social a.item_social.youtube::before {
	content: "\f167";
}

section#op-header div.social a.item_social.tiktok::before {
	content: "\e07b";
}

section#op-header div.social a.item_social.pinterest::before {
	content: "\f0d2";
}

section#op-header div.social a.item_social.snapchat::before {
	content: "\f2ab";
}

section#op-header ul li {
  font-size: 0.9em;
  text-align: center;
}

section#op-header ul li img {
  width: 50%;
  margin: 5px auto;
}

section#op-header p.closing {
  text-align: center;
  padding:20px;
  font-style: italic;
}

section#op-moreinfo div.sdgs,
section#op-moreinfo div.megatrends {
  width: calc(100% - 40px);
  padding: 0 20px;
  font-size: 0.9em;
  margin-bottom: 20px;
}

section#op-moreinfo div.sdgs h2,
section#op-moreinfo div.megatrends h2 {
  font-size: 1.2em;
  text-align: center;
}

section#op-moreinfo div.sdgs p,
section#op-moreinfo div.megatrends p {
  line-height: 1.5em;
}

section#op-moreinfo div.sdgs img {
  height: 1.3em;
  float: left;
  margin-right: 5px;
}

section.operation-module {
  height: auto;
  min-height: 100vh;
}

section.operation-module .module {
  width:100%;
}

section.operation-module .block-content {
  overflow-y: auto;
  overflow-x: hidden;
  height: 65vh;
  position: relative; 
}

section.operation-module .block-content .block_container {
  padding:20px;
}

section.operation-module .block-content .parent-box {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 200%;
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
}

section.operation-module .block-content .siblings {
  float:left;
  width: calc(50% - 40px);
  padding: 20px;
}

section.operation-module .block-content .move-right {
  transform: translateX(-50%);
  -webkit-transform:translateX(-50%);
}

section.operation-module .block-title {
  position: relative;
  height:calc(20vh - 40px);
  width: calc(100% - 40px);
  padding:20px;
  z-index:9;
  color:white;
  opacity: 0;
}

section.operation-module #rationals .items-list {
  list-style: none;
}

section.operation-module #rationals .items-list li {
  position: relative;
  margin: 30px 0 0 50px;
  padding: 10px 10px 10px 20px;
  color: #fff;
}

section.operation-module #rationals .items-list li:before {
  content: '';
  display: inline-block;
  position: absolute;
  left: -50px;
  top: 50%;
  margin-top: -30px;
  width: 60px;
  height: 60px;
  border-radius: 32px;
  border: 2px solid #fff;
}

section.operation-module #rationals .items-list li:after {
  font-family: "Font Awesome 6 Free";
  content: "\f024";
  display: inline-block;
  position: absolute;
  left: -27px;
  top: 50%;
  margin-top: -7px;
}

section.operation-module #predocuments .items-list,
section.operation-module #features .items-list,
section.operation-module #key-people .items-list,
section.operation-module #documents .items-list,
section.operation-module #reports .items-list,
section.operation-module #highlights .items-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

section.operation-module #highlights .items-list {
  grid-row-gap: 0px;
}

section.operation-module #features .items-list .block,
section.operation-module #highlights .items-list .block,
section.operation-module #nav .items-list .block {
  font-size: 0.9em;
  text-align: center !important;
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

section.operation-module #highlights .items-list .block,
section.operation-module #nav .items-list .block {
  padding:0;
}

section.operation-module #nav .items-list .block {
  width: calc(50% - 10px);
  margin: 0 auto;
}

section.operation-module #features .items-list .block p.data-text,
section.operation-module #nav .items-list .block p.data-text {
  padding-bottom: 10px;
  margin: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

section.operation-module #features .items-list .block h3.data-value,
section.operation-module #nav .items-list .block h3.data-value {
  padding-top: 10px;
  margin: 0;
  font-size: 1.3em !important;
  font-weight: bold !important;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

section.operation-module #highlights .high-image,
section.operation-module #nav .high-image {
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom:10px;
}

section.operation-module #highlights .high-image img,
section.operation-module #nav .high-image img {
  filter: brightness(0) invert(1);
  width: 50%;
}

section.operation-module #highlights p.attention,
section.operation-module #nav p.attention {
  margin-top:10px;
  text-align:center;
  font-style:italic;
  font-size:0.9em;
}

section.operation-module #highlights p.readmore,
section.operation-module #nav p.readmore {
  margin-top:10px;
  text-align:center;
}

section.operation-module #highlights p.data-value,
section.operation-module #nav p.data-value {
  font-size: 2em;
  font-weight:bold;
  margin:10px auto;
}

section.operation-module #milestones .items-list,
section.operation-module #upcomings .items-list,
section.operation-module #notices .items-list,
section.operation-module #newsletter .items-list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 20px;
}

section.operation-module #milestones .milestone,
section.operation-module #upcomings .event,
section.operation-module #calendar .event,
section.operation-module #notices .notice,
section.operation-module #newsletter .news {
  display: flex;
  justify-content: flex-start;
  padding: 5px 0;
}

section.operation-module #milestones .milestone .date,
section.operation-module #upcomings .event .date,
section.operation-module #calendar .event .date,
section.operation-module #notices .notice .date,
section.operation-module #newsletter .news .date {
  padding: 10px;
  color: #fff;
  height: 45px;
  min-width: 45px;
  text-align: center;
}

section.operation-module #upcomings .event .date,
section.operation-module #calendar .event .date,
section.operation-module #notices .notice .date,
section.operation-module #newsletter .news .date {
  height: 75px;
}

section.operation-module #milestones .milestone .date span,
section.operation-module #milestones .milestone .text span,
section.operation-module #upcomings .event .date span,
section.operation-module #upcomings .event .text span,
section.operation-module #calendar .event .date span,
section.operation-module #calendar .event .text span,
section.operation-module #notices .notice .date span,
section.operation-module #notices .notice .text span,
section.operation-module #newsletter .news .date span,
section.operation-module #newsletter .news .text span {
  display:block;
}

section.operation-module #milestones .milestone .date span.day-month,
section.operation-module #upcomings .event .date span.day-month,
section.operation-module #calendar .event .date span.day-month,
section.operation-module #notices .notice .date span.day-month,
section.operation-module #newsletter .news .date span.day-month {
  font-size: 1.2em;
}

section.operation-module #milestones .milestone .text,
section.operation-module #upcomings .event .text,
section.operation-module #calendar .event .text,
section.operation-module #notices .notice .text,
section.operation-module #newsletter .news .text {
  width: 100%;
  height: 100px;
  margin-left: 5px;
  position: relative;
}

section.operation-module #milestones .milestone.single .text,
section.operation-module #upcomings .event.single .text,
section.operation-module #calendar .event.single .text,
section.operation-module #notices .notice.single .text {
  height:auto;
}

section.operation-module #milestones .milestone .text span.status {
  color: #fff;
  display: inline-block;
  padding: 3px;
  border-radius: 3px;
  font-size: 0.7em;
}

section.operation-module #milestones .milestone .text span.title,
section.operation-module #upcomings .event .text span.title,
section.operation-module #calendar .event .text span.title,
section.operation-module #notices .notice .text span.title,
section.operation-module #newsletter .news .text span.title {
  font-weight: bold;
}

section.operation-module #milestones .milestone .text span.more,
section.operation-module #upcomings .event .text span.more,
section.operation-module #calendar .event .text span.more,
section.operation-module #notices .notice .text span.more,
section.operation-module #newsletter .news .text span.more {
  position: absolute;
  bottom: 5px;
  right: 0;
}

section.operation-module #upcomings .event .text .calendar {
  display: block;
  padding-left: 20px;
  position: relative;
  font-size: 0.75em;
  font-weight: normal;
  margin-top: 10px;
}

section.operation-module #upcomings .event .calendar::before {
  font-family: "Font Awesome 6 Free";
  content: "\f133";
  font-size: 15px;
  font-weight: bold;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 0;
}

section.operation-module #notices .notice .text .pdf,
section.operation-module #notices .notice .text .xls,
section.operation-module #notices .notice .text .doc {
  display: block;
  padding-left: 20px;
  position: relative;
  font-size: 0.75em;
  font-weight: normal;
  margin-top: 10px;
}

section.operation-module #notices .notice .pdf::before,
section.operation-module #notices .notice .xls::before,
section.operation-module #notices .notice .doc::before {
  font-family: "Font Awesome 6 Free";
  font-size: 15px;
  font-weight: bold;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 0;
}

section.operation-module #notices .notice .pdf::before {
  content: "\f1c1";
}
section.operation-module #notices .notice .xls::before {
  content: "\f1c3";
}
section.operation-module #notices .notice .doc::before {
  content: "\f1c2";
}

section.operation-module #highlights a.more,
section.operation-module #nav a.more {
  padding: 6px;
  text-decoration: none;
  text-transform: uppercase;
}

section.operation-module #milestones a.details, 
section.operation-module #milestones a.list,
section.operation-module #board-directors a.list,
section.operation-module #board-supervisory a.list,
section.operation-module #key-people a.list,
section.operation-module #documents a.list,
section.operation-module #reports a.list,
section.operation-module #upcomings a.details, 
section.operation-module #upcomings a.list,
section.operation-module #calendar a.details, 
section.operation-module #calendar a.list,
section.operation-module #notices a.details, 
section.operation-module #notices a.list,
section.operation-module #newsletter a.details, 
section.operation-module #highlights a.list,
section.operation-module #nav a.list {
  padding: 6px;
  text-decoration: none;
  text-transform: uppercase;
}

section.operation-module #predocuments a.list,
section.operation-module #milestones a.list,
section.operation-module #board-directors a.list,
section.operation-module #board-supervisory a.list,
section.operation-module #key-people a.list,
section.operation-module #documents a.list,
section.operation-module #reports a.list,
section.operation-module #upcomings a.list,
section.operation-module #calendar a.list,
section.operation-module #notices a.list,
section.operation-module #highlights a.list,
section.operation-module #nav a.list {
  position: absolute;
  bottom: 20px;
  right: 20px;
}

section.operation-module #shareholders .block_container .graphContainer {
  height: calc(60vh - 2px);
}

section.operation-module #nav .block-content .graphContainer {
  height: calc(50vh - 2px);
}

section#notices,
section#messages {
  text-align: left;
}

section#notices .parent-box,
section#messages .parent-box {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 200%;
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
}

section#notices .siblings,
section#messages .siblings {
  float:left;
  width: calc(50% - 40px);
  padding: 20px;
}

section#notices .move-right,
section#messages .move-right {
  transform: translateX(-50%);
  -webkit-transform:translateX(-50%);
}

section#notices h2,
section#messages h2,
section#notices p,
section#messages p {
  margin-bottom:10px;
}

section#notices div.communication,
section#messages div.communication {
  display: flex;
  justify-content: flex-start;
  position: relative;
  margin-bottom:10px;
  border-top: 1px solid var(--hexColor1);
  border-bottom: 1px solid var(--hexColor1);
  padding: 5px 0;
}

section#notices div.communication span.date,
section#messages div.communication span.date {
  padding: 5px;
  background: var(--hexColor1);
  color: #fff;
  height: 80px;
  min-width: 50px;
  text-align: center;
  line-height: 1;
}

section#notices div.communication span.date span.day-month,
section#messages div.communication span.date span.day-month {
  display:block;
  font-size: 1.2em;
}

section#notices div.communication span.date span.day-number,
section#messages div.communication span.date span.day-number {
  display:block;
  font-size: 2em;
}

section#notices div.communication span.date span.day-year,
section#messages div.communication span.date span.day-year {
  display:block;
}

section#notices div.communication span.text,
section#messages div.communication span.text {
  width: calc(100% - 70px);
  margin-left: 10px;
}

section#notices div.communication span.text span.title,
section#messages div.communication span.text span.title {
  font-weight: bold;
}

section#notices div.communication span.text span.read,
section#messages div.communication span.text span.read {
  display:block;
  font-size: 0.9em;
  font-style: italic;
}

section#notices div.communication span.more,
section#messages div.communication span.more {
  position: absolute;
  bottom:5px;
  right:0;
}

section#notices div.communication span.more .details,
section#messages div.communication span.more .details {
  display: inline-block;
  border: 1px solid var(--hexColor1);
  padding: 6px;
  text-align: center;
  color: var(--hexColor1);
  text-decoration: none;
  text-transform: uppercase;
}

section#notices p.buttons,
section#messages p.buttons {
  width: calc(50% - 40px);
  position: absolute;
  bottom: 10vh;
}

section#notices p.buttons a,
section#messages p.buttons a {
  display: block;
  border: 1px solid var(--hexColor1);
  padding: 6px;
  text-align: center;
  color: var(--hexColor1);
  text-decoration: none;
  text-transform: uppercase;
}

div#footer {
  position: absolute;
  bottom: 0;
  font-size:0.75em;
  text-align: center;
}

/*PROMPT & MESSAGE*/
.prompt, 
#message {
  display:none;
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:rgba(255, 255 ,255 , 0.8);
  z-index:999;
}

#message {
  background-color:rgba(255, 255 ,255 , 1);
}

.prompt-box, 
#message-box {
  position: fixed;
  top: 50%;
  left: 20px;
  width:calc(100% - 40px);
  height: 180px;
  margin-top:-90px;
  z-index:9999;
}

#message-box h1 {
  margin:0 0 10px 0;
  font-size:1em;
  display:flex;
  justify-content:space-between;
  border-radius:5px 5px 0 0;
}

#message-box h1 a.item_close {
  cursor:pointer;
  position: relative;
  width:13.5px;
  height:18px;
  /*border-radius:10px;*/
  color:var(--white);
  text-decoration: none;
}

#message-box h1 a.item_close::after {
  font-family: "Font Awesome 6 Free";
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  position:absolute;
  top:0;
  right:0;
  content: "\f00d";
}

.prompt-box div.content,
#message-box div.content {
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}

.prompt-box div.butLine,
#message-box div.butLine {
  bottom:10px;
  height:calc(100% - 40px);
  text-align:center;
  line-height:3;
}

/*APP MENU*/
#app-menu {
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
  height:10vh;
  background: white;
  display:flex;
  justify-content: space-around;
  align-items: center;
  z-index: 9;
}

#app-menu a.button,
#app-menu a.button:visited,
#app-menu a.button:hover,
#app-menu a.button:active {
  position: relative;
  display:inline-block;
  width:20%;
  height: 100%;
  background-size: 40%;
  background-position: center center;
  background-repeat: no-repeat;
  border:0;
}

#app-menu a.button.animated {
  animation: button-shaking 4s infinite;
  animation-delay: 2s;
}

#app-menu a#home {
  background-image: url(assets/logo.png);
  background-size: 60%;
}

#app-menu a#comunicazioni {
  background-image: url(assets/communications.png);
}

#app-menu a#comunicazioni:hover,
#app-menu a#comunicazioni.active {
  background-image: url(assets/communications.png);
}

#app-menu a#operations {
  background-image: url(assets/deals.png);
}

#app-menu a#operations:hover,
#app-menu a#operations.active {
  background-image: url(assets/deals.png);
}

#app-menu a#language.it {
  background-image: url(assets/italian_bw.png);
}

#app-menu a#language.en {
  background-image: url(assets/english_bw.png);
}

#app-menu a#logout {
  background-image: url(assets/logout.png);
}

#app-menu a#logout:hover {
  background-image: url(assets/logout.png);
}