/* FILE CSS */
/* BODY */
body{
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    background-color: rgb(237, 251, 249);
    color: #393E46;
}

/* BOX */
.homebox {
    margin: 60px auto 0 auto;
    width: 75%;    
}

/* BARRA FISSA IN ALTO */
#titlebar{
    font-weight: 400;
    background-color:#015f7f;
    width: 100%;
    border-bottom-color: rgba(0, 166, 147);
    border-style: 2px solid;
}

/* BUTTON */
#avanti{
    color: white;
    background-color: rgb(26, 161, 170);
    border-color: rgb(26, 161, 170);
}
#indietro{
    color: rgb(26, 161, 170);
    background-color: white;
    border-color: rgb(26, 161, 170); 
}
/*.buttonyes{
    height:30px;
    width:60px; 
    background-color: #ff871d82;
    border-color: #ff871d82;
    border-radius: 8px;
}.buttonyes:focus{
    background:rgb(26, 161, 170);
} */

.tooltip {
    font-family: 'Urbanist', sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    width:120pt;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    /* ... */
  }


.tablebox {
    width: 100%;
    max-width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    display: block;
}

.wide-table {
    border-collapse: collapse;
    min-width: 2200px;
    width: 2200px;
}

.wide-table th,
.wide-table td {
    width: 180px;
    min-width: 180px;
    max-width: 180px;
    white-space: normal;
    vertical-align: top;
}

.wide-table th:first-child,
.wide-table td:first-child {
    width: 360px;
    min-width: 360px;
    max-width: 360px;
}