﻿@charset "utf-8";
/* CSS Document */
hr {
    border-right:0px;
    border-left:0px;
    border-bottom:0px;
    border-top:1px solid;
    width:100%;
    margin-top:3px;
    margin-bottom:3px;
}
body{
    font-family:Verdana;
    font-size:12px;
    height:100%;
    background:url("../img/sfondo_pagina.png")  
}
html
 {  
    height:100%;       
 } 
.bordo-right, .bordo-left, .bordo-top, .bordo-bottom
{
    border-right:1px solid;
}
.text-ac
{
    text-align:center;
}
.mb
{
    margin-bottom:20px;
}
.mt
{
    margin-top:20px;
}
.ml
{
    margin-left:20px;
}
.mr
{
    margin-right:20px;
}
.fl
{
    float:left;
}
.fr
{
    float:right;
}
.main{
    margin:20px auto;
	width: 960px;
}
.tabella_registro_main
{
    width: 960px;
	margin: auto;
	border-width: 1px;
	border-style: solid;
	border-color: white;
    box-shadow:0 0 45px 10px rgba(0,0,0,0.4);	
}
.col_tabelle_titolo
{
    padding:3px;
}
.col_tabelle_intestazione, .col_tabelle_intestazione2, .col_tabelle_intestazione3
{
    padding:3px;
}
.riga_intestazione td
{
    padding:5px;
}
.logo, .login
{
    width:250px;
    height:180px;
    font-size:14px;
}
.changelog_titolo
{
    width:590px;
    margin:0 auto 0 auto; 
    padding:5px;
    text-align:center;
}
.changelog_table th
{
    text-align:left;
}
.changelog_table td
{
    padding-right:10px;
}

.textarea_registro
{
    border:none;
    font-size:11px;
}
.textarea_registro.altri
    {
        border-bottom: 1px solid #ccc;
        background-color: #eee;
        color:#555;
    }
.radiolist
{
    margin-top:-50px;
    border:2px solid blue;
    background-color:#fff;
    padding:5px;
}
.radiolist td
{
    text-align:left;
    color:#003e60;
    
}
.bottone_voti
{
    width:25px;
    height:30px;
    margin:0px;padding:0px;
    text-align:center;
    font-size:10px;
    margin-top:5px;
}
.bottone_obiettivi
{
    width:40px;
    height:30px;
    margin:0px;padding:0px;
    text-align:center;

}
.obiettivi_testa
{
    background-color:#ccc;
    padding:3px;
    border-top:1px solid #eee;
    border-bottom:1px solid #999;
    cursor:pointer;
}
.obiettivi_testa:hover
{
    background-color:#666;
    color:#eee;
}

.obiettivi_dettaglio
{
    font-weight:normal;
    cursor:pointer;
}
.obiettivi_dettaglio td:hover
{
    color:red;
}
.text_voti
{
    width:50px;
    height:20px;
    margin:0px;padding:0px;
    text-align:center;
    font-size:12px;
}
.popup_bottone
{
    width:40px;
    height:30px;
    margin:0px;padding:0px;
    text-align:center;
}
.registro_nome_alunno{
	width: 190px;
	border-top: thin;
	border-top-style: solid;
	border-right: 1px;
	border-right-style: solid;	
}
.registro_cella
{
    border-top:1px solid;
    border-right:1px solid;
}

.verticale
{
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(270deg);
    transform: rotate(-90deg);
    
}
.verticale_giornaliero
{
    line-height: 20px;
    width: 100px;
    text-align: left;
    margin:-10px -35px 0px -35px;
}
.verticale_settimanale
{
    line-height:14px;
    height: 40px;
    width: 148px;
    margin:67px -35px 0px -54px;
    text-align:center;
}
.bottone_voto
{
    height:15px;
    line-height:15px;
    font-size:10px;
    padding:0px;
}
.nome_istituto{
	font-size: 13px;
	font-weight: bold;	
	text-align: left;
	width: 30%;
	padding: 2px;
}

.intestazione{
	font-size: 13px;
	font-weight: bold;	
	text-align: center;
	width: 40%;
	padding: 2px;	
}

.classe_disciplina{
	font-size: 13px;
	font-weight: bold;	
	text-align: right;
	width: 30%;
	padding: 2px;
}

