:root
{
  --mGold:rgb(174, 113, 51); 
  --mGoldS:rgb(138, 68, 52); 
  --mBlack:rgb(32, 37, 38); 
  --mGray:rgb(84, 97, 100); 
  --mWhite:rgb(255, 255, 255);
  --mFooterBackColor:rgba(233,228,223,0.8);
  --mBackColor:rgb(233,228,223);
  --rColor:#c90000;
  --marginX:0.175vw;
  --xListWidth:15vw;
  --xListFontSize:1.2vw;
  --zoomBackColor:rgb(255, 255, 255);
}




#mDIV::-webkit-scrollbar
{
  height: 0.6vw;
  width: 0.6vw;
}
#mDIV::-webkit-scrollbar-track
{
  background:white;
  border-radius:0.6vw;
}
#mDIV::-webkit-scrollbar-thumb
{
  background:lightgray;
  border-radius:0.6vw;
}
#mDIV::-webkit-scrollbar-thumb:hover
{
  background: gray;
}
#mDIV::-webkit-scrollbar-corner
{
  background:var(--mWhite);
}

/*
.mIF::-webkit-scrollbar
{
  height: 0.6vw;
  width: 0.6vw;
}
.mIF::-webkit-scrollbar-track
{
  background: #f1f1f1;
  border-radius:0.6vw;
}
.mIF::-webkit-scrollbar-thumb
{
  background:lightgray;
  border-radius:0.6vw;
}
.mIF::-webkit-scrollbar-thumb:hover
{
  background: gray;
}
.mIF::-webkit-scrollbar-corner
{
  background:var(--mBlack);
}
*/
.mIF
{
display:block;width:80vw;height:30vw;float:left;outline:none;border:0;margin:0;padding:0;overflow:hidden;background:red;
}




/*
.rowLeg
{
  position:absolute;
  height:auto;
  width:7vw;
  right:2vw;
  font-size:0.8vw;
  font-weight:bold;
  font-family:Arial;
  color:#505050;
}
*/
.rowLeg
{
  position:absolute;
  height:auto;
  width:20.5vw;
  left:0;
  font-size:0.8vw; /* 1vw */
  font-weight:bold;
  font-family:Arial;
  color:#505050;
}

.rowCaption
{
  position:absolute;
  width:auto;
  height:2vw;
  right:0.5vw;
  font-size:1vw; /* 1vw */
  font-weight:bold;
  font-family:Arial;
  color:#505050;
}
.mainDatePanel
{
  float:left;
  width:auto;
  height:auto;
}
.yearColumn
{
  width:6.5vw; /* 4.3 -> 5.3 -> 5.75 */ 
  height:35vw; /* 30vw */
  float:left;
  background-color:#EDEADE;  
  position:relative;
}
.yC
{
  background-color:#F5F5DC;  
}
.yearColumnPanel
{
  float:left;
  width:auto;
  height:auto;
  clear:left;
}
.yearPanel
{
  width:auto;
  height:auto;
  float:left;  
  clear:left;
}
.year
{
  width:6.5vw; /* 4.3 -> 5.3*/
  height:auto;
  float:left;
  background-color:pink;  
}
.yearText
{
  width:100%;
  height:2vw;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1vw;
  font-family:Arial;
  clear:left;
  background-color:white;
  font-weight:bold;
  color:#505050;
}
.yearBullet
{
  width:1vw; /* 0.8 vw */
  height:1vw;
  border-radius:100%;
  background-color:#F48239;    
}
.yearBulletContainer
{
  width:100%;
  height:1.75vw; /* 1.5vw */
  background-color:#F8D7CD;  
  display:flex;
  align-items:center;
  justify-content:center;
  clear:left;
}
.yearEvent
{
  width:100%;
  height:auto;
  background-color:white;  
  clear:left;
}
.yearEventItem
{
  /*text-align:justify;
  text-justify:inter-word;*/
  word-wrap:break-word;
  clear:left;
  width:100%;
  height:auto;
  font-size:0.65vw;
  font-family:Arial;
  /* margin-bottom:0.5vw; */
  padding-left:0.5vw;
  padding-right:0.25vw;
  box-sizing:border-box;
  position:relative;
  /*margin-top:0.25vw;*/
  cursor:default;
  
}
.clA
{
  color:#1b85b8; /* blue */
}
.clB
{
  color:#ff9900;
}
.clC
{
  color:#505050;/* #38761d; */
}
.clAx
{
  background-color:#1b85b8; /* blue; */
}
.clBx
{
  background-color:#ff9900;
}
.clCx
{
  background-color:#505050;/* #38761d; */
}
.listBullet
{
  width:0.3vw;
  height:0.3vw;
  border-radius:100%;
  /*background-color:black;*/ 
  position:absolute;
  top:0.15vw;
  left:0.05vw;   
}
.arrow
{
  position:absolute;
  top:50%;
  right:0;
  width:3vw;
  height:3vw;
  background-color:green;
}
.essayTitlePanel
{
  position:absolute;
  width:100%;
  height:1.25vw; /* 2vw */
  background-color:transparent;
  display:flex;
  align-items:center;
  justify-content:space-around;
  left:0;
  top:40%;
}
.essayBullet
{
  width:0.8vw; /* 0.8vw */
  height:0.8vw; /* 0.8vw */
  border-radius:100%;
  

background-color:#F48239;  
background-color:white;
border:solid 0.25vw #F48239;
 
  position:relative; 
  cursor:pointer;
/**/
  display:flex;
  align-items:center;
  justify-content:center;
/**/
}
.innerEssayBullet /* RIMUOVERE NELL'HTML; AGGIUNGERE PRIMA E DOPO LE STRINGHE DENTRO essayTitle   */
{
  width:0vw;
  height:0vw;
  border-radius:100%;
  background-color:white;
}

