body{font-family: Segoe-UI, sans-serif, Georgia, serif;background-color:#002e43; }
.Titolo1{
  text-align: justify;
  font-weight: bold;
  /*
  background-image: url(./imgs/info.png);
  background-repeat: no-repeat;
  background-size: 25px;
  text-indent: 30px;
  background-position-y: top;
  */
  background-color: aliceblue;
  padding: 10px;
  padding-top: 6px;
  font-size: 20px;
}
.Titolo1>img{cursor:pointer; height: 25px;}
.Titolo1>strong{cursor:pointer;}
.ALA-DIV-PARA{
  float: left;
  background-color: white;
  margin: 3px;
  border-radius: 4px;
  padding: 6px;
  padding-right: 20px;
  /* width: 312px; */
  color: black;
  border-color: black;
  border-style:double;
  font-size: small;
  }
  .ALA-TITLE{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: inherit;
    font-style: inherit;
    vertical-align: middle;
    background-image: url('./imgs/down.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    background-position-x: 0px;
    text-indent: 30px;
    cursor: pointer;
    font-weight: unset;
    font-size: unset;
  }
  .ALA-ICO {
    width: 20px;
    cursor: pointer;
    }
  .ALA-PDF-ICO{
    font-family: inherit;
    font-style: inherit;
    vertical-align: middle;
    background-image: url('./imgs/logo_pdf.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 35px;
    background-position-x: 0px;
    width: 65px;
    text-align: end;
  }
  .ALA-FRAME{
      width: 100%;
      height: 350px;
      overflow: auto;
      border: 1px solid black;
    }

  #ALA-CHG-CAKE{
    width: 100%;
    height: 400px;
    overflow: scroll;
    }

  .ALA-TABLE {
        font-family: Arial, Helvetica, sans-serif;
        border-collapse: collapse;
        width: 100%;
        /*height: 600px;*/
        padding: 3px;
      }
  .ALA-TABLE td, .ALA-TABLE th {
        border: 1px solid #ddd;
        padding: 8px;
      }
  .ALA-TABLE tr:nth-child(even){background-color: #f2f2f2;}
  /*.ALA-TABLE tr:nth-child(even){background-color: azure;}*/
  /*.ALA-TABLE tr:nth-child(odd){background-color: cadetblue;}*/
  .ALA-TABLE tr:hover {background-color: #ddd; }
  .ALA-TABLE td:hover {cursor:pointer; }
  .ALA-TABLE th {
        padding-top: 12px;
        padding-bottom: 12px;
        text-align: left;
        background-color: #145BAD;
        color: white;
      }
  .ALA-TABLE td{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  /*DIV affiancati*/
  .ALA-container{
      max-width:80%;
      margin:30px auto;
      /*background:lightgrey;*/
      height:350px;
      /*line-height:200px;*/
      overflow: hidden;
  }
  .ALA-container div.sinistro{
    float:left;
    margin:0;
    padding:0px;
    width:19%;
    height:344px;
    text-align:left;
    color: darkslategrey;
    /*background-image: linear-gradient(327deg, #76addf, transparent);*/
    background-color: white;
    border-radius: 20px;
    border-style: double;}
  .ALA-container div.sinistro p{
    cursor: pointer;
    background-image: url('./imgs/lefti.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
    background-position-x: 0px;
    padding-left: 23px;
    padding-right: 1px;

    line-height: 22px;
    margin-bottom: 24px;
    margin-left: 5px;
    font-weight: bold;
    font-size: 14px;
    width: 82%;
  }
  .ALA-container div.sinistro p:hover{
        color: darkblue;
      /*color: red;*/}
  .ALA-container div.sinistro >ul{
    /*list-style-type:georgian;*/
    list-style-image: url('./imgs/list_dx2.png');
    inline-size: min-content;
    color: beige;}

  .ALA-container div.sinistro >ul >li{
      text-align: left; /* orizzontale */
      word-wrap: break-word;
      cursor: pointer;}
  .ALA-container div.sinistro >ul >li:hover{
        color: darkblue;
      /*color: red;*/}

  .ALA-container div.destro{
      float:right;
      margin:0;
      padding:0;
      width:80%;
      height:350px;
      background:transparent;
      text-align:center;
      color: #fff;
      font-size:30px;
      font-size: unset;
      color: black;
      overflow: auto;}
  .ALA-container div.destro .ALA-DIV-DX-TITLE{
      font-size: xx-large;
      font-weight: bolder;
      height: 150px;
      line-height: 150px;
      white-space: nowrap;}





  /*EXPOST TABLE         */
  .ALA-TABLE2 {
        font-family: Arial, Helvetica, sans-serif;
        border-collapse: collapse;
        width: 100%;
        /*height: 600px;*/
        padding: 3px;
      }
  .ALA-TABLE2 td, .ALA-TABLE2 th {
        border: 1px solid #ddd;
        padding: 8px;
      }
  /*.ALA-TABLE2 tr:nth-child(even){background-color: #f2f2f2;}*/
  .ALA-TABLE2 tr:nth-child(even){background-color: azure;}
  .ALA-TABLE2 tr:nth-child(odd){background-color: cadetblue;}
  .ALA-TABLE2 tr:hover {background-color: #ddd; }
  .ALA-TABLE2 td:hover {cursor:pointer; }
  .ALA-TABLE2 th {
        padding-top: 12px;
        padding-bottom: 12px;
        text-align: center;
        background-color: #145BAD;
        color: white;
      }
  .ALA-TABLE2 td{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  #EXPOST-TBL{
    height: 350px;
    display: block;
    position: relative;
    overflow-x: auto;
  }

  #ALA-TBLS-EXPOST-TBODY tr >td[field="GarantiteB"], td[field="Fuori_termineB"],
    td[field="GarantiteD"], td[field="Fuori_termineD"],
    td[field="GarantiteP"], td[field="Fuori_termineP"] {
    text-align: center;
    width: 20%;
  }
  #ALA-TBLS-EXPOST-TBODY tr >td[field="PercentB_garantite"], td[field="PercentD_garantite"], td[field="PercentP_garantite"] {
    text-align: right;
    font-weight: bold;
  }