.link-disc-classe 
{
    margin-left:4px;
    margin-right:4px;
    color:white;
    text-decoration:none;
    padding:2px;
}
.link-disc-classe:hover
{
    color:#236f96;
}
.link-disc-classe-selected
{
    margin-left:4px;
    margin-right:4px;
    color:#236f96;
    text-decoration:none;
    background-color:white;
    padding:2px;
}
/************ ORARIO **************/
.orario_cella
{
    border-right:1px solid;
    border-bottom:1px solid;
    color:#333;
    text-align:center;
}
.orario_link 
{
    text-decoration:none;
}
.orario_link:hover
{
    color:#a0042a;
}
.orario_link_up
{
    text-decoration:none;
}
.orario_bordo_intestazione
{
    border-bottom:1px solid;
}
.link-allegati 
{
    background-color:white;padding:2px;border:1px solid rgba(0,0,0,0)
}
.link-allegati:hover
{
    border:1px solid rgba(255,0,0,1)
}


.testata
{
   width: 520px;
   height: 100px;
   float: left;
   display: block;
   text-align: center;
}
.scelta_scuola
{
    font-size:20px;
}
.scelta_insegnante
{
    font-size:16px;
}
.scelta_scuola td, .scelta_insegnante td
{
    margin:0px;
    padding:5px;
    text-align:left;
    cursor:pointer;
}
.storico_riga
{
    float:left;
    width:100%;
}
.storico_scorrimento
{
    float:left;
}
.storico_cella
{
    width:105px; 
    padding:2px;
    overflow:hidden;
    background-color:white;
    float:left;
    border:1px solid #333; 
    border-width:1px 1px 0 0px;
    color:#003e60;
    font-weight:normal;
    
}
.storico_cella_vuota
{
    width:192px;
    background-color:white;
    float:left;
}
.storico_intestazione
{
    position:absolute;
    margin-left:0px;
    width:187px;
    overflow:hidden;
    text-align:left;
    border-top:1px solid #eee;
    padding:2px;
}
.storico_intestazione_numero
{
    float: left;
    width: 22px;
    line-height: 50px;
    border-right: 1px solid white;
    text-align: center;
}
.storico_intestazione_nome
{
    float:left;width:161px;padding-top:10px;padding-left:2px;
    overflow:hidden;
}
.storico_blu_scuro
{
    background-color: #003e60;
}
.storico_blu_chiaro
{
    background-color: #0082c7;
}
.storico_alunni
{
    height:50px;
}
.storico_alunni_sopra
{
    float: left;
    width: 100%;
    margin-bottom: 5px;
    height: 20px;
}
.storico_alunni_sotto
{
    float:left;
    width:100%;
}
.storico_classe
{
    line-height:20px;
    height:20px;
    background-color:#efefef; 
}
.storico_data
{
    line-height:20px;
    height:20px; 
}
.storico_obiettivo
{
    line-height:100px;
    height:100px;
}
.storico_btn
{
    width:20px;
    height:20px;
    line-height:20px;
    text-align:center;
    background-color:#ccc;
    padding:0px;
    font-weight:bold;
    cursor:pointer;
    float:left;
    margin-right:1px;
}
.storico_btn_alunni
{
    width:20px;
    height:20px;
    line-height:20px;
    text-align:center;
    background-color:#ddd;
    padding:0px;
    cursor:pointer;
    float:left;
    margin-right:1px;
}
.storico_voto
{
    width:20px;
    height:20px;
    line-height:20px;
    text-align:center;
    background-color:#ddd;
    padding:0px;
    float:left;
    margin-right:1px;
    font-size:10px;
}
.storico_btn_nascosto
{
    display:none;
}
.storico_btn_nascosto_popup
{
    position:fixed;
    left:0px;
    top:0px;
    width:300px;
    height:300px;
    border:3px solid red;
    background-color: white;
    display:none;
    z-index:2;
    padding:5px;
    font-weight:normal;
}
.storico_btn_nascosto_popup_titolo
{
    color:red;
    font-size:14px;
}
.storico_btn_nascosto_popup_testo
{
    height:270px;
    width:100%;
    color:#003e60;
    overflow:hidden;
    text-align:left;
}
.storico_btn_nascosto_popup_chiudi
{
    cursor: pointer;
    color:black;
    text-align:right;
    margin-top:10px;
}
.storico_btn_nascosto_popup_chiudi:hover
{
    
    color: red;
}
/***************** MENU ****************************/
.menu_area
{
    border-bottom-width:1px;
    border-bottom-style:solid;
    border-top-width:1px;
    border-top-style:solid;
}
.dati_insegnante
{
	width: 20%;	
    padding:2px;
    text-align:center;
}
.pannello_menu
{
	width: 80%;	
	text-align: center;
}

