/* - STILI APPLICATI ARCSYSTEM - */
  .w10 {
    width:10cm;
  }
  .w18 {
    width:18cm;
  }
  .w26 {
    width:26cm;
  }
  .w32 {
    width:32cm;
  }
  .w100 {
    width:98%;
  }
  .p80 {
    width:80%;
  }
  .p60 {
    width:60%;
  }
  .p16 {
    width:16%;
  }
  .Grassetto {
    font-weight: bold;
  }
  .Grey {
    background-color:lightgrey; 
  }
  .Yellow {
    background-color:lightyellow !important; 
  }
  .Yelloww {
    background-color:yellow !important; 
  }
  .Green {
    background-color:lightgreen !important; 
  }
  .Orange {
    background-color:orange !important; 
  }
  .Blue {
    background-color:skyblue !important; 
  }
  .Cyan {
    background-color:lightcyan !important;
  }
  .Split {
    word-wrap:break-word;
  }
  .RedBold {
    font-weight: bold !important;
    color: red !important;
  }
  .F12 {
    font-size: 12px;
  }
  .F14 {
    font-size: 14px;
  }
  .F20 {
    font-size: 20px;
  }
  .ACenter, .ACentro {
    text-align:center;
  }
  .Adestra, .ADestra{
    text-align:right;
  }
  .ASinistra, .Asinistra {
    text-align:left;
  }
  .aCapo {
    word-wrap: break-word;
  }
  .ArcTable, .ArcList {
    border: 1px solid black;
    color: black !important;
    font-family:Calibri;
    padding: 0.05cm;
    border-collapse: collapse;
    margin-left: 0.2cm;
  }  

  .ArcTable th, .ArcList th{
    text-align: center;
    vertical-align: middle;
    background-color:lightcyan; 
    border: 1px solid black;
    font-weight: bold;
  }
  .ArcTable td, .ArcList td{
    border: 1px solid black;    
    height: 0.7cm;
    vertical-align: middle;
    padding: 0.05cm; 
  }
  .ArcList tr:hover {
    background-color: lightblue;
  }

    /* campo dimensione da Intero */
  .Intero {
    background-color:lightyellow !important;
    color: black !important;
    width: 3cm;
    height: 0.7cm;
    float: right;
    vertical-align:middle;
    text-align: right;
  }

  .InteroM {
    background-color:lightyellow !important;
    color: black !important;
    width: 1cm;
    height: 0.7cm;
    float: right;
    vertical-align:middle;
    text-align: right; 
  }
  .InteroH {
    background-color:lightyellow !important;
    color: black !important;
    width: 2cm;
    height: 0.7cm;
    float: right;
    vertical-align:middle;
    text-align: right; 
  }

  .Check {
    background-color:lightyellow !important;
    color: black !important;
    width: 1cm;
    height: 0.7cm;
    float: center;
    vertical-align:middle !important;
    cursor: pointer; 
  }

  .CheckS {
    background-color:lightyellow !important;
    color: black !important;
    width: 1cm;
    height: 0.7cm;
    float: left;
    vertical-align:middle;
    cursor: pointer; 
  }

  .CheckR {
    background-color:lightyellow !important;
    color: black !important;
    width: 1cm;
    height: 0.7cm;
    float: right;
    vertical-align:middle !important;
    cursor: pointer; 
  }

  input[type="number"]::-webkit-outer-spin-button,
  input[type="number"]::-webkit-inner-spin-button {
      -webkit-appearance: none;
      appearance:none; 
      margin: 0;
  }

.modal {
    z-index: 1; 
    padding-top: 250px;   /* in mezzo */ 
    left: 0px; 
    top: 0px; 
    width: 100%; 
    height: 100%; 
    overflow: auto; 
    /* background-color: rgb(0,0,0); */
    background-color: rgba(0,0,0,0.4);
  }     
.close {
  color: black;
  float: right;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
}

  /* Modal Header */
.modal-header {
  padding: 2px 8px;
  background-color:red;
  color: white;
}

/* Modal Body */
.modal-body {padding: 2px 16px; overflow:auto;}

