.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;
        }
        
    .ndfTable
    {
        border-spacing: 0;
        border-collapse: collapse;
        border: 1px solid lightgray;
        font-size: 12px;
        text-align: center;
    }
    
        .ndfTableHeader
        {
            font-size: 14px;
            font-weight: bold;
            
            border: 1px solid lightgray;
            padding: 2px 15px 2px 15px;
        }
        
        .ndfTable td
        {
            border: 1px solid lightgray;
            padding: 2px 15px 2px 15px;
            
        }
        
        .ndfTableTotal
        {
            font-size: 14px;
            font-weight: bold;
            
            border: 1px solid lightgray;
            padding: 2px 15px 2px 15px;
        }

.ndfAddableTd:hover {
  background-color: rgba(111, 169, 216, 0.377);
}



    .recap_container {
      font-family: Arial, sans-serif;
      padding: 20px;
      max-width: 600px;
      margin: 0 auto;
      background: #ffffff;
    }

    .recap_table {
      width: 100%;
      border-collapse: collapse;
      background: #ffffff;
      page-break-inside: auto;
    }

    .recap_table thead {
      display: table-header-group;
    }

    .recap_table tfoot {
      display: table-footer-group;
    }

    .recap_table_row {
      page-break-inside: avoid;
      break-inside: avoid;
    }

    .recap_table th,
    .recap_table td {
      border: 1px solid #d9e2ec;
      padding: 12px 15px;
    }

    .recap_header {
      background: #4a90e2;
      color: #ffffff;
      font-size: 20px;
      font-weight: bold;
      text-align: center;
    }

    .recap_col_label {
      text-align: left;
    }

    .recap_col_value {
      text-align: right;
      font-weight: 500;
      width: 25mm;
    }

    .recap_alt {
      background: #f9fbfd;
    }

    .recap_total_label,
    .recap_total_value {
      font-weight: bold;
      background: #f1f5f9;
      border-top: 2px solid #4a90e2;
    }

    .recap_total_label {
      text-align: left;
    }

    .recap_total_value {
      text-align: right;
      color: #2c3e50;
    }