.menu_generale, .menu_contestuale
{
   width: 100%;
   float: left;
   display: block;
   text-align: left;
   margin-left:5px;
   margin-top:4px;
   margin-bottom:4px;
}
.menu_contestuale_interlinea
{
    margin: 5px 0 5px -5px;
    float: left;
    width: 100%;
}
.bottoniera, .bottone_menu0, .bottone_menu1, .bottone_menu2, .bottone_menu3, .bottone_menu4, .keepalive
{
    float:left;
    margin-right:4px;
    display:block;
    width:39px;
    height:39px;
    line-height:39px;
    font-size:12px;
    font-weight:bold;
    text-align:center;
    border:1px solid;
    text-decoration:none;
    overflow:hidden;
}
.bottoniera img, .bottone_menu0 img, .bottone_menu1 img, .bottone_menu2 img, .bottone_menu3 img, .bottone_menu4 img, keepalive img
{
    border:none;
}
.bottoniera_separatore
{
    width:1px;
    height:54px;
    margin:-8px 10px -10px 5px;
    float:left;
}

.keepalive
{
    float: right;
    font-weight: normal;
    font-size: 10px;
    margin-right: 10px;
    cursor: pointer;
    line-height:13px;
}
/************** DOCUMENTI *******************/
.documenti_header
{
    height:20px;
    text-align:left;
    padding:5px;
    margin-top:5px;
    line-height:20px;
    cursor:pointer;
    border:1px solid;
}
    .documenti_header:hover
    {
        border:1px solid;
    }
.documenti_header span::before
{
    content:"► ";
}
.documenti_header.selected
{
    border:1px solid;
}
.documenti_header.selected span::before
{
    content:"▼ ";
}
.documento
{
    float:left;
    width:445px;
    margin:12px 12px 12px 12px;
    border:1px solid;   
}

.documento .testo
{
    width:267px;
    text-align:left;
    font-size:10px;
    line-height:20px;
    height:24px;
    overflow:hidden;
    text-decoration:none;
    font-weight:normal;
    float:left;
    padding:3px;
    }
.documento .ordine
{
    text-align:center;
    width:28px;
    font-size:9px;
    line-height:26px;
    height:28px;
    overflow:hidden;
    text-decoration:none;
    font-weight:normal;
    float:left;
    padding:1px;
    border-right:1px solid;
    }
