body{font-family: Titillium Web; font-weight: 400; font-size: 14px; background-color: #F5F5F1;}
.container{max-width: 960px;}
.title{font-weight: 300; font-size: 58px; color: #004C9B;}
.domino-title{font-weight: 600; font-size: 44px; color: #004C9B;}



.blue-text{color: #317ED9; font-size: 22px;}
.box{background-color: white; text-align: left; border-radius: 10px; padding: 13px 12px 15px 12px; width: 161px;}
.box ul li{margin-bottom: 6px;}
.box ul li a{text-decoration: none; color: #474747; display:block; line-height:14px;}

.header-box{text-align: left; border-radius: 10px; width: fit-content; color: white !important; font-size: 12px; padding: 13px 22px 13px 13px;}
/*.avatar{font-size: 16px; text-align: center; padding: 10px 10px 5px; border-radius: 10px; box-shadow: #00000029 -1px 3px 6px; margin-bottom: 5px; margin-top: 6px;}
.avatar img{max-width: 50%; max-height: 87px;}
.avatars{margin-left: 50px; max-width: 470px;}*/

.avatar{font-size: 16px; text-align: center; padding: 10px 10px 5px; border-radius: 10px; box-shadow: #00000029 -1px 3px 6px; margin-bottom: 5px; margin-top: 6px; max-height: 192px;}
.avatar img{max-width: 100%;}
.avatars{max-width: 624px;}

.add{position: absolute; top: 15px; right: 22px; color: #f0b600; font-size: 18px;}
.paragraph{font-size: 16px; line-height: 24px;}
.next-to-logo{bottom: 22px; right: 12px;}
.info{font-size: 12px;}

.alert{background-color: #474747; border-radius: 0; padding: 10px 20px; position: fixed; z-index: 5; top: 0; left: 50%; transform: translateX(-50%);}
.text-alert{color: white; font-size: 12px; letter-spacing: 1.2px; line-height: 14px; }

.overlay{background-color: rgba(71, 71, 71, 0.8); position: fixed; z-index: 100; top: 0; bottom: 0; right: 0; left: 0; display: none;}
.domino{background-color: #F5F5F1;}
.home{position: absolute; z-index: 5; transform: translateX(-50%); left: 50%; top: 33%; }
.intro.home{z-index: 5; top: 18%;}
.intro.home .avatar{background-color: white;}
.documenti{position: absolute; z-index: 20; bottom: 230px; transform: translateX(-54%); left: 50%; color: #B5B4B4; font-size: 14px; transition: transform 0.6s ease; cursor:pointer}
.prodotti{position: absolute; z-index: 20; top: 230px; transform: translateX(-54%); left: 50%; color: #B5B4B4; font-size: 14px; transition: transform 0.6s ease; cursor:pointer}
.slide{transition: transform 0.4s ease; z-index: 10;}
.slide-up{transform: translateY(-110px)}
.slide-down{transform: translateY(70px)}
.icon-slide-up{transform: translate(-54%, -110px)}
.icon-slide-down{transform: translate(-54%, 70px)}
.fotoSlide{ margin: 20px 0; }
.fotoSlide img{border-radius:10px}
.menu-documenti{position: absolute; z-index: -5; bottom: 195px; text-align: left; border-top-left-radius: 20px; background-color: white; width: 97% ;
      border-top-right-radius: 20px; padding: 24px 24px 50px; margin-left: 4px;}
.menu-documenti div{font-size: 16px; font-weight: 700; margin-bottom: 11px;}
.menu-documenti ul{font-size: 12px; list-style-type: none; margin: 0; padding: 0;}
.menu-documenti ul li{float: none;}
	.menu-documenti ul li a{color: #535659;
	text-decoration: none;
	}
.menu-prodotti{position: absolute; z-index: -5; top: 195px; text-align: left; border-bottom-left-radius: 20px; background-color: white; width: 97% ;
  border-bottom-right-radius: 20px; padding: 50px 24px 24px; margin-left: 4px;}
.menu-prodotti div{font-size: 16px; font-weight: 700; margin-bottom: 11px;}
.menu-prodotti ul{font-size: 12px; list-style-type: none; margin: 0; padding: 0;}
.menu-prodotti ul li{float: none;}
.menu-prodotti ul li a{
  color: inherit;
  text-decoration: none;
	display:block; padding:3px 0; line-height:14px
}

.menu-toggle{position: relative;}

.sub-menu{position: absolute; z-index: 10; margin-left: 9px; bottom: 63px;}
.sub-menu ul{list-style-type: none; margin: 0; padding: 0; overflow: hidden;}

.avatars a{text-decoration: none; color: #317ED9;}


.hide{display: none;}
.show{display: block;}

.profili{z-index: -5; bottom: 38px;}
.profili ul{padding-left: 12px;}
.profili ul li{float: none; position: relative;}
.profili ul li::before{
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 2.5px;
    background-color: #317ED9;
    position: absolute;
    top: 7px;
    left: -10px;

}
.profili ul li a{text-decoration: none; color: #004C9B;}

.link ul{list-style-type: none; margin: 0; padding: 0; overflow: hidden;}
.link ul li{font-size: 16px; margin-bottom: 9px;}
.link ul li a{text-decoration: none; color: #474747;}
.little-box{display: inline-block; width: 25px; height: 27px; border-radius: 6px; box-shadow: #00000029 0 3px 6px; margin-right: 5px; text-align: center;}
.external-link{background-color: #F5F5F1; color: #474747;}

.box-clienti{background-color: #F5F5F1; border-radius: 10px; color: #004C9B; font-weight: 700;}
.dati-clienti{background-color: white; border-radius: 10px; font-size: 12px; box-shadow: #00000029 0 4px 6px; padding: 2px 3px; margin-bottom: 2px; position: relative; font-weight: 400;}

.blue-icon{color: #317ED9; font-size: 15px;}
.blue{color: #004C9B;}
.white{color: white !important;}
.orange{color: #F3A400;}
.yellow{color: #F5CF59;}
.grey{color: #808080;}



.text-orange{color: #EA621D;}
.text-purple{color: #4C4699;}
.text-green{color: #8DBC24;}
.light-blue-text{color: #004C9B;}

.paddingx-13{padding-left: 13px; padding-right: 13px;}

.mt-30{margin-top: 30px;}

.mb-10{margin-bottom: 10px;}

.size-32{font-size: 32px;}
.size-30{font-size: 30px;}
.size-24{font-size: 24px;}
.size-20{font-size: 20px;}
.size-18{font-size: 18px;}
.size-16{font-size: 16px;}
.size-12{font-size: 12px;}
.size-10{font-size: 10px;}

.light-weight{font-weight: 300;}
.bold-weight{font-weight: 700;}

.z-index-150{z-index: 150;}
.z-index-50{z-index: 50;}

.t-60{top: 60px;}

.ls-2{letter-spacing: 2.5px;}


.text-overflow{overflow-y: auto; position: relative; height: 260px; scrollbar-width: none;;}
.tab-pane{position: relative;}
.tab-pane:after {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 0px;
    left: 0;
    pointer-events: none;
    background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255, 1) 90%);
    width: 100%;
    height: 53px;
  }

  .nav-tabs{border-bottom: none;}
  .nav-link{color: #474747;}
  .nav-link:hover{color: #474747;}
  .nav-tabs .nav-link.active{color: #e2850c; border-bottom: 3px solid #e2850c; font-weight: 700;}
  .nav-tabs .nav-link{margin-bottom: 0; border: none; border-radius: none; font-size: 17px;}


.verde .header-box{background-color: #8DBC24; color: #8DBC24;}
.verde .descrizione{background-color: #8DBC24; color: #8DBC24; line-height:16px; font-size:12px}
.verde .little-box{background-color: #8DBC24; color: #8DBC24;}
.verde .external-link{background-color: #F5F5F1; color: #474747;}
.verde .nav-tabs .nav-link.active{border-bottom: 3px solid #8DBC24; color: #8DBC24;}


.viola .header-box{background-color: #4C4699; color: #4C4699;}
.viola .descrizione{background-color: #4C4699; color: #4C4699; line-height:16px; font-size:12px}
.viola .little-box{background-color: #4C4699; color: #4C4699;}
.viola .external-link{background-color: #F5F5F1; color: #474747;}
.viola .nav-tabs .nav-link.active{border-bottom: 3px solid #4C4699; color: #4C4699;}

.arancione .header-box{background-color: #EA621D; color: #EA621D;}
.arancione .descrizione{background-color: #EA621D; color: #EA621D; line-height:16px; font-size:12px}
.arancione .little-box{background-color: #EA621D; color: #EA621D;}
.arancione .external-link{background-color: #F5F5F1; color: #474747;}
.arancione .nav-tabs .nav-link.active{border-bottom: 3px solid #EA621D; color: #EA621D;}

.modal-dialog{ max-width:900px}
.popup{  height:600px; overflow-y: auto;overflow-x: hidden;scrollbar-width: none; }
.popupDati{ cursor:pointer}
::-webkit-scrollbar {width: 0px;height: 0px;}
::-webkit-scrollbar-track {border: 0px solid #D7D7D7;border-radius: 10px;}
::-webkit-scrollbar-thumb {background: #DBDBDB;  border-radius: 10px;}
::-webkit-scrollbar-thumb:hover {background: #D7D7D7;  }

.switch {
  position: relative;
  display: inline-block;
  width: 77px;
  height: 34px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #FFFFFF;
  box-shadow: inset #00000029 0 2px 5px;
  -webkit-transition: .4s;
  transition: .4s;
}


.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: #317ED9;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color:white;
}

input:checked + .slider:before {
  -webkit-transform: translateX(43px);
  -ms-transform: translateX(43px);
  transform: translateX(43px);
}

input:checked + .grey{ color: #004C9B;}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.carousel-cell{width: 100%;}

.chartVal{ position:absolute; z-index:50; top: 45%; right: 50%;
  transform: translate(50%,-50%); color:#317ED9; font-weight:700; font-size:18px}
.datiGrafico{
  font-size: 13px;
  text-align: left;
  text-transform: uppercase;
}
.modal-content{ border-radius:10px}
.modal-header { border-bottom:none}
.modal-header{ padding-bottom:0}

.bottoneIntro{position:absolute; z-index: 50;top:660px;background-color:transparent; width: 340px; height: 100px; cursor:pointer}
.slideIntro{position:absolute; z-index: 5;top:0;display:none}
.btn_back{ position: absolute; z-index: 100; top:20px; left:20px}
.carousel-control-next-icon{background-image: url("../img/btn_next.svg")}
.carousel-control-prev-icon{background-image: url("../img/btn_prev.svg")}
.carousel-control-prev{display: none}

/* in caso questa classe può essere disattivata*/
footer{ position:fixed; z-index:1000; bottom:0px; text-align:center; width:100%}
/**/