.essayBullet:hover > .essayTitle
{
  visibility:visible;
}
.essayTitleHead
{
  font-weight:bold;
  font-style:italic;
  /* font-size:larger; */
  font-size:0.9vw;
  
}
.innerEssayTitle
{
  float:left;
  width:auto;
  height:auto;
  margin:0.25vw;
  color:#505050;
}  
.essayTitle
{
  position:absolute;
  visibility:hidden;
  z-index:1010;
  width:auto;
  height:auto; /* 1vw */
  white-space:nowrap; 
  /*background-color:#ff6fff;*/

border:solid 0.1vw #505050;
background-color:white;


  /*top:-1.25vw;*/
  bottom:50%;
  left:-0.5vw;
/*
  display:flex;
  justify-content:center;
  align-items:center;
*/
  font-size:0.8vw;
  transform-origin:left 0;
  transform:rotate(-45deg);
  font-family:Arial;
  border-radius:0.25vw;
  z-index:20000;
}
.arrowDivFont
{
  color:white;
  font-family:Arial;
  font-size:0.8vw; 
  padding-left:0.25vw;
  padding-top:0.25vw;
  /*background:red;*/
  float:left;
}
.recensioniDivFont
{
  color:white;
  font-family:Arial;
  font-size:0.8vw; 
  padding-left:0.25vw;
  padding-top:0.25vw;
  /*background:red;*/
  float:left;
  position:relative;
}
.recensioniList
{
  /* width:5.3vw; */
  /* min-height:3vw; */
  height:auto;
  position:absolute;
  top:100%;
  left:50%;
  visibility:hidden;
  background-color:white;
  border:solid 0.1vw #505050;
  padding:0.25vw;
  bow-sizing:border-box;
  border-radius:0.25vw;
  width:auto;
  white-space:nowrap;
}
.recensioniDivFont:hover
{
  cursor:default;
}
.recensioniDivFont:hover > .recensioniList
{
  visibility:visible; 
}