/* Modal Footer */
.modal-footer {
  padding: 2px 16px;
  background-color: red;
  color: white;
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 30%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  animation-name: animatetop;
  animation-duration: 0.4s
}
/* Add Animation */
@keyframes animatetop {
  from {top: -300px; opacity: 0}
  to {top: 0; opacity: 1}
}
.sv_loader {
  border: 12px transparent #f3f3f3; /* Light grey */
  border-top: 12px solid #3498db; /* Blue */
  border-bottom: 12px solid #3498db; /* Blue */
  border-radius: 50%;
  position:relative;
  /* posizionamento fisso a metà screen */
  top: 380px;
  left: 720px;
  width: 100px;
  height: 100px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/*
input:not(:placeholder-shown) {
  background-color:lightsalmon !important;
}

input:placeholder-shown {
  background-color:lightyellow !important;
}
*/

.Errore {
  text-align: left;
  color: orangered;
  font-size: 16px;
  font-weight: bold;
}
  
/* campo dimensione da Importo */
.Importo {
  background-color:lightyellow !important;
  color: black !important;
  width: 4cm;  
  height: 0.7cm;
  float: right;
  vertical-align:middle;
  text-align: right;
}

.Testo, .Tecnico, .Identificativo, .Filtro {
  background-color:lightyellow !important;
  color: black !important;
  /*width: 6cm;*/
  height: 0.7cm;
  float: right;
  vertical-align:middle;
}

.Testo-Span {
  background-color:lightyellow !important;
  color: black !important;
  height: 0.7cm;
  vertical-align:middle;
}
  
.DescrizioneH {
  color: black !important;
  background-color:lightyellow !important;  
  width: 100% !important;  
}

.Descrizione, .DescrizioneY {
  color: black !important;
  background-color:lightyellow !important;  
  width: 100% !important;  
  height: 0.7cm;
}

.BottoneMenu {
  color: black !important;
  background-color: lightgray !important;
  width: 100% !important;  
  height: 0.7cm;
}

.Descright {
  color: black !important;
  background-color:lightyellow !important;  
  width: 100% !important;  
  height: 0.7cm;
  text-align:right !important;
}

.Descenter {
  color: black !important;
  background-color:lightyellow !important;  
  width: 100% !important;  
  height: 0.7cm;
  text-align:center !important;
}


.lista-elem {
  background-color:lightyellow !important;
  color: black !important;
  width: 95%;
  height: 0.7cm;
  vertical-align:middle;
}
.Elenco {
  /*color: black !important;*/
  width: 95%;
  height: 0.7cm;
  vertical-align:middle;
}

.DueRighe {
  white-space: pre;
}

.MouseClick {
  cursor: pointer; 
}

.fixedHeader {
  position:sticky; 
  top:45px; 
  z-index:99;
}
.Intero:read-only, .Importo:read-only, .Testo:read-only, .Tecnico:read-only, .Identificativo:read-only, .Descrizione:read-only, .Descright:read-only, 
.Intero:disabled, .Importo:disabled, .Testo:disabled, .Tecnico:disabled, .Identificativo:disabled, .Descrizione:disabled, .Descright:disabled, 
.DescrizioneH:disabled, .DescrizioneH:read-only {
  color: black !important;
  background-color: lightgray !important;
  font-weight: bold !important;
}

.Intero:focus, .Importo:focus, .Testo:focus, .Tecnico:focus, .Identificativo:focus, .Descrizione:focus, .lista-elem:focus {
  color: black !important;
  background-color:lightgreen !important;
}

.Select:disabled {
  background-color:lightgray !important;
}
  
.subtitle {
  text-align: center;
  border: 1px solid black;
  width:100%;
  font-style: italic;
  font-weight: bold;
}

.LineaRossa {
  background-color:red; 
  height:2px !important;
}

.ArcTabs {
  border-bottom:1px solid black; 
  padding: 0.05cm; 
  border-collapse:collapse; 
  margin-left: 0.2cm;
}

.tabs_butt {
  float:left;
  outline: none;
  border-bottom: none;
  cursor: pointer;
  width:100%; 
  background-color: lightcyan; 
  border-top-right-radius:10px;
  font-weight:bold;    
}