/* styles.css */
.border-bold {
    border-width: 2px !important; 
    font-weight: bold !important;
}

.custom-row {
  display: flex;
  align-items: stretch;
}

.custom-col {
  flex: 1;
  padding: 10px;
  border: 1px solid #ddd;
}

.bordato-row {
  display: flex;
  align-items: stretch;
}

.bordato-col {
  flex: 1;
  border: 1px solid #ddd;
  padding: 2px;
}

.lama {
  background-color: aqua;
  writing-mode: vertical-lr
}

.distanziale {
  background-color: black;
  color: white;
  writing-mode: vertical-lr
}

.hidden {
  display: none;
}

.visible {
  display: block;
}

.prima-maiuscola::first-letter {
  text-transform: capitalize;
}

.drag-handler {
  width: 1.4em;
  position: relative;
  background-color: #E4E6EB;
/*  background-image: linear-gradient(45deg, #E4E6EB, #E4E6EB 2px, #fff 2px, #fff 4px, #E4E6EB 4px, #E4E6EB 9px, #fff 9px, #fff 11px, #E4E6EB 11px, #E4E6EB 16px, #fff 16px, #fff 18px, #E4E6EB 18px, #E4E6EB 22px);*/
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-justify' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M2 12.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5m0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5m0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5m0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  background-size: 30px 50px; 
  cursor: move;
  border-top: 2px solid #FFF;
  border-bottom: 2px solid hwb(0 100% 0%);
}

.drag-handler:active {
/*  background-image: linear-gradient(45deg, #bab86c, #bab86c 2px, #fff 2px, #fff 4px, #bab86c 4px, #bab86c 9px, #fff 9px, #fff 11px, #bab86c 11px, #bab86c 16px, #fff 16px, #fff 18px, #bab86c 18px, #bab86c 22px);*/
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-justify' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M2 12.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5m0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5m0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5m0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 30px 50px;
}

.labelbox {
  /* Stile che rende il testo modificabile */
  border: 1px solid #ccc;
  padding: 2px 4px;
  display: inline-block;
  width: auto; /* Imposta la larghezza desiderata */
  min-width: 30px; /* Imposta la larghezza minima */
  cursor: text; /* Mostra il cursore del testo */
  background-color: white; /* Colore di sfondo bianco */
  border-radius: 3px; /* Bordi arrotondati */
}

.LM {
  background-color: lightblue;
  color: black;
  border: 1px solid black;
}

.LP {
  background-color: pink;
  color: black;
  border: 1px solid black;
}

.DZ {
  background-color: gray;
  color: white;
  border: 1px solid white;
}

.GB {
  background-color: blue;
  color: white;
  border: 1px solid white;
}

.GY {
  background-color: yellow;
  color: black;
  border: 1px solid black;
}

.GR {
  background-color: red;
  color: white;
  border: 1px solid black;
}

.GS {
  background-color: skyblue;
  color: black;
  border: 1px solid black;
}

.GW {
  background-color: white;
  color: black;
  border: 1px solid black;
}

.GN {
  background-color: black;
  color: white;
  border: 1px solid black;
}


.somma_corretta {
  background-color: white;
}

.somma_errata {
  background-color: coral;
}