.arrowDiv
{
  position:absolute;
  height:3vw;
  left:0;
  z-index:1000;
  clip-path: polygon(95% 0%, 100% 50%, 95% 100%, 0% 100%, 5% 50%, 0% 0%);
}
.recensioniPanel
{
  position:absolute;
  width:calc(100% - 0.3vw);
  height:3vw;
  top:20%;
  left:0;
  vertical-align:top; /* <- ??? */
  border-radius:0.25vw;
  margin-left:0.15vw;
}
.rivistePanel
{
  position:relative;
  height:3vw;
  top:60%;
  left:0;
  z-index:1000;
  vertical-align:top; /* <- ??? */
}
.bigArrow
{
  position:absolute;
  height:200%;
  width:2vw;
  top:-50%;
  left:calc(100% - 1vw);
  background-color:inherit;
  clip-path:polygon(0 0, 0% 100%, 100% 50%);
}
.recItem
{
  cursor:pointer;
}
.recItem:hover
{
  text-decoration:underline;
}
.lineAbove
{
  position:absolute;
  left:0;
  width:2100%;
  height:0;
  border-bottom:solid 0.1vw white;/* #F8D7CD */
  top:calc(40% - 1.375vw);
  z-index:1000;
}
.lineBelow
{
  position:absolute;
  left:0;
  width:2100%;
  height:0;
  border-bottom:solid 0.1vw white;/* #F8D7CD */
  top:calc(40% + 2.625vw);
  z-index:1000;
}
.MDG_B_Color
{
  /* background-color:#88518C; */
  background-color:#B796BA;
  background-color:#ff746c;
  background-color:#FF6C7C;
}
.bordItem
{
  width:calc(100% + 0.05vw);
  height:calc(100% + 0.5vw);
  position:absolute;
  left:-0.2vw;
  top:-0.25vw;
  background:transparent;
  visibility:hidden;
  box-sizing:border-box;
  border:solid 0.1vw gray;
  border-radius:0.25vw;
  cursor:pointer;
}
.yearEventItem:hover > .bordItem
{
  visibility:visible; !important;
}

/*
.yearEventItem:hover > .yearEventItemInner
{
  visibility:visible;
  cursor:none;
  font-size:larger;
}
*/
/*
.yearEventItem:hover -> IMPORTANTE: Lasciare nella visualizzazione degli items delle recernsioni...   
{
  background-color:#F5F5DC;
  cursor:pointer;
}
*/
.yearEventItemInner
{
  /* font-weight:bold; */
  visibility:hidden;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:auto;
  z-index:11000;
  background-color:white;
/*
  border:solid 0.1vw #505050;
  border-radius:0.25vw;
  padding:0.25vw;
*/
  padding-bottom:0.5vw;
  padding-right:0.25vw;
  box-sizing:border-box;
}




.mFooter
{
  position:fixed;
  left:7vw;
  width:100vw;
  width:93vw;
/*
  height:6.4vw;
  bottom:0.6vw;
*/
  height:7vw;
  bottom:0;

  background-color:var(--mFooterBackColor);
  display:flex;
  justify-content:space-between;
  align-items:center;
  box-sizing:border-box;
  padding-left:3.5vw;
  padding-right:3.5vw;
  z-index:1000;
}
.mLogo
{
  width:12vw;
  height:auto;
  display:block;
  outline:none;
  padding:0;
  margin:0;
}
.mSideX
{
  float:left;
  width:7vw;
  height:100dvh;
  display:flex;
  flex-direction:column;
  align-items:center;
  background-color:var(--mBlack);
}
.mIcon
{
  width:3.8vw;
  width:3.5vw;
    width:3.15vw;

  height:auto;
  display:block;
  outline:none;
  padding:0;
  margin:0;
  clear:left;
  outline:none;
}
.homeLogo
{
  width:4.5vw;
  margin-bottom:2vw;
  margin-top:1vw;
  cursor:pointer;
}
.mIconW
{
  width:auto;
  height:auto;
  outline:none;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  margin-bottom:1.35vw;
  outline:none;
  position:relative;
}
.mIconW:hover > .iconLinks
{
  display:block;
}
.mIconTitle
{
  width:auto;
  color:var(--mGold);
  white-space:nowrap;
  font-size:0.8vw;
  margin-top:0.25vw;
  font-family:Arial;
}
.iconLinks
{
  top:50%;
  left:50%;
  position:absolute;
  z-index:10000;
  display:none;
  width:auto;
  height:auto;
  min-width:100%;
  background-color:var(--mWhite);
  border:solid 0.1vw var(--mBlack);
border-radius:0.25vw;

  box-sizing:border-box;
  padding-top:0.25vw;
  padding-bottom:0.25vw;
  padding-left:0.5vw;
  padding-right:0.5vw;
}
.spanF
{
  font-size:0.8vw;
  font-family:Arial;
  margin:0;
  float:left;
  clear:left;
  color:var(--mGray);

  display:flex;
  align-items:center;
  white-space:nowrap;
  width:auto;
  height:1.25em;
  cursor:pointer;
}