body {
  font-family: "Montserrat";
}
/*NAVBAR*/
.log {
  color: #054470;
  font-weight: 800;
  transition: 0.3s;
}
.sublog {
  font-size: small;
  line-height: 0.5;
  letter-spacing: 15px;
}

td {
  white-space: nowrap;
}
.nw {
  white-space: normal;
}
.buttonHomeUser {
  width: 100%;
}
.workInProgress {
  font-size: 30px;
  font-weight: 700;
  color: red;
  margin-left: 50px;
  display: inline-block;
}

.linkNewOperator {
  text-decoration: none;
  color: black;
}
.listActivity {
  font-weight: 700;
}
.linkNewOperator:link,
.linkNewOperator:visited,
.linkNewOperator:hover {
  text-decoration: none;
}
#labelAllCertificazione,
#labelAllRedditiTerreni,
#labelAllRedditiFabbricati,
#labelAllRedditiCapitale,
#labelAllPolizzeIntegrative,
#labelAllInteressiMutuo,
#labelAllContributiColf,
#labelAllAbbonamentoTrasporti,
#labelAllAlimentiConiuge,
#labelAllAssicurazioneVita,
#labelAllCanoneAffittiStud,
#labelAllSpeseSanitarie,
#labelAllSpeseIstruzione,
#labelAllSpeseUniversiatrie,
#labelAllAttivitaSportiva,
#labelAllSpeseFunerarie,
#labelAllRistrutturazioni {
  margin-right: 10px;
}
#uploadMenu {
  width: 60%;
}
.radioUpload {
  float: right;
}
#login {
  width: 40%;
}
.serviceObject {
  font-weight: 500;
  font-size: medium;
  color: black;
}
.workPage {
  color: darkblue;
  font-weight: 500;
  font-size: x-large;
  line-height: 2;
}
.working {
  color: darkblue;
  font-size: large;
}
.workPageRec {
  text-align: center;
}
#idservice {
  color: purple;
}
.notesFromUser {
  margin-top: 10px;
}
.idsTableService {
  color: #d63384;
}
textarea {
  border: 2px solid limegreen;
}
.recapDate {
  border-radius: 10px;
  border-style: solid;
  border-color: red;
}
.statusServizio {
  border: solid red;
  border-radius: 10px;
  text-align: center;
  margin-top: 5px;
  padding: 5px;
  color: white;
  background-color: red;
  font-weight: 600;
  font-size: larger;
}
.statusTime {
  border: solid darkblue;
  border-radius: 10px;
  text-align: center;
  margin-top: 5px;
  padding: 5px;
  color: white;
  background-color: darkblue;
  font-weight: 600;
  font-size: larger;
}
#logOut {
  margin-left: 6px;
}
.mynewUser {
  margin-top: 30px;
}
.logoScritture {
  width: 70px;
}
.contatti {
  margin-left: 10px;
  font-size: large;
  color: #153462;
  font-weight: 600;
}
.homeAzienda {
  background-color: #8d72e1;
}

.mainCircle {
  background-color: #7764ee;
  width: 350px;
  height: 350px;
  border-radius: 100%;
  margin: auto;
  margin-top: 110px;
}
.balls {
  width: 160px;
}

.bilanciCircle {
  background-color: #fd661f;
  width: 160px;
  height: 160px;
  border-radius: 100%;
  text-align: center;
  border: solid 4px rgb(83, 81, 81);
  transition: 0.3s;
  color: white;
}
.serviziCircle {
  background-color: #e16fd6;
  width: 160px;
  height: 160px;
  border-radius: 100%;
  text-align: center;
  border: solid 4px rgb(83, 81, 81);
  transition: 0.3s;
  color: white;
}
.lavoroCircle {
  background-color: #ecf014;
  width: 160px;
  height: 160px;
  border-radius: 100%;
  text-align: center;
  border: solid 4px rgb(83, 81, 81);
  transition: 0.3s;
  color: white;
}
.dichiarativiCircle {
  background-color: #f11919;
  width: 160px;
  height: 160px;
  border-radius: 100%;
  border: solid 4px rgb(83, 81, 81);
  text-align: center;
  transition: 0.3s;
  color: white;
}
.scrittureCircle {
  background-color: #1990e7;
  width: 160px;
  height: 160px;
  border-radius: 100%;
  border: solid 4px rgb(83, 81, 81);
  transition: 0.3s;
  color: white;
}
/*BACHECA*/

