@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Roboto+Mono');
@import url("/css/admin.php");

*{
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
}

.app{
    float: left;
    text-align: center;
    margin-right: 5px;
    font-size: 96% !important;
    margin-top: 5px;
}

.app img{
    width: 36px;
    height: 36px;
}

body{
    margin: 52px 0px 25px 0px !important;
    padding: 0px !important;
}

header{
    z-index: 9999;
}

.header{
    background-color: #ffffff;
    border: 2px solid #cccccc;
    border-radius: 0px 0px 10px 10px;
    height: 50px;
    padding: 0px;
    position: fixed;
    text-align: center;
    top: 0px;
    width: 100%;
}

footer{
    background-color: #ffffff;
    border: 2px solid #cccccc;
    border-radius: 10px 10px 0px 0px;
    bottom: 0px;
    height: 22px;
    position: fixed;
    text-align: center;
    width: 100%;
}

th div, th{
    text-align: center !important;
}

.bold{
    font-weight: bold;
}

.italic{
    font-style: italic;
}

.monospace{
    font-family: 'Roboto Mono', monospace;
}

.grayedOut{
    color: #777777;
}

.bottomline{
    border-bottom: solid 1px black;
}

.userdata{
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    min-height: 1.9em;
}

.ui-dialog-titlebar-close{
    display: none;
}

.mytitle{
    border-radius: 10px;
    width: 100%;
    padding: 5px;
    text-align: center;
    border: 2px solid #cccccc;
    background-color: #aaaaaa;
    margin-top: 5px;
    margin-bottom: 5px;
}

.notifyjs-corner{
    top: 40px !important;
}

.smallcol{
    width: 1px !important;
    text-align: center;
}

.nowrap{
    white-space: nowrap;
}

#tabellaLogin{
	padding: 15px;
    border-collapse: separate !important;
    border-radius: 15px;
}

.page_title{
    text-transform: uppercase;
}

.divOpened, .divClosed{
    cursor: pointer;
}

.pointer{
    cursor: pointer;
}

.personaAssente{ background-color: rgba(255,0,0,0.3) !important; }
.personaAssente:hover{ background-color: rgba(255,0,0,0.2) !important; }
.personaAssente .sorting_1{ background-color: rgba(255,0,0,0.4) !important; }
.personaAssente .sorting_2{ background-color: rgba(255,0,0,0.4) !important; }
.personaAssente .sorting_3{ background-color: rgba(255,0,0,0.4) !important; }

.personaPresente{ background-color: rgba(0,255,0,0.3) !important; }
.personaPresente:hover{ background-color: rgba(0,255,0,0.2) !important; }
.personaPresente .sorting_1{ background-color: rgba(0,255,0,0.4) !important; }
.personaPresente .sorting_2{ background-color: rgba(0,255,0,0.4) !important; }
.personaPresente .sorting_3{ background-color: rgba(0,255,0,0.4) !important; }

@media print{
        .dataTables_length, .dataTables_filter, .dataTables_info, .dataTables_paginate {
            display: none !important;
        }
        
        .no_print{
            display: none !important;
        }

        .logo{
            width: 130px !important;
        }


}