.error
{
    color: red;
    padding: 10px;
}

.warning
{
    color: #F39C12;
    padding: 10px;
}

.success
{
    color: green;
    padding: 10px;
}

.dashboard_icon 
{
    white-space: nowrap;
    width: 1%;
    margin: auto;
    text-align: center;
}

.count_badge
{
   font-size: 12px;
   font-style: italic;
   
   float: right;
   
   margin-top: 2px;
   margin-right: -12px;
}

iframe
{
    width: 1100px;
    height: 800px;
}

.validation_button
{
    text-align:right;
}

#timetable
{
    min-width: 900px;
    width: 100%;
}

#validation
{
    text-align:right;
}

.hover_img a { position:relative; }
.hover_img a span { position:absolute; display:none; z-index:99; }
.hover_img a:hover span { display:block; background-color: white; }

#mouseOverlay
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
    background-color:#FF0000;
    opacity: 0.5;
    z-index: 10000;
    
    visibility:hidden;
    
    pointer-events: none; 
}

.comment
{
    margin: auto;
    width: 90%;
    padding: 10px;
    background: #DDDDDD;
    border-radius: 10px;
    font-style: italic;
}

#recapProjects
{
}

    .recapTable
    {
        border-spacing: 0;
        border-collapse: collapse;
    }

        .recapFirstRow
        {
            text-align: center;
            border: 1px solid lightgray;
            padding : 5px 20px 5px 20px;
            font-size: 18px;
        }
        
        .recapRow
        {
            border: 1px solid lightgray;
            align:center;
            text-align: center;
            vertical-align: middle;
            padding : 5px 20px 5px 20px;
        }