.borderPin {
  border-color: #60b9e5;
  border-style: solid;
  border-width: 3px;
}

.bg-incarichi {
  background-color: #a7cbd9;
}
.bg-bilanci {
  background-color: #60b9e5;
}
.homeBox {
  height: 60px;
  /*width: 400px;*/
  /*border: solid 2px rgb(83, 81, 81);*/
  border: solid 3px white;
  transition: 0.3s;
  color: white;
}
.homeBox:hover {
  transform: translateY(-30px);
  box-shadow: 0 30px 10px rgba(0, 0, 0, 0.2);
}
.incarichiCircle {
  background-color: #81f525;
  width: 160px;
  height: 160px;
  border-radius: 100%;
  border: solid 4px rgb(83, 81, 81);
  text-align: center;
  transition: 0.3s;
  color: white;
}
.bilanciCircle:link,
.bilanciCircle:visited,
.bilanciCircle:hover {
  text-decoration: none;
  background-color: #fd661f;
  color: white;
  border: solid 4px black;
}
.serviziCircle:link,
.serviziCircle:visited,
.serviziCircle:hover {
  text-decoration: none;
  background-color: #e16fd6;
  color: white;
  border: solid 4px black;
}
.lavoroCircle:link,
.lavoroCircle:visited,
.lavoroCircle:hover {
  text-decoration: none;
  background-color: #ecf014;
  color: white;
  border: solid 4px black;
}
.dichiarativiCircle:link,
.dichiarativiCircle:visited,
.dichiarativiCircle:hover {
  text-decoration: none;
  background-color: #f11919;
  color: white;
  border: solid 4px black;
}
.scrittureCircle:link,
.scrittureCircle:visited,
.scrittureCircle:hover {
  text-decoration: none;
  background-color: #1990e7;
  color: white;
  border: solid 4px black;
}
.incarichiCircle:link,
.incarichiCircle:visited,
.incarichiCircle:hover {
  text-decoration: none;
  background-color: #81f525;
  color: white;
  border: solid 4px black;
}
.bilancibg {
  background-color: #fd661f;
}
a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  color: white;
}

a:active {
  text-decoration: none;
}

.serviziCircle:hover,
.bilanciCircle:hover,
.lavoroCircle:hover,
.dichiarativiCircle:hover,
.scrittureCircle:hover,
.incarichiCircle:hover {
  transform: translateY(-30px);
  box-shadow: 0 30px 10px rgba(0, 0, 0, 0.2);
}

.scritturebg {
  background-color: #1990e7;
}

.myPraticheLink,
.myPraticheLink:visited,
.myPraticheLink:hover,
.myPraticheLink:active {
  color: white;
  text-decoration: none;
  font-size: 1.8rem;
}

.reqLabel {
  background-color: #863a6f;
  color: white;
}
.dashBox {
  border: solid 3px #054470;
  height: 120px;
  width: 300px;
  margin-top: 20px;
  margin-left: 5px;
}
.dashBox:hover {
  transform: translateY(-10px);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}