.docbtn
{
    height:30px;
    width:30px;
    padding:0px;
    margin:0px;
}
.riep_sett_riga
{
    float:left;
    width:100%;
}
.riep_sett_disc
{
    border:1px solid; 
    float:left; 
    width:42px; 
    height:150px;
    text-align:left;
    line-height:14px;
    font-size:16px;
}
.riep_sett_sett
{
    border:1px solid; 
    float:left; 
    width:300px;
    height:20px;
    overflow:hidden; 
    font-size:16px;
    text-align:center;
    
}
.riep_sett_sett_top
{
    border-bottom:1px solid; 
    width:100%;
    height:20px;
    overflow:hidden; 
    font-size:16px;
    text-align:center;
    position:absolute;
    top:0;
    left:0;
    background-color:#eee;}
.riep_sett_testo
{
    border:1px solid; 
    float:left; 
    width:296px;
    height:146px;
    overflow:auto;
    font-weight:normal;
    text-align:left;
    padding:2px;
    position:relative;
}
/************ RIEPILOGO ALUNNO ************/
.riep_alun_giorno
{
    float:left;
    width:300px;
    height:150px;
    margin:5px;
    border: 1px solid #999;
    overflow:auto;
}
.riep_alun
{
    width:296px;
    float:left;
    padding:2px;
    margin-bottom:3px;
    text-align:left;
    font-weight:normal;
}

.riep_alun_data
{
    text-align:center;
    line-height:22px;
    border-bottom:1px solid ;
    font-weight:bold;
}
.riep_alun_voto
{
    border-bottom:1px solid;
}
.riep_alun_ass
{
    border-bottom:1px solid;
}
.riep_alun_nota
{
    border-bottom:1px solid;
}
.riep_alun_selezione, .riep_alun_selezione_sel
{
    float:left; width:161px;
    padding:4px;
    display:block;
    border: 1px solid;
    text-decoration:none;
    margin:8px 8px 8px 8px;
    height:30px;
    overflow:hidden;
    text-align:center;
    font-weight:normal;
}
.riep_alun_selezione:hover
{
    border: 1px solid;
}
.riep_alun_selezione_sel
{
 border:1px solid;
}
/************ RIEPILOGO classe ************/
.riep_classe_riga
{
    float:left;
    width:100%;
    height:1px;
    border-bottom:1px solid;
}
.riep_classe_testata
{
    float:left;
    width:200px;
    overflow:hidden;
    line-height:30px;
    height:26px;
    overflow:hidden;
    text-align:center;
    border-right:1px solid;
    font-weight:bold;
}
.riep_classe_testata_alunno
{
    float:left;
    width:197px;
    overflow:hidden;
    line-height:27px;
    overflow:hidden;
    padding-left:3px;
}

.riep_classe_testata_mediagen
{
    float:left;
    width:34px;
    overflow:hidden;
    line-height:25px;
    height:26px;
    overflow:hidden;
    text-align:center;
    font-weight:normal;
    border-right:1px solid;
    font-size:11px;
}
.riep_classe_cella
{
    float:left;
    width:169px;
    overflow:hidden;
    display:block;
    min-height:30px;
}
.riep_classe_voti
{
    display:block;
    float:left;
    margin:1px;
    padding:1px;
    border:1px solid;
    height:24px;
    line-height:12px;
    text-align:center;
    font-weight:normal;
    overflow:hidden;
    font-size:11px;
    width:17px;
}
.riep_classe_media_indicatore
{
    display:block;
    float:left;
    padding:1px;
    width:30px;
    height:100%;
    line-height:28px;
    text-align:center;
    font-weight:normal;
    overflow:hidden;
    font-size:11px;
}
.riep_classe_media_com, .riep_classe_media_ass
{
    float:left;
    line-height:28px;
    width:35px;
    text-align:center;
    border-right:1px solid;
}
.riep_classe_autocompletamento
{
   float:left;
    width:34px;
    padding-top:2px;
    height:24px;
    text-align:center;
    border-right:1px solid;
}
    .riep_classe_autocompletamento img
    {
        cursor:pointer;
    }
/***************** CRITERI **************************/
.criteri_tab
{
    width:24.25%;
    float:left;
}
.criteri_tab3
{
    width:32.66%;
    float:left;
}
.criteri_tab.margine, .criteri_tab3.margine
{
    margin-right:1%;
}

.criteri_tab a, .criteri_tab3 a
{
    text-decoration:none;
    color:inherit;
}
.criteri_tab div, .criteri_tab3 div
{
    padding:3px;
    margin-bottom:1px;
    text-align:left;
}
/* SCHEDE COMPORTAMENTO - VOTI */
.schede_intestazione_alunno
{
    float:left;
    width:200px;
    line-height:30px;
    border-right:1px solid ;
    padding:3px;
}
.schede_intestazione_voto
{
    float:left;
    width:30px;
    line-height:30px;
    border-right:1px solid ;
    text-align:center;
    overflow:hidden;
    padding:3px;
    font-size:12px;
}
.schede_intestazione_co
{
    float:left;
    width:40px;
    line-height:30px;
    border-right:1px solid ;
    text-align:center;
    overflow:hidden;
    padding:3px;
    font-size:12px;
}
.schede_cella_alunno
{
    float:left;
    width:200px;
    overflow:hidden;
    line-height:30px;
    border-right:1px solid ;
    padding:3px;
}
.schede_cella_voto
{
    float:left;
    width:30px;
    line-height:30px;
    border-right:1px solid ;
    text-align:center;
    overflow:hidden;
    padding:3px;
}
.schede_cella_co
{
    float:left;
    width:40px;
    line-height:30px;
    border-right:1px solid ;
    text-align:center;
    overflow:hidden;
    padding:3px;
}
.schede_cella_media
{
    float:left;
    width:30px;
    line-height:30px;
    border-right:1px solid ;
    text-align:center;
    overflow:hidden;
    padding:3px;
    font-size:12px;
}
.schede_autocompletamento
{
   float:left;
    width:30px;
    padding:3px;
    line-height:15px;
    border-right:1px solid ;
    text-align:center;
    overflow:hidden;
}
    .schede_autocompletamento img
    {
        cursor:pointer;
    }
.scheda_voti_riga
{
    border-bottom:1px solid;
    float:left;
    width:110%;
}
.schede_alunno_header
{
    width:98%;
    padding:0 1%;
    line-height:30px;
    font-size:16px;
    font-weight:bold;
    height:30px;
    display:block;
    border-bottom:1px solid;
}
.schede_alunno_pannello
{
    width:98%;
    padding:1% 1% 2% 1%;
    margin-bottom:0px;
    float:left;
}

.schede_alunno_anagrafica
{
    float: left;
    border: 1px solid;
    margin: 5px;
    padding: 5px;
    text-align:center;
}
.schede_alunno_assenze
{
    float: left;
    width: 72px;
    border: 1px solid;
    margin: 5px;
    padding: 5px;
    text-align:center;
}
.schede_alunno_voti_blocco
{
    float: left;
    width: 50px;
    border: 1px solid;
    margin: 5px;
    padding: 5px;
}
.schede_alunno_voti_dis
{
    float: left;
    width: 60%;
    text-align: left;
}
.schede_alunno_voti_voto
{
    float: left;
    width: 40%;
    text-align: right;
}


.testo_link
{
    color:blue;
    text-decoration:none;
}
.testo_link:hover
{
    color:#666;
}
