/* COL */
header .barraalta {background:var(--main-color); padding-top:10px; padding-bottom:10px; color:#fff; font-size:20px; position:fixed; top:0; left:0; z-index:9; border-bottom:1px solid var(--main-light-color);}
header .barraalta i {float:right; margin-left:15px; cursor:pointer;}
header .barraalta i.fa-bars {float:left; margin-left:0;}
header .barraalta a {color:#fff;}
header .barraalta .boxnotifiche {display:none; width:90%; max-width:300px; max-height:80vh; position:absolute; background:#fff; top:50px; right:15px; border:1px solid #969696; box-shadow:0 0 10px 0 #c0c0c0;}
header .barraalta .boxnotifiche span.corner {width:20px; height:20px; transform:rotate(45deg); background:var(--indigo-color); position:absolute; top:-11px; right:65px; border-top:1px solid #969696; border-left:1px solid #969696;}
header .barraalta .boxnotifiche .intestazione {background:var(--indigo-color); text-align:center; color:#fff; padding:30px; font-size:18px;}
header .barraalta .boxnotifiche .notifica {border-bottom:1px solid #969696; padding-top:15px; padding-bottom:15px; transition:all 0.2s;}
header .barraalta .boxnotifiche .notifica:hover {background:#eee;}
header .barraalta .boxnotifiche .notifica span.orario {display:block; font-size:10px; color:#969696;}
header .barraalta .boxnotifiche .notifica span.testonotifica {display:block; font-size:14px; color:#000;}
header .barraalta .boxnotifiche .lastitem {background:#ddd; text-align:center; color:#000; padding:10px; font-size:12px; transition:all 0.2s;}
header .barraalta .boxnotifiche .lastitem:hover {background:var(--indigo-color); color:#fff;}
header .barraalta .boxnotifiche .lastitem i {float:none; margin-left:0;}
header .menu {display:none; position:fixed; top:0; left:0; background:var(--main-color); color:#fff; height:100vh; z-index:8; padding-top:60px;}
header .menu .itemmenu {border-bottom:1px solid var(--main-light-color);}
header .menu .itemmenu a {display:block; padding:10px 0; color:#fff; font-size:16px; cursor:pointer;}
header .menu .itemmenu a i {width:20px; height:20px;}
header .menu .itemmenu a i.right {float:right; margin-top:5px;}
header .menu .itemmenu a i.right.fa-chevron-down {margin-right:3px;}
header .menu .itemmenu .submenu {display:none; margin-bottom:5px; padding-left:15px;}
header .menu .itemmenu .submenu a {padding:5px 0; font-size:14px;}

header .barraalta .boxprofilo {display:none; width:90%; max-width:300px; max-height:80vh; position:absolute; background:#fff; top:50px; right:15px; border:1px solid #969696; box-shadow:0 0 10px 0 #c0c0c0;}
header .barraalta .boxprofilo span.corner {width:20px; height:20px; transform:rotate(45deg); background:var(--purple-color); position:absolute; top:-11px; right:32px; border-top:1px solid #969696; border-left:1px solid #969696;}
header .barraalta .boxprofilo .intestazione {background:var(--purple-color); text-align:center; color:#fff; padding:30px; font-size:18px;}
header .barraalta .boxprofilo a {color:#000; display:inline-block; font-size:12px; padding:15px;}
header .barraalta .boxprofilo a i {display:contents;}

/* COL-MD */
@media only screen and (min-width: 768px) {

  header .menu {width:50%;}

}





/* COL-XL */
@media only screen and (min-width: 1200px) {

  header .barraalta {background:#fff; border:0; box-shadow:0 0 5px 0 var(--main-color); color:var(--main-color);}
  header .barraalta a {color:var(--main-color);}
  header .menu {display:block; width:250px;}

}