/*css cartelle principali*/
.aritmetica{
    background: url(software/img/aritmetica.png);
}
.colore_aritmetica{
    background-color: #1ba299;
}

.geometria{
    background: url(software/img/geometria.png);

}
.colore_geometria{
    background-color: #1ba299;
}

.algebra{
    background: url(software/img/algebra.png);
}
.colore_algebra{
    background-color: #1ba299;
}

/*----------------------------*/
a, a:hover{
    color: inherit;
}

.links a{
    color: #be0000;
}

.indietro{
    background: #d3212d;
    margin-top: 15px;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 30px;
    padding: 2px 12px;
    border: 1px solid #ffffff;
    border-radius: 5px;
    color: white;
}

.indietro_da_verifiche{
    margin-top: 15px;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 30px;
    padding: 9px 15px;
    border: 1px solid;
    border-radius: 5px;
    display: none;
}

.indietro > img{
    margin-right: 5px;
}

.first-row{
    padding-top: 10px;
    height: 175px;
    padding-bottom: 10px;
    background: rgba(245, 245, 247, 0.94);
    border-top: 8px solid #d3212d;
    text-align: center;
    margin-bottom: 20px;
    box-shadow: 2px 0px 16px rgba(136, 136, 136, 0.6);
}

#lista-file p {
    margin-top: 6px;
}

#lista-file{
    margin-bottom: 20px;
    min-height: 120px;
}

#lista-file.l_f_principale{
    text-align: center;
}

.footer p, .footer a {
    color: #a7a7a7;
}

.links{
    display:inline-block;
    vertical-align:middle;
    text-align: left;
}



.p_folder{
    margin: 25px 14px;
}

#lista-file .p_folder_title{
    color: white;
    font-weight: bolder;
    margin-top: 10px;
    font-size: 17px;
}

.folder, .file{
    display: inline-block;
    text-align: center;
    cursor: pointer;
}

.folder img, .file img{
    height: 80px;
}

#aggiornamenti{
    border: 1px solid rgba(220, 220, 220, 0.5);
    background-color: rgba(220, 220, 220, 0.5);
    border-radius: 5px;
    min-height: 100px;
    padding: 10px;
    text-align: center;
    margin-top: 20px;
}

#conn-ico{
    width: 60px;
    margin-bottom: 10px;
}

.update_available #conn-ico, .no_update_available #conn-ico, .searching_update #conn-ico{
    display: none;
}

.update_available #agg-ico{
    display: inline!important;
}

#ver_online{
    border: 1px solid #4a90e2;
    border-radius: 5px;
    padding: 10px;
    text-align: center;
    margin-top: 20px;
    color: #4a90e2;
}

.glyphicon-repeat{
    margin-left: 5px;
    font-weight: 600;
    font-size: 20px;
    color: darkgray;
}

#aggiornamenti > p > span{
    vertical-align: middle;
}

.footer{
    padding: 50px 0px;
    text-align: center;
}

.last-row{
    height: 160px;
    background: url(img/footer.jpg) no-repeat;
    background-size: 100% 100%;
}

.main{
    min-height: 400px;
    min-height: calc( 100vh - 356px );
}

#sidebar-right{
    display: none;
}

#numero_update{
    padding: 7px 13px;
    background-color: #d5060b;
    border-radius: 100%;
    color: white;
    margin-left: 5px;
    display: inline-block;
}

.update_available{
    border-color: #8BC34A!important;
    color: white;
    background-color: #8BC34A!important;
}

#titolo{
    color: white;
    padding: 5px;
    font-size: 26px;
    text-align: center;
    border-radius: 5px;
}

#titolo-aggiornamenti{
    color: #8BC34A;
    padding: 3px 10px;
    font-size: 16px;
    text-align: center;
    border-radius: 5px;
    display: none;
    background-color: white;
    vertical-align: middle;
}

.element{
    display: inline-block;
    margin: 15px 20px;
    vertical-align: top;
}

.clickable{
    cursor: pointer;
}

.update{
    color: #8BC34A;
}

.file {
    width: 120px;
}

a:focus, a:hover {
    text-decoration: none;
}

#start .container.main > .row:nth-child(2){
/*    margin-top: 35px;*/
}

.help {
    font-weight: bold;
    color: #d3212d;
}

.first-row > div:nth-child(1){
    margin-top: 20px;
}

.first-row > div:nth-child(3){
    margin-top: 25px;
}
.iconcine {
    max-height: 105px;
    float: left;
    margin-left: 100px;
    margin-top: 24px;
}

h3{
    color: #d3212d;
    text-align: center;
    font-size: 27px;
}

p {
    color: #636363;
}

p {
    font-size:17px;
}
#logo {
    margin: auto;
}

.modello {
    margin: auto;
    margin-top: 40px;
}

.tre-box img{
    margin: auto;
}