@font-face{
    font-family:'Calibre';
    src:url('fonts/CalibreWeb-Regular.woff') format('woff');
    font-weight:400;
    font-style:normal;
}

@font-face{
    font-family:'CalibreItalic';
    src:url('fonts/CalibreWeb-RegularItalic.woff') format('woff');
    font-weight:400;
    font-style:italic;}
@font-face{
    font-family:'CalibreSemibold';
    src:url('fonts/CalibreWeb-Semibold.woff') format('woff');
    font-weight:600;
    font-style:normal;}
@font-face{
    font-family:'CalibreSemiboldItalic';
    src:url('fonts/CalibreWeb-SemiboldItalic.woff') format('woff');
    font-weight:600;
    font-style:italic;}




body{
    background-color: #061E2B;
    color: #FFF;
    font-family: 'Calibre', 'Arial', 'Helvetica', sans-serif;
    font-size: 1rem;
    padding: 0;
    margin: 0;
}

/*
body{
    background-color: #061E2B;
    color: #FFF;
    font-family: 'Arial', 'Helvetica', sans-serif;
   
    font-size: 14.5px;  problema su corrispondenza numeri Helvetica-Calibre 
    padding: 0;
    margin: 0;
}

.fonts-loaded body {
    font-family: 'Calibre', 'Arial', 'Helvetica', sans-serif;
    font-size: 18px;
}

*/

p{
    color: #47535C;
    font-family: 'Courier', monospace;
    font-size: 16px;
}

h1{
    font-size: 1rem;
}

pre{
    overflow: hidden;
    color: #ff0036;
}

.container{
    padding: 0 25px;
}

table{    
    width: 100%;
    border-collapse: collapse;
}
th{
    font-weight: 600;
}
td, th{
    padding: 10px 5px;
    text-align: left;
}
thead{
    color: #ff0036;
    text-decoration: underline;
}
/*
.fonts-loaded th {
    font-family: 'CalibreSemibold', 'Arial', sans-serif;
}
*/
thead th{
    padding: 15px 5px;    
}

thead th:nth-child(2){
    text-align: center;    
}

tbody tr:last-child td{
    border-bottom: 1px solid #979797;    
    padding-bottom: 15px;
}

tbody tr:first-child td{
    border-top: 1px solid #979797;    
    padding-top: 15px;
}

thead tr td:first-child, tbody tr td:first-child{
    width: 20px;
}

.content-image td:nth-child(2) a{
    color: #ff0036;   
    text-decoration: underline; 
}

.content-folder td:nth-child(2) a{
    color: #ff0036;   
    text-decoration: underline; 
}

pre.small{    
    font-size: 3.15vw;
}

pre.medium{    
    font-size: 1.55vw;
}

pre.big{    
    font-size: 1.25vw;
}


pre.medium, pre.big{
    display: none;
}

@media(min-width:768px){

    .container{
        padding: 0 30px;
    }

}

@media(min-width:768px){
    pre.medium{
        display: block;
    }
    pre.small, pre.big{
        display: none;
    }
}

@media(min-width:1200px){

    .container{
        padding: 0 60px;
    }
    pre.big{
        display: block;
    }
    pre.small, pre.medium{
        display: none;
    }
}