.progBar {
  margin-top: 40px;
}
.boxResult {
  margin-top: 5px;
  font-size: 20px;
  font-style: italic;
  color: #863a6f;
}
.boxTitle {
  margin-top: 10px;
  font-size: 25px;
  font-weight: 500;
}
.boxNumber {
  color: #81f525;
  text-shadow: 2px 2px #153462;
  font-size: 40px;
  font-weight: 700;
  margin-top: 10px;
}
.cakeCircle {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  text-align: center;
  background-color: #8d72e1;
  display: inline-grid;
  place-content: center;
  margin-top: 15px;
  background-image: linear-gradient(to right, transparent 50%, #655 0);
}

/* NUOVO INCARICO*/
.newIncaricoLabel {
  font-weight: bold;
  font-style: italic;
  color: #8d72e1;
}
.textIncarico {
  margin-top: 80px;
  margin-bottom: 40px;
  color: #655;
  font-style: italic;
  font-weight: lighter;
}
.btnIncarico {
  transition: 0.3s;
}
.btnIncarico:hover {
  transform: translateY(-10px);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
  transform: scale(110%);
}
/*TABELLA ATTIVITA'*/
.bg-Incarichi {
  background-color: #89a3b2;
}

.textAttivita {
  color: #655;
  font-style: italic;
  font-weight: lighter;
  text-align: center;
  margin-top: 30px;
}
.tablePratiche {
  font-size: smaller;
}

.linkPratica:link,
.linkPratica:visited {
  text-decoration: none;
  transition: 0.3s;
  color: black;
  font-weight: 600;
  font-style: italic;
}
.lavorazionePratica {
  text-align: center;
  border: solid 2px;
  padding-top: 10px;
}
.labelPratica {
  font-style: italic;
  font-weight: 600;
}
.workarea {
  border: solid 2px;
  padding: 10px;
}
.textPratica {
  color: #655;
  font-style: italic;
  font-weight: lighter;
  text-align: center;
}
.littlePratica {
  color: purple;
  font-style: italic;
  font-weight: lighter;
  font-size: smaller;
  text-align: center;
  line-height: 1px;
  margin-top: 40px;
  margin-bottom: 15px;
}
.littleInstruction {
  color: purple;
  font-style: italic;
  font-weight: lighter;
  font-size: smaller;
  text-align: center;
}

.id_pratica_lav {
  color: red;
  text-align: end;
  font-weight: bold;
}
.useInstruction {
  text-align: start;
}
.myPratica {
  display: none;
}
.btnPratica {
  margin-top: 20px;
}
.allegatiLavorazione {
  margin-top: 20px;
  border: solid 2px;
  padding: 10px;
}
/*DICHIARAZIONI IVA*/
.boxAggiornaIVA {
  max-width: 60%;
  margin: auto;
}
.linkReport:link,
.linkReport:visited {
  text-decoration: none;
  transition: 0.3s;
  color: black;
  font-weight: 600;
  font-style: italic;
}
.linkReport:hover {
  color: white;
}
.rep {
  color: black;
  font-weight: 600;
  font-style: italic;
}

/*HOME USERS*/
.listAziende,
.listAziende:link,
.listAziende:visited,
.listAziende:hover,
.listAziende:active {
  text-decoration: none;
  color: #655;
}
/*bilancio*/
.bilForm {
  font-style: italic;
  font-weight: 700;
}
.bilColumn {
  width: 90px;
}
.balanceTable {
  box-shadow: 0 15px 15px rgba(0, 0, 0, 0.2);
}
.balancePills {
  background-color: #edf2f9;
  box-shadow: 0 15px 15px rgba(0, 0, 0, 0.5);
}
.pills {
  background-color: #ffffff;
  box-shadow: 0 15px 15px rgba(0, 0, 0, 0.2);
  padding: 15px;
  font-style: italic;
  color: #655;
  font-size: larger;
  font-weight: 800;
}
.pills:hover {
  transform: translateY(-10px);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
  transform: scale(120%);
}
.miniDettagliBilanci {
  background-color: #b7ff87;
}
.miniDettagliAziende {
  background-color: #ffcc5f;
}
.custom-popover {
  --bs-popover-border-color: var(--bs-success);
  --bs-popover-header-bg: var(--bs-success);
  --bs-popover-header-color: var(--bs-white);
}
.linkBilanci:link,
.linkBilanci:visited {
  text-decoration: none;
  transition: 0.3s;
  color: blue;
  font-weight: 600;
  font-style: italic;
}
.titleTipoAziende {
  font-style: italic;
  color: #655;
  margin-bottom: 20px;
  font-weight: 700;
  font-size: larger;
}
.miniContaBilanci {
  font-style: italic;
  font-size: x-small;
  color: blue;
  display: inline-block;
}
/*dichiarazioni iva*/
.btnUtilizzato {
  transform: translateY(-5px);
  box-shadow: 0 10px 8px rgba(0, 0, 0, 0.2);
  background-color: #f